@charset "UTF-8";@import url("https://dev.iconly.io/public/JwjkTLFKScR3/iconly.css");

/* ==========================================================================
   * Variables *
========================================================================== */
/* ==========================================================================
   * Mixins *
========================================================================== */
/* ==========================================================================
   * Functions *
========================================================================== */
/* ==========================================================================
    * TYPOGRAPHY SYSTEM
========================================================================== */
/* === Modern Custom Reset + Normalize === */
/* 1. Universal box-sizing: make layouts predictable */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* 2. Base document styles */
html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling on iOS */
}
body {
  margin: 0;
  line-height: 1.5; /* Better text readability */
  -webkit-font-smoothing: antialiased; /* Smoother font rendering on macOS/iOS */
}
/* 3. Media elements: make them responsive and block-level */
img,
picture,
video,
canvas,
svg {
  display: block; /* Removes inline spacing */
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border-style: none;
  user-select: none;
}
/* 4. Form elements: inherit font styles and normalize look */
button,
input,
textarea,
select {
  font: inherit; /* Use same font as body */
  color: #000;
  vertical-align: middle;
  line-height: inherit;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 0.3s; /* Smooth hover/focus transitions */
}
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  border: none;
  padding: 0;
}
input[type=search] {
  -webkit-appearance: none;
  outline-offset: -0.125rem; /* Better outline alignment */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto; /* Consistent number input look in Chrome/Safari */
}
textarea {
  resize: vertical; /* Allow vertical resize only */
  overflow: auto;
}
/* 5. Reset margins and borders for common elements */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
th,
blockquote,
button,
figure,
legend,
textarea,
pre,
iframe,
input,
form,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
/* 6. Text-level elements: normalize look */
mark {
  background-color: transparent;
}
blockquote,
q {
  quotes: none;
}
q::before,
q::after {
  content: "";
}
audio:not([controls]) {
  display: none;
}
svg {
  fill: currentColor;
}
/* 7. Text selection styles */
::selection,
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
/* 8. Hidden attribute: ensure it always hides elements */
:where([hidden]) {
  display: none;
}
/* 9. Accessibility: disable animations for users who prefer reduced motion */
@font-face {
  font-family: "Mariupol";
  src: url("/assets/fonts/Mariupol-Regular-D6GS54BE.eot") format("eot"), url("/assets/fonts/Mariupol-Regular-mvMfx6Zm.woff2") format("woff2"), url("/assets/fonts/Mariupol-Regular-DgjC-kqn.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mariupol";
  src: url("/assets/fonts/Mariupol-Medium-gfnUBwpR.eot") format("eot"), url("/assets/fonts/Mariupol-Medium-EUZAsKfi.woff2") format("woff2"), url("/assets/fonts/Mariupol-Medium-CAcMoTAh.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Mariupol";
  src: url("/assets/fonts/Mariupol-Bold-CgEm4wIM.eot") format("eot"), url("/assets/fonts/Mariupol-Bold-D82G0eMQ.woff2") format("woff2"), url("/assets/fonts/Mariupol-Bold-CHrByHmG.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
/* ==========================================================================
   * Typography *
========================================================================== */
.ff-primary, .cstmSelect .vscomp-wrapper {
  font-family: "Mariupol", sans-serif;
}
.ff-primary2 {
  font-family: "Arial", sans-serif;
}
.ff-secondary, .cms-editor > ol:not([class]), .swal2-html-container > ol:not([class]), .cms-editor > ul:not([class]), .swal2-html-container > ul:not([class]), .cms-editor blockquote p, .hero-modal .swal2-html-container blockquote p, .swal2-html-container blockquote p {
  font-family: "Inter", serif;
}
.ttl, .ttl8, .ttl7, .ttl6, .cms-editor h6:not([class]), .swal2-html-container h6:not([class]), .ttl5, .cms-editor h5:not([class]), .swal2-html-container h5:not([class]), .ttl4, .cms-editor h4:not([class]), .swal2-html-container h4:not([class]), .ttl3, .cms-editor h3:not([class]), .swal2-html-container h3:not([class]), .ttl2, .cms-editor h2:not([class]), .swal2-html-container h2:not([class]), .ttl1, .cms-editor h1:not([class]), .swal2-html-container h1:not([class]) {
  font-family: "Mariupol", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  position: relative;
  font-feature-settings: "tnum" on, "lnum" on;
}
.ttl mark, .ttl8 mark, .ttl7 mark, .ttl6 mark, .cms-editor h6:not([class]) mark, .swal2-html-container h6:not([class]) mark, .ttl5 mark, .cms-editor h5:not([class]) mark, .swal2-html-container h5:not([class]) mark, .ttl4 mark, .cms-editor h4:not([class]) mark, .swal2-html-container h4:not([class]) mark, .ttl3 mark, .cms-editor h3:not([class]) mark, .swal2-html-container h3:not([class]) mark, .ttl2 mark, .cms-editor h2:not([class]) mark, .swal2-html-container h2:not([class]) mark, .ttl1 mark, .cms-editor h1:not([class]) mark, .swal2-html-container h1:not([class]) mark {
  color: var(--primary);
}
.ttl1, .cms-editor h1:not([class]), .swal2-html-container h1:not([class]) {
  font-size: clamp(43px, 1rem + 5vw, 60px);
}
.ttl2, .cms-editor h2:not([class]), .swal2-html-container h2:not([class]) {
  font-size: clamp(27px, 1rem + 4vw, 30px);
}
.ttl3, .cms-editor h3:not([class]), .swal2-html-container h3:not([class]) {
  font-size: clamp(20px, 1rem + 5vw, 22px);
}
.ttl4, .cms-editor h4:not([class]), .swal2-html-container h4:not([class]) {
  font-size: clamp(18.9px, 1rem + 5vw, 21px);
}
.ttl5, .cms-editor h5:not([class]), .swal2-html-container h5:not([class]) {
  font-size: clamp(18px, 1rem + 5vw, 20px);
}
.ttl6, .cms-editor h6:not([class]), .swal2-html-container h6:not([class]) {
  font-family: "Mariupol", sans-serif;
  font-size: clamp(16.2px, 1rem + 5vw, 18px);
}
.ttl7 {
  font-size: 1.4375rem;
  font-weight: 400;
}
.ttl8 {
  font-size: 1.25rem;
}
.ttl1.fw300, .cms-editor h1.fw300:not([class]), .swal2-html-container h1.fw300:not([class]),
.ttl2.fw300,
.cms-editor h2.fw300:not([class]),
.swal2-html-container h2.fw300:not([class]),
.ttl3.fw300,
.cms-editor h3.fw300:not([class]),
.swal2-html-container h3.fw300:not([class]),
.ttl4.fw300,
.cms-editor h4.fw300:not([class]),
.swal2-html-container h4.fw300:not([class]),
.ttl5.fw300,
.cms-editor h5.fw300:not([class]),
.swal2-html-container h5.fw300:not([class]),
.ttl6.fw300,
.cms-editor h6.fw300:not([class]),
.swal2-html-container h6.fw300:not([class]) {
  font-weight: 300;
}
.ttl1.fw400, .cms-editor h1.fw400:not([class]), .swal2-html-container h1.fw400:not([class]),
.ttl2.fw400,
.cms-editor h2.fw400:not([class]),
.swal2-html-container h2.fw400:not([class]),
.ttl3.fw400,
.cms-editor h3.fw400:not([class]),
.swal2-html-container h3.fw400:not([class]),
.ttl4.fw400,
.cms-editor h4.fw400:not([class]),
.swal2-html-container h4.fw400:not([class]),
.ttl5.fw400,
.cms-editor h5.fw400:not([class]),
.swal2-html-container h5.fw400:not([class]),
.ttl6.fw400,
.cms-editor h6.fw400:not([class]),
.swal2-html-container h6.fw400:not([class]) {
  font-weight: 400;
}
.ttl1.fw500, .cms-editor h1.fw500:not([class]), .swal2-html-container h1.fw500:not([class]),
.ttl2.fw500,
.cms-editor h2.fw500:not([class]),
.swal2-html-container h2.fw500:not([class]),
.ttl3.fw500,
.cms-editor h3.fw500:not([class]),
.swal2-html-container h3.fw500:not([class]),
.ttl4.fw500,
.cms-editor h4.fw500:not([class]),
.swal2-html-container h4.fw500:not([class]),
.ttl5.fw500,
.cms-editor h5.fw500:not([class]),
.swal2-html-container h5.fw500:not([class]),
.ttl6.fw500,
.cms-editor h6.fw500:not([class]),
.swal2-html-container h6.fw500:not([class]) {
  font-weight: 500;
}
.ttl1.fw600, .cms-editor h1.fw600:not([class]), .swal2-html-container h1.fw600:not([class]),
.ttl2.fw600,
.cms-editor h2.fw600:not([class]),
.swal2-html-container h2.fw600:not([class]),
.ttl3.fw600,
.cms-editor h3.fw600:not([class]),
.swal2-html-container h3.fw600:not([class]),
.ttl4.fw600,
.cms-editor h4.fw600:not([class]),
.swal2-html-container h4.fw600:not([class]),
.ttl5.fw600,
.cms-editor h5.fw600:not([class]),
.swal2-html-container h5.fw600:not([class]),
.ttl6.fw600,
.cms-editor h6.fw600:not([class]),
.swal2-html-container h6.fw600:not([class]) {
  font-weight: 600;
}
.ttl1.fw700, .cms-editor h1.fw700:not([class]), .swal2-html-container h1.fw700:not([class]),
.ttl2.fw700,
.cms-editor h2.fw700:not([class]),
.swal2-html-container h2.fw700:not([class]),
.ttl3.fw700,
.cms-editor h3.fw700:not([class]),
.swal2-html-container h3.fw700:not([class]),
.ttl4.fw700,
.cms-editor h4.fw700:not([class]),
.swal2-html-container h4.fw700:not([class]),
.ttl5.fw700,
.cms-editor h5.fw700:not([class]),
.swal2-html-container h5.fw700:not([class]),
.ttl6.fw700,
.cms-editor h6.fw700:not([class]),
.swal2-html-container h6.fw700:not([class]) {
  font-weight: 700;
}
.ttl1.fw800, .cms-editor h1.fw800:not([class]), .swal2-html-container h1.fw800:not([class]),
.ttl2.fw800,
.cms-editor h2.fw800:not([class]),
.swal2-html-container h2.fw800:not([class]),
.ttl3.fw800,
.cms-editor h3.fw800:not([class]),
.swal2-html-container h3.fw800:not([class]),
.ttl4.fw800,
.cms-editor h4.fw800:not([class]),
.swal2-html-container h4.fw800:not([class]),
.ttl5.fw800,
.cms-editor h5.fw800:not([class]),
.swal2-html-container h5.fw800:not([class]),
.ttl6.fw800,
.cms-editor h6.fw800:not([class]),
.swal2-html-container h6.fw800:not([class]) {
  font-weight: 800;
}
.ttl1.fw800, .cms-editor h1.fw800:not([class]), .swal2-html-container h1.fw800:not([class]),
.ttl2.fw800,
.cms-editor h2.fw800:not([class]),
.swal2-html-container h2.fw800:not([class]),
.ttl3.fw800,
.cms-editor h3.fw800:not([class]),
.swal2-html-container h3.fw800:not([class]),
.ttl4.fw800,
.cms-editor h4.fw800:not([class]),
.swal2-html-container h4.fw800:not([class]),
.ttl5.fw800,
.cms-editor h5.fw800:not([class]),
.swal2-html-container h5.fw800:not([class]),
.ttl6.fw800,
.cms-editor h6.fw800:not([class]),
.swal2-html-container h6.fw800:not([class]) {
  font-weight: 800;
}
.ttl1.fw900, .cms-editor h1.fw900:not([class]), .swal2-html-container h1.fw900:not([class]),
.ttl2.fw900,
.cms-editor h2.fw900:not([class]),
.swal2-html-container h2.fw900:not([class]),
.ttl3.fw900,
.cms-editor h3.fw900:not([class]),
.swal2-html-container h3.fw900:not([class]),
.ttl4.fw900,
.cms-editor h4.fw900:not([class]),
.swal2-html-container h4.fw900:not([class]),
.ttl5.fw900,
.cms-editor h5.fw900:not([class]),
.swal2-html-container h5.fw900:not([class]),
.ttl6.fw900,
.cms-editor h6.fw900:not([class]),
.swal2-html-container h6.fw900:not([class]) {
  font-weight: 900;
}
.ttl-author {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.1;
}
.ttl-author--big {
  font-size: 2.3125rem;
}
.ttl-year {
  font-family: "Mariupol", sans-serif;
  font-size: 1.125rem;
  line-height: 1.1;
}
/* ==========================================================================
    * ICONS SYSTEM *
========================================================================== */
/* ==========================================================================
    * Helper classes *
	========================================================================== */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.dn {
  display: none !important;
}
.df {
  display: flex;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.dtc {
  display: table-cell;
  vertical-align: middle;
}
.table-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.invisible {
  visibility: hidden;
  opacity: 0;
}
.opacity0 {
  opacity: 0;
}
.vh {
  visibility: hidden;
}
.oh {
  overflow: hidden;
}
.hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.ta-center {
  text-align: center;
}
.ta-left {
  text-align: left;
}
.ta-right {
  text-align: right;
}
.smooth-scroll {
  scroll-behavior: smooth;
}
.pen {
  pointer-events: none;
}
.cup {
  cursor: pointer;
}
.trs {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.scroll-snap {
  scroll-snap-type: x mandatory;
}
.scroll-snap > * {
  scroll-snap-align: start;
}
.scroll-hide, .scroll-one-line {
  scroll-behavior: smooth;
}
.scroll-hide::-webkit-scrollbar, .scroll-one-line::-webkit-scrollbar {
  display: none;
}
.v-scrollbar, .h-scrollbar {
  overflow: hidden auto;
}
.v-scrollbar::-webkit-scrollbar-track, .h-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.v-scrollbar::-webkit-scrollbar, .h-scrollbar::-webkit-scrollbar {
  width: 0.25rem;
  background-color: transparent;
}
.v-scrollbar::-webkit-scrollbar-thumb, .h-scrollbar::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
}
.v-scrollbar::-webkit-scrollbar-thumb:hover, .h-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #c5c5c5;
}
.h-scrollbar::-webkit-scrollbar {
  height: 0.25rem;
}
.heightСollaps {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-out;
}
.heightСollaps__wrapper {
  overflow: hidden;
}
.heightСollaps.isOpen {
  grid-template-rows: 1fr;
}
.ttu {
  text-transform: uppercase;
}
.ttn {
  text-transform: none;
}
.lisn, .art-list, .directionsLst, .sub-menu, .header-nav, .contacts-list, .social-list {
  list-style: none;
}
.fader, .fader-light {
  position: relative;
}
.fader::before, .fader-light::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: black;
  opacity: 0.5;
}
.fader-light::before {
  background-color: white;
  opacity: 0.5;
}
.bg-cover {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.bg-contain {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
}
.bg-fixed {
  background-attachment: fixed;
}
.posr {
  position: relative;
}
.sticky {
  position: sticky !important;
  top: 6.25rem;
  z-index: 10;
}
.lh-inherit {
  line-height: inherit;
}
.lh-initial {
  line-height: initial;
}
.lh-1 {
  line-height: 1;
}
.lh-2 {
  line-height: 2;
}
.mt0px {
  margin-top: 0px;
}
.mb0px {
  margin-bottom: 0px;
}
.mt5px {
  margin-top: 0.3125rem;
}
.mb5px {
  margin-bottom: 0.3125rem;
}
.mt10px {
  margin-top: 0.625rem;
}
.mb10px {
  margin-bottom: 0.625rem;
}
.mt15px {
  margin-top: 0.9375rem;
}
.mb15px {
  margin-bottom: 0.9375rem;
}
.mt20px {
  margin-top: 1.25rem;
}
.mb20px {
  margin-bottom: 1.25rem;
}
.mt25px {
  margin-top: 1.5625rem;
}
.mb25px {
  margin-bottom: 1.5625rem;
}
.mt30px {
  margin-top: 1.875rem;
}
.mb30px {
  margin-bottom: 1.875rem;
}
.mt35px {
  margin-top: 2.1875rem;
}
.mb35px {
  margin-bottom: 2.1875rem;
}
.mt40px {
  margin-top: 2.5rem;
}
.mb40px {
  margin-bottom: 2.5rem;
}
.mt45px {
  margin-top: 2.8125rem;
}
.mb45px {
  margin-bottom: 2.8125rem;
}
.mt50px {
  margin-top: 3.125rem;
}
.mb50px {
  margin-bottom: 3.125rem;
}
.mt55px {
  margin-top: 3.4375rem;
}
.mb55px {
  margin-bottom: 3.4375rem;
}
.mt60px {
  margin-top: 3.75rem;
}
.mb60px {
  margin-bottom: 3.75rem;
}
.mt65px {
  margin-top: 4.0625rem;
}
.mb65px {
  margin-bottom: 4.0625rem;
}
.mt70px {
  margin-top: 4.375rem;
}
.mb70px {
  margin-bottom: 4.375rem;
}
.mt75px {
  margin-top: 4.6875rem;
}
.mb75px {
  margin-bottom: 4.6875rem;
}
.mt80px {
  margin-top: 5rem;
}
.mb80px {
  margin-bottom: 5rem;
}
.mt85px {
  margin-top: 5.3125rem;
}
.mb85px {
  margin-bottom: 5.3125rem;
}
.mt90px {
  margin-top: 5.625rem;
}
.mb90px {
  margin-bottom: 5.625rem;
}
.mt95px {
  margin-top: 5.9375rem;
}
.mb95px {
  margin-bottom: 5.9375rem;
}
.mt100px {
  margin-top: 6.25rem;
}
.mb100px {
  margin-bottom: 6.25rem;
}
.mt105px {
  margin-top: 6.5625rem;
}
.mb105px {
  margin-bottom: 6.5625rem;
}
.mt110px {
  margin-top: 6.875rem;
}
.mb110px {
  margin-bottom: 6.875rem;
}
.mt115px {
  margin-top: 7.1875rem;
}
.mb115px {
  margin-bottom: 7.1875rem;
}
.mt120px {
  margin-top: 7.5rem;
}
.mb120px {
  margin-bottom: 7.5rem;
}
.mt125px {
  margin-top: 7.8125rem;
}
.mb125px {
  margin-bottom: 7.8125rem;
}
.mt130px {
  margin-top: 8.125rem;
}
.mb130px {
  margin-bottom: 8.125rem;
}
.mt135px {
  margin-top: 8.4375rem;
}
.mb135px {
  margin-bottom: 8.4375rem;
}
.mt140px {
  margin-top: 8.75rem;
}
.mb140px {
  margin-bottom: 8.75rem;
}
.mt150px {
  margin-top: 9.375rem;
}
.mb150px {
  margin-bottom: 9.375rem;
}
.mt160px {
  margin-top: 10rem;
}
.mb160px {
  margin-bottom: 10rem;
}
.mt170px {
  margin-top: 10.625rem;
}
.mb170px {
  margin-bottom: 10.625rem;
}
.mt180px {
  margin-top: 11.25rem;
}
.mb180px {
  margin-bottom: 11.25rem;
}
.mt190px {
  margin-top: 11.875rem;
}
.mb190px {
  margin-bottom: 11.875rem;
}
.mt200px {
  margin-top: 12.5rem;
}
.mb200px {
  margin-bottom: 12.5rem;
}
.mt220px {
  margin-top: 13.75rem;
}
.mb220px {
  margin-bottom: 13.75rem;
}
.mt250px {
  margin-top: 15.625rem;
}
.mb250px {
  margin-bottom: 15.625rem;
}
.mt300px {
  margin-top: 18.75rem;
}
.mb300px {
  margin-bottom: 18.75rem;
}
.mt400px {
  margin-top: 25rem;
}
.mb400px {
  margin-bottom: 25rem;
}
.mt500px {
  margin-top: 31.25rem;
}
.mb500px {
  margin-bottom: 31.25rem;
}
.fz0px {
  font-size: 0;
}
.lh0 {
  line-height: 0;
}
/*text*/
.tdu, .site-link, .cms-editor a:not([class]), .swal2-html-container a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 8%;
}
.pullOut {
  width: 100vw;
  width: calc(100vw - var(--scrollWidth) - 1px);
  margin-inline-start: 50%;
  transform: translateX(-50%);
}
.pullOut--limit-80 {
  --limit: 80vw;
  width: calc(var(--limit) - var(--scrollWidth) - 0.125rem);
}
.pullOut--limit-1920 {
  --limit: 120rem;
  width: calc(var(--limit) - var(--scrollWidth) - 0.125rem);
}
.tdu-bold {
  text-decoration: underline;
  text-decoration-thickness: 0.3125rem;
  text-underline-offset: 10%;
}
.tdu-custom, .sub-menu a.active {
  text-decoration: underline;
  text-underline-offset: 20%;
  text-decoration-thickness: 0.1875rem;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
}
.fw300, .ttl.fw300, .fw300.ttl1, .cms-editor h1.fw300:not([class]), .swal2-html-container h1.fw300:not([class]), .fw300.ttl2, .cms-editor h2.fw300:not([class]), .swal2-html-container h2.fw300:not([class]), .fw300.ttl3, .cms-editor h3.fw300:not([class]), .swal2-html-container h3.fw300:not([class]), .fw300.ttl4, .cms-editor h4.fw300:not([class]), .swal2-html-container h4.fw300:not([class]), .fw300.ttl5, .cms-editor h5.fw300:not([class]), .swal2-html-container h5.fw300:not([class]), .fw300.ttl6, .cms-editor h6.fw300:not([class]), .swal2-html-container h6.fw300:not([class]), .fw300.ttl7, .fw300.ttl8 {
  font-weight: 300;
}
.fw400, .ttl.fw400, .fw400.ttl1, .cms-editor h1.fw400:not([class]), .swal2-html-container h1.fw400:not([class]), .fw400.ttl2, .cms-editor h2.fw400:not([class]), .swal2-html-container h2.fw400:not([class]), .fw400.ttl3, .cms-editor h3.fw400:not([class]), .swal2-html-container h3.fw400:not([class]), .fw400.ttl4, .cms-editor h4.fw400:not([class]), .swal2-html-container h4.fw400:not([class]), .fw400.ttl5, .cms-editor h5.fw400:not([class]), .swal2-html-container h5.fw400:not([class]), .fw400.ttl6, .cms-editor h6.fw400:not([class]), .swal2-html-container h6.fw400:not([class]), .fw400.ttl7, .fw400.ttl8 {
  font-weight: 400;
}
.fw500, .ttl.fw500, .fw500.ttl1, .cms-editor h1.fw500:not([class]), .swal2-html-container h1.fw500:not([class]), .fw500.ttl2, .cms-editor h2.fw500:not([class]), .swal2-html-container h2.fw500:not([class]), .fw500.ttl3, .cms-editor h3.fw500:not([class]), .swal2-html-container h3.fw500:not([class]), .fw500.ttl4, .cms-editor h4.fw500:not([class]), .swal2-html-container h4.fw500:not([class]), .fw500.ttl5, .cms-editor h5.fw500:not([class]), .swal2-html-container h5.fw500:not([class]), .fw500.ttl6, .cms-editor h6.fw500:not([class]), .swal2-html-container h6.fw500:not([class]), .fw500.ttl7, .fw500.ttl8 {
  font-weight: 500;
}
.fw600, .ttl.fw600, .fw600.ttl1, .cms-editor h1.fw600:not([class]), .swal2-html-container h1.fw600:not([class]), .fw600.ttl2, .cms-editor h2.fw600:not([class]), .swal2-html-container h2.fw600:not([class]), .fw600.ttl3, .cms-editor h3.fw600:not([class]), .swal2-html-container h3.fw600:not([class]), .fw600.ttl4, .cms-editor h4.fw600:not([class]), .swal2-html-container h4.fw600:not([class]), .fw600.ttl5, .cms-editor h5.fw600:not([class]), .swal2-html-container h5.fw600:not([class]), .fw600.ttl6, .cms-editor h6.fw600:not([class]), .swal2-html-container h6.fw600:not([class]), .fw600.ttl7, .fw600.ttl8 {
  font-weight: 600;
}
.fw700, .ttl.fw700, .fw700.ttl1, .cms-editor h1.fw700:not([class]), .swal2-html-container h1.fw700:not([class]), .fw700.ttl2, .cms-editor h2.fw700:not([class]), .swal2-html-container h2.fw700:not([class]), .fw700.ttl3, .cms-editor h3.fw700:not([class]), .swal2-html-container h3.fw700:not([class]), .fw700.ttl4, .cms-editor h4.fw700:not([class]), .swal2-html-container h4.fw700:not([class]), .fw700.ttl5, .cms-editor h5.fw700:not([class]), .swal2-html-container h5.fw700:not([class]), .fw700.ttl6, .cms-editor h6.fw700:not([class]), .swal2-html-container h6.fw700:not([class]), .fw700.ttl7, .fw700.ttl8 {
  font-weight: 700;
}
.fw800 {
  font-weight: 800;
}
/* ==========================================================================
   MEDIA HELPERS:
   ========================================================================== */
.show-on-lg {
  display: flex;
}
.show-on-md {
  display: flex;
}
.show-on-sm {
  display: flex;
}
.show-on-xs {
  display: flex;
}
/* ==========================================================================
   * PARTS *
   ========================================================================== */
.txt-outline {
  -webkit-text-stroke: 0.125rem var(--white);
  -webkit-text-fill-color: var(--primary);
}
.txt-outline--invert {
  -webkit-text-stroke: 0.125rem var(--primary);
  -webkit-text-fill-color: var(--white);
}
.txt-outline--invert-transparent {
  -webkit-text-stroke: 0.125rem var(--primary);
  -webkit-text-fill-color: transparent;
}
.social-list {
  display: flex;
  flex-flow: row wrap;
  font-size: 1.875rem;
  line-height: 1;
}
.social-list__lnk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: 0;
  transform: scale(1);
  margin: 0 0.625rem 0.3125rem 0;
  transition: opacity 0.2s ease-in-out;
}
.social-list__lnk:last-child {
  margin-right: initial;
}
.social-list__lnk:hover {
  opacity: 0.6;
}
.social-list__lnk .iconify {
  font-size: 1.25em;
  line-height: 1;
}
.social-list--more-space .social-list__lnk {
  margin: 0 1.4375rem 0px 0;
}
.social-list--two-col .social-list__lnk {
  flex: 0 0 50%;
}
.social-list--invert .social-list__lnk {
  color: var(--white);
}
.social-list--hover-circle-bg .social-list__lnk:hover {
  color: var(--dark);
  background-color: var(--primary) -active;
}
.social-list--circle .social-list__lnk {
  padding: 0.625rem;
  background: var(--white);
  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06), 0px 0px 0.125rem rgba(0, 0, 0, 0.08), 0px 0px 1px rgba(0, 0, 0, 0.06);
}
.contacts-list__el + .contacts-list__el {
  margin-top: 0.5em;
}
.cirlce {
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 999px;
  background-color: var(--grey);
}
.tagLst {
  display: flex;
  flex-flow: row wrap;
  color: var(--black);
}
.tagLst__tag {
  border: 1px solid var(--black);
  border-radius: 32px;
  padding: 0.5625rem 1.25rem;
  margin: 0 0.5rem 0.5rem 0;
  letter-spacing: 0.2px;
  color: inherit;
  font-size: 1rem;
  line-height: 150%;
  font-weight: 600;
  transition: border-color 0.2s;
}
.tagLst__tag:hover {
  border-color: var(--black);
}
.tagLst__tag:active {
  border-color: var(--black);
}
.tagLst--inverted {
  color: var(--white);
}
.dot-list, .cms-editor > ul:not([class]), .swal2-html-container > ul:not([class]), .dot-list-compact {
  --dotWidth: 0.4em;
  --lh: 1.35;
  --visualFix: 0.1em;
  list-style: none;
  line-height: var(--lh);
}
.dot-list li, .cms-editor > ul:not([class]) li, .swal2-html-container > ul:not([class]) li, .dot-list-compact li {
  display: block;
  position: relative;
  padding-left: 1.88em;
}
.dot-list li:before, .cms-editor > ul:not([class]) li:before, .swal2-html-container > ul:not([class]) li:before, .dot-list-compact li:before {
  content: "";
  position: absolute;
  background-color: var(--primary);
  left: 0.5em;
  width: var(--dotWidth);
  height: var(--dotWidth);
  top: calc(0.5em - var(--dotWidth) / 2 + var(--visualFix));
  border-radius: 999px;
  overflow: hidden;
}
.dot-list li + li, .cms-editor > ul:not([class]) li + li, .swal2-html-container > ul:not([class]) li + li, .dot-list-compact li + li {
  margin-top: 0.8em;
}
.dot-list-compact {
  --dotWidth: 0.28888em;
}
.num-list, .cms-editor > ol:not([class]), .swal2-html-container > ol:not([class]) {
  list-style: none;
  counter-reset: counter;
}
.num-list > li, .cms-editor > ol:not([class]) > li, .swal2-html-container > ol:not([class]) > li {
  counter-increment: counter;
  position: relative;
  padding-left: 1em;
}
.num-list > li::before, .cms-editor > ol:not([class]) > li::before, .swal2-html-container > ol:not([class]) > li::before {
  content: counter(counter) ". ";
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
}
.icon-inline {
  display: inline-flex;
  align-items: center;
  background-color: none;
}
.icon-inline:before {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.35em;
  font-size: 1.44em;
}
.icon-inline--r {
  flex-flow: row-reverse;
}
/* ==========================================================================
    * Cms-editors *
========================================================================== */
.cms-editor, .hero-modal .swal2-html-container, .swal2-html-container {
  font-size: 1rem;
  line-height: 1.6;
}
.cms-editor.cms-editor--small-txt, .cms-editor--small-txt.swal2-html-container {
  font-size: 13px;
}
.cms-editor.cms-editor--big-txt, .cms-editor--big-txt.swal2-html-container {
  font-size: 17px;
}
.cms-editor > * + *, .hero-modal .swal2-html-container > * + *, .swal2-html-container > * + * {
  margin-top: 24px;
}
.cms-editor > * + h1, .hero-modal .swal2-html-container > * + h1, .swal2-html-container > * + h1, .cms-editor > * + h2, .hero-modal .swal2-html-container > * + h2, .swal2-html-container > * + h2, .cms-editor > * + h3, .hero-modal .swal2-html-container > * + h3, .swal2-html-container > * + h3, .cms-editor > * + h4, .hero-modal .swal2-html-container > * + h4, .swal2-html-container > * + h4, .cms-editor > * + h5, .hero-modal .swal2-html-container > * + h5, .swal2-html-container > * + h5, .cms-editor > * + h6, .hero-modal .swal2-html-container > * + h6, .swal2-html-container > * + h6 {
  margin-top: 2em;
}
.cms-editor > * + div, .hero-modal .swal2-html-container > * + div, .swal2-html-container > * + div {
  margin-top: 80px;
}
.cms-editor > h1, .hero-modal .swal2-html-container > h1, .swal2-html-container > h1, .cms-editor > h2, .hero-modal .swal2-html-container > h2, .swal2-html-container > h2, .cms-editor > h3, .hero-modal .swal2-html-container > h3, .swal2-html-container > h3, .cms-editor > h4, .hero-modal .swal2-html-container > h4, .swal2-html-container > h4, .cms-editor > h5, .hero-modal .swal2-html-container > h5, .swal2-html-container > h5, .cms-editor > h6, .hero-modal .swal2-html-container > h6, .swal2-html-container > h6 {
  text-transform: uppercase;
}
.cms-editor__pic {
  margin-left: -6.5rem;
  margin-right: -6.5rem;
  overflow: hidden;
  border-radius: 8px;
}
.cms-editor__pic img {
  object-fit: cover;
}
.cms-editor--taj > p {
  text-align: justify;
}
.cms-editor .verticalSpace, .swal2-html-container .verticalSpace {
  margin-top: 56px;
  margin-bottom: 56px;
}
.cms-editor blockquote, .hero-modal .swal2-html-container blockquote, .swal2-html-container blockquote {
  quotes: "«" "»" "‹" "›";
}
.cms-editor blockquote p, .hero-modal .swal2-html-container blockquote p, .swal2-html-container blockquote p {
  line-height: 1.25;
}
.cms-editor blockquote cite, .hero-modal .swal2-html-container blockquote cite, .swal2-html-container blockquote cite {
  font-weight: 300;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 22px;
  font-style: normal;
  max-width: 320px;
}
.cms-editor blockquote b, .hero-modal .swal2-html-container blockquote b, .swal2-html-container blockquote b {
  font-weight: 700;
}
.cms-editor > ul:not([class]), .swal2-html-container > ul:not([class]) {
  list-style: none;
  font-size: 1.15em;
}
.cms-editor > ul:not([class]) li + li, .swal2-html-container > ul:not([class]) li + li {
  margin-top: 0.9em;
}
.cms-editor > ol:not([class]), .swal2-html-container > ol:not([class]) {
  /* If you want you can change the list type from inside or outside */
}
.cms-editor > ol:not([class]) li, .swal2-html-container > ol:not([class]) li {
  padding-left: 1.8em;
}
.cms-editor > ol:not([class]) li + li, .swal2-html-container > ol:not([class]) li + li {
  margin-top: 0.9em;
}
.cms-editor em, .hero-modal .swal2-html-container em, .swal2-html-container em {
  display: block;
}
.cms-editor mark, .hero-modal .swal2-html-container mark, .swal2-html-container mark {
  color: var(--primary);
}
.cms-editor b, .hero-modal .swal2-html-container b, .swal2-html-container b {
  font-weight: 500;
}
.cms-editor strong, .hero-modal .swal2-html-container strong, .swal2-html-container strong {
  font-weight: 700;
}
.cms-editor > img, .hero-modal .swal2-html-container > img, .swal2-html-container > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cms-editor small, .hero-modal .swal2-html-container small, .swal2-html-container small {
  display: block;
  font-size: 0.875rem;
}
.cms-editor small > a, .hero-modal .swal2-html-container small > a, .swal2-html-container small > a {
  font-weight: 400;
}
.cms-editor a:not([class]), .swal2-html-container a:not([class]) {
  line-break: anywhere;
}
.cms-editor--small-spaces > * + * {
  margin-top: 1rem;
}
.cms-editor--big-spaces > * + * {
  margin-top: 1.875rem;
}
.cms-editor.cms-editor--small-txt, .cms-editor--small-txt.swal2-html-container {
  font-size: 13px;
}
.cms-editor.cms-editor--small-txt > ol:not([class]), .cms-editor--small-txt.swal2-html-container > ol:not([class]), .cms-editor.cms-editor--small-txt > ul:not([class]), .cms-editor--small-txt.swal2-html-container > ul:not([class]) {
  font-size: 1.077em;
}
/* ==========================================================================
   * Animation *
   ========================================================================== */
.hover-color-primary {
  transition: color 0.3s ease-in-out;
}
.hover-color-primary:hover {
  color: var(--primary);
}
.hover-scale {
  transition: transform 0.1s linear;
}
.hover-scale:hover {
  transform: scale(1.2);
}
.hover-greyscale {
  filter: invert(0) grayscale(0);
  transition: filter 0.3s ease-in-out;
}
.hover-greyscale:hover {
  filter: invert(1) grayscale(1);
}
.hover-tdu {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.5s;
  /*add those for opera and mozilla support*/
  -webkit-text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  text-underline-offset: 0.125rem;
}
.hover-tdu:hover {
  text-decoration-color: var(--primary);
  /*add those for opera and mozilla support*/
  -webkit-text-decoration-color: var(--primary);
  -moz-text-decoration-color: var(--primary);
}
.hover-line:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: var(--white);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.hover-line:hover:after {
  transform-origin: bottom left;
  transform: scaleX(1);
}
.hover-lines {
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: inherit;
  text-decoration: none;
}
.hover-lines:before, .hover-lines:after {
  content: "";
  position: absolute;
  transition: transform 0.5s ease, opacity 0.3s ease-in-out;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background: var(--primary);
  opacity: 0;
}
.hover-lines:before {
  bottom: 0;
  transform: translateX(-100%);
}
.hover-lines:after {
  top: 0;
  transform: translateX(100%);
}
.hover-lines:hover:before, .hover-lines:hover:after {
  transform: translateX(0);
  opacity: 1;
}
.hover-fw-500 {
  transition: font-weight 0.3s linear;
}
.hover-fw-500:hover {
  font-weight: 500;
}
.hover-fw-600 {
  transition: font-weight 0.3s linear;
}
.hover-fw-600:hover {
  font-weight: 600;
}
.hover-fw-700 {
  transition: font-weight 0.3s linear;
}
.hover-fw-700:hover {
  font-weight: 700;
}
@keyframes glitch {
  2%, 64% {
    transform: translate(0.125rem, 0) skew(0deg);
  }
  4%, 60% {
    transform: translate(-0.125rem, 0) skew(0deg);
  }
  62% {
    transform: translate(0, 0) skew(5deg);
  }
}
@keyframes glitchTop {
  2%, 64% {
    transform: translate(0.125rem, -0.125rem);
  }
  4%, 60% {
    transform: translate(-0.125rem, 0.125rem);
  }
  62% {
    transform: translate(0.8125rem, -1px) skew(-13deg);
  }
}
@keyframes glitchBotom {
  2%, 64% {
    transform: translate(-0.125rem, 0);
  }
  4%, 60% {
    transform: translate(-0.125rem, 0);
  }
  62% {
    transform: translate(-1.375rem, 0.3125rem) skew(21deg);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes stroke-width-line {
  20% {
    stroke-width: 51;
    stroke-opacity: 1;
  }
  60% {
    stroke-width: 51;
    stroke-opacity: 1;
  }
  70% {
    stroke-width: 0;
    stroke-opacity: 0;
  }
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
@-webkit-keyframes MOVE-BG {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 187% 0%;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2024-10-23 16:22:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(37.5rem);
    transform: translateZ(37.5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(37.5rem);
    transform: translateZ(37.5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.slide-in-bck-center {
  -webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-bck-center 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
    transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2024-10-23 16:44:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-6.25rem);
    transform: translateX(-6.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-6.25rem);
    transform: translateX(-6.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-left {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* ==========================================================================
   Fallbacks
========================================================================== */
.ios .bg-fixed {
  background-attachment: initial;
}
/* =========================
   * HEADER *
============================ */
.header {
  position: relative;
  padding: 1.25rem 0;
  z-index: 5;
  transition: all 0.3s ease-in-out;
  font-size: 1.125rem;
  line-height: 1;
  border: 1px rgba(255, 255, 255, 0.4);
  background: var(--primary);
  backdrop-filter: blur(0.25rem);
  transition: all 0.3s;
}
.header--fixed {
  position: fixed;
  right: 0;
  left: 0;
}
.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: min-height 0.4s ease-in-out;
  position: relative;
}
.header__l, .header__r, .header__c {
  display: flex;
  align-items: center;
}
.header__l {
  flex: 0 0 12.5rem;
  margin-right: 1.875rem;
}
.header__r {
  margin-top: 3.125rem;
  margin-bottom: 1.875rem;
  gap: 1.875rem;
  max-width: 65%;
}
.header .site-logo {
  max-width: 12.5rem;
  font-size: 0;
  line-height: 0;
}
.site-logo {
  display: inline-block;
  vertical-align: top;
  color: var(--grey);
}
.header-actions {
  display: flex;
  align-items: center;
}
.header-actions > * + * {
  margin-left: 1.25rem;
}
.site-lng {
  display: flex;
  align-items: center;
  transition: opacity 0.3s;
  font-size: 0.9375rem;
}
.site-lng__option {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5rem;
  transition: transform 0.1s;
  position: relative;
}
.site-lng__option:focus, .site-lng__option:hover {
  color: var(--secondary);
}
.site-lng__option.active {
  opacity: 0.3;
  pointer-events: none;
}
.site-lng__option:last-child() {
  margin: 0;
}
.site-lng--solo .site-lng__option {
  display: none;
  margin: 0;
}
.site-lng--solo .site-lng__option.active {
  display: block;
  opacity: 1;
  pointer-events: initial;
}
/* =========================
   * MENU *
============================ */
.hamburger {
  --width: 1.75rem;
  --elHeight: 0.125rem;
  --elSpace: 0.275rem;
  --crossWidth: 0.1875rem;
  height: var(--width);
  display: flex;
  width: var(--width);
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.hamburger__item {
  width: 100%;
  height: var(--elHeight);
  background-color: var(--black);
}
.hamburger__item + .hamburger__item {
  margin-top: var(--elSpace);
}
.hamburger__cross {
  width: 100%;
  height: var(--crossWidth);
  background-color: var(--black);
  transform: rotate(90deg);
  position: absolute;
  top: calc(50% - var(--crossWidth) / 2);
  opacity: 0;
}
.hamburger__cross:last-child {
  transform: rotate(90deg);
}
.hamburger--custom-width .hamburger__itm1 {
  width: 95%;
}
.hamburger--custom-width .hamburger__itm2 {
  width: 75%;
}
.burger {
  background: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-size: 2.5rem;
  line-height: 1;
  margin-left: 1.875rem;
  color: inherit;
}
.burger:active .burger__ico {
  transform: skewX(-15deg);
}
.burger__ico {
  transition: transform 0.5s linear;
  position: relative;
  transform: skewX(0);
}
.burger__ico--close {
  display: none;
}
.header-nav {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
  font-size: 0.9375rem;
  gap: 0.9375rem 1.875rem;
}
.header-nav > li {
  position: relative;
  transition: transform 0.3s linear;
  transition-delay: 350ms;
}
.header-nav__lnk {
  position: relative;
  transition: all 0.3s;
}
.header-nav__lnk:hover:before {
  visibility: visible;
  opacity: 1;
  width: 105%;
}
.header-nav__lnk:before {
  content: "";
  position: absolute;
  top: 100%;
  left: -1px;
  width: 0;
  height: 0.125rem;
  background-color: var(--secondary);
  visibility: hidden;
  border-radius: 2px;
  opacity: 0;
  transition: all 0.3s;
  margin-top: 1px;
}
.header-nav__lnk.active {
  color: var(--secondary);
  pointer-events: none;
}
.header-nav__lnk.active + .sub-menu {
  display: block;
}
.sub-menu {
  max-width: calc(50vw - 0.9375rem);
  width: 100%;
  flex-flow: column nowrap;
  position: absolute;
  left: calc(100% + 0.625rem);
  top: 0.625rem;
  font-size: 0.6875rem;
  line-height: 1.25;
  z-index: 3;
  transition: transform 0.2s ease-out, opacity 0.3s linear;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.sub-menu li {
  text-transform: uppercase;
}
.sub-menu li + li {
  margin-top: 1.25rem;
}
.sub-menu a {
  display: block;
}
.menu-opened .hamburger__item,
.menu-opened .hamburger__cross {
  background: var(--grey);
}
.menu-opened .burger {
  color: var(--pink-light);
}
.menu-opened .burger__ico--open {
  display: none;
}
.menu-opened .burger__ico--close {
  display: block;
}
.menu-opened .site-logo {
  visibility: hidden;
}
.menu-opened .site-lng {
  visibility: visible;
}
.menu-opened .header-main {
  transform: scaleX(1);
}
.menu-opened .header-nav li {
  transform: scaleY(1);
}
/* =========================
   * FOOTER *
============================ */
.footer {
  margin-top: auto;
  background-color: var(--dark-blue);
  font-size: 0.875rem;
  padding: 6.25rem 0 2.9375rem;
  overflow: hidden;
}
.footer .nav-list--social .nav-list__ico {
  font-size: 1.7em;
}
.footerLogo {
  margin-top: -2.8125rem;
}
.btn, .btn-transparent, .btn-primary, .btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  padding: 0.1875rem 0.625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: transparent;
  border: 1px solid var(--black);
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 30px;
  gap: 0.8em;
  transition: background 0.3s, background-color 0.3s, color 0.3s, border-color 0.3s;
}
.btn__pic {
  display: inline-block;
  vertical-align: top;
  font-size: 1.3em;
  line-height: 0;
}
.btn__pic img {
  width: 1.3em;
  height: 1.3em;
}
.btn__pic path {
  fill: currentColor;
}
.btn:focus, .btn-transparent:focus, .btn-primary:focus, .btn-secondary:focus, .btn:hover, .btn-transparent:hover, .btn-primary:hover, .btn-secondary:hover {
  color: var(--black);
  border-color: var(--black);
}
.btn:active, .btn-transparent:active, .btn-primary:active, .btn-secondary:active {
  color: #0c0a0a;
  border-color: #0c0a0a;
}
.btn:disabled, .btn-transparent:disabled, .btn-primary:disabled, .btn-secondary:disabled {
  background-color: var(--disabled);
  border-color: var(--disabled);
  pointer-events: none;
}
.btn-primary, .btn-secondary {
  padding: 0.5625rem 1.4375rem;
  border: 2px solid var(--purple);
  background-color: var(--purple);
  color: var(--white);
  transition: all 0.3s;
}
.btn-primary:focus, .btn-secondary:focus, .btn-primary:hover, .btn-secondary:hover {
  color: var(--white);
  border-color: var(--purple);
  background-color: color-mix(in srgb, var(--purple) 80%, transparent);
}
.btn-primary:active, .btn-secondary:active {
  background-color: transparent;
  border-color: var(--white);
}
.btn-primary:disabled, .btn-secondary:disabled {
  background: var(--disabled);
  pointer-events: none;
}
.btn-primary--square {
  border-radius: 10px;
}
.btn-primary--low-radius {
  border-radius: 4px;
}
.btn-secondary {
  background-color: transparent;
  color: var(--white);
  border-color: var(--white);
}
.btn-secondary:focus, .btn-secondary:hover {
  background-color: color-mix(in srgb, var(--white) 30%, transparent);
  color: var(--white);
  border-color: var(--white);
}
.btn-secondary:active {
  background-color: color-mix(in srgb, var(--white) 20%, transparent);
  color: var(--white);
}
.btn-secondary:disabled {
  background-color: var(--disabled);
  pointer-events: none;
}
.btn-secondary--square {
  border-radius: 10px;
}
.btn-secondary--low-radius {
  border-radius: 4px;
}
.btn-transparent {
  padding: 1.125rem 1.25rem;
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
  backdrop-filter: blur(0.75rem);
  font-weight: 700;
  border-radius: 50px;
}
.btn-transparent:disabled {
  background-color: var(--disabled);
  pointer-events: none;
}
.btn--small, .btn-ico--small,
.btn-white--small,
.btn-secondary--small,
.btn-transparent--small,
.btn-primary--small {
  padding: 0.5625rem 0.9375rem;
}
.btn--middle, .btn-ico--middle,
.btn-white--middle,
.btn-secondary--middle,
.btn-transparent--middle,
.btn-primary--middle {
  font-size: 1.125rem;
  gap: 0.625rem;
  padding-left: 2.375rem;
  padding-right: 2.375rem;
  padding: 0.6875rem 1.25rem;
}
.btn--big, .btn-ico--big,
.btn-white--big,
.btn-secondary--big,
.btn-transparent--big,
.btn-primary--big {
  padding: 0.75rem 2.5rem;
  font-size: 1.75rem;
}
.btn-scrollup {
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  color: var(--primary);
  font-size: 2.8125rem;
  line-height: 2.8125rem;
  position: fixed;
  right: 5%;
  bottom: 5%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transform: scale(-1);
}
.btn-scrollup:hover i {
  scale: 0.96;
}
.btn-scrollup__ico {
  transition: scale 0.05s;
}
.btn-radius {
  border-radius: 7px;
}
.pg-nav {
  text-align: center;
}
.pagination {
  font-size: 1.125rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
  gap: 0.9375rem;
}
.pagination li {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.pagination li.active, .pagination li:hover {
  color: var(--secondary);
}
.pagination li > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.7em;
  padding-right: 0.7em;
  min-width: 2.2em;
  height: 2.2em;
}
.pagination li:hover > a, .pagination li:hover:before {
  color: var(--primary-active);
}
.pagination .active,
.pagination .more {
  pointer-events: none;
}
.pagination .more span {
  letter-spacing: 0.125rem;
}
.pagination .active {
  position: relative;
  font-weight: 600;
  border-width: 2px;
  border-radius: 4px;
  background-color: var(--white);
  color: var(--primary) !important;
}
.pagination .prev,
.pagination .next {
  border: none;
}
.pagination .prev i,
.pagination .next i {
  font-size: 1em;
}
:root {
  --swiper-navigation-size: 3rem;
  --swiper-theme-color: v(primary);
  --swiper-pagination-bottom: 2.1875rem;
  --swiper-pagination-bullet-width: 0.625rem;
  --swiper-pagination-bullet-height: 0.625rem;
  --swiper-pagination-bullet-horizontal-gap: 0.625rem;
}
.swiper-wrapper {
  list-style: none;
}
.swiper-initialized .swiper-wrapper {
  flex-wrap: nowrap;
  margin: 0;
  justify-content: flex-start !important;
}
.swiper-initialized .swiper-slide {
  margin-bottom: 0;
}
.uniSlider {
  position: relative;
}
.uniSlider--fade-sides:before, .uniSlider--fade-sides:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 28vw;
  z-index: 2;
  pointer-events: none;
}
.uniSlider--fade-sides:before {
  left: 0;
  background: linear-gradient(90deg, #fcfafa 0%, rgba(252, 250, 250, 0) 100%);
}
.uniSlider--fade-sides:after {
  right: 0;
  background: linear-gradient(90deg, rgba(252, 250, 250, 0) 0%, #fcfafa 100%);
}
.uniSliderActions {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 0;
  right: 0;
  pointer-events: none;
}
.uniSliderActions.container, .uniSliderActions.container-fluid, .uniSliderActions.container-xxl, .uniSliderActions.container-xl, .uniSliderActions.container-lg, .uniSliderActions.container-md, .uniSliderActions.container-sm {
  padding: 0;
}
.uniSliderActions__btn {
  background: none;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  transition: color 0.1s ease-in-out;
  transform-origin: 50% 50%;
  color: var(--primary);
  pointer-events: all;
}
.uniSliderActions__btn path {
  transition: all 0.3s;
}
.uniSliderActions__btn:active {
  color: var(--primary-hover);
}
.uniSliderActions__btn:after {
  display: none;
}
.uniSliderActions__btn--prev {
  left: calc(-1 * (var(--swiper-navigation-size) * 2 + 1.0625rem));
}
.uniSliderActions__btn--next {
  right: calc(-1 * (var(--swiper-navigation-size) * 2 + 1.0625rem));
}
.uniSliderActions__btn.swiper-button-disabled {
  pointer-events: none;
  backdrop-filter: blur(0.75rem);
}
.uniSliderActions--on-bg .sldrActions__btn {
  padding: 1.14em;
  border-radius: 999px;
  font-weight: 600;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  background-position: 50% 50%;
  background-size: 2em;
  background-repeat: no-repeat;
  transition: transform 0.1s ease-in-out;
  transform-origin: 50% 50%;
  top: calc(50% - var(--swiper-navigation-size));
}
.uniSliderActions--static {
  position: relative;
  transform: none;
  top: initial;
  left: initial;
  right: inherit;
}
.uniSliderActions--arrowsOut {
  margin: 0 -10%;
}
.uniSliderPagination--static {
  position: static;
  padding: 1.875rem 0.625rem;
  margin-left: auto;
  margin-right: auto;
  transform: none !important;
}
.mobSlider .swiper {
  overflow: initial;
}
.mobSlider .swiper-wrapper {
  width: initial;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 36rem;
  --bs-breakpoint-md: 48rem;
  --bs-breakpoint-lg: 62rem;
  --bs-breakpoint-xl: 75rem;
  --bs-breakpoint-xxl: 87.5rem;
}
.row {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
:root {
  --navy-blue: #19255a;
  --dark-blue: #16204e;
  --orange: #ea5b13;
  --pink: #ef82ab;
  --pink-light: #f9cef1;
  --peach: #fac39f;
  --purple: #971b81;
  --purple-hover: rgba(151, 27, 129, 0.8);
  --purple2: #8d1678;
  --purple-light: #c4c5db;
  --teal: #006481;
  --blue: #36a9e1;
  --blue-light: #dbe7f5;
  --green: #9ac41a;
  --red: #a3195b;
  --black: #000;
  --dark: #343a40;
  --grey: #8f9095;
  --disabled: #8f9095;
  --white: #fff;
  --primary: var(--navy-blue);
  --secondary: var(--orange);
}
:root {
  --headerHt: 9.5625rem;
  --scrollWidth: 0px;
}
html {
  font-family: "Mariupol", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--white);
  background-color: var(--primary);
  min-height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--headerHt));
  touch-action: manipulation;
}
body {
  position: relative;
}
body.fader-active, body.menu-opened, body.srch-opened {
  overflow: hidden;
}
body.fader-active .fader, body.fader-active .fader-light {
  visibility: visible;
  opacity: 1;
}
.html,
body {
  width: 100%;
  height: 100%;
}
.scroll .header {
  box-shadow: 0 0.125rem 0.5625rem 0 rgba(0, 0, 0, 0.1);
}
#page-wrapper {
  min-height: 100vh;
  max-width: 215rem;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  margin: auto;
  width: 100%;
  position: relative;
}
.limiter, .limiter-big {
  max-width: 71.25rem;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.limiter-big {
  max-width: 120rem;
}
#page-content {
  position: relative;
  transition: 0.1s all ease-in-out;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.siteHr {
  height: 1px;
  background: white;
  opacity: 0.1;
  margin: 2.1875rem 0 2rem;
}
.site-ico {
  line-height: 1;
}
.site-link, .cms-editor a:not([class]), .swal2-html-container a:not([class]) {
  display: inline-flex;
  align-items: center;
  transition: all 0.5s;
}
.site-link:hover, .cms-editor a:hover:not([class]), .swal2-html-container a:hover:not([class]) {
  color: var(--primary);
}
.svgInline path {
  fill: currentColor;
}
.partnersLst {
  display: flex;
  flex-flow: row wrap;
  gap: 0.625rem 1.25rem;
}
.partnersLst dt {
  min-width: 100%;
  font-size: 1.375rem;
  line-height: 1.33;
}
.nav-list {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem 1.875rem;
}
.nav-list__el {
  flex-grow: 1;
  align-items: center;
  display: inline-flex;
  gap: 0.5625rem;
  transition: all 0.3s;
}
.nav-list__el:hover {
  color: var(--secondary);
}
.nav-list__ico {
  font-size: 1.25rem;
  text-align: center;
}
.directions {
  padding: 9.375rem 0;
  overflow: hidden;
}
.directionsLst {
  display: flex;
  flex-flow: column nowrap;
  gap: 7.5rem;
}
.dir {
  display: flex;
  gap: 3.4375rem;
}
.dir__pic img {
  max-width: 10.3125rem;
}
.dir__desc {
  max-width: 43.125rem;
}
.dir__ttl {
  color: var(--blockColor, var(--secondary));
  min-height: 10.3125rem;
  display: flex;
  align-self: center;
  align-items: center;
  line-height: 1.2;
}
.dir__txt {
  padding: 2.8125rem 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.dir__txt.active {
  -webkit-line-clamp: initial;
}
.direction-action {
  display: flex;
  gap: 1.5625rem;
}
.direction-action__btn--view {
  background-color: var(--blockColor);
  border-color: var(--blockColor);
}
.direction-action__btn--view:hover {
  border-color: var(--blockColor);
  background-color: color-mix(in srgb, var(--blockColor) 80%, transparent);
}
.direction-action__btn--view:active {
  border-color: var(--white);
  background-color: color-mix(in srgb, var(--blockColor) 0%, transparent);
}
.hero {
  display: flex;
  min-height: calc(var(--vh) * 100);
  position: relative;
}
.hero:before {
  content: "";
  left: 0;
  right: 55%;
  top: 0;
  bottom: 0;
  background: var(--purple2);
  position: absolute;
}
.hero:after {
  content: "";
  top: 0;
  width: 29.8125rem;
  bottom: 0;
  background: url("data:image/svg+xml,%3csvg%20width='477'%20height='497'%20viewBox='0%200%20477%20497'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.42361%20497C1.42361%20497%2051.3407%2093.7736%20477%200H0C0.949073%20276.632%201.42361%20497%201.42361%20497Z'%20fill='%238D1678'/%3e%3c/svg%3e") no-repeat;
  position: absolute;
  z-index: -1;
  left: calc(45% - 0.125rem);
}
.hero__ctn {
  min-height: inherit;
  position: relative;
  display: flex;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.hero__row {
  align-self: center;
}
.hero__col--content {
  font-size: 1.375rem;
}
.hero__col--content button {
  margin-top: 2.5rem;
}
.hero__btn {
  background-color: var(--white);
  color: var(--primary);
  border-color: var(--white);
}
.hero__btn:hover {
  background-color: var(--white);
  color: var(--secondary);
  border-color: var(--white);
}
.hero .limiter-big {
  min-height: inherit;
}
.hero .hero-visual {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
}
.hero-visual--mode {
  width: 55%;
}
.hero-visual svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-visual img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.hero2__wrapper {
  max-width: 120rem;
  min-height: 67.5rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.hero2 .hero__ctn {
  position: static;
}
.hero2 .hero__col {
  margin-bottom: 5.9375rem;
}
.videoBg {
  display: none;
  position: absolute;
  max-width: none;
  width: 143.75rem;
  height: 100%;
  left: 0;
  max-height: none;
  top: 0;
  object-fit: fill;
  z-index: -1;
}
.hero2-visual {
  position: absolute;
  inset: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hero2-visual__video {
  display: block;
}
.hero2-visual__video-mob {
  display: none;
}
.hero2-visual__svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.hero2-visual .hero-logo {
  position: absolute;
  left: 55%;
  top: 25%;
  width: 10%;
}
.hero-main {
  min-height: inherit;
}
.hero-present {
  position: relative;
  min-height: 45.125rem;
  background-color: transparent;
}
.hero-present__ctn {
  position: relative;
  z-index: 2;
  padding-top: 6%;
  padding-bottom: 6%;
  min-height: inherit;
}
.hero-present__desc {
  max-width: 40rem;
  font-size: 1.375rem;
  line-height: 1.2;
  color: white;
}
#hero-present-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  z-index: -1;
}
#hero-present-video:before {
  content: "";
  position: absolute;
  background: rgba(0, 45, 92, 0.7);
  inset: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#hero-present-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainCat {
  background-color: var(--primary);
  position: relative;
  z-index: 1;
  padding: 6.25rem 3.125rem;
}
.mainCat__ttl {
  margin-left: 3%;
}
.bigNAv {
  font-size: 1.375rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 6.25rem;
}
.bigNAv__el {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  text-align: center;
}
.bigNAv__el img {
  max-width: 13.6875rem;
}
.bigNAv__el:is(a):hover {
  color: var(--secondary);
}
.arts-header {
  display: flex;
  gap: 3.125rem;
  align-items: center;
}
.arts-header__pic {
  width: 10.25rem;
  overflow: hidden;
}
.arts-header__pic img {
  position: relative;
  transform: translateX(-110%);
  transition: transform 0.7s;
}
.arts-header__ttl--color {
  color: var(--purple);
}
.onload .arts-header img {
  transform: translateX(0);
}
.art-list--masonry .art-list__card {
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.art-list--masonry .art-list__card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.card {
  display: block;
  --hoverColor: var(--blue);
}
.card:hover .card__ttl {
  text-shadow: 1px 1px 1px var(--sg-black);
}
.card__pic {
  position: relative;
}
.card__pic img {
  width: 100%;
  object-fit: cover;
}
.card__ttl {
  transition: all 0.3s;
}
.card .btnLike {
  position: absolute;
  bottom: 0.875rem;
  right: 0.875rem;
  padding: 0.6em;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: none !important;
}
.card .btnRemove {
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  padding: 0.6em;
}
.card--hover-img-scale .card__pic {
  overflow: hidden;
}
.card--hover-img-scale .card__pic img {
  transform: scale3d(1, 1, 1);
  transition: transform 2s ease-in-out;
}
.card--hover-img-scale:hover .card__pic img {
  transform: scale3d(1.1, 1.1, 1);
  transition: transform 3s ease-in-out;
  position: relative;
}
.card--hover-border-pic .card__pic {
  outline: 0px solid var(--hoverColor);
  transition: all 0.2s linear;
  overflow: hidden;
}
.card--hover-cap-color .card__cap {
  transition: 0.2s color linear;
}
.seo-hidden-container {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  left: -624.9375rem;
}
.hero-modal {
  --swal2-close-button-font-size: 3.125rem;
  --swal2-close-button-color: var(--primary);
}
.hero-modal .swal2-modal {
  border-radius: 0;
}
.hero-modal .swal2-html-container {
  max-height: 700px;
  padding: 0;
  padding-right: 45px;
  margin: 70px 40px 50px 85px;
  text-align: left;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 29.7px */
  color: var(--black);
}
.hero-modal .swal2-html-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.hero-modal .swal2-html-container::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
}
.hero-modal .swal2-html-container::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 4px;
}
.hero-modal .swal2-html-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary);
  cursor: drag;
}
.hero-modal .swal2-close {
  margin-right: 1rem;
  font-weight: 400;
  font-family: system-ui;
}
.hero-modal .swal2-close:hover {
  color: var(--secondary);
}
.sec-heading {
  display: flex;
  flex-flow: row wrap;
  gap: 1.875rem;
  align-items: center;
  justify-content: space-between;
}
.goBack {
  text-align: right;
  background: transparent;
  color: var(--white);
  font-size: 0.875rem;
  transition: scale 0.05s linear;
}
.goBack:hover {
  color: var(--blue);
  scale: 0.99;
}
.goBack:hover .goBack__ico {
  box-shadow: 0.1875rem 0.1875rem 0.1875rem var(--black);
}
.goBack__ico {
  padding: 1em;
  font-size: 1em;
  background: var(--secondary);
  border-radius: 999px;
  color: var(--primary);
  transition: box-shadow 0.1s linear;
}
.goBack span {
  display: block;
}
.goBack mark {
  display: block;
  color: var(--secondary);
  font-size: 0.9375rem;
}
.artFull .goBack {
  position: absolute;
  right: 94%;
  width: 8.125rem;
}
.artHead {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.625rem;
}
.artSpecLst dt {
  float: left;
  clear: left;
  padding-right: 0.2em;
}
.artSpecLst dd {
  margin-left: 0;
  padding-bottom: 0.625rem;
}
.artSlider {
  --swiper-navigation-size: 1.875rem;
}
.artSlider .swiper-slide {
  align-self: center;
  display: flex;
}
.artSlider img {
  margin: auto;
  opacity: 0;
}
.artSlider__btn {
  font-size: 0.7em;
}
.artSlider.swiper-initialized .swiper-slide img {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}
.artSliderThumbs .swiper-slide {
  height: 4.375rem;
  cursor: pointer;
}
.artSliderThumbs .swiper-slide-thumb-active {
  border: 2px solid var(--white);
}
.artSliderThumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.artSliderThumbs.swiper-initialized .swiper-slide img {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out;
}
.oneSlide .artSliderThumbs {
  display: none;
}
.oneSlide .artSlider__btn {
  display: none;
}
.filterList {
  --cgap: 1.5625rem;
  display: flex;
  flex-flow: row wrap;
  gap: 2.5rem var(--cgap);
}
.filterList__el {
  flex: calc(33.33333% - var(--cgap)) 1 0;
}
.filterList__el--search {
  flex-basis: calc(50% - var(--cgap));
  max-width: 28.75rem;
}
.filterList__el--range {
  flex-basis: calc(50% - var(--cgap));
  z-index: 0;
}
.filterList__el--action {
  flex-basis: initial;
  flex-grow: 0;
}
.objectsFilterTrigger {
  background: none;
  font-size: 2rem;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}
.objectsFilterIndicator {
  font-size: 0.6em;
}
.objectsFilter.opened {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999999999;
  background: var(--primary);
  padding: 2.5rem 1.25rem;
  height: calc(var(--vh) * 100);
}
.objectsFilter.opened .objectsFilterForm {
  height: 100%;
  margin: 0;
}
.objectsFilter.opened .filterList {
  height: 100%;
}
.objectsFilter.opened .filterList__el--action {
  margin-top: auto;
  height: 3.25rem;
}
.objectsFilterForm {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
}
.objectsFilterForm__inp {
  font-family: "Mariupol" !important;
  width: 100%;
  height: 3.75rem;
  border-radius: 4px;
  border: 1px solid var(--blue-light);
  background: rgba(219, 231, 245, 0.4);
  color: var(--white);
  padding: 1.125rem 1.25rem;
  position: relative;
  font-weight: inherit;
}
.objectsFilterForm__inp::placeholder {
  color: var(--white);
}
.objectsFilterForm__inp::selection {
  background-color: var(--primary);
}
.objectsFilterForm__inp:before {
  position: absolute;
  font-family: "Iconly";
}
.objectsFilterForm__reset {
  height: 100%;
  border-width: 0;
}
.objectsFilterForm__smb {
  height: 3.25rem;
  width: 9.375rem;
}
.filterTags {
  display: flex;
  flex-flow: row wrap;
  gap: 0.9375rem;
}
.tag {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 1.25rem;
}
.cstmSelect {
  max-width: 100% !important;
}
.cstmSelect .vscomp-dropbox-container {
  z-index: 10 !important;
}
.cstmSelect .vscomp-wrapper {
  font-size: 1.125rem;
  font-weight: 500;
}
.cstmSelect .vscomp-wrapper.has-value .vscomp-toggle-button .vscomp-value {
  font-size: 0;
  color: transparent;
}
.cstmSelect .vscomp-wrapper.has-value .vscomp-toggle-button .vscomp-value::before {
  content: var(--placeholder-when-selected, "...");
  color: var(--black);
  font-weight: 500;
  font-size: 1.125rem;
}
.cstmSelect .vscomp-toggle-button {
  padding: 0.9375rem 0.625rem;
  border-radius: 4px;
}
.cstmSelect .checkbox-icon.checked::after {
  border-right-color: var(--primary);
  border-bottom-color: var(--primary);
}
.cstmSelect .vscomp-arrow::after {
  scale: 1.2;
  margin-right: 0.4375rem;
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-color: var(--grey);
  border-right-color: var(--grey);
}
.cstmSelect .vscomp-search-clear {
  font-weight: 200;
}
.pop-comp-active .vscomp-arrow::after {
  transform: rotate(-135deg);
  transform-origin: 65% 85%;
}
.range-slider-container {
  max-width: 31.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-weight: 400;
}
.input-wrapper {
  display: flex;
  align-items: center;
}
.input-wrapper label {
  margin-right: 0.9375rem;
  font-size: 1.1em;
}
.input-wrapper input[type=number] {
  width: 4.375rem;
  padding: 0.75rem 0.5rem;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
  font-size: 1em;
  -moz-appearance: textfield; /* Приховати стрілки в Firefox */
}
/* Приховати стрілки в Chrome, Safari, Edge */
.input-wrapper input[type=number]::-webkit-outer-spin-button,
.input-wrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.slider-wrapper {
  position: relative;
  height: 1.5rem; /* Висота для повзунків */
  flex-grow: 1; /* Займати весь вільний простір */
  margin: 0 1.5625rem; /* Відступи від полів вводу */
}
.slider-track-background,
.slider-track-highlight {
  position: absolute;
  height: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
}
.slider-track-background {
  background-color: var(--pink-light);
  width: 100%;
  z-index: 1;
}
.slider-track-highlight {
  background-color: var(--purple);
  z-index: 2;
}
input[type=range] {
  -webkit-appearance: none;
  position: absolute;
  width: 100%;
  height: 0.25rem;
  background: transparent;
  pointer-events: none;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 1.25rem;
  height: 1.25rem;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: 1.25rem;
  height: 1.25rem;
  background-color: white;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.cat__head {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
}
.cat__pic {
  max-width: 10.3125rem;
}
.cat__desc {
  font-size: 1.25rem;
  line-height: 135%;
}
.sampleList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.sampleList img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1556px){
  .pullOut--limit-80 {
    width: 100vw;
  }
  .pullOut--limit-1920 {
    width: 100vw;
  }
  .btn-scrollup {
    right: 1%;
    bottom: 2%;
  }
  .uniSliderActions--arrowsOut {
    margin: 0 -5%;
  }
  .hero2__wrapper {
    min-height: calc(var(--vh) * 100 - var(--headerHt));
  }
  .hero2 .hero__col {
    margin-bottom: 0;
  }
  .hero2-visual .hero-logo {
    width: 8.9375rem;
  }
  .artFull .goBack {
    width: 6.25rem;
    right: 93%;
  }
}
@media screen and (max-width: 1199.98px){
  .hide-on-lg {
    display: none;
  }
  .footerLogo {
    margin-top: 0;
  }
  .footer-third__col {
    margin-left: initial;
  }
  :root {
    --swiper-navigation-size: 1.5rem;
  }
  .hero:after {
    right: 80%;
  }
  .hero__col--content {
    font-size: 1.25rem;
  }
  .hero2-visual .hero-logo {
    display: block;
  }
}
@media screen and (max-width: 991.98px){
  .scroll-hide-mob {
    scroll-behavior: smooth;
    scrollbar-color: initial;
    scrollbar-width: initial;
  }
  .scroll-hide-mob::-webkit-scrollbar {
    display: none;
  }
  .mt0px-t {
    margin-top: 0px;
  }
  .mb0px-t {
    margin-bottom: 0px;
  }
  .mt5px-t {
    margin-top: 0.3125rem;
  }
  .mb5px-t {
    margin-bottom: 0.3125rem;
  }
  .mt10px-t {
    margin-top: 0.625rem;
  }
  .mb10px-t {
    margin-bottom: 0.625rem;
  }
  .mt15px-t {
    margin-top: 0.9375rem;
  }
  .mb15px-t {
    margin-bottom: 0.9375rem;
  }
  .mt20px-t {
    margin-top: 1.25rem;
  }
  .mb20px-t {
    margin-bottom: 1.25rem;
  }
  .mt25px-t {
    margin-top: 1.5625rem;
  }
  .mb25px-t {
    margin-bottom: 1.5625rem;
  }
  .mt30px-t {
    margin-top: 1.875rem;
  }
  .mb30px-t {
    margin-bottom: 1.875rem;
  }
  .mt35px-t {
    margin-top: 2.1875rem;
  }
  .mb35px-t {
    margin-bottom: 2.1875rem;
  }
  .mt40px-t {
    margin-top: 2.5rem;
  }
  .mb40px-t {
    margin-bottom: 2.5rem;
  }
  .mt45px-t {
    margin-top: 2.8125rem;
  }
  .mb45px-t {
    margin-bottom: 2.8125rem;
  }
  .mt50px-t {
    margin-top: 3.125rem;
  }
  .mb50px-t {
    margin-bottom: 3.125rem;
  }
  .mt55px-t {
    margin-top: 3.4375rem;
  }
  .mb55px-t {
    margin-bottom: 3.4375rem;
  }
  .mt60px-t {
    margin-top: 3.75rem;
  }
  .mb60px-t {
    margin-bottom: 3.75rem;
  }
  .mt65px-t {
    margin-top: 4.0625rem;
  }
  .mb65px-t {
    margin-bottom: 4.0625rem;
  }
  .mt70px-t {
    margin-top: 4.375rem;
  }
  .mb70px-t {
    margin-bottom: 4.375rem;
  }
  .mt75px-t {
    margin-top: 4.6875rem;
  }
  .mb75px-t {
    margin-bottom: 4.6875rem;
  }
  .mt80px-t {
    margin-top: 5rem;
  }
  .mb80px-t {
    margin-bottom: 5rem;
  }
  .mt85px-t {
    margin-top: 5.3125rem;
  }
  .mb85px-t {
    margin-bottom: 5.3125rem;
  }
  .mt90px-t {
    margin-top: 5.625rem;
  }
  .mb90px-t {
    margin-bottom: 5.625rem;
  }
  .mt95px-t {
    margin-top: 5.9375rem;
  }
  .mb95px-t {
    margin-bottom: 5.9375rem;
  }
  .mt100px-t {
    margin-top: 6.25rem;
  }
  .mb100px-t {
    margin-bottom: 6.25rem;
  }
  .mt105px-t {
    margin-top: 6.5625rem;
  }
  .mb105px-t {
    margin-bottom: 6.5625rem;
  }
  .mt110px-t {
    margin-top: 6.875rem;
  }
  .mb110px-t {
    margin-bottom: 6.875rem;
  }
  .mt115px-t {
    margin-top: 7.1875rem;
  }
  .mb115px-t {
    margin-bottom: 7.1875rem;
  }
  .mt120px-t {
    margin-top: 7.5rem;
  }
  .mb120px-t {
    margin-bottom: 7.5rem;
  }
  .mt125px-t {
    margin-top: 7.8125rem;
  }
  .mb125px-t {
    margin-bottom: 7.8125rem;
  }
  .mt130px-t {
    margin-top: 8.125rem;
  }
  .mb130px-t {
    margin-bottom: 8.125rem;
  }
  .mt135px-t {
    margin-top: 8.4375rem;
  }
  .mb135px-t {
    margin-bottom: 8.4375rem;
  }
  .mt140px-t {
    margin-top: 8.75rem;
  }
  .mb140px-t {
    margin-bottom: 8.75rem;
  }
  .mt150px-t {
    margin-top: 9.375rem;
  }
  .mb150px-t {
    margin-bottom: 9.375rem;
  }
  .mt160px-t {
    margin-top: 10rem;
  }
  .mb160px-t {
    margin-bottom: 10rem;
  }
  .mt170px-t {
    margin-top: 10.625rem;
  }
  .mb170px-t {
    margin-bottom: 10.625rem;
  }
  .mt180px-t {
    margin-top: 11.25rem;
  }
  .mb180px-t {
    margin-bottom: 11.25rem;
  }
  .mt190px-t {
    margin-top: 11.875rem;
  }
  .mb190px-t {
    margin-bottom: 11.875rem;
  }
  .mt200px-t {
    margin-top: 12.5rem;
  }
  .mb200px-t {
    margin-bottom: 12.5rem;
  }
  .mt220px-t {
    margin-top: 13.75rem;
  }
  .mb220px-t {
    margin-bottom: 13.75rem;
  }
  .mt250px-t {
    margin-top: 15.625rem;
  }
  .mb250px-t {
    margin-bottom: 15.625rem;
  }
  .mt300px-t {
    margin-top: 18.75rem;
  }
  .mb300px-t {
    margin-bottom: 18.75rem;
  }
  .mt400px-t {
    margin-top: 25rem;
  }
  .mb400px-t {
    margin-bottom: 25rem;
  }
  .mt500px-t {
    margin-top: 31.25rem;
  }
  .mb500px-t {
    margin-bottom: 31.25rem;
  }
  .hide-on-md {
    display: none;
  }
  .header {
    padding: 1.875rem 0 0;
  }
  .header__l {
    flex: auto;
    margin-right: 0.625rem;
  }
  .header__r {
    margin: 0;
    max-width: initial;
  }
  .header__r > * + * {
    margin-left: initial;
  }
  .header-actions > * + * {
    margin-left: 0.625rem;
  }
  .site-lng {
    visibility: hidden;
    position: absolute;
    left: 0;
    font-size: 1.5rem;
  }
  .header-main {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--headerHt);
    height: calc(100 * var(--vh) - var(--headerHt));
    padding: 2.5rem 1.375rem;
    overflow: hidden auto;
    background: var(--primary);
    transform: scaleX(0);
    transition: transform 0.3s linear;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .header-nav {
    flex-flow: column nowrap;
    justify-content: flex-start;
    font-size: 2rem;
    font-weight: 500;
  }
  .header-nav > li {
    transform: scaleY(0);
  }
  .header-nav > li + li {
    margin: 2.1875rem 0 0;
  }
  .header-nav__lnk:before {
    display: none;
  }
  #page-wrapper {
    min-height: calc(100 * var(--vh));
  }
  .directions {
    padding: 4.6875rem 0;
  }
  .hero {
    margin-bottom: 25rem;
    min-height: initial;
  }
  .hero:before {
    right: 0;
  }
  .hero:after {
    right: initial;
    left: 0;
    top: calc(100% - 0.125rem);
    bottom: initial;
    height: 60%;
    width: 80%;
    background-size: contain;
  }
  .hero .hero-visual {
    height: 25rem;
    bottom: auto;
  }
  .hero2__wrapper {
    min-height: initial;
  }
  .videoBg {
    display: block;
  }
  .hero2-visual {
    position: relative;
  }
  .hero2-visual__video {
    display: none;
  }
  .hero2-visual__video-mob {
    display: block;
  }
  .hero2-visual .hero-logo {
    top: auto;
    bottom: 8%;
    left: 8%;
    width: 20%;
  }
  .mainCat__ttl {
    margin-left: 0;
  }
  .bigNAv {
    gap: 3.125rem 1.25rem;
  }
  .hero-modal .swal2-html-container {
    margin: 70px 30px 30px 40px;
    padding-right: 20px;
    max-height: calc(var(--vh) * 75);
    font-size: 18px;
  }
  .hero-modal .swal2-close {
    margin-right: 0.3125rem;
  }
  .artFull .goBack {
    right: calc(100% - 10rem);
    width: 10rem;
    position: static;
  }
  .filterList {
    --cgap: 1.25rem;
    gap: 1.875rem var(--cgap);
  }
}
@media screen and (max-width: 767.98px), screen and (orientation: landscape) and (max-width: 767.98px), screen and (orientation: portrait) and (max-width: 767.98px){
  .ttl, .ttl8, .ttl7, .ttl6, .cms-editor h6:not([class]), .swal2-html-container h6:not([class]), .ttl5, .cms-editor h5:not([class]), .swal2-html-container h5:not([class]), .ttl4, .cms-editor h4:not([class]), .swal2-html-container h4:not([class]), .ttl3, .cms-editor h3:not([class]), .swal2-html-container h3:not([class]), .ttl2, .cms-editor h2:not([class]), .swal2-html-container h2:not([class]), .ttl1, .cms-editor h1:not([class]), .swal2-html-container h1:not([class]) {
    overflow-wrap: anywhere;
  }
  .ttl-author--big {
    font-size: 1.875rem;
  }
  .scroll-one-line {
    white-space: nowrap;
    overflow-x: scroll;
  }
  .mt0px-m {
    margin-top: 0px;
  }
  .mb0px-m {
    margin-bottom: 0px;
  }
  .mt5px-m {
    margin-top: 0.3125rem;
  }
  .mb5px-m {
    margin-bottom: 0.3125rem;
  }
  .mt10px-m {
    margin-top: 0.625rem;
  }
  .mb10px-m {
    margin-bottom: 0.625rem;
  }
  .mt15px-m {
    margin-top: 0.9375rem;
  }
  .mb15px-m {
    margin-bottom: 0.9375rem;
  }
  .mt20px-m {
    margin-top: 1.25rem;
  }
  .mb20px-m {
    margin-bottom: 1.25rem;
  }
  .mt25px-m {
    margin-top: 1.5625rem;
  }
  .mb25px-m {
    margin-bottom: 1.5625rem;
  }
  .mt30px-m {
    margin-top: 1.875rem;
  }
  .mb30px-m {
    margin-bottom: 1.875rem;
  }
  .mt35px-m {
    margin-top: 2.1875rem;
  }
  .mb35px-m {
    margin-bottom: 2.1875rem;
  }
  .mt40px-m {
    margin-top: 2.5rem;
  }
  .mb40px-m {
    margin-bottom: 2.5rem;
  }
  .mt45px-m {
    margin-top: 2.8125rem;
  }
  .mb45px-m {
    margin-bottom: 2.8125rem;
  }
  .mt50px-m {
    margin-top: 3.125rem;
  }
  .mb50px-m {
    margin-bottom: 3.125rem;
  }
  .mt55px-m {
    margin-top: 3.4375rem;
  }
  .mb55px-m {
    margin-bottom: 3.4375rem;
  }
  .mt60px-m {
    margin-top: 3.75rem;
  }
  .mb60px-m {
    margin-bottom: 3.75rem;
  }
  .mt65px-m {
    margin-top: 4.0625rem;
  }
  .mb65px-m {
    margin-bottom: 4.0625rem;
  }
  .mt70px-m {
    margin-top: 4.375rem;
  }
  .mb70px-m {
    margin-bottom: 4.375rem;
  }
  .mt75px-m {
    margin-top: 4.6875rem;
  }
  .mb75px-m {
    margin-bottom: 4.6875rem;
  }
  .mt80px-m {
    margin-top: 5rem;
  }
  .mb80px-m {
    margin-bottom: 5rem;
  }
  .mt85px-m {
    margin-top: 5.3125rem;
  }
  .mb85px-m {
    margin-bottom: 5.3125rem;
  }
  .mt90px-m {
    margin-top: 5.625rem;
  }
  .mb90px-m {
    margin-bottom: 5.625rem;
  }
  .mt95px-m {
    margin-top: 5.9375rem;
  }
  .mb95px-m {
    margin-bottom: 5.9375rem;
  }
  .mt100px-m {
    margin-top: 6.25rem;
  }
  .mb100px-m {
    margin-bottom: 6.25rem;
  }
  .mt105px-m {
    margin-top: 6.5625rem;
  }
  .mb105px-m {
    margin-bottom: 6.5625rem;
  }
  .mt110px-m {
    margin-top: 6.875rem;
  }
  .mb110px-m {
    margin-bottom: 6.875rem;
  }
  .mt115px-m {
    margin-top: 7.1875rem;
  }
  .mb115px-m {
    margin-bottom: 7.1875rem;
  }
  .mt120px-m {
    margin-top: 7.5rem;
  }
  .mb120px-m {
    margin-bottom: 7.5rem;
  }
  .mt125px-m {
    margin-top: 7.8125rem;
  }
  .mb125px-m {
    margin-bottom: 7.8125rem;
  }
  .mt130px-m {
    margin-top: 8.125rem;
  }
  .mb130px-m {
    margin-bottom: 8.125rem;
  }
  .mt135px-m {
    margin-top: 8.4375rem;
  }
  .mb135px-m {
    margin-bottom: 8.4375rem;
  }
  .mt140px-m {
    margin-top: 8.75rem;
  }
  .mb140px-m {
    margin-bottom: 8.75rem;
  }
  .mt150px-m {
    margin-top: 9.375rem;
  }
  .mb150px-m {
    margin-bottom: 9.375rem;
  }
  .mt160px-m {
    margin-top: 10rem;
  }
  .mb160px-m {
    margin-bottom: 10rem;
  }
  .mt170px-m {
    margin-top: 10.625rem;
  }
  .mb170px-m {
    margin-bottom: 10.625rem;
  }
  .mt180px-m {
    margin-top: 11.25rem;
  }
  .mb180px-m {
    margin-bottom: 11.25rem;
  }
  .mt190px-m {
    margin-top: 11.875rem;
  }
  .mb190px-m {
    margin-bottom: 11.875rem;
  }
  .mt200px-m {
    margin-top: 12.5rem;
  }
  .mb200px-m {
    margin-bottom: 12.5rem;
  }
  .mt220px-m {
    margin-top: 13.75rem;
  }
  .mb220px-m {
    margin-bottom: 13.75rem;
  }
  .mt250px-m {
    margin-top: 15.625rem;
  }
  .mb250px-m {
    margin-bottom: 15.625rem;
  }
  .mt300px-m {
    margin-top: 18.75rem;
  }
  .mb300px-m {
    margin-bottom: 18.75rem;
  }
  .mt400px-m {
    margin-top: 25rem;
  }
  .mb400px-m {
    margin-bottom: 25rem;
  }
  .mt500px-m {
    margin-top: 31.25rem;
  }
  .mb500px-m {
    margin-bottom: 31.25rem;
  }
  .hide-on-sm {
    display: none;
  }
  .dot-list li, .cms-editor > ul:not([class]) li, .swal2-html-container > ul:not([class]) li, .dot-list-compact li {
    padding-left: 25px;
  }
  .cms-editor__pic {
    margin-left: initial;
    margin-right: initial;
  }
  .cms-editor blockquote cite, .hero-modal .swal2-html-container blockquote cite, .swal2-html-container blockquote cite {
    font-size: inherit;
  }
  .cms-editor > ul:not([class]), .swal2-html-container > ul:not([class]) {
    font-size: 1.05em;
  }
  .cms-editor > ol:not([class]), .swal2-html-container > ol:not([class]) {
    font-size: 1.05em;
  }
  .cms-editor.cms-editor--small-txt, .cms-editor--small-txt.swal2-html-container {
    font-size: 15px;
  }
  .header .site-logo {
    max-width: 9.375rem;
  }
  .header .hamburger {
    position: absolute;
    right: 0;
  }
  .header-nav__lnk.active {
    text-decoration: none;
  }
  .footer {
    padding: 3.75rem 2.5rem 2.5rem 2.5rem;
  }
  .footer .nav-list {
    font-size: 1.25rem;
    flex-direction: column;
  }
  .footer .nav-list--main {
    font-size: 1.375rem;
  }
  .footer .nav-list--social .nav-list__ico {
    font-size: 2.125rem;
    margin-left: -0.1875rem;
  }
  .copyright {
    margin: 0 -1.875rem;
  }
  .pagination .more span {
    padding: 0.1em;
    letter-spacing: initial;
  }
  .mobSlider .swiper {
    overflow: hidden;
    margin: 0 calc(var(--bs-gutter-x) * -0.5);
  }
  .mobSlider .swiper-wrapper {
    width: 100%;
  }
  :root {
    --headerHt: 6.25rem;
  }
  .container,
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .row {
    --bs-gutter-x: 3.75rem;
  }
  .partnersLst {
    gap: 1.25rem;
  }
  .dir {
    flex-flow: column nowrap;
    gap: 0;
  }
  .dir__ttl {
    min-height: initial;
    padding: 2.5rem 0;
  }
  .direction-action {
    flex-flow: column nowrap;
    align-items: start;
    justify-self: start;
  }
  .hero:after {
    width: 50%;
  }
  .hero__col--content {
    font-size: 1.0625rem;
  }
  .hero-present__ctn {
    padding-top: 20%;
    padding-bottom: 20%;
  }
  .bigNAv {
    grid-template-columns: repeat(2, 1fr);
  }
  .arts-header {
    gap: 1.25rem;
  }
  .arts-header__pic {
    width: 4.375rem;
  }
  .arts-btn-more {
    display: flex;
  }
  .hero-modal .swal2-html-container {
    padding-right: 5px;
  }
  .filterList {
    gap: 1.25rem var(--cgap);
  }
  .filterList__el {
    min-width: 100%;
  }
  .filterList__el--range {
    order: 2;
  }
  .filterList__el--action {
    order: 3;
    min-width: auto;
  }
  .filterList__el--action-clear {
    flex-basis: 40%;
  }
  .filterList__el--action-smb {
    order: 4;
    flex-basis: calc(60% - var(--cgap));
  }
  .objectsFilter--collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }
  .objectsFilterForm__reset {
    border-width: 1px;
    width: 100%;
    border-radius: 30px;
  }
  .objectsFilterForm__smb {
    width: 100%;
    border-radius: 30px;
  }
  .range-slider-container {
    max-width: 100%;
    margin-top: 0.3125rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
  }
  .input-wrapper label {
    display: none;
  }
  .input-wrapper--l {
    grid-area: 1/1/2/2;
  }
  .input-wrapper--r input {
    margin-left: auto;
  }
  .input-wrapper--r {
    grid-area: 1/2/2/3;
    text-align: right;
  }
  .slider-wrapper {
    grid-area: 2/1/3/3;
    margin: 0;
  }
  .cat__ttl {
    font-size: 2.5rem;
  }
  .sampleList {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4375rem;
  }
}
@media screen and (max-width: 575.98px){
  .ttl1, .cms-editor h1:not([class]), .swal2-html-container h1:not([class]) {
    font-size: 43px;
  }
  .ttl2, .cms-editor h2:not([class]), .swal2-html-container h2:not([class]) {
    font-size: 27px;
  }
  .ttl3, .cms-editor h3:not([class]), .swal2-html-container h3:not([class]) {
    font-size: 20px;
  }
  .ttl4, .cms-editor h4:not([class]), .swal2-html-container h4:not([class]) {
    font-size: 18.9px;
  }
  .ttl5, .cms-editor h5:not([class]), .swal2-html-container h5:not([class]) {
    font-size: 18px;
  }
  .ttl6, .cms-editor h6:not([class]), .swal2-html-container h6:not([class]) {
    font-size: 16.2px;
  }
  .hide-on-xs {
    display: none;
  }
  .tagLst__tag {
    padding: 0.625rem 1.25rem;
    font-size: 0.75rem;
  }
  .cms-editor .verticalSpace, .swal2-html-container .verticalSpace {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .pagination {
    gap: 0.3125rem;
    font-size: 1.25rem;
  }
  .pagination li > * {
    min-width: 2.5em;
    height: 2.5em;
  }
  .pagination .prev {
    margin-right: initial;
  }
  .pagination .next {
    margin-left: initial;
  }
  .pagination .prev-all,
  .pagination .next-all {
    display: none;
  }
  .uniSlider--space-both-side-mob .swiper {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
  .uniSliderActions__btn {
    width: 3rem;
    height: 3rem;
  }
  .mobSlider--space-both-side-mob .swiper {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
  .mobSlider--space-both-side-mob .swiper-slide {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .hero .hero-visual {
    height: 23.625rem;
  }
  .bigNAv {
    grid-template-columns: 1fr;
  }
  .cat__head {
    gap: 0.8125rem;
  }
  .cat__pic {
    max-width: 4.375rem;
  }
  .cat__ttl {
    font-size: 2.0625rem;
  }
  .cat__desc {
    font-size: 1rem;
  }
}
@media screen and (max-width: 375px){
  .pullOut {
    width: 23.4375rem;
  }
  body {
    min-width: 23.4375rem;
  }
}
@media screen and (min-width: 575.98px){
  .show-on-xs {
    display: none;
  }
}
@media (min-width: 576px){
  .container-sm, .container {
    max-width: 33.75rem;
  }
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 767.98px){
  .show-on-sm {
    display: none;
  }
}
@media (min-width: 768px){
  .container-md, .container-sm, .container {
    max-width: 45rem;
  }
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 991.98px){
  .show-on-md {
    display: none;
  }
}
@media (min-width: 992px){
  .container-lg, .container-md, .container-sm, .container {
    max-width: 60rem;
  }
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 1199.98px){
  .show-on-lg {
    display: none;
  }
}
@media (min-width: 1200px){
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 71.25rem;
  }
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1400px){
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 71.3125rem;
  }
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .container--max {
    max-width: 80.625rem;
  }
}
@media (hover: hover){
  .card--hover-border-pic:hover .card__pic {
    border-radius: 2px;
    outline: 0.3125rem solid var(--hoverColor);
    outline-offset: -1px;
  }
  .card--hover-cap-color:hover .card__cap {
    color: var(--hoverColor);
  }
}
@media (prefers-reduced-motion: reduce){
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media print{
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}