@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
a {
  text-decoration: none;
}

button, a {
  cursor: pointer;
}

* {
  outline: none;
}

html {
  /*overflow-y: scroll;
   scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;*/
}

i {
  font-style: italic;
}

body {
  font-family: "Albert Sans", sans-serif;
  leading-trim: NONE;
  font-size: 16px;
  color: #070e14;
  font-feature-settings: "ss07" on, "ss08" on, "ss09" on, "ss10" on, "ss11" on, "salt" on;
}

.font1 {
  font-family: "Albert Sans";
}

.font2 {
  font-family: "Space Mono";
}

.mt-0 {
  margin-top: 0vw;
}

.mt--0 {
  margin-top: calc(0vw * -1);
}

.pt-0 {
  padding-top: 0vw;
}

.mr-0 {
  margin-right: 0vw;
}

.mr--0 {
  margin-right: calc(0vw * -1);
}

.pr-0 {
  padding-right: 0vw;
}

.mb-0 {
  margin-bottom: 0vw;
}

.mb--0 {
  margin-bottom: calc(0vw * -1);
}

.pb-0 {
  padding-bottom: 0vw;
}

.ml-0 {
  margin-left: 0vw;
}

.ml--0 {
  margin-left: calc(0vw * -1);
}

.pl-0 {
  padding-left: 0vw;
}

.m-0 {
  margin: 0vw;
}

.m--0 {
  margin: calc(0vw * -1);
}

.p-0 {
  padding: 0vw;
}

.px-0 {
  padding-left: 0vw;
  padding-right: 0vw;
}

.py-0 {
  padding-top: 0vw;
  padding-bottom: 0vw;
}

.mx-0 {
  margin-left: 0vw;
  margin-right: 0vw;
}

.my-0 {
  margin-top: 0vw;
  margin-bottom: 0vw;
}

.mx--0 {
  margin-left: calc(0vw * -1);
  margin-right: calc(0vw * -1);
}

.my--0 {
  margin-top: calc(0vw * -1);
  margin-bottom: calc(0vw * -1);
}

.mt-2 {
  margin-top: 0.1388888889vw;
}

.mt--2 {
  margin-top: calc(0.1388888889vw * -1);
}

.pt-2 {
  padding-top: 0.1388888889vw;
}

.mr-2 {
  margin-right: 0.1388888889vw;
}

.mr--2 {
  margin-right: calc(0.1388888889vw * -1);
}

.pr-2 {
  padding-right: 0.1388888889vw;
}

.mb-2 {
  margin-bottom: 0.1388888889vw;
}

.mb--2 {
  margin-bottom: calc(0.1388888889vw * -1);
}

.pb-2 {
  padding-bottom: 0.1388888889vw;
}

.ml-2 {
  margin-left: 0.1388888889vw;
}

.ml--2 {
  margin-left: calc(0.1388888889vw * -1);
}

.pl-2 {
  padding-left: 0.1388888889vw;
}

.m-2 {
  margin: 0.1388888889vw;
}

.m--2 {
  margin: calc(0.1388888889vw * -1);
}

.p-2 {
  padding: 0.1388888889vw;
}

.px-2 {
  padding-left: 0.1388888889vw;
  padding-right: 0.1388888889vw;
}

.py-2 {
  padding-top: 0.1388888889vw;
  padding-bottom: 0.1388888889vw;
}

.mx-2 {
  margin-left: 0.1388888889vw;
  margin-right: 0.1388888889vw;
}

.my-2 {
  margin-top: 0.1388888889vw;
  margin-bottom: 0.1388888889vw;
}

.mx--2 {
  margin-left: calc(0.1388888889vw * -1);
  margin-right: calc(0.1388888889vw * -1);
}

.my--2 {
  margin-top: calc(0.1388888889vw * -1);
  margin-bottom: calc(0.1388888889vw * -1);
}

.mt-4 {
  margin-top: 0.2777777778vw;
}

.mt--4 {
  margin-top: calc(0.2777777778vw * -1);
}

.pt-4 {
  padding-top: 0.2777777778vw;
}

.mr-4 {
  margin-right: 0.2777777778vw;
}

.mr--4 {
  margin-right: calc(0.2777777778vw * -1);
}

.pr-4 {
  padding-right: 0.2777777778vw;
}

.mb-4 {
  margin-bottom: 0.2777777778vw;
}

.mb--4 {
  margin-bottom: calc(0.2777777778vw * -1);
}

.pb-4 {
  padding-bottom: 0.2777777778vw;
}

.ml-4 {
  margin-left: 0.2777777778vw;
}

.ml--4 {
  margin-left: calc(0.2777777778vw * -1);
}

.pl-4 {
  padding-left: 0.2777777778vw;
}

.m-4 {
  margin: 0.2777777778vw;
}

.m--4 {
  margin: calc(0.2777777778vw * -1);
}

.p-4 {
  padding: 0.2777777778vw;
}

.px-4 {
  padding-left: 0.2777777778vw;
  padding-right: 0.2777777778vw;
}

.py-4 {
  padding-top: 0.2777777778vw;
  padding-bottom: 0.2777777778vw;
}

.mx-4 {
  margin-left: 0.2777777778vw;
  margin-right: 0.2777777778vw;
}

.my-4 {
  margin-top: 0.2777777778vw;
  margin-bottom: 0.2777777778vw;
}

.mx--4 {
  margin-left: calc(0.2777777778vw * -1);
  margin-right: calc(0.2777777778vw * -1);
}

.my--4 {
  margin-top: calc(0.2777777778vw * -1);
  margin-bottom: calc(0.2777777778vw * -1);
}

.mt-6 {
  margin-top: 0.4166666667vw;
}

.mt--6 {
  margin-top: calc(0.4166666667vw * -1);
}

.pt-6 {
  padding-top: 0.4166666667vw;
}

.mr-6 {
  margin-right: 0.4166666667vw;
}

.mr--6 {
  margin-right: calc(0.4166666667vw * -1);
}

.pr-6 {
  padding-right: 0.4166666667vw;
}

.mb-6 {
  margin-bottom: 0.4166666667vw;
}

.mb--6 {
  margin-bottom: calc(0.4166666667vw * -1);
}

.pb-6 {
  padding-bottom: 0.4166666667vw;
}

.ml-6 {
  margin-left: 0.4166666667vw;
}

.ml--6 {
  margin-left: calc(0.4166666667vw * -1);
}

.pl-6 {
  padding-left: 0.4166666667vw;
}

.m-6 {
  margin: 0.4166666667vw;
}

.m--6 {
  margin: calc(0.4166666667vw * -1);
}

.p-6 {
  padding: 0.4166666667vw;
}

.px-6 {
  padding-left: 0.4166666667vw;
  padding-right: 0.4166666667vw;
}

.py-6 {
  padding-top: 0.4166666667vw;
  padding-bottom: 0.4166666667vw;
}

.mx-6 {
  margin-left: 0.4166666667vw;
  margin-right: 0.4166666667vw;
}

.my-6 {
  margin-top: 0.4166666667vw;
  margin-bottom: 0.4166666667vw;
}

.mx--6 {
  margin-left: calc(0.4166666667vw * -1);
  margin-right: calc(0.4166666667vw * -1);
}

.my--6 {
  margin-top: calc(0.4166666667vw * -1);
  margin-bottom: calc(0.4166666667vw * -1);
}

.mt-8 {
  margin-top: 0.5555555556vw;
}

.mt--8 {
  margin-top: calc(0.5555555556vw * -1);
}

.pt-8 {
  padding-top: 0.5555555556vw;
}

.mr-8 {
  margin-right: 0.5555555556vw;
}

.mr--8 {
  margin-right: calc(0.5555555556vw * -1);
}

.pr-8 {
  padding-right: 0.5555555556vw;
}

.mb-8 {
  margin-bottom: 0.5555555556vw;
}

.mb--8 {
  margin-bottom: calc(0.5555555556vw * -1);
}

.pb-8 {
  padding-bottom: 0.5555555556vw;
}

.ml-8 {
  margin-left: 0.5555555556vw;
}

.ml--8 {
  margin-left: calc(0.5555555556vw * -1);
}

.pl-8 {
  padding-left: 0.5555555556vw;
}

.m-8 {
  margin: 0.5555555556vw;
}

.m--8 {
  margin: calc(0.5555555556vw * -1);
}

.p-8 {
  padding: 0.5555555556vw;
}

.px-8 {
  padding-left: 0.5555555556vw;
  padding-right: 0.5555555556vw;
}

.py-8 {
  padding-top: 0.5555555556vw;
  padding-bottom: 0.5555555556vw;
}

.mx-8 {
  margin-left: 0.5555555556vw;
  margin-right: 0.5555555556vw;
}

.my-8 {
  margin-top: 0.5555555556vw;
  margin-bottom: 0.5555555556vw;
}

.mx--8 {
  margin-left: calc(0.5555555556vw * -1);
  margin-right: calc(0.5555555556vw * -1);
}

.my--8 {
  margin-top: calc(0.5555555556vw * -1);
  margin-bottom: calc(0.5555555556vw * -1);
}

.mt-10 {
  margin-top: 0.6944444444vw;
}

.mt--10 {
  margin-top: calc(0.6944444444vw * -1);
}

.pt-10 {
  padding-top: 0.6944444444vw;
}

.mr-10 {
  margin-right: 0.6944444444vw;
}

.mr--10 {
  margin-right: calc(0.6944444444vw * -1);
}

.pr-10 {
  padding-right: 0.6944444444vw;
}

.mb-10 {
  margin-bottom: 0.6944444444vw;
}

.mb--10 {
  margin-bottom: calc(0.6944444444vw * -1);
}

.pb-10 {
  padding-bottom: 0.6944444444vw;
}

.ml-10 {
  margin-left: 0.6944444444vw;
}

.ml--10 {
  margin-left: calc(0.6944444444vw * -1);
}

.pl-10 {
  padding-left: 0.6944444444vw;
}

.m-10 {
  margin: 0.6944444444vw;
}

.m--10 {
  margin: calc(0.6944444444vw * -1);
}

.p-10 {
  padding: 0.6944444444vw;
}

.px-10 {
  padding-left: 0.6944444444vw;
  padding-right: 0.6944444444vw;
}

.py-10 {
  padding-top: 0.6944444444vw;
  padding-bottom: 0.6944444444vw;
}

.mx-10 {
  margin-left: 0.6944444444vw;
  margin-right: 0.6944444444vw;
}

.my-10 {
  margin-top: 0.6944444444vw;
  margin-bottom: 0.6944444444vw;
}

.mx--10 {
  margin-left: calc(0.6944444444vw * -1);
  margin-right: calc(0.6944444444vw * -1);
}

.my--10 {
  margin-top: calc(0.6944444444vw * -1);
  margin-bottom: calc(0.6944444444vw * -1);
}

.mt-12 {
  margin-top: 0.8333333333vw;
}

.mt--12 {
  margin-top: calc(0.8333333333vw * -1);
}

.pt-12 {
  padding-top: 0.8333333333vw;
}

.mr-12 {
  margin-right: 0.8333333333vw;
}

.mr--12 {
  margin-right: calc(0.8333333333vw * -1);
}

.pr-12 {
  padding-right: 0.8333333333vw;
}

.mb-12 {
  margin-bottom: 0.8333333333vw;
}

.mb--12 {
  margin-bottom: calc(0.8333333333vw * -1);
}

.pb-12 {
  padding-bottom: 0.8333333333vw;
}

.ml-12 {
  margin-left: 0.8333333333vw;
}

.ml--12 {
  margin-left: calc(0.8333333333vw * -1);
}

.pl-12 {
  padding-left: 0.8333333333vw;
}

.m-12 {
  margin: 0.8333333333vw;
}

.m--12 {
  margin: calc(0.8333333333vw * -1);
}

.p-12 {
  padding: 0.8333333333vw;
}

.px-12 {
  padding-left: 0.8333333333vw;
  padding-right: 0.8333333333vw;
}

.py-12 {
  padding-top: 0.8333333333vw;
  padding-bottom: 0.8333333333vw;
}

.mx-12 {
  margin-left: 0.8333333333vw;
  margin-right: 0.8333333333vw;
}

.my-12 {
  margin-top: 0.8333333333vw;
  margin-bottom: 0.8333333333vw;
}

.mx--12 {
  margin-left: calc(0.8333333333vw * -1);
  margin-right: calc(0.8333333333vw * -1);
}

.my--12 {
  margin-top: calc(0.8333333333vw * -1);
  margin-bottom: calc(0.8333333333vw * -1);
}

.mt-14 {
  margin-top: 0.9722222222vw;
}

.mt--14 {
  margin-top: calc(0.9722222222vw * -1);
}

.pt-14 {
  padding-top: 0.9722222222vw;
}

.mr-14 {
  margin-right: 0.9722222222vw;
}

.mr--14 {
  margin-right: calc(0.9722222222vw * -1);
}

.pr-14 {
  padding-right: 0.9722222222vw;
}

.mb-14 {
  margin-bottom: 0.9722222222vw;
}

.mb--14 {
  margin-bottom: calc(0.9722222222vw * -1);
}

.pb-14 {
  padding-bottom: 0.9722222222vw;
}

.ml-14 {
  margin-left: 0.9722222222vw;
}

.ml--14 {
  margin-left: calc(0.9722222222vw * -1);
}

.pl-14 {
  padding-left: 0.9722222222vw;
}

.m-14 {
  margin: 0.9722222222vw;
}

.m--14 {
  margin: calc(0.9722222222vw * -1);
}

.p-14 {
  padding: 0.9722222222vw;
}

.px-14 {
  padding-left: 0.9722222222vw;
  padding-right: 0.9722222222vw;
}

.py-14 {
  padding-top: 0.9722222222vw;
  padding-bottom: 0.9722222222vw;
}

.mx-14 {
  margin-left: 0.9722222222vw;
  margin-right: 0.9722222222vw;
}

.my-14 {
  margin-top: 0.9722222222vw;
  margin-bottom: 0.9722222222vw;
}

.mx--14 {
  margin-left: calc(0.9722222222vw * -1);
  margin-right: calc(0.9722222222vw * -1);
}

.my--14 {
  margin-top: calc(0.9722222222vw * -1);
  margin-bottom: calc(0.9722222222vw * -1);
}

.mt-16 {
  margin-top: 1.1111111111vw;
}

.mt--16 {
  margin-top: calc(1.1111111111vw * -1);
}

.pt-16 {
  padding-top: 1.1111111111vw;
}

.mr-16 {
  margin-right: 1.1111111111vw;
}

.mr--16 {
  margin-right: calc(1.1111111111vw * -1);
}

.pr-16 {
  padding-right: 1.1111111111vw;
}

.mb-16 {
  margin-bottom: 1.1111111111vw;
}

.mb--16 {
  margin-bottom: calc(1.1111111111vw * -1);
}

.pb-16 {
  padding-bottom: 1.1111111111vw;
}

.ml-16 {
  margin-left: 1.1111111111vw;
}

.ml--16 {
  margin-left: calc(1.1111111111vw * -1);
}

.pl-16 {
  padding-left: 1.1111111111vw;
}

.m-16 {
  margin: 1.1111111111vw;
}

.m--16 {
  margin: calc(1.1111111111vw * -1);
}

.p-16 {
  padding: 1.1111111111vw;
}

.px-16 {
  padding-left: 1.1111111111vw;
  padding-right: 1.1111111111vw;
}

.py-16 {
  padding-top: 1.1111111111vw;
  padding-bottom: 1.1111111111vw;
}

.mx-16 {
  margin-left: 1.1111111111vw;
  margin-right: 1.1111111111vw;
}

.my-16 {
  margin-top: 1.1111111111vw;
  margin-bottom: 1.1111111111vw;
}

.mx--16 {
  margin-left: calc(1.1111111111vw * -1);
  margin-right: calc(1.1111111111vw * -1);
}

.my--16 {
  margin-top: calc(1.1111111111vw * -1);
  margin-bottom: calc(1.1111111111vw * -1);
}

.mt-18 {
  margin-top: 1.25vw;
}

.mt--18 {
  margin-top: calc(1.25vw * -1);
}

.pt-18 {
  padding-top: 1.25vw;
}

.mr-18 {
  margin-right: 1.25vw;
}

.mr--18 {
  margin-right: calc(1.25vw * -1);
}

.pr-18 {
  padding-right: 1.25vw;
}

.mb-18 {
  margin-bottom: 1.25vw;
}

.mb--18 {
  margin-bottom: calc(1.25vw * -1);
}

.pb-18 {
  padding-bottom: 1.25vw;
}

.ml-18 {
  margin-left: 1.25vw;
}

.ml--18 {
  margin-left: calc(1.25vw * -1);
}

.pl-18 {
  padding-left: 1.25vw;
}

.m-18 {
  margin: 1.25vw;
}

.m--18 {
  margin: calc(1.25vw * -1);
}

.p-18 {
  padding: 1.25vw;
}

.px-18 {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}

.py-18 {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}

.mx-18 {
  margin-left: 1.25vw;
  margin-right: 1.25vw;
}

.my-18 {
  margin-top: 1.25vw;
  margin-bottom: 1.25vw;
}

.mx--18 {
  margin-left: calc(1.25vw * -1);
  margin-right: calc(1.25vw * -1);
}

.my--18 {
  margin-top: calc(1.25vw * -1);
  margin-bottom: calc(1.25vw * -1);
}

.mt-20 {
  margin-top: 1.3888888889vw;
}

.mt--20 {
  margin-top: calc(1.3888888889vw * -1);
}

.pt-20 {
  padding-top: 1.3888888889vw;
}

.mr-20 {
  margin-right: 1.3888888889vw;
}

.mr--20 {
  margin-right: calc(1.3888888889vw * -1);
}

.pr-20 {
  padding-right: 1.3888888889vw;
}

.mb-20 {
  margin-bottom: 1.3888888889vw;
}

.mb--20 {
  margin-bottom: calc(1.3888888889vw * -1);
}

.pb-20 {
  padding-bottom: 1.3888888889vw;
}

.ml-20 {
  margin-left: 1.3888888889vw;
}

.ml--20 {
  margin-left: calc(1.3888888889vw * -1);
}

.pl-20 {
  padding-left: 1.3888888889vw;
}

.m-20 {
  margin: 1.3888888889vw;
}

.m--20 {
  margin: calc(1.3888888889vw * -1);
}

.p-20 {
  padding: 1.3888888889vw;
}

.px-20 {
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
}

.py-20 {
  padding-top: 1.3888888889vw;
  padding-bottom: 1.3888888889vw;
}

.mx-20 {
  margin-left: 1.3888888889vw;
  margin-right: 1.3888888889vw;
}

.my-20 {
  margin-top: 1.3888888889vw;
  margin-bottom: 1.3888888889vw;
}

.mx--20 {
  margin-left: calc(1.3888888889vw * -1);
  margin-right: calc(1.3888888889vw * -1);
}

.my--20 {
  margin-top: calc(1.3888888889vw * -1);
  margin-bottom: calc(1.3888888889vw * -1);
}

.mt-24 {
  margin-top: 1.6666666667vw;
}

.mt--24 {
  margin-top: calc(1.6666666667vw * -1);
}

.pt-24 {
  padding-top: 1.6666666667vw;
}

.mr-24 {
  margin-right: 1.6666666667vw;
}

.mr--24 {
  margin-right: calc(1.6666666667vw * -1);
}

.pr-24 {
  padding-right: 1.6666666667vw;
}

.mb-24 {
  margin-bottom: 1.6666666667vw;
}

.mb--24 {
  margin-bottom: calc(1.6666666667vw * -1);
}

.pb-24 {
  padding-bottom: 1.6666666667vw;
}

.ml-24 {
  margin-left: 1.6666666667vw;
}

.ml--24 {
  margin-left: calc(1.6666666667vw * -1);
}

.pl-24 {
  padding-left: 1.6666666667vw;
}

.m-24 {
  margin: 1.6666666667vw;
}

.m--24 {
  margin: calc(1.6666666667vw * -1);
}

.p-24 {
  padding: 1.6666666667vw;
}

.px-24 {
  padding-left: 1.6666666667vw;
  padding-right: 1.6666666667vw;
}

.py-24 {
  padding-top: 1.6666666667vw;
  padding-bottom: 1.6666666667vw;
}

.mx-24 {
  margin-left: 1.6666666667vw;
  margin-right: 1.6666666667vw;
}

.my-24 {
  margin-top: 1.6666666667vw;
  margin-bottom: 1.6666666667vw;
}

.mx--24 {
  margin-left: calc(1.6666666667vw * -1);
  margin-right: calc(1.6666666667vw * -1);
}

.my--24 {
  margin-top: calc(1.6666666667vw * -1);
  margin-bottom: calc(1.6666666667vw * -1);
}

.mt-30 {
  margin-top: 2.0833333333vw;
}

.mt--30 {
  margin-top: calc(2.0833333333vw * -1);
}

.pt-30 {
  padding-top: 2.0833333333vw;
}

.mr-30 {
  margin-right: 2.0833333333vw;
}

.mr--30 {
  margin-right: calc(2.0833333333vw * -1);
}

.pr-30 {
  padding-right: 2.0833333333vw;
}

.mb-30 {
  margin-bottom: 2.0833333333vw;
}

.mb--30 {
  margin-bottom: calc(2.0833333333vw * -1);
}

.pb-30 {
  padding-bottom: 2.0833333333vw;
}

.ml-30 {
  margin-left: 2.0833333333vw;
}

.ml--30 {
  margin-left: calc(2.0833333333vw * -1);
}

.pl-30 {
  padding-left: 2.0833333333vw;
}

.m-30 {
  margin: 2.0833333333vw;
}

.m--30 {
  margin: calc(2.0833333333vw * -1);
}

.p-30 {
  padding: 2.0833333333vw;
}

.px-30 {
  padding-left: 2.0833333333vw;
  padding-right: 2.0833333333vw;
}

.py-30 {
  padding-top: 2.0833333333vw;
  padding-bottom: 2.0833333333vw;
}

.mx-30 {
  margin-left: 2.0833333333vw;
  margin-right: 2.0833333333vw;
}

.my-30 {
  margin-top: 2.0833333333vw;
  margin-bottom: 2.0833333333vw;
}

.mx--30 {
  margin-left: calc(2.0833333333vw * -1);
  margin-right: calc(2.0833333333vw * -1);
}

.my--30 {
  margin-top: calc(2.0833333333vw * -1);
  margin-bottom: calc(2.0833333333vw * -1);
}

.mt-32 {
  margin-top: 2.2222222222vw;
}

.mt--32 {
  margin-top: calc(2.2222222222vw * -1);
}

.pt-32 {
  padding-top: 2.2222222222vw;
}

.mr-32 {
  margin-right: 2.2222222222vw;
}

.mr--32 {
  margin-right: calc(2.2222222222vw * -1);
}

.pr-32 {
  padding-right: 2.2222222222vw;
}

.mb-32 {
  margin-bottom: 2.2222222222vw;
}

.mb--32 {
  margin-bottom: calc(2.2222222222vw * -1);
}

.pb-32 {
  padding-bottom: 2.2222222222vw;
}

.ml-32 {
  margin-left: 2.2222222222vw;
}

.ml--32 {
  margin-left: calc(2.2222222222vw * -1);
}

.pl-32 {
  padding-left: 2.2222222222vw;
}

.m-32 {
  margin: 2.2222222222vw;
}

.m--32 {
  margin: calc(2.2222222222vw * -1);
}

.p-32 {
  padding: 2.2222222222vw;
}

.px-32 {
  padding-left: 2.2222222222vw;
  padding-right: 2.2222222222vw;
}

.py-32 {
  padding-top: 2.2222222222vw;
  padding-bottom: 2.2222222222vw;
}

.mx-32 {
  margin-left: 2.2222222222vw;
  margin-right: 2.2222222222vw;
}

.my-32 {
  margin-top: 2.2222222222vw;
  margin-bottom: 2.2222222222vw;
}

.mx--32 {
  margin-left: calc(2.2222222222vw * -1);
  margin-right: calc(2.2222222222vw * -1);
}

.my--32 {
  margin-top: calc(2.2222222222vw * -1);
  margin-bottom: calc(2.2222222222vw * -1);
}

.mt-34 {
  margin-top: 2.3611111111vw;
}

.mt--34 {
  margin-top: calc(2.3611111111vw * -1);
}

.pt-34 {
  padding-top: 2.3611111111vw;
}

.mr-34 {
  margin-right: 2.3611111111vw;
}

.mr--34 {
  margin-right: calc(2.3611111111vw * -1);
}

.pr-34 {
  padding-right: 2.3611111111vw;
}

.mb-34 {
  margin-bottom: 2.3611111111vw;
}

.mb--34 {
  margin-bottom: calc(2.3611111111vw * -1);
}

.pb-34 {
  padding-bottom: 2.3611111111vw;
}

.ml-34 {
  margin-left: 2.3611111111vw;
}

.ml--34 {
  margin-left: calc(2.3611111111vw * -1);
}

.pl-34 {
  padding-left: 2.3611111111vw;
}

.m-34 {
  margin: 2.3611111111vw;
}

.m--34 {
  margin: calc(2.3611111111vw * -1);
}

.p-34 {
  padding: 2.3611111111vw;
}

.px-34 {
  padding-left: 2.3611111111vw;
  padding-right: 2.3611111111vw;
}

.py-34 {
  padding-top: 2.3611111111vw;
  padding-bottom: 2.3611111111vw;
}

.mx-34 {
  margin-left: 2.3611111111vw;
  margin-right: 2.3611111111vw;
}

.my-34 {
  margin-top: 2.3611111111vw;
  margin-bottom: 2.3611111111vw;
}

.mx--34 {
  margin-left: calc(2.3611111111vw * -1);
  margin-right: calc(2.3611111111vw * -1);
}

.my--34 {
  margin-top: calc(2.3611111111vw * -1);
  margin-bottom: calc(2.3611111111vw * -1);
}

.mt-40 {
  margin-top: 2.7777777778vw;
}

.mt--40 {
  margin-top: calc(2.7777777778vw * -1);
}

.pt-40 {
  padding-top: 2.7777777778vw;
}

.mr-40 {
  margin-right: 2.7777777778vw;
}

.mr--40 {
  margin-right: calc(2.7777777778vw * -1);
}

.pr-40 {
  padding-right: 2.7777777778vw;
}

.mb-40 {
  margin-bottom: 2.7777777778vw;
}

.mb--40 {
  margin-bottom: calc(2.7777777778vw * -1);
}

.pb-40 {
  padding-bottom: 2.7777777778vw;
}

.ml-40 {
  margin-left: 2.7777777778vw;
}

.ml--40 {
  margin-left: calc(2.7777777778vw * -1);
}

.pl-40 {
  padding-left: 2.7777777778vw;
}

.m-40 {
  margin: 2.7777777778vw;
}

.m--40 {
  margin: calc(2.7777777778vw * -1);
}

.p-40 {
  padding: 2.7777777778vw;
}

.px-40 {
  padding-left: 2.7777777778vw;
  padding-right: 2.7777777778vw;
}

.py-40 {
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
}

.mx-40 {
  margin-left: 2.7777777778vw;
  margin-right: 2.7777777778vw;
}

.my-40 {
  margin-top: 2.7777777778vw;
  margin-bottom: 2.7777777778vw;
}

.mx--40 {
  margin-left: calc(2.7777777778vw * -1);
  margin-right: calc(2.7777777778vw * -1);
}

.my--40 {
  margin-top: calc(2.7777777778vw * -1);
  margin-bottom: calc(2.7777777778vw * -1);
}

.mt-48 {
  margin-top: 3.3333333333vw;
}

.mt--48 {
  margin-top: calc(3.3333333333vw * -1);
}

.pt-48 {
  padding-top: 3.3333333333vw;
}

.mr-48 {
  margin-right: 3.3333333333vw;
}

.mr--48 {
  margin-right: calc(3.3333333333vw * -1);
}

.pr-48 {
  padding-right: 3.3333333333vw;
}

.mb-48 {
  margin-bottom: 3.3333333333vw;
}

.mb--48 {
  margin-bottom: calc(3.3333333333vw * -1);
}

.pb-48 {
  padding-bottom: 3.3333333333vw;
}

.ml-48 {
  margin-left: 3.3333333333vw;
}

.ml--48 {
  margin-left: calc(3.3333333333vw * -1);
}

.pl-48 {
  padding-left: 3.3333333333vw;
}

.m-48 {
  margin: 3.3333333333vw;
}

.m--48 {
  margin: calc(3.3333333333vw * -1);
}

.p-48 {
  padding: 3.3333333333vw;
}

.px-48 {
  padding-left: 3.3333333333vw;
  padding-right: 3.3333333333vw;
}

.py-48 {
  padding-top: 3.3333333333vw;
  padding-bottom: 3.3333333333vw;
}

.mx-48 {
  margin-left: 3.3333333333vw;
  margin-right: 3.3333333333vw;
}

.my-48 {
  margin-top: 3.3333333333vw;
  margin-bottom: 3.3333333333vw;
}

.mx--48 {
  margin-left: calc(3.3333333333vw * -1);
  margin-right: calc(3.3333333333vw * -1);
}

.my--48 {
  margin-top: calc(3.3333333333vw * -1);
  margin-bottom: calc(3.3333333333vw * -1);
}

.mt-50 {
  margin-top: 3.4722222222vw;
}

.mt--50 {
  margin-top: calc(3.4722222222vw * -1);
}

.pt-50 {
  padding-top: 3.4722222222vw;
}

.mr-50 {
  margin-right: 3.4722222222vw;
}

.mr--50 {
  margin-right: calc(3.4722222222vw * -1);
}

.pr-50 {
  padding-right: 3.4722222222vw;
}

.mb-50 {
  margin-bottom: 3.4722222222vw;
}

.mb--50 {
  margin-bottom: calc(3.4722222222vw * -1);
}

.pb-50 {
  padding-bottom: 3.4722222222vw;
}

.ml-50 {
  margin-left: 3.4722222222vw;
}

.ml--50 {
  margin-left: calc(3.4722222222vw * -1);
}

.pl-50 {
  padding-left: 3.4722222222vw;
}

.m-50 {
  margin: 3.4722222222vw;
}

.m--50 {
  margin: calc(3.4722222222vw * -1);
}

.p-50 {
  padding: 3.4722222222vw;
}

.px-50 {
  padding-left: 3.4722222222vw;
  padding-right: 3.4722222222vw;
}

.py-50 {
  padding-top: 3.4722222222vw;
  padding-bottom: 3.4722222222vw;
}

.mx-50 {
  margin-left: 3.4722222222vw;
  margin-right: 3.4722222222vw;
}

.my-50 {
  margin-top: 3.4722222222vw;
  margin-bottom: 3.4722222222vw;
}

.mx--50 {
  margin-left: calc(3.4722222222vw * -1);
  margin-right: calc(3.4722222222vw * -1);
}

.my--50 {
  margin-top: calc(3.4722222222vw * -1);
  margin-bottom: calc(3.4722222222vw * -1);
}

.mt-56 {
  margin-top: 3.8888888889vw;
}

.mt--56 {
  margin-top: calc(3.8888888889vw * -1);
}

.pt-56 {
  padding-top: 3.8888888889vw;
}

.mr-56 {
  margin-right: 3.8888888889vw;
}

.mr--56 {
  margin-right: calc(3.8888888889vw * -1);
}

.pr-56 {
  padding-right: 3.8888888889vw;
}

.mb-56 {
  margin-bottom: 3.8888888889vw;
}

.mb--56 {
  margin-bottom: calc(3.8888888889vw * -1);
}

.pb-56 {
  padding-bottom: 3.8888888889vw;
}

.ml-56 {
  margin-left: 3.8888888889vw;
}

.ml--56 {
  margin-left: calc(3.8888888889vw * -1);
}

.pl-56 {
  padding-left: 3.8888888889vw;
}

.m-56 {
  margin: 3.8888888889vw;
}

.m--56 {
  margin: calc(3.8888888889vw * -1);
}

.p-56 {
  padding: 3.8888888889vw;
}

.px-56 {
  padding-left: 3.8888888889vw;
  padding-right: 3.8888888889vw;
}

.py-56 {
  padding-top: 3.8888888889vw;
  padding-bottom: 3.8888888889vw;
}

.mx-56 {
  margin-left: 3.8888888889vw;
  margin-right: 3.8888888889vw;
}

.my-56 {
  margin-top: 3.8888888889vw;
  margin-bottom: 3.8888888889vw;
}

.mx--56 {
  margin-left: calc(3.8888888889vw * -1);
  margin-right: calc(3.8888888889vw * -1);
}

.my--56 {
  margin-top: calc(3.8888888889vw * -1);
  margin-bottom: calc(3.8888888889vw * -1);
}

.mt-60 {
  margin-top: 4.1666666667vw;
}

.mt--60 {
  margin-top: calc(4.1666666667vw * -1);
}

.pt-60 {
  padding-top: 4.1666666667vw;
}

.mr-60 {
  margin-right: 4.1666666667vw;
}

.mr--60 {
  margin-right: calc(4.1666666667vw * -1);
}

.pr-60 {
  padding-right: 4.1666666667vw;
}

.mb-60 {
  margin-bottom: 4.1666666667vw;
}

.mb--60 {
  margin-bottom: calc(4.1666666667vw * -1);
}

.pb-60 {
  padding-bottom: 4.1666666667vw;
}

.ml-60 {
  margin-left: 4.1666666667vw;
}

.ml--60 {
  margin-left: calc(4.1666666667vw * -1);
}

.pl-60 {
  padding-left: 4.1666666667vw;
}

.m-60 {
  margin: 4.1666666667vw;
}

.m--60 {
  margin: calc(4.1666666667vw * -1);
}

.p-60 {
  padding: 4.1666666667vw;
}

.px-60 {
  padding-left: 4.1666666667vw;
  padding-right: 4.1666666667vw;
}

.py-60 {
  padding-top: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
}

.mx-60 {
  margin-left: 4.1666666667vw;
  margin-right: 4.1666666667vw;
}

.my-60 {
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
}

.mx--60 {
  margin-left: calc(4.1666666667vw * -1);
  margin-right: calc(4.1666666667vw * -1);
}

.my--60 {
  margin-top: calc(4.1666666667vw * -1);
  margin-bottom: calc(4.1666666667vw * -1);
}

.mt-64 {
  margin-top: 4.4444444444vw;
}

.mt--64 {
  margin-top: calc(4.4444444444vw * -1);
}

.pt-64 {
  padding-top: 4.4444444444vw;
}

.mr-64 {
  margin-right: 4.4444444444vw;
}

.mr--64 {
  margin-right: calc(4.4444444444vw * -1);
}

.pr-64 {
  padding-right: 4.4444444444vw;
}

.mb-64 {
  margin-bottom: 4.4444444444vw;
}

.mb--64 {
  margin-bottom: calc(4.4444444444vw * -1);
}

.pb-64 {
  padding-bottom: 4.4444444444vw;
}

.ml-64 {
  margin-left: 4.4444444444vw;
}

.ml--64 {
  margin-left: calc(4.4444444444vw * -1);
}

.pl-64 {
  padding-left: 4.4444444444vw;
}

.m-64 {
  margin: 4.4444444444vw;
}

.m--64 {
  margin: calc(4.4444444444vw * -1);
}

.p-64 {
  padding: 4.4444444444vw;
}

.px-64 {
  padding-left: 4.4444444444vw;
  padding-right: 4.4444444444vw;
}

.py-64 {
  padding-top: 4.4444444444vw;
  padding-bottom: 4.4444444444vw;
}

.mx-64 {
  margin-left: 4.4444444444vw;
  margin-right: 4.4444444444vw;
}

.my-64 {
  margin-top: 4.4444444444vw;
  margin-bottom: 4.4444444444vw;
}

.mx--64 {
  margin-left: calc(4.4444444444vw * -1);
  margin-right: calc(4.4444444444vw * -1);
}

.my--64 {
  margin-top: calc(4.4444444444vw * -1);
  margin-bottom: calc(4.4444444444vw * -1);
}

.mt-75 {
  margin-top: 5.2083333333vw;
}

.mt--75 {
  margin-top: calc(5.2083333333vw * -1);
}

.pt-75 {
  padding-top: 5.2083333333vw;
}

.mr-75 {
  margin-right: 5.2083333333vw;
}

.mr--75 {
  margin-right: calc(5.2083333333vw * -1);
}

.pr-75 {
  padding-right: 5.2083333333vw;
}

.mb-75 {
  margin-bottom: 5.2083333333vw;
}

.mb--75 {
  margin-bottom: calc(5.2083333333vw * -1);
}

.pb-75 {
  padding-bottom: 5.2083333333vw;
}

.ml-75 {
  margin-left: 5.2083333333vw;
}

.ml--75 {
  margin-left: calc(5.2083333333vw * -1);
}

.pl-75 {
  padding-left: 5.2083333333vw;
}

.m-75 {
  margin: 5.2083333333vw;
}

.m--75 {
  margin: calc(5.2083333333vw * -1);
}

.p-75 {
  padding: 5.2083333333vw;
}

.px-75 {
  padding-left: 5.2083333333vw;
  padding-right: 5.2083333333vw;
}

.py-75 {
  padding-top: 5.2083333333vw;
  padding-bottom: 5.2083333333vw;
}

.mx-75 {
  margin-left: 5.2083333333vw;
  margin-right: 5.2083333333vw;
}

.my-75 {
  margin-top: 5.2083333333vw;
  margin-bottom: 5.2083333333vw;
}

.mx--75 {
  margin-left: calc(5.2083333333vw * -1);
  margin-right: calc(5.2083333333vw * -1);
}

.my--75 {
  margin-top: calc(5.2083333333vw * -1);
  margin-bottom: calc(5.2083333333vw * -1);
}

.mt-80 {
  margin-top: 5.5555555556vw;
}

.mt--80 {
  margin-top: calc(5.5555555556vw * -1);
}

.pt-80 {
  padding-top: 5.5555555556vw;
}

.mr-80 {
  margin-right: 5.5555555556vw;
}

.mr--80 {
  margin-right: calc(5.5555555556vw * -1);
}

.pr-80 {
  padding-right: 5.5555555556vw;
}

.mb-80 {
  margin-bottom: 5.5555555556vw;
}

.mb--80 {
  margin-bottom: calc(5.5555555556vw * -1);
}

.pb-80 {
  padding-bottom: 5.5555555556vw;
}

.ml-80 {
  margin-left: 5.5555555556vw;
}

.ml--80 {
  margin-left: calc(5.5555555556vw * -1);
}

.pl-80 {
  padding-left: 5.5555555556vw;
}

.m-80 {
  margin: 5.5555555556vw;
}

.m--80 {
  margin: calc(5.5555555556vw * -1);
}

.p-80 {
  padding: 5.5555555556vw;
}

.px-80 {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}

.py-80 {
  padding-top: 5.5555555556vw;
  padding-bottom: 5.5555555556vw;
}

.mx-80 {
  margin-left: 5.5555555556vw;
  margin-right: 5.5555555556vw;
}

.my-80 {
  margin-top: 5.5555555556vw;
  margin-bottom: 5.5555555556vw;
}

.mx--80 {
  margin-left: calc(5.5555555556vw * -1);
  margin-right: calc(5.5555555556vw * -1);
}

.my--80 {
  margin-top: calc(5.5555555556vw * -1);
  margin-bottom: calc(5.5555555556vw * -1);
}

.mt-100 {
  margin-top: 6.9444444444vw;
}

.mt--100 {
  margin-top: calc(6.9444444444vw * -1);
}

.pt-100 {
  padding-top: 6.9444444444vw;
}

.mr-100 {
  margin-right: 6.9444444444vw;
}

.mr--100 {
  margin-right: calc(6.9444444444vw * -1);
}

.pr-100 {
  padding-right: 6.9444444444vw;
}

.mb-100 {
  margin-bottom: 6.9444444444vw;
}

.mb--100 {
  margin-bottom: calc(6.9444444444vw * -1);
}

.pb-100 {
  padding-bottom: 6.9444444444vw;
}

.ml-100 {
  margin-left: 6.9444444444vw;
}

.ml--100 {
  margin-left: calc(6.9444444444vw * -1);
}

.pl-100 {
  padding-left: 6.9444444444vw;
}

.m-100 {
  margin: 6.9444444444vw;
}

.m--100 {
  margin: calc(6.9444444444vw * -1);
}

.p-100 {
  padding: 6.9444444444vw;
}

.px-100 {
  padding-left: 6.9444444444vw;
  padding-right: 6.9444444444vw;
}

.py-100 {
  padding-top: 6.9444444444vw;
  padding-bottom: 6.9444444444vw;
}

.mx-100 {
  margin-left: 6.9444444444vw;
  margin-right: 6.9444444444vw;
}

.my-100 {
  margin-top: 6.9444444444vw;
  margin-bottom: 6.9444444444vw;
}

.mx--100 {
  margin-left: calc(6.9444444444vw * -1);
  margin-right: calc(6.9444444444vw * -1);
}

.my--100 {
  margin-top: calc(6.9444444444vw * -1);
  margin-bottom: calc(6.9444444444vw * -1);
}

.mt-120 {
  margin-top: 8.3333333333vw;
}

.mt--120 {
  margin-top: calc(8.3333333333vw * -1);
}

.pt-120 {
  padding-top: 8.3333333333vw;
}

.mr-120 {
  margin-right: 8.3333333333vw;
}

.mr--120 {
  margin-right: calc(8.3333333333vw * -1);
}

.pr-120 {
  padding-right: 8.3333333333vw;
}

.mb-120 {
  margin-bottom: 8.3333333333vw;
}

.mb--120 {
  margin-bottom: calc(8.3333333333vw * -1);
}

.pb-120 {
  padding-bottom: 8.3333333333vw;
}

.ml-120 {
  margin-left: 8.3333333333vw;
}

.ml--120 {
  margin-left: calc(8.3333333333vw * -1);
}

.pl-120 {
  padding-left: 8.3333333333vw;
}

.m-120 {
  margin: 8.3333333333vw;
}

.m--120 {
  margin: calc(8.3333333333vw * -1);
}

.p-120 {
  padding: 8.3333333333vw;
}

.px-120 {
  padding-left: 8.3333333333vw;
  padding-right: 8.3333333333vw;
}

.py-120 {
  padding-top: 8.3333333333vw;
  padding-bottom: 8.3333333333vw;
}

.mx-120 {
  margin-left: 8.3333333333vw;
  margin-right: 8.3333333333vw;
}

.my-120 {
  margin-top: 8.3333333333vw;
  margin-bottom: 8.3333333333vw;
}

.mx--120 {
  margin-left: calc(8.3333333333vw * -1);
  margin-right: calc(8.3333333333vw * -1);
}

.my--120 {
  margin-top: calc(8.3333333333vw * -1);
  margin-bottom: calc(8.3333333333vw * -1);
}

.mt-128 {
  margin-top: 8.8888888889vw;
}

.mt--128 {
  margin-top: calc(8.8888888889vw * -1);
}

.pt-128 {
  padding-top: 8.8888888889vw;
}

.mr-128 {
  margin-right: 8.8888888889vw;
}

.mr--128 {
  margin-right: calc(8.8888888889vw * -1);
}

.pr-128 {
  padding-right: 8.8888888889vw;
}

.mb-128 {
  margin-bottom: 8.8888888889vw;
}

.mb--128 {
  margin-bottom: calc(8.8888888889vw * -1);
}

.pb-128 {
  padding-bottom: 8.8888888889vw;
}

.ml-128 {
  margin-left: 8.8888888889vw;
}

.ml--128 {
  margin-left: calc(8.8888888889vw * -1);
}

.pl-128 {
  padding-left: 8.8888888889vw;
}

.m-128 {
  margin: 8.8888888889vw;
}

.m--128 {
  margin: calc(8.8888888889vw * -1);
}

.p-128 {
  padding: 8.8888888889vw;
}

.px-128 {
  padding-left: 8.8888888889vw;
  padding-right: 8.8888888889vw;
}

.py-128 {
  padding-top: 8.8888888889vw;
  padding-bottom: 8.8888888889vw;
}

.mx-128 {
  margin-left: 8.8888888889vw;
  margin-right: 8.8888888889vw;
}

.my-128 {
  margin-top: 8.8888888889vw;
  margin-bottom: 8.8888888889vw;
}

.mx--128 {
  margin-left: calc(8.8888888889vw * -1);
  margin-right: calc(8.8888888889vw * -1);
}

.my--128 {
  margin-top: calc(8.8888888889vw * -1);
  margin-bottom: calc(8.8888888889vw * -1);
}

.mt-160 {
  margin-top: 11.1111111111vw;
}

.mt--160 {
  margin-top: calc(11.1111111111vw * -1);
}

.pt-160 {
  padding-top: 11.1111111111vw;
}

.mr-160 {
  margin-right: 11.1111111111vw;
}

.mr--160 {
  margin-right: calc(11.1111111111vw * -1);
}

.pr-160 {
  padding-right: 11.1111111111vw;
}

.mb-160 {
  margin-bottom: 11.1111111111vw;
}

.mb--160 {
  margin-bottom: calc(11.1111111111vw * -1);
}

.pb-160 {
  padding-bottom: 11.1111111111vw;
}

.ml-160 {
  margin-left: 11.1111111111vw;
}

.ml--160 {
  margin-left: calc(11.1111111111vw * -1);
}

.pl-160 {
  padding-left: 11.1111111111vw;
}

.m-160 {
  margin: 11.1111111111vw;
}

.m--160 {
  margin: calc(11.1111111111vw * -1);
}

.p-160 {
  padding: 11.1111111111vw;
}

.px-160 {
  padding-left: 11.1111111111vw;
  padding-right: 11.1111111111vw;
}

.py-160 {
  padding-top: 11.1111111111vw;
  padding-bottom: 11.1111111111vw;
}

.mx-160 {
  margin-left: 11.1111111111vw;
  margin-right: 11.1111111111vw;
}

.my-160 {
  margin-top: 11.1111111111vw;
  margin-bottom: 11.1111111111vw;
}

.mx--160 {
  margin-left: calc(11.1111111111vw * -1);
  margin-right: calc(11.1111111111vw * -1);
}

.my--160 {
  margin-top: calc(11.1111111111vw * -1);
  margin-bottom: calc(11.1111111111vw * -1);
}

.gap-0 {
  gap: 0vw;
}

.row-gap-0 {
  row-gap: 0vw;
}

.column-gap-0 {
  -moz-column-gap: 0vw;
  column-gap: 0vw;
}

.gap-4 {
  gap: 0.2777777778vw;
}

.row-gap-4 {
  row-gap: 0.2777777778vw;
}

.column-gap-4 {
  -moz-column-gap: 0.2777777778vw;
  column-gap: 0.2777777778vw;
}

.gap-6 {
  gap: 0.4166666667vw;
}

.row-gap-6 {
  row-gap: 0.4166666667vw;
}

.column-gap-6 {
  -moz-column-gap: 0.4166666667vw;
  column-gap: 0.4166666667vw;
}

.gap-8 {
  gap: 0.5555555556vw;
}

.row-gap-8 {
  row-gap: 0.5555555556vw;
}

.column-gap-8 {
  -moz-column-gap: 0.5555555556vw;
  column-gap: 0.5555555556vw;
}

.gap-10 {
  gap: 0.6944444444vw;
}

.row-gap-10 {
  row-gap: 0.6944444444vw;
}

.column-gap-10 {
  -moz-column-gap: 0.6944444444vw;
  column-gap: 0.6944444444vw;
}

.gap-12 {
  gap: 0.8333333333vw;
}

.row-gap-12 {
  row-gap: 0.8333333333vw;
}

.column-gap-12 {
  -moz-column-gap: 0.8333333333vw;
  column-gap: 0.8333333333vw;
}

.gap-14 {
  gap: 0.9722222222vw;
}

.row-gap-14 {
  row-gap: 0.9722222222vw;
}

.column-gap-14 {
  -moz-column-gap: 0.9722222222vw;
  column-gap: 0.9722222222vw;
}

.gap-16 {
  gap: 1.1111111111vw;
}

.row-gap-16 {
  row-gap: 1.1111111111vw;
}

.column-gap-16 {
  -moz-column-gap: 1.1111111111vw;
  column-gap: 1.1111111111vw;
}

.gap-18 {
  gap: 1.25vw;
}

.row-gap-18 {
  row-gap: 1.25vw;
}

.column-gap-18 {
  -moz-column-gap: 1.25vw;
  column-gap: 1.25vw;
}

.gap-20 {
  gap: 1.3888888889vw;
}

.row-gap-20 {
  row-gap: 1.3888888889vw;
}

.column-gap-20 {
  -moz-column-gap: 1.3888888889vw;
  column-gap: 1.3888888889vw;
}

.gap-24 {
  gap: 1.6666666667vw;
}

.row-gap-24 {
  row-gap: 1.6666666667vw;
}

.column-gap-24 {
  -moz-column-gap: 1.6666666667vw;
  column-gap: 1.6666666667vw;
}

.gap-32 {
  gap: 2.2222222222vw;
}

.row-gap-32 {
  row-gap: 2.2222222222vw;
}

.column-gap-32 {
  -moz-column-gap: 2.2222222222vw;
  column-gap: 2.2222222222vw;
}

.gap-40 {
  gap: 2.7777777778vw;
}

.row-gap-40 {
  row-gap: 2.7777777778vw;
}

.column-gap-40 {
  -moz-column-gap: 2.7777777778vw;
  column-gap: 2.7777777778vw;
}

.gap-48 {
  gap: 3.3333333333vw;
}

.row-gap-48 {
  row-gap: 3.3333333333vw;
}

.column-gap-48 {
  -moz-column-gap: 3.3333333333vw;
  column-gap: 3.3333333333vw;
}

.gap-60 {
  gap: 4.1666666667vw;
}

.row-gap-60 {
  row-gap: 4.1666666667vw;
}

.column-gap-60 {
  -moz-column-gap: 4.1666666667vw;
  column-gap: 4.1666666667vw;
}

.gap-64 {
  gap: 4.4444444444vw;
}

.row-gap-64 {
  row-gap: 4.4444444444vw;
}

.column-gap-64 {
  -moz-column-gap: 4.4444444444vw;
  column-gap: 4.4444444444vw;
}

.gap-100 {
  gap: 6.9444444444vw;
}

.row-gap-100 {
  row-gap: 6.9444444444vw;
}

.column-gap-100 {
  -moz-column-gap: 6.9444444444vw;
  column-gap: 6.9444444444vw;
}

.radius-0 {
  border-radius: 0px;
}

.radius-4 {
  border-radius: 4px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-12 {
  border-radius: 12px;
}

.radius-16 {
  border-radius: 16px;
}

.radius-24 {
  border-radius: 24px;
}

.radius-32 {
  border-radius: 32px;
}

.radius-40 {
  border-radius: 40px;
}

.fsz-0 {
  font-size: 0px;
}

.fsz-10 {
  font-size: 10px;
}

.fsz-12 {
  font-size: 12px;
}

.fsz-14 {
  font-size: 14px;
}

.fsz-16 {
  font-size: 16px;
}

.fsz-18 {
  font-size: 18px;
}

.fsz-20 {
  font-size: 20px;
}

.fsz-22 {
  font-size: 22px;
}

.fsz-24 {
  font-size: 24px;
}

.fsz-26 {
  font-size: 26px;
}

.fsz-28 {
  font-size: 28px;
}

.fsz-32 {
  font-size: 32px;
}

.fsz-40 {
  font-size: 40px;
}

.fsz-48 {
  font-size: 48px;
}

.fsz-60 {
  font-size: 60px;
}

.fsz-64 {
  font-size: 64px;
}

.lh-100 {
  line-height: 100%;
}

.lh-110 {
  line-height: 110%;
}

.lh-120 {
  line-height: 120%;
}

.lh-140 {
  line-height: 140%;
}

.lh-170 {
  line-height: 170%;
}

.lh-200 {
  line-height: 200%;
}

@media (max-width: 1024px) {
  .mt-0-tablet {
    margin-top: 0px !important;
  }
  .mt--0-tablet {
    margin-top: -0px !important;
  }
  .pt-0-tablet {
    padding-top: 0px !important;
  }
  .mr-0-tablet {
    margin-right: 0px !important;
  }
  .mr--0-tablet {
    margin-right: -0px !important;
  }
  .pr-0-tablet {
    padding-right: 0px !important;
  }
  .mb-0-tablet {
    margin-bottom: 0px !important;
  }
  .mb--0-tablet {
    margin-bottom: -0px !important;
  }
  .pb-0-tablet {
    padding-bottom: 0px !important;
  }
  .ml-0-tablet {
    margin-left: 0px !important;
  }
  .ml--0-tablet {
    margin-left: -0px !important;
  }
  .pl-0-tablet {
    padding-left: 0px !important;
  }
  .m-0-tablet {
    margin: 0px !important;
  }
  .m--0-tablet {
    margin: -0px !important;
  }
  .p-0-tablet {
    padding: 0px !important;
  }
  .px-0-tablet {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-0-tablet {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .mx-0-tablet {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-0-tablet {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx--0-tablet {
    margin-left: -0px !important;
    margin-right: -0px !important;
  }
  .my--0-tablet {
    margin-top: -0px !important;
    margin-bottom: -0px !important;
  }
  .mt-2-tablet {
    margin-top: 2px !important;
  }
  .mt--2-tablet {
    margin-top: -2px !important;
  }
  .pt-2-tablet {
    padding-top: 2px !important;
  }
  .mr-2-tablet {
    margin-right: 2px !important;
  }
  .mr--2-tablet {
    margin-right: -2px !important;
  }
  .pr-2-tablet {
    padding-right: 2px !important;
  }
  .mb-2-tablet {
    margin-bottom: 2px !important;
  }
  .mb--2-tablet {
    margin-bottom: -2px !important;
  }
  .pb-2-tablet {
    padding-bottom: 2px !important;
  }
  .ml-2-tablet {
    margin-left: 2px !important;
  }
  .ml--2-tablet {
    margin-left: -2px !important;
  }
  .pl-2-tablet {
    padding-left: 2px !important;
  }
  .m-2-tablet {
    margin: 2px !important;
  }
  .m--2-tablet {
    margin: -2px !important;
  }
  .p-2-tablet {
    padding: 2px !important;
  }
  .px-2-tablet {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-2-tablet {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .mx-2-tablet {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-2-tablet {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx--2-tablet {
    margin-left: -2px !important;
    margin-right: -2px !important;
  }
  .my--2-tablet {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }
  .mt-4-tablet {
    margin-top: 4px !important;
  }
  .mt--4-tablet {
    margin-top: -4px !important;
  }
  .pt-4-tablet {
    padding-top: 4px !important;
  }
  .mr-4-tablet {
    margin-right: 4px !important;
  }
  .mr--4-tablet {
    margin-right: -4px !important;
  }
  .pr-4-tablet {
    padding-right: 4px !important;
  }
  .mb-4-tablet {
    margin-bottom: 4px !important;
  }
  .mb--4-tablet {
    margin-bottom: -4px !important;
  }
  .pb-4-tablet {
    padding-bottom: 4px !important;
  }
  .ml-4-tablet {
    margin-left: 4px !important;
  }
  .ml--4-tablet {
    margin-left: -4px !important;
  }
  .pl-4-tablet {
    padding-left: 4px !important;
  }
  .m-4-tablet {
    margin: 4px !important;
  }
  .m--4-tablet {
    margin: -4px !important;
  }
  .p-4-tablet {
    padding: 4px !important;
  }
  .px-4-tablet {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-4-tablet {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .mx-4-tablet {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-4-tablet {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx--4-tablet {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }
  .my--4-tablet {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .mt-6-tablet {
    margin-top: 6px !important;
  }
  .mt--6-tablet {
    margin-top: -6px !important;
  }
  .pt-6-tablet {
    padding-top: 6px !important;
  }
  .mr-6-tablet {
    margin-right: 6px !important;
  }
  .mr--6-tablet {
    margin-right: -6px !important;
  }
  .pr-6-tablet {
    padding-right: 6px !important;
  }
  .mb-6-tablet {
    margin-bottom: 6px !important;
  }
  .mb--6-tablet {
    margin-bottom: -6px !important;
  }
  .pb-6-tablet {
    padding-bottom: 6px !important;
  }
  .ml-6-tablet {
    margin-left: 6px !important;
  }
  .ml--6-tablet {
    margin-left: -6px !important;
  }
  .pl-6-tablet {
    padding-left: 6px !important;
  }
  .m-6-tablet {
    margin: 6px !important;
  }
  .m--6-tablet {
    margin: -6px !important;
  }
  .p-6-tablet {
    padding: 6px !important;
  }
  .px-6-tablet {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .py-6-tablet {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .mx-6-tablet {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .my-6-tablet {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mx--6-tablet {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
  .my--6-tablet {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }
  .mt-8-tablet {
    margin-top: 8px !important;
  }
  .mt--8-tablet {
    margin-top: -8px !important;
  }
  .pt-8-tablet {
    padding-top: 8px !important;
  }
  .mr-8-tablet {
    margin-right: 8px !important;
  }
  .mr--8-tablet {
    margin-right: -8px !important;
  }
  .pr-8-tablet {
    padding-right: 8px !important;
  }
  .mb-8-tablet {
    margin-bottom: 8px !important;
  }
  .mb--8-tablet {
    margin-bottom: -8px !important;
  }
  .pb-8-tablet {
    padding-bottom: 8px !important;
  }
  .ml-8-tablet {
    margin-left: 8px !important;
  }
  .ml--8-tablet {
    margin-left: -8px !important;
  }
  .pl-8-tablet {
    padding-left: 8px !important;
  }
  .m-8-tablet {
    margin: 8px !important;
  }
  .m--8-tablet {
    margin: -8px !important;
  }
  .p-8-tablet {
    padding: 8px !important;
  }
  .px-8-tablet {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-8-tablet {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .mx-8-tablet {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-8-tablet {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx--8-tablet {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .my--8-tablet {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .mt-10-tablet {
    margin-top: 10px !important;
  }
  .mt--10-tablet {
    margin-top: -10px !important;
  }
  .pt-10-tablet {
    padding-top: 10px !important;
  }
  .mr-10-tablet {
    margin-right: 10px !important;
  }
  .mr--10-tablet {
    margin-right: -10px !important;
  }
  .pr-10-tablet {
    padding-right: 10px !important;
  }
  .mb-10-tablet {
    margin-bottom: 10px !important;
  }
  .mb--10-tablet {
    margin-bottom: -10px !important;
  }
  .pb-10-tablet {
    padding-bottom: 10px !important;
  }
  .ml-10-tablet {
    margin-left: 10px !important;
  }
  .ml--10-tablet {
    margin-left: -10px !important;
  }
  .pl-10-tablet {
    padding-left: 10px !important;
  }
  .m-10-tablet {
    margin: 10px !important;
  }
  .m--10-tablet {
    margin: -10px !important;
  }
  .p-10-tablet {
    padding: 10px !important;
  }
  .px-10-tablet {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-10-tablet {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .mx-10-tablet {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-10-tablet {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mx--10-tablet {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .my--10-tablet {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .mt-12-tablet {
    margin-top: 12px !important;
  }
  .mt--12-tablet {
    margin-top: -12px !important;
  }
  .pt-12-tablet {
    padding-top: 12px !important;
  }
  .mr-12-tablet {
    margin-right: 12px !important;
  }
  .mr--12-tablet {
    margin-right: -12px !important;
  }
  .pr-12-tablet {
    padding-right: 12px !important;
  }
  .mb-12-tablet {
    margin-bottom: 12px !important;
  }
  .mb--12-tablet {
    margin-bottom: -12px !important;
  }
  .pb-12-tablet {
    padding-bottom: 12px !important;
  }
  .ml-12-tablet {
    margin-left: 12px !important;
  }
  .ml--12-tablet {
    margin-left: -12px !important;
  }
  .pl-12-tablet {
    padding-left: 12px !important;
  }
  .m-12-tablet {
    margin: 12px !important;
  }
  .m--12-tablet {
    margin: -12px !important;
  }
  .p-12-tablet {
    padding: 12px !important;
  }
  .px-12-tablet {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-12-tablet {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .mx-12-tablet {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-12-tablet {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx--12-tablet {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .my--12-tablet {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .mt-14-tablet {
    margin-top: 14px !important;
  }
  .mt--14-tablet {
    margin-top: -14px !important;
  }
  .pt-14-tablet {
    padding-top: 14px !important;
  }
  .mr-14-tablet {
    margin-right: 14px !important;
  }
  .mr--14-tablet {
    margin-right: -14px !important;
  }
  .pr-14-tablet {
    padding-right: 14px !important;
  }
  .mb-14-tablet {
    margin-bottom: 14px !important;
  }
  .mb--14-tablet {
    margin-bottom: -14px !important;
  }
  .pb-14-tablet {
    padding-bottom: 14px !important;
  }
  .ml-14-tablet {
    margin-left: 14px !important;
  }
  .ml--14-tablet {
    margin-left: -14px !important;
  }
  .pl-14-tablet {
    padding-left: 14px !important;
  }
  .m-14-tablet {
    margin: 14px !important;
  }
  .m--14-tablet {
    margin: -14px !important;
  }
  .p-14-tablet {
    padding: 14px !important;
  }
  .px-14-tablet {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .py-14-tablet {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .mx-14-tablet {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .my-14-tablet {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .mx--14-tablet {
    margin-left: -14px !important;
    margin-right: -14px !important;
  }
  .my--14-tablet {
    margin-top: -14px !important;
    margin-bottom: -14px !important;
  }
  .mt-16-tablet {
    margin-top: 16px !important;
  }
  .mt--16-tablet {
    margin-top: -16px !important;
  }
  .pt-16-tablet {
    padding-top: 16px !important;
  }
  .mr-16-tablet {
    margin-right: 16px !important;
  }
  .mr--16-tablet {
    margin-right: -16px !important;
  }
  .pr-16-tablet {
    padding-right: 16px !important;
  }
  .mb-16-tablet {
    margin-bottom: 16px !important;
  }
  .mb--16-tablet {
    margin-bottom: -16px !important;
  }
  .pb-16-tablet {
    padding-bottom: 16px !important;
  }
  .ml-16-tablet {
    margin-left: 16px !important;
  }
  .ml--16-tablet {
    margin-left: -16px !important;
  }
  .pl-16-tablet {
    padding-left: 16px !important;
  }
  .m-16-tablet {
    margin: 16px !important;
  }
  .m--16-tablet {
    margin: -16px !important;
  }
  .p-16-tablet {
    padding: 16px !important;
  }
  .px-16-tablet {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-16-tablet {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .mx-16-tablet {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-16-tablet {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx--16-tablet {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .my--16-tablet {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .mt-18-tablet {
    margin-top: 18px !important;
  }
  .mt--18-tablet {
    margin-top: -18px !important;
  }
  .pt-18-tablet {
    padding-top: 18px !important;
  }
  .mr-18-tablet {
    margin-right: 18px !important;
  }
  .mr--18-tablet {
    margin-right: -18px !important;
  }
  .pr-18-tablet {
    padding-right: 18px !important;
  }
  .mb-18-tablet {
    margin-bottom: 18px !important;
  }
  .mb--18-tablet {
    margin-bottom: -18px !important;
  }
  .pb-18-tablet {
    padding-bottom: 18px !important;
  }
  .ml-18-tablet {
    margin-left: 18px !important;
  }
  .ml--18-tablet {
    margin-left: -18px !important;
  }
  .pl-18-tablet {
    padding-left: 18px !important;
  }
  .m-18-tablet {
    margin: 18px !important;
  }
  .m--18-tablet {
    margin: -18px !important;
  }
  .p-18-tablet {
    padding: 18px !important;
  }
  .px-18-tablet {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .py-18-tablet {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .mx-18-tablet {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
  .my-18-tablet {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
  .mx--18-tablet {
    margin-left: -18px !important;
    margin-right: -18px !important;
  }
  .my--18-tablet {
    margin-top: -18px !important;
    margin-bottom: -18px !important;
  }
  .mt-20-tablet {
    margin-top: 20px !important;
  }
  .mt--20-tablet {
    margin-top: -20px !important;
  }
  .pt-20-tablet {
    padding-top: 20px !important;
  }
  .mr-20-tablet {
    margin-right: 20px !important;
  }
  .mr--20-tablet {
    margin-right: -20px !important;
  }
  .pr-20-tablet {
    padding-right: 20px !important;
  }
  .mb-20-tablet {
    margin-bottom: 20px !important;
  }
  .mb--20-tablet {
    margin-bottom: -20px !important;
  }
  .pb-20-tablet {
    padding-bottom: 20px !important;
  }
  .ml-20-tablet {
    margin-left: 20px !important;
  }
  .ml--20-tablet {
    margin-left: -20px !important;
  }
  .pl-20-tablet {
    padding-left: 20px !important;
  }
  .m-20-tablet {
    margin: 20px !important;
  }
  .m--20-tablet {
    margin: -20px !important;
  }
  .p-20-tablet {
    padding: 20px !important;
  }
  .px-20-tablet {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-20-tablet {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .mx-20-tablet {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-20-tablet {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mx--20-tablet {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .my--20-tablet {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .mt-24-tablet {
    margin-top: 24px !important;
  }
  .mt--24-tablet {
    margin-top: -24px !important;
  }
  .pt-24-tablet {
    padding-top: 24px !important;
  }
  .mr-24-tablet {
    margin-right: 24px !important;
  }
  .mr--24-tablet {
    margin-right: -24px !important;
  }
  .pr-24-tablet {
    padding-right: 24px !important;
  }
  .mb-24-tablet {
    margin-bottom: 24px !important;
  }
  .mb--24-tablet {
    margin-bottom: -24px !important;
  }
  .pb-24-tablet {
    padding-bottom: 24px !important;
  }
  .ml-24-tablet {
    margin-left: 24px !important;
  }
  .ml--24-tablet {
    margin-left: -24px !important;
  }
  .pl-24-tablet {
    padding-left: 24px !important;
  }
  .m-24-tablet {
    margin: 24px !important;
  }
  .m--24-tablet {
    margin: -24px !important;
  }
  .p-24-tablet {
    padding: 24px !important;
  }
  .px-24-tablet {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-24-tablet {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .mx-24-tablet {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-24-tablet {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx--24-tablet {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
  .my--24-tablet {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .mt-30-tablet {
    margin-top: 30px !important;
  }
  .mt--30-tablet {
    margin-top: -30px !important;
  }
  .pt-30-tablet {
    padding-top: 30px !important;
  }
  .mr-30-tablet {
    margin-right: 30px !important;
  }
  .mr--30-tablet {
    margin-right: -30px !important;
  }
  .pr-30-tablet {
    padding-right: 30px !important;
  }
  .mb-30-tablet {
    margin-bottom: 30px !important;
  }
  .mb--30-tablet {
    margin-bottom: -30px !important;
  }
  .pb-30-tablet {
    padding-bottom: 30px !important;
  }
  .ml-30-tablet {
    margin-left: 30px !important;
  }
  .ml--30-tablet {
    margin-left: -30px !important;
  }
  .pl-30-tablet {
    padding-left: 30px !important;
  }
  .m-30-tablet {
    margin: 30px !important;
  }
  .m--30-tablet {
    margin: -30px !important;
  }
  .p-30-tablet {
    padding: 30px !important;
  }
  .px-30-tablet {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-30-tablet {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .mx-30-tablet {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-30-tablet {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mx--30-tablet {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .my--30-tablet {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .mt-32-tablet {
    margin-top: 32px !important;
  }
  .mt--32-tablet {
    margin-top: -32px !important;
  }
  .pt-32-tablet {
    padding-top: 32px !important;
  }
  .mr-32-tablet {
    margin-right: 32px !important;
  }
  .mr--32-tablet {
    margin-right: -32px !important;
  }
  .pr-32-tablet {
    padding-right: 32px !important;
  }
  .mb-32-tablet {
    margin-bottom: 32px !important;
  }
  .mb--32-tablet {
    margin-bottom: -32px !important;
  }
  .pb-32-tablet {
    padding-bottom: 32px !important;
  }
  .ml-32-tablet {
    margin-left: 32px !important;
  }
  .ml--32-tablet {
    margin-left: -32px !important;
  }
  .pl-32-tablet {
    padding-left: 32px !important;
  }
  .m-32-tablet {
    margin: 32px !important;
  }
  .m--32-tablet {
    margin: -32px !important;
  }
  .p-32-tablet {
    padding: 32px !important;
  }
  .px-32-tablet {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-32-tablet {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .mx-32-tablet {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-32-tablet {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx--32-tablet {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }
  .my--32-tablet {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .mt-34-tablet {
    margin-top: 34px !important;
  }
  .mt--34-tablet {
    margin-top: -34px !important;
  }
  .pt-34-tablet {
    padding-top: 34px !important;
  }
  .mr-34-tablet {
    margin-right: 34px !important;
  }
  .mr--34-tablet {
    margin-right: -34px !important;
  }
  .pr-34-tablet {
    padding-right: 34px !important;
  }
  .mb-34-tablet {
    margin-bottom: 34px !important;
  }
  .mb--34-tablet {
    margin-bottom: -34px !important;
  }
  .pb-34-tablet {
    padding-bottom: 34px !important;
  }
  .ml-34-tablet {
    margin-left: 34px !important;
  }
  .ml--34-tablet {
    margin-left: -34px !important;
  }
  .pl-34-tablet {
    padding-left: 34px !important;
  }
  .m-34-tablet {
    margin: 34px !important;
  }
  .m--34-tablet {
    margin: -34px !important;
  }
  .p-34-tablet {
    padding: 34px !important;
  }
  .px-34-tablet {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .py-34-tablet {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .mx-34-tablet {
    margin-left: 34px !important;
    margin-right: 34px !important;
  }
  .my-34-tablet {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
  .mx--34-tablet {
    margin-left: -34px !important;
    margin-right: -34px !important;
  }
  .my--34-tablet {
    margin-top: -34px !important;
    margin-bottom: -34px !important;
  }
  .mt-40-tablet {
    margin-top: 40px !important;
  }
  .mt--40-tablet {
    margin-top: -40px !important;
  }
  .pt-40-tablet {
    padding-top: 40px !important;
  }
  .mr-40-tablet {
    margin-right: 40px !important;
  }
  .mr--40-tablet {
    margin-right: -40px !important;
  }
  .pr-40-tablet {
    padding-right: 40px !important;
  }
  .mb-40-tablet {
    margin-bottom: 40px !important;
  }
  .mb--40-tablet {
    margin-bottom: -40px !important;
  }
  .pb-40-tablet {
    padding-bottom: 40px !important;
  }
  .ml-40-tablet {
    margin-left: 40px !important;
  }
  .ml--40-tablet {
    margin-left: -40px !important;
  }
  .pl-40-tablet {
    padding-left: 40px !important;
  }
  .m-40-tablet {
    margin: 40px !important;
  }
  .m--40-tablet {
    margin: -40px !important;
  }
  .p-40-tablet {
    padding: 40px !important;
  }
  .px-40-tablet {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-40-tablet {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .mx-40-tablet {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-40-tablet {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mx--40-tablet {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  .my--40-tablet {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .mt-48-tablet {
    margin-top: 48px !important;
  }
  .mt--48-tablet {
    margin-top: -48px !important;
  }
  .pt-48-tablet {
    padding-top: 48px !important;
  }
  .mr-48-tablet {
    margin-right: 48px !important;
  }
  .mr--48-tablet {
    margin-right: -48px !important;
  }
  .pr-48-tablet {
    padding-right: 48px !important;
  }
  .mb-48-tablet {
    margin-bottom: 48px !important;
  }
  .mb--48-tablet {
    margin-bottom: -48px !important;
  }
  .pb-48-tablet {
    padding-bottom: 48px !important;
  }
  .ml-48-tablet {
    margin-left: 48px !important;
  }
  .ml--48-tablet {
    margin-left: -48px !important;
  }
  .pl-48-tablet {
    padding-left: 48px !important;
  }
  .m-48-tablet {
    margin: 48px !important;
  }
  .m--48-tablet {
    margin: -48px !important;
  }
  .p-48-tablet {
    padding: 48px !important;
  }
  .px-48-tablet {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-48-tablet {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .mx-48-tablet {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-48-tablet {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx--48-tablet {
    margin-left: -48px !important;
    margin-right: -48px !important;
  }
  .my--48-tablet {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .mt-50-tablet {
    margin-top: 50px !important;
  }
  .mt--50-tablet {
    margin-top: -50px !important;
  }
  .pt-50-tablet {
    padding-top: 50px !important;
  }
  .mr-50-tablet {
    margin-right: 50px !important;
  }
  .mr--50-tablet {
    margin-right: -50px !important;
  }
  .pr-50-tablet {
    padding-right: 50px !important;
  }
  .mb-50-tablet {
    margin-bottom: 50px !important;
  }
  .mb--50-tablet {
    margin-bottom: -50px !important;
  }
  .pb-50-tablet {
    padding-bottom: 50px !important;
  }
  .ml-50-tablet {
    margin-left: 50px !important;
  }
  .ml--50-tablet {
    margin-left: -50px !important;
  }
  .pl-50-tablet {
    padding-left: 50px !important;
  }
  .m-50-tablet {
    margin: 50px !important;
  }
  .m--50-tablet {
    margin: -50px !important;
  }
  .p-50-tablet {
    padding: 50px !important;
  }
  .px-50-tablet {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-50-tablet {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .mx-50-tablet {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-50-tablet {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mx--50-tablet {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }
  .my--50-tablet {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .mt-56-tablet {
    margin-top: 56px !important;
  }
  .mt--56-tablet {
    margin-top: -56px !important;
  }
  .pt-56-tablet {
    padding-top: 56px !important;
  }
  .mr-56-tablet {
    margin-right: 56px !important;
  }
  .mr--56-tablet {
    margin-right: -56px !important;
  }
  .pr-56-tablet {
    padding-right: 56px !important;
  }
  .mb-56-tablet {
    margin-bottom: 56px !important;
  }
  .mb--56-tablet {
    margin-bottom: -56px !important;
  }
  .pb-56-tablet {
    padding-bottom: 56px !important;
  }
  .ml-56-tablet {
    margin-left: 56px !important;
  }
  .ml--56-tablet {
    margin-left: -56px !important;
  }
  .pl-56-tablet {
    padding-left: 56px !important;
  }
  .m-56-tablet {
    margin: 56px !important;
  }
  .m--56-tablet {
    margin: -56px !important;
  }
  .p-56-tablet {
    padding: 56px !important;
  }
  .px-56-tablet {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-56-tablet {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .mx-56-tablet {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-56-tablet {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mx--56-tablet {
    margin-left: -56px !important;
    margin-right: -56px !important;
  }
  .my--56-tablet {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-60-tablet {
    margin-top: 60px !important;
  }
  .mt--60-tablet {
    margin-top: -60px !important;
  }
  .pt-60-tablet {
    padding-top: 60px !important;
  }
  .mr-60-tablet {
    margin-right: 60px !important;
  }
  .mr--60-tablet {
    margin-right: -60px !important;
  }
  .pr-60-tablet {
    padding-right: 60px !important;
  }
  .mb-60-tablet {
    margin-bottom: 60px !important;
  }
  .mb--60-tablet {
    margin-bottom: -60px !important;
  }
  .pb-60-tablet {
    padding-bottom: 60px !important;
  }
  .ml-60-tablet {
    margin-left: 60px !important;
  }
  .ml--60-tablet {
    margin-left: -60px !important;
  }
  .pl-60-tablet {
    padding-left: 60px !important;
  }
  .m-60-tablet {
    margin: 60px !important;
  }
  .m--60-tablet {
    margin: -60px !important;
  }
  .p-60-tablet {
    padding: 60px !important;
  }
  .px-60-tablet {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .py-60-tablet {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .mx-60-tablet {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .my-60-tablet {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mx--60-tablet {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }
  .my--60-tablet {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-64-tablet {
    margin-top: 64px !important;
  }
  .mt--64-tablet {
    margin-top: -64px !important;
  }
  .pt-64-tablet {
    padding-top: 64px !important;
  }
  .mr-64-tablet {
    margin-right: 64px !important;
  }
  .mr--64-tablet {
    margin-right: -64px !important;
  }
  .pr-64-tablet {
    padding-right: 64px !important;
  }
  .mb-64-tablet {
    margin-bottom: 64px !important;
  }
  .mb--64-tablet {
    margin-bottom: -64px !important;
  }
  .pb-64-tablet {
    padding-bottom: 64px !important;
  }
  .ml-64-tablet {
    margin-left: 64px !important;
  }
  .ml--64-tablet {
    margin-left: -64px !important;
  }
  .pl-64-tablet {
    padding-left: 64px !important;
  }
  .m-64-tablet {
    margin: 64px !important;
  }
  .m--64-tablet {
    margin: -64px !important;
  }
  .p-64-tablet {
    padding: 64px !important;
  }
  .px-64-tablet {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-64-tablet {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .mx-64-tablet {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-64-tablet {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx--64-tablet {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }
  .my--64-tablet {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-75-tablet {
    margin-top: 75px !important;
  }
  .mt--75-tablet {
    margin-top: -75px !important;
  }
  .pt-75-tablet {
    padding-top: 75px !important;
  }
  .mr-75-tablet {
    margin-right: 75px !important;
  }
  .mr--75-tablet {
    margin-right: -75px !important;
  }
  .pr-75-tablet {
    padding-right: 75px !important;
  }
  .mb-75-tablet {
    margin-bottom: 75px !important;
  }
  .mb--75-tablet {
    margin-bottom: -75px !important;
  }
  .pb-75-tablet {
    padding-bottom: 75px !important;
  }
  .ml-75-tablet {
    margin-left: 75px !important;
  }
  .ml--75-tablet {
    margin-left: -75px !important;
  }
  .pl-75-tablet {
    padding-left: 75px !important;
  }
  .m-75-tablet {
    margin: 75px !important;
  }
  .m--75-tablet {
    margin: -75px !important;
  }
  .p-75-tablet {
    padding: 75px !important;
  }
  .px-75-tablet {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .py-75-tablet {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .mx-75-tablet {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .my-75-tablet {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mx--75-tablet {
    margin-left: -75px !important;
    margin-right: -75px !important;
  }
  .my--75-tablet {
    margin-top: -75px !important;
    margin-bottom: -75px !important;
  }
  .mt-80-tablet {
    margin-top: 80px !important;
  }
  .mt--80-tablet {
    margin-top: -80px !important;
  }
  .pt-80-tablet {
    padding-top: 80px !important;
  }
  .mr-80-tablet {
    margin-right: 80px !important;
  }
  .mr--80-tablet {
    margin-right: -80px !important;
  }
  .pr-80-tablet {
    padding-right: 80px !important;
  }
  .mb-80-tablet {
    margin-bottom: 80px !important;
  }
  .mb--80-tablet {
    margin-bottom: -80px !important;
  }
  .pb-80-tablet {
    padding-bottom: 80px !important;
  }
  .ml-80-tablet {
    margin-left: 80px !important;
  }
  .ml--80-tablet {
    margin-left: -80px !important;
  }
  .pl-80-tablet {
    padding-left: 80px !important;
  }
  .m-80-tablet {
    margin: 80px !important;
  }
  .m--80-tablet {
    margin: -80px !important;
  }
  .p-80-tablet {
    padding: 80px !important;
  }
  .px-80-tablet {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-80-tablet {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .mx-80-tablet {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-80-tablet {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mx--80-tablet {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }
  .my--80-tablet {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .mt-100-tablet {
    margin-top: 100px !important;
  }
  .mt--100-tablet {
    margin-top: -100px !important;
  }
  .pt-100-tablet {
    padding-top: 100px !important;
  }
  .mr-100-tablet {
    margin-right: 100px !important;
  }
  .mr--100-tablet {
    margin-right: -100px !important;
  }
  .pr-100-tablet {
    padding-right: 100px !important;
  }
  .mb-100-tablet {
    margin-bottom: 100px !important;
  }
  .mb--100-tablet {
    margin-bottom: -100px !important;
  }
  .pb-100-tablet {
    padding-bottom: 100px !important;
  }
  .ml-100-tablet {
    margin-left: 100px !important;
  }
  .ml--100-tablet {
    margin-left: -100px !important;
  }
  .pl-100-tablet {
    padding-left: 100px !important;
  }
  .m-100-tablet {
    margin: 100px !important;
  }
  .m--100-tablet {
    margin: -100px !important;
  }
  .p-100-tablet {
    padding: 100px !important;
  }
  .px-100-tablet {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .py-100-tablet {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .mx-100-tablet {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .my-100-tablet {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mx--100-tablet {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }
  .my--100-tablet {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .mt-120-tablet {
    margin-top: 120px !important;
  }
  .mt--120-tablet {
    margin-top: -120px !important;
  }
  .pt-120-tablet {
    padding-top: 120px !important;
  }
  .mr-120-tablet {
    margin-right: 120px !important;
  }
  .mr--120-tablet {
    margin-right: -120px !important;
  }
  .pr-120-tablet {
    padding-right: 120px !important;
  }
  .mb-120-tablet {
    margin-bottom: 120px !important;
  }
  .mb--120-tablet {
    margin-bottom: -120px !important;
  }
  .pb-120-tablet {
    padding-bottom: 120px !important;
  }
  .ml-120-tablet {
    margin-left: 120px !important;
  }
  .ml--120-tablet {
    margin-left: -120px !important;
  }
  .pl-120-tablet {
    padding-left: 120px !important;
  }
  .m-120-tablet {
    margin: 120px !important;
  }
  .m--120-tablet {
    margin: -120px !important;
  }
  .p-120-tablet {
    padding: 120px !important;
  }
  .px-120-tablet {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .py-120-tablet {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .mx-120-tablet {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .my-120-tablet {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mx--120-tablet {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
  .my--120-tablet {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .mt-128-tablet {
    margin-top: 128px !important;
  }
  .mt--128-tablet {
    margin-top: -128px !important;
  }
  .pt-128-tablet {
    padding-top: 128px !important;
  }
  .mr-128-tablet {
    margin-right: 128px !important;
  }
  .mr--128-tablet {
    margin-right: -128px !important;
  }
  .pr-128-tablet {
    padding-right: 128px !important;
  }
  .mb-128-tablet {
    margin-bottom: 128px !important;
  }
  .mb--128-tablet {
    margin-bottom: -128px !important;
  }
  .pb-128-tablet {
    padding-bottom: 128px !important;
  }
  .ml-128-tablet {
    margin-left: 128px !important;
  }
  .ml--128-tablet {
    margin-left: -128px !important;
  }
  .pl-128-tablet {
    padding-left: 128px !important;
  }
  .m-128-tablet {
    margin: 128px !important;
  }
  .m--128-tablet {
    margin: -128px !important;
  }
  .p-128-tablet {
    padding: 128px !important;
  }
  .px-128-tablet {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-128-tablet {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .mx-128-tablet {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-128-tablet {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mx--128-tablet {
    margin-left: -128px !important;
    margin-right: -128px !important;
  }
  .my--128-tablet {
    margin-top: -128px !important;
    margin-bottom: -128px !important;
  }
  .mt-160-tablet {
    margin-top: 160px !important;
  }
  .mt--160-tablet {
    margin-top: -160px !important;
  }
  .pt-160-tablet {
    padding-top: 160px !important;
  }
  .mr-160-tablet {
    margin-right: 160px !important;
  }
  .mr--160-tablet {
    margin-right: -160px !important;
  }
  .pr-160-tablet {
    padding-right: 160px !important;
  }
  .mb-160-tablet {
    margin-bottom: 160px !important;
  }
  .mb--160-tablet {
    margin-bottom: -160px !important;
  }
  .pb-160-tablet {
    padding-bottom: 160px !important;
  }
  .ml-160-tablet {
    margin-left: 160px !important;
  }
  .ml--160-tablet {
    margin-left: -160px !important;
  }
  .pl-160-tablet {
    padding-left: 160px !important;
  }
  .m-160-tablet {
    margin: 160px !important;
  }
  .m--160-tablet {
    margin: -160px !important;
  }
  .p-160-tablet {
    padding: 160px !important;
  }
  .px-160-tablet {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .py-160-tablet {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .mx-160-tablet {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .my-160-tablet {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .mx--160-tablet {
    margin-left: -160px !important;
    margin-right: -160px !important;
  }
  .my--160-tablet {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .gap-0-tablet {
    gap: 0px;
  }
  .row-gap-0-tablet {
    row-gap: 0px;
  }
  .column-gap-0-tablet {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .gap-4-tablet {
    gap: 4px;
  }
  .row-gap-4-tablet {
    row-gap: 4px;
  }
  .column-gap-4-tablet {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
  .gap-6-tablet {
    gap: 6px;
  }
  .row-gap-6-tablet {
    row-gap: 6px;
  }
  .column-gap-6-tablet {
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .gap-8-tablet {
    gap: 8px;
  }
  .row-gap-8-tablet {
    row-gap: 8px;
  }
  .column-gap-8-tablet {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .gap-10-tablet {
    gap: 10px;
  }
  .row-gap-10-tablet {
    row-gap: 10px;
  }
  .column-gap-10-tablet {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .gap-12-tablet {
    gap: 12px;
  }
  .row-gap-12-tablet {
    row-gap: 12px;
  }
  .column-gap-12-tablet {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .gap-14-tablet {
    gap: 14px;
  }
  .row-gap-14-tablet {
    row-gap: 14px;
  }
  .column-gap-14-tablet {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }
  .gap-16-tablet {
    gap: 16px;
  }
  .row-gap-16-tablet {
    row-gap: 16px;
  }
  .column-gap-16-tablet {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .gap-18-tablet {
    gap: 18px;
  }
  .row-gap-18-tablet {
    row-gap: 18px;
  }
  .column-gap-18-tablet {
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
  .gap-20-tablet {
    gap: 20px;
  }
  .row-gap-20-tablet {
    row-gap: 20px;
  }
  .column-gap-20-tablet {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .gap-24-tablet {
    gap: 24px;
  }
  .row-gap-24-tablet {
    row-gap: 24px;
  }
  .column-gap-24-tablet {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .gap-32-tablet {
    gap: 32px;
  }
  .row-gap-32-tablet {
    row-gap: 32px;
  }
  .column-gap-32-tablet {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .gap-40-tablet {
    gap: 40px;
  }
  .row-gap-40-tablet {
    row-gap: 40px;
  }
  .column-gap-40-tablet {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .gap-48-tablet {
    gap: 48px;
  }
  .row-gap-48-tablet {
    row-gap: 48px;
  }
  .column-gap-48-tablet {
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .gap-60-tablet {
    gap: 60px;
  }
  .row-gap-60-tablet {
    row-gap: 60px;
  }
  .column-gap-60-tablet {
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
  .gap-64-tablet {
    gap: 64px;
  }
  .row-gap-64-tablet {
    row-gap: 64px;
  }
  .column-gap-64-tablet {
    -moz-column-gap: 64px;
    column-gap: 64px;
  }
  .gap-100-tablet {
    gap: 100px;
  }
  .row-gap-100-tablet {
    row-gap: 100px;
  }
  .column-gap-100-tablet {
    -moz-column-gap: 100px;
    column-gap: 100px;
  }
  .radius-0-tablet {
    border-radius: 0px;
  }
  .radius-4-tablet {
    border-radius: 4px;
  }
  .radius-8-tablet {
    border-radius: 8px;
  }
  .radius-12-tablet {
    border-radius: 12px;
  }
  .radius-16-tablet {
    border-radius: 16px;
  }
  .radius-24-tablet {
    border-radius: 24px;
  }
  .radius-32-tablet {
    border-radius: 32px;
  }
  .radius-40-tablet {
    border-radius: 40px;
  }
  .fsz-0-tablet {
    font-size: 0px;
  }
  .fsz-10-tablet {
    font-size: 10px;
  }
  .fsz-12-tablet {
    font-size: 12px;
  }
  .fsz-14-tablet {
    font-size: 14px;
  }
  .fsz-16-tablet {
    font-size: 16px;
  }
  .fsz-18-tablet {
    font-size: 18px;
  }
  .fsz-20-tablet {
    font-size: 20px;
  }
  .fsz-22-tablet {
    font-size: 22px;
  }
  .fsz-24-tablet {
    font-size: 24px;
  }
  .fsz-26-tablet {
    font-size: 26px;
  }
  .fsz-28-tablet {
    font-size: 28px;
  }
  .fsz-32-tablet {
    font-size: 32px;
  }
  .fsz-40-tablet {
    font-size: 40px;
  }
  .fsz-48-tablet {
    font-size: 48px;
  }
  .fsz-60-tablet {
    font-size: 60px;
  }
  .fsz-64-tablet {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .mt-0 {
    margin-top: 0px;
  }
  .mt--0 {
    margin-top: -0px;
  }
  .pt-0 {
    padding-top: 0px;
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr--0 {
    margin-right: -0px;
  }
  .pr-0 {
    padding-right: 0px;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb--0 {
    margin-bottom: -0px;
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml--0 {
    margin-left: -0px;
  }
  .pl-0 {
    padding-left: 0px;
  }
  .m-0 {
    margin: 0px;
  }
  .m--0 {
    margin: -0px;
  }
  .p-0 {
    padding: 0px;
  }
  .px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mx--0 {
    margin-left: -0px;
    margin-right: -0px;
  }
  .my--0 {
    margin-top: -0px;
    margin-bottom: -0px;
  }
  .mt-2 {
    margin-top: 2px;
  }
  .mt--2 {
    margin-top: -2px;
  }
  .pt-2 {
    padding-top: 2px;
  }
  .mr-2 {
    margin-right: 2px;
  }
  .mr--2 {
    margin-right: -2px;
  }
  .pr-2 {
    padding-right: 2px;
  }
  .mb-2 {
    margin-bottom: 2px;
  }
  .mb--2 {
    margin-bottom: -2px;
  }
  .pb-2 {
    padding-bottom: 2px;
  }
  .ml-2 {
    margin-left: 2px;
  }
  .ml--2 {
    margin-left: -2px;
  }
  .pl-2 {
    padding-left: 2px;
  }
  .m-2 {
    margin: 2px;
  }
  .m--2 {
    margin: -2px;
  }
  .p-2 {
    padding: 2px;
  }
  .px-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .mx-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .my-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mx--2 {
    margin-left: -2px;
    margin-right: -2px;
  }
  .my--2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .mt-4 {
    margin-top: 4px;
  }
  .mt--4 {
    margin-top: -4px;
  }
  .pt-4 {
    padding-top: 4px;
  }
  .mr-4 {
    margin-right: 4px;
  }
  .mr--4 {
    margin-right: -4px;
  }
  .pr-4 {
    padding-right: 4px;
  }
  .mb-4 {
    margin-bottom: 4px;
  }
  .mb--4 {
    margin-bottom: -4px;
  }
  .pb-4 {
    padding-bottom: 4px;
  }
  .ml-4 {
    margin-left: 4px;
  }
  .ml--4 {
    margin-left: -4px;
  }
  .pl-4 {
    padding-left: 4px;
  }
  .m-4 {
    margin: 4px;
  }
  .m--4 {
    margin: -4px;
  }
  .p-4 {
    padding: 4px;
  }
  .px-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .mx-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mx--4 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .my--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .mt-6 {
    margin-top: 6px;
  }
  .mt--6 {
    margin-top: -6px;
  }
  .pt-6 {
    padding-top: 6px;
  }
  .mr-6 {
    margin-right: 6px;
  }
  .mr--6 {
    margin-right: -6px;
  }
  .pr-6 {
    padding-right: 6px;
  }
  .mb-6 {
    margin-bottom: 6px;
  }
  .mb--6 {
    margin-bottom: -6px;
  }
  .pb-6 {
    padding-bottom: 6px;
  }
  .ml-6 {
    margin-left: 6px;
  }
  .ml--6 {
    margin-left: -6px;
  }
  .pl-6 {
    padding-left: 6px;
  }
  .m-6 {
    margin: 6px;
  }
  .m--6 {
    margin: -6px;
  }
  .p-6 {
    padding: 6px;
  }
  .px-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .mx-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .my-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mx--6 {
    margin-left: -6px;
    margin-right: -6px;
  }
  .my--6 {
    margin-top: -6px;
    margin-bottom: -6px;
  }
  .mt-8 {
    margin-top: 8px;
  }
  .mt--8 {
    margin-top: -8px;
  }
  .pt-8 {
    padding-top: 8px;
  }
  .mr-8 {
    margin-right: 8px;
  }
  .mr--8 {
    margin-right: -8px;
  }
  .pr-8 {
    padding-right: 8px;
  }
  .mb-8 {
    margin-bottom: 8px;
  }
  .mb--8 {
    margin-bottom: -8px;
  }
  .pb-8 {
    padding-bottom: 8px;
  }
  .ml-8 {
    margin-left: 8px;
  }
  .ml--8 {
    margin-left: -8px;
  }
  .pl-8 {
    padding-left: 8px;
  }
  .m-8 {
    margin: 8px;
  }
  .m--8 {
    margin: -8px;
  }
  .p-8 {
    padding: 8px;
  }
  .px-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .mx-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .my-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mx--8 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .my--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .mt-10 {
    margin-top: 10px;
  }
  .mt--10 {
    margin-top: -10px;
  }
  .pt-10 {
    padding-top: 10px;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .mr--10 {
    margin-right: -10px;
  }
  .pr-10 {
    padding-right: 10px;
  }
  .mb-10 {
    margin-bottom: 10px;
  }
  .mb--10 {
    margin-bottom: -10px;
  }
  .pb-10 {
    padding-bottom: 10px;
  }
  .ml-10 {
    margin-left: 10px;
  }
  .ml--10 {
    margin-left: -10px;
  }
  .pl-10 {
    padding-left: 10px;
  }
  .m-10 {
    margin: 10px;
  }
  .m--10 {
    margin: -10px;
  }
  .p-10 {
    padding: 10px;
  }
  .px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mx--10 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .my--10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .mt-12 {
    margin-top: 12px;
  }
  .mt--12 {
    margin-top: -12px;
  }
  .pt-12 {
    padding-top: 12px;
  }
  .mr-12 {
    margin-right: 12px;
  }
  .mr--12 {
    margin-right: -12px;
  }
  .pr-12 {
    padding-right: 12px;
  }
  .mb-12 {
    margin-bottom: 12px;
  }
  .mb--12 {
    margin-bottom: -12px;
  }
  .pb-12 {
    padding-bottom: 12px;
  }
  .ml-12 {
    margin-left: 12px;
  }
  .ml--12 {
    margin-left: -12px;
  }
  .pl-12 {
    padding-left: 12px;
  }
  .m-12 {
    margin: 12px;
  }
  .m--12 {
    margin: -12px;
  }
  .p-12 {
    padding: 12px;
  }
  .px-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .mx-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .mx--12 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .my--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .mt-14 {
    margin-top: 14px;
  }
  .mt--14 {
    margin-top: -14px;
  }
  .pt-14 {
    padding-top: 14px;
  }
  .mr-14 {
    margin-right: 14px;
  }
  .mr--14 {
    margin-right: -14px;
  }
  .pr-14 {
    padding-right: 14px;
  }
  .mb-14 {
    margin-bottom: 14px;
  }
  .mb--14 {
    margin-bottom: -14px;
  }
  .pb-14 {
    padding-bottom: 14px;
  }
  .ml-14 {
    margin-left: 14px;
  }
  .ml--14 {
    margin-left: -14px;
  }
  .pl-14 {
    padding-left: 14px;
  }
  .m-14 {
    margin: 14px;
  }
  .m--14 {
    margin: -14px;
  }
  .p-14 {
    padding: 14px;
  }
  .px-14 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .py-14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .mx-14 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .my-14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .mx--14 {
    margin-left: -14px;
    margin-right: -14px;
  }
  .my--14 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .mt-16 {
    margin-top: 16px;
  }
  .mt--16 {
    margin-top: -16px;
  }
  .pt-16 {
    padding-top: 16px;
  }
  .mr-16 {
    margin-right: 16px;
  }
  .mr--16 {
    margin-right: -16px;
  }
  .pr-16 {
    padding-right: 16px;
  }
  .mb-16 {
    margin-bottom: 16px;
  }
  .mb--16 {
    margin-bottom: -16px;
  }
  .pb-16 {
    padding-bottom: 16px;
  }
  .ml-16 {
    margin-left: 16px;
  }
  .ml--16 {
    margin-left: -16px;
  }
  .pl-16 {
    padding-left: 16px;
  }
  .m-16 {
    margin: 16px;
  }
  .m--16 {
    margin: -16px;
  }
  .p-16 {
    padding: 16px;
  }
  .px-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .py-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .mx-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .mx--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .my--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .mt-18 {
    margin-top: 18px;
  }
  .mt--18 {
    margin-top: -18px;
  }
  .pt-18 {
    padding-top: 18px;
  }
  .mr-18 {
    margin-right: 18px;
  }
  .mr--18 {
    margin-right: -18px;
  }
  .pr-18 {
    padding-right: 18px;
  }
  .mb-18 {
    margin-bottom: 18px;
  }
  .mb--18 {
    margin-bottom: -18px;
  }
  .pb-18 {
    padding-bottom: 18px;
  }
  .ml-18 {
    margin-left: 18px;
  }
  .ml--18 {
    margin-left: -18px;
  }
  .pl-18 {
    padding-left: 18px;
  }
  .m-18 {
    margin: 18px;
  }
  .m--18 {
    margin: -18px;
  }
  .p-18 {
    padding: 18px;
  }
  .px-18 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .py-18 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .mx-18 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .my-18 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .mx--18 {
    margin-left: -18px;
    margin-right: -18px;
  }
  .my--18 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt--20 {
    margin-top: -20px;
  }
  .pt-20 {
    padding-top: 20px;
  }
  .mr-20 {
    margin-right: 20px;
  }
  .mr--20 {
    margin-right: -20px;
  }
  .pr-20 {
    padding-right: 20px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .mb--20 {
    margin-bottom: -20px;
  }
  .pb-20 {
    padding-bottom: 20px;
  }
  .ml-20 {
    margin-left: 20px;
  }
  .ml--20 {
    margin-left: -20px;
  }
  .pl-20 {
    padding-left: 20px;
  }
  .m-20 {
    margin: 20px;
  }
  .m--20 {
    margin: -20px;
  }
  .p-20 {
    padding: 20px;
  }
  .px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mx--20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .my--20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .mt-24 {
    margin-top: 24px;
  }
  .mt--24 {
    margin-top: -24px;
  }
  .pt-24 {
    padding-top: 24px;
  }
  .mr-24 {
    margin-right: 24px;
  }
  .mr--24 {
    margin-right: -24px;
  }
  .pr-24 {
    padding-right: 24px;
  }
  .mb-24 {
    margin-bottom: 24px;
  }
  .mb--24 {
    margin-bottom: -24px;
  }
  .pb-24 {
    padding-bottom: 24px;
  }
  .ml-24 {
    margin-left: 24px;
  }
  .ml--24 {
    margin-left: -24px;
  }
  .pl-24 {
    padding-left: 24px;
  }
  .m-24 {
    margin: 24px;
  }
  .m--24 {
    margin: -24px;
  }
  .p-24 {
    padding: 24px;
  }
  .px-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .mx-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .mx--24 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .my--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .mt-30 {
    margin-top: 30px;
  }
  .mt--30 {
    margin-top: -30px;
  }
  .pt-30 {
    padding-top: 30px;
  }
  .mr-30 {
    margin-right: 30px;
  }
  .mr--30 {
    margin-right: -30px;
  }
  .pr-30 {
    padding-right: 30px;
  }
  .mb-30 {
    margin-bottom: 30px;
  }
  .mb--30 {
    margin-bottom: -30px;
  }
  .pb-30 {
    padding-bottom: 30px;
  }
  .ml-30 {
    margin-left: 30px;
  }
  .ml--30 {
    margin-left: -30px;
  }
  .pl-30 {
    padding-left: 30px;
  }
  .m-30 {
    margin: 30px;
  }
  .m--30 {
    margin: -30px;
  }
  .p-30 {
    padding: 30px;
  }
  .px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mx--30 {
    margin-left: -30px;
    margin-right: -30px;
  }
  .my--30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .mt-32 {
    margin-top: 32px;
  }
  .mt--32 {
    margin-top: -32px;
  }
  .pt-32 {
    padding-top: 32px;
  }
  .mr-32 {
    margin-right: 32px;
  }
  .mr--32 {
    margin-right: -32px;
  }
  .pr-32 {
    padding-right: 32px;
  }
  .mb-32 {
    margin-bottom: 32px;
  }
  .mb--32 {
    margin-bottom: -32px;
  }
  .pb-32 {
    padding-bottom: 32px;
  }
  .ml-32 {
    margin-left: 32px;
  }
  .ml--32 {
    margin-left: -32px;
  }
  .pl-32 {
    padding-left: 32px;
  }
  .m-32 {
    margin: 32px;
  }
  .m--32 {
    margin: -32px;
  }
  .p-32 {
    padding: 32px;
  }
  .px-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .mx-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .mx--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .my--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .mt-34 {
    margin-top: 34px;
  }
  .mt--34 {
    margin-top: -34px;
  }
  .pt-34 {
    padding-top: 34px;
  }
  .mr-34 {
    margin-right: 34px;
  }
  .mr--34 {
    margin-right: -34px;
  }
  .pr-34 {
    padding-right: 34px;
  }
  .mb-34 {
    margin-bottom: 34px;
  }
  .mb--34 {
    margin-bottom: -34px;
  }
  .pb-34 {
    padding-bottom: 34px;
  }
  .ml-34 {
    margin-left: 34px;
  }
  .ml--34 {
    margin-left: -34px;
  }
  .pl-34 {
    padding-left: 34px;
  }
  .m-34 {
    margin: 34px;
  }
  .m--34 {
    margin: -34px;
  }
  .p-34 {
    padding: 34px;
  }
  .px-34 {
    padding-left: 34px;
    padding-right: 34px;
  }
  .py-34 {
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .mx-34 {
    margin-left: 34px;
    margin-right: 34px;
  }
  .my-34 {
    margin-top: 34px;
    margin-bottom: 34px;
  }
  .mx--34 {
    margin-left: -34px;
    margin-right: -34px;
  }
  .my--34 {
    margin-top: -34px;
    margin-bottom: -34px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .mt--40 {
    margin-top: -40px;
  }
  .pt-40 {
    padding-top: 40px;
  }
  .mr-40 {
    margin-right: 40px;
  }
  .mr--40 {
    margin-right: -40px;
  }
  .pr-40 {
    padding-right: 40px;
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .mb--40 {
    margin-bottom: -40px;
  }
  .pb-40 {
    padding-bottom: 40px;
  }
  .ml-40 {
    margin-left: 40px;
  }
  .ml--40 {
    margin-left: -40px;
  }
  .pl-40 {
    padding-left: 40px;
  }
  .m-40 {
    margin: 40px;
  }
  .m--40 {
    margin: -40px;
  }
  .p-40 {
    padding: 40px;
  }
  .px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mx--40 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .my--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .mt-48 {
    margin-top: 48px;
  }
  .mt--48 {
    margin-top: -48px;
  }
  .pt-48 {
    padding-top: 48px;
  }
  .mr-48 {
    margin-right: 48px;
  }
  .mr--48 {
    margin-right: -48px;
  }
  .pr-48 {
    padding-right: 48px;
  }
  .mb-48 {
    margin-bottom: 48px;
  }
  .mb--48 {
    margin-bottom: -48px;
  }
  .pb-48 {
    padding-bottom: 48px;
  }
  .ml-48 {
    margin-left: 48px;
  }
  .ml--48 {
    margin-left: -48px;
  }
  .pl-48 {
    padding-left: 48px;
  }
  .m-48 {
    margin: 48px;
  }
  .m--48 {
    margin: -48px;
  }
  .p-48 {
    padding: 48px;
  }
  .px-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .py-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .mx-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .my-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .mx--48 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .my--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .mt-50 {
    margin-top: 50px;
  }
  .mt--50 {
    margin-top: -50px;
  }
  .pt-50 {
    padding-top: 50px;
  }
  .mr-50 {
    margin-right: 50px;
  }
  .mr--50 {
    margin-right: -50px;
  }
  .pr-50 {
    padding-right: 50px;
  }
  .mb-50 {
    margin-bottom: 50px;
  }
  .mb--50 {
    margin-bottom: -50px;
  }
  .pb-50 {
    padding-bottom: 50px;
  }
  .ml-50 {
    margin-left: 50px;
  }
  .ml--50 {
    margin-left: -50px;
  }
  .pl-50 {
    padding-left: 50px;
  }
  .m-50 {
    margin: 50px;
  }
  .m--50 {
    margin: -50px;
  }
  .p-50 {
    padding: 50px;
  }
  .px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mx--50 {
    margin-left: -50px;
    margin-right: -50px;
  }
  .my--50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }
  .mt-56 {
    margin-top: 56px;
  }
  .mt--56 {
    margin-top: -56px;
  }
  .pt-56 {
    padding-top: 56px;
  }
  .mr-56 {
    margin-right: 56px;
  }
  .mr--56 {
    margin-right: -56px;
  }
  .pr-56 {
    padding-right: 56px;
  }
  .mb-56 {
    margin-bottom: 56px;
  }
  .mb--56 {
    margin-bottom: -56px;
  }
  .pb-56 {
    padding-bottom: 56px;
  }
  .ml-56 {
    margin-left: 56px;
  }
  .ml--56 {
    margin-left: -56px;
  }
  .pl-56 {
    padding-left: 56px;
  }
  .m-56 {
    margin: 56px;
  }
  .m--56 {
    margin: -56px;
  }
  .p-56 {
    padding: 56px;
  }
  .px-56 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .py-56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .mx-56 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .my-56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .mx--56 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .my--56 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .mt-60 {
    margin-top: 60px;
  }
  .mt--60 {
    margin-top: -60px;
  }
  .pt-60 {
    padding-top: 60px;
  }
  .mr-60 {
    margin-right: 60px;
  }
  .mr--60 {
    margin-right: -60px;
  }
  .pr-60 {
    padding-right: 60px;
  }
  .mb-60 {
    margin-bottom: 60px;
  }
  .mb--60 {
    margin-bottom: -60px;
  }
  .pb-60 {
    padding-bottom: 60px;
  }
  .ml-60 {
    margin-left: 60px;
  }
  .ml--60 {
    margin-left: -60px;
  }
  .pl-60 {
    padding-left: 60px;
  }
  .m-60 {
    margin: 60px;
  }
  .m--60 {
    margin: -60px;
  }
  .p-60 {
    padding: 60px;
  }
  .px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mx--60 {
    margin-left: -60px;
    margin-right: -60px;
  }
  .my--60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }
  .mt-64 {
    margin-top: 64px;
  }
  .mt--64 {
    margin-top: -64px;
  }
  .pt-64 {
    padding-top: 64px;
  }
  .mr-64 {
    margin-right: 64px;
  }
  .mr--64 {
    margin-right: -64px;
  }
  .pr-64 {
    padding-right: 64px;
  }
  .mb-64 {
    margin-bottom: 64px;
  }
  .mb--64 {
    margin-bottom: -64px;
  }
  .pb-64 {
    padding-bottom: 64px;
  }
  .ml-64 {
    margin-left: 64px;
  }
  .ml--64 {
    margin-left: -64px;
  }
  .pl-64 {
    padding-left: 64px;
  }
  .m-64 {
    margin: 64px;
  }
  .m--64 {
    margin: -64px;
  }
  .p-64 {
    padding: 64px;
  }
  .px-64 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .py-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .mx-64 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .my-64 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .mx--64 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .my--64 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .mt-75 {
    margin-top: 75px;
  }
  .mt--75 {
    margin-top: -75px;
  }
  .pt-75 {
    padding-top: 75px;
  }
  .mr-75 {
    margin-right: 75px;
  }
  .mr--75 {
    margin-right: -75px;
  }
  .pr-75 {
    padding-right: 75px;
  }
  .mb-75 {
    margin-bottom: 75px;
  }
  .mb--75 {
    margin-bottom: -75px;
  }
  .pb-75 {
    padding-bottom: 75px;
  }
  .ml-75 {
    margin-left: 75px;
  }
  .ml--75 {
    margin-left: -75px;
  }
  .pl-75 {
    padding-left: 75px;
  }
  .m-75 {
    margin: 75px;
  }
  .m--75 {
    margin: -75px;
  }
  .p-75 {
    padding: 75px;
  }
  .px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mx--75 {
    margin-left: -75px;
    margin-right: -75px;
  }
  .my--75 {
    margin-top: -75px;
    margin-bottom: -75px;
  }
  .mt-80 {
    margin-top: 80px;
  }
  .mt--80 {
    margin-top: -80px;
  }
  .pt-80 {
    padding-top: 80px;
  }
  .mr-80 {
    margin-right: 80px;
  }
  .mr--80 {
    margin-right: -80px;
  }
  .pr-80 {
    padding-right: 80px;
  }
  .mb-80 {
    margin-bottom: 80px;
  }
  .mb--80 {
    margin-bottom: -80px;
  }
  .pb-80 {
    padding-bottom: 80px;
  }
  .ml-80 {
    margin-left: 80px;
  }
  .ml--80 {
    margin-left: -80px;
  }
  .pl-80 {
    padding-left: 80px;
  }
  .m-80 {
    margin: 80px;
  }
  .m--80 {
    margin: -80px;
  }
  .p-80 {
    padding: 80px;
  }
  .px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mx--80 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .my--80 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .mt-100 {
    margin-top: 100px;
  }
  .mt--100 {
    margin-top: -100px;
  }
  .pt-100 {
    padding-top: 100px;
  }
  .mr-100 {
    margin-right: 100px;
  }
  .mr--100 {
    margin-right: -100px;
  }
  .pr-100 {
    padding-right: 100px;
  }
  .mb-100 {
    margin-bottom: 100px;
  }
  .mb--100 {
    margin-bottom: -100px;
  }
  .pb-100 {
    padding-bottom: 100px;
  }
  .ml-100 {
    margin-left: 100px;
  }
  .ml--100 {
    margin-left: -100px;
  }
  .pl-100 {
    padding-left: 100px;
  }
  .m-100 {
    margin: 100px;
  }
  .m--100 {
    margin: -100px;
  }
  .p-100 {
    padding: 100px;
  }
  .px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mx--100 {
    margin-left: -100px;
    margin-right: -100px;
  }
  .my--100 {
    margin-top: -100px;
    margin-bottom: -100px;
  }
  .mt-120 {
    margin-top: 120px;
  }
  .mt--120 {
    margin-top: -120px;
  }
  .pt-120 {
    padding-top: 120px;
  }
  .mr-120 {
    margin-right: 120px;
  }
  .mr--120 {
    margin-right: -120px;
  }
  .pr-120 {
    padding-right: 120px;
  }
  .mb-120 {
    margin-bottom: 120px;
  }
  .mb--120 {
    margin-bottom: -120px;
  }
  .pb-120 {
    padding-bottom: 120px;
  }
  .ml-120 {
    margin-left: 120px;
  }
  .ml--120 {
    margin-left: -120px;
  }
  .pl-120 {
    padding-left: 120px;
  }
  .m-120 {
    margin: 120px;
  }
  .m--120 {
    margin: -120px;
  }
  .p-120 {
    padding: 120px;
  }
  .px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .mx--120 {
    margin-left: -120px;
    margin-right: -120px;
  }
  .my--120 {
    margin-top: -120px;
    margin-bottom: -120px;
  }
  .mt-128 {
    margin-top: 128px;
  }
  .mt--128 {
    margin-top: -128px;
  }
  .pt-128 {
    padding-top: 128px;
  }
  .mr-128 {
    margin-right: 128px;
  }
  .mr--128 {
    margin-right: -128px;
  }
  .pr-128 {
    padding-right: 128px;
  }
  .mb-128 {
    margin-bottom: 128px;
  }
  .mb--128 {
    margin-bottom: -128px;
  }
  .pb-128 {
    padding-bottom: 128px;
  }
  .ml-128 {
    margin-left: 128px;
  }
  .ml--128 {
    margin-left: -128px;
  }
  .pl-128 {
    padding-left: 128px;
  }
  .m-128 {
    margin: 128px;
  }
  .m--128 {
    margin: -128px;
  }
  .p-128 {
    padding: 128px;
  }
  .px-128 {
    padding-left: 128px;
    padding-right: 128px;
  }
  .py-128 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .mx-128 {
    margin-left: 128px;
    margin-right: 128px;
  }
  .my-128 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .mx--128 {
    margin-left: -128px;
    margin-right: -128px;
  }
  .my--128 {
    margin-top: -128px;
    margin-bottom: -128px;
  }
  .mt-160 {
    margin-top: 160px;
  }
  .mt--160 {
    margin-top: -160px;
  }
  .pt-160 {
    padding-top: 160px;
  }
  .mr-160 {
    margin-right: 160px;
  }
  .mr--160 {
    margin-right: -160px;
  }
  .pr-160 {
    padding-right: 160px;
  }
  .mb-160 {
    margin-bottom: 160px;
  }
  .mb--160 {
    margin-bottom: -160px;
  }
  .pb-160 {
    padding-bottom: 160px;
  }
  .ml-160 {
    margin-left: 160px;
  }
  .ml--160 {
    margin-left: -160px;
  }
  .pl-160 {
    padding-left: 160px;
  }
  .m-160 {
    margin: 160px;
  }
  .m--160 {
    margin: -160px;
  }
  .p-160 {
    padding: 160px;
  }
  .px-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .mx-160 {
    margin-left: 160px;
    margin-right: 160px;
  }
  .my-160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }
  .mx--160 {
    margin-left: -160px;
    margin-right: -160px;
  }
  .my--160 {
    margin-top: -160px;
    margin-bottom: -160px;
  }
  .gap-0 {
    gap: 0px;
  }
  .row-gap-0 {
    row-gap: 0px;
  }
  .column-gap-0 {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .gap-4 {
    gap: 4px;
  }
  .row-gap-4 {
    row-gap: 4px;
  }
  .column-gap-4 {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
  .gap-6 {
    gap: 6px;
  }
  .row-gap-6 {
    row-gap: 6px;
  }
  .column-gap-6 {
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .gap-8 {
    gap: 8px;
  }
  .row-gap-8 {
    row-gap: 8px;
  }
  .column-gap-8 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .gap-10 {
    gap: 10px;
  }
  .row-gap-10 {
    row-gap: 10px;
  }
  .column-gap-10 {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .gap-12 {
    gap: 12px;
  }
  .row-gap-12 {
    row-gap: 12px;
  }
  .column-gap-12 {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .gap-14 {
    gap: 14px;
  }
  .row-gap-14 {
    row-gap: 14px;
  }
  .column-gap-14 {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }
  .gap-16 {
    gap: 16px;
  }
  .row-gap-16 {
    row-gap: 16px;
  }
  .column-gap-16 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .gap-18 {
    gap: 18px;
  }
  .row-gap-18 {
    row-gap: 18px;
  }
  .column-gap-18 {
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
  .gap-20 {
    gap: 20px;
  }
  .row-gap-20 {
    row-gap: 20px;
  }
  .column-gap-20 {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .gap-24 {
    gap: 24px;
  }
  .row-gap-24 {
    row-gap: 24px;
  }
  .column-gap-24 {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .gap-32 {
    gap: 32px;
  }
  .row-gap-32 {
    row-gap: 32px;
  }
  .column-gap-32 {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .gap-40 {
    gap: 40px;
  }
  .row-gap-40 {
    row-gap: 40px;
  }
  .column-gap-40 {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .gap-48 {
    gap: 48px;
  }
  .row-gap-48 {
    row-gap: 48px;
  }
  .column-gap-48 {
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .gap-60 {
    gap: 60px;
  }
  .row-gap-60 {
    row-gap: 60px;
  }
  .column-gap-60 {
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
  .gap-64 {
    gap: 64px;
  }
  .row-gap-64 {
    row-gap: 64px;
  }
  .column-gap-64 {
    -moz-column-gap: 64px;
    column-gap: 64px;
  }
  .gap-100 {
    gap: 100px;
  }
  .row-gap-100 {
    row-gap: 100px;
  }
  .column-gap-100 {
    -moz-column-gap: 100px;
    column-gap: 100px;
  }
  .mt-0-mob {
    margin-top: 0px !important;
  }
  .mt--0-mob {
    margin-top: -0px !important;
  }
  .pt-0-mob {
    padding-top: 0px !important;
  }
  .mr-0-mob {
    margin-right: 0px !important;
  }
  .mr--0-mob {
    margin-right: -0px !important;
  }
  .pr-0-mob {
    padding-right: 0px !important;
  }
  .mb-0-mob {
    margin-bottom: 0px !important;
  }
  .mb--0-mob {
    margin-bottom: -0px !important;
  }
  .pb-0-mob {
    padding-bottom: 0px !important;
  }
  .ml-0-mob {
    margin-left: 0px !important;
  }
  .ml--0-mob {
    margin-left: -0px !important;
  }
  .pl-0-mob {
    padding-left: 0px !important;
  }
  .m-0-mob {
    margin: 0px !important;
  }
  .m--0-mob {
    margin: -0px !important;
  }
  .p-0-mob {
    padding: 0px !important;
  }
  .px-0-mob {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-0-mob {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .mx-0-mob {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-0-mob {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mx--0-mob {
    margin-left: -0px !important;
    margin-right: -0px !important;
  }
  .my--0-mob {
    margin-top: -0px !important;
    margin-bottom: -0px !important;
  }
  .mt-2-mob {
    margin-top: 2px !important;
  }
  .mt--2-mob {
    margin-top: -2px !important;
  }
  .pt-2-mob {
    padding-top: 2px !important;
  }
  .mr-2-mob {
    margin-right: 2px !important;
  }
  .mr--2-mob {
    margin-right: -2px !important;
  }
  .pr-2-mob {
    padding-right: 2px !important;
  }
  .mb-2-mob {
    margin-bottom: 2px !important;
  }
  .mb--2-mob {
    margin-bottom: -2px !important;
  }
  .pb-2-mob {
    padding-bottom: 2px !important;
  }
  .ml-2-mob {
    margin-left: 2px !important;
  }
  .ml--2-mob {
    margin-left: -2px !important;
  }
  .pl-2-mob {
    padding-left: 2px !important;
  }
  .m-2-mob {
    margin: 2px !important;
  }
  .m--2-mob {
    margin: -2px !important;
  }
  .p-2-mob {
    padding: 2px !important;
  }
  .px-2-mob {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .py-2-mob {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .mx-2-mob {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .my-2-mob {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mx--2-mob {
    margin-left: -2px !important;
    margin-right: -2px !important;
  }
  .my--2-mob {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }
  .mt-4-mob {
    margin-top: 4px !important;
  }
  .mt--4-mob {
    margin-top: -4px !important;
  }
  .pt-4-mob {
    padding-top: 4px !important;
  }
  .mr-4-mob {
    margin-right: 4px !important;
  }
  .mr--4-mob {
    margin-right: -4px !important;
  }
  .pr-4-mob {
    padding-right: 4px !important;
  }
  .mb-4-mob {
    margin-bottom: 4px !important;
  }
  .mb--4-mob {
    margin-bottom: -4px !important;
  }
  .pb-4-mob {
    padding-bottom: 4px !important;
  }
  .ml-4-mob {
    margin-left: 4px !important;
  }
  .ml--4-mob {
    margin-left: -4px !important;
  }
  .pl-4-mob {
    padding-left: 4px !important;
  }
  .m-4-mob {
    margin: 4px !important;
  }
  .m--4-mob {
    margin: -4px !important;
  }
  .p-4-mob {
    padding: 4px !important;
  }
  .px-4-mob {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .py-4-mob {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .mx-4-mob {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .my-4-mob {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mx--4-mob {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }
  .my--4-mob {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .mt-6-mob {
    margin-top: 6px !important;
  }
  .mt--6-mob {
    margin-top: -6px !important;
  }
  .pt-6-mob {
    padding-top: 6px !important;
  }
  .mr-6-mob {
    margin-right: 6px !important;
  }
  .mr--6-mob {
    margin-right: -6px !important;
  }
  .pr-6-mob {
    padding-right: 6px !important;
  }
  .mb-6-mob {
    margin-bottom: 6px !important;
  }
  .mb--6-mob {
    margin-bottom: -6px !important;
  }
  .pb-6-mob {
    padding-bottom: 6px !important;
  }
  .ml-6-mob {
    margin-left: 6px !important;
  }
  .ml--6-mob {
    margin-left: -6px !important;
  }
  .pl-6-mob {
    padding-left: 6px !important;
  }
  .m-6-mob {
    margin: 6px !important;
  }
  .m--6-mob {
    margin: -6px !important;
  }
  .p-6-mob {
    padding: 6px !important;
  }
  .px-6-mob {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .py-6-mob {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .mx-6-mob {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .my-6-mob {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mx--6-mob {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
  .my--6-mob {
    margin-top: -6px !important;
    margin-bottom: -6px !important;
  }
  .mt-8-mob {
    margin-top: 8px !important;
  }
  .mt--8-mob {
    margin-top: -8px !important;
  }
  .pt-8-mob {
    padding-top: 8px !important;
  }
  .mr-8-mob {
    margin-right: 8px !important;
  }
  .mr--8-mob {
    margin-right: -8px !important;
  }
  .pr-8-mob {
    padding-right: 8px !important;
  }
  .mb-8-mob {
    margin-bottom: 8px !important;
  }
  .mb--8-mob {
    margin-bottom: -8px !important;
  }
  .pb-8-mob {
    padding-bottom: 8px !important;
  }
  .ml-8-mob {
    margin-left: 8px !important;
  }
  .ml--8-mob {
    margin-left: -8px !important;
  }
  .pl-8-mob {
    padding-left: 8px !important;
  }
  .m-8-mob {
    margin: 8px !important;
  }
  .m--8-mob {
    margin: -8px !important;
  }
  .p-8-mob {
    padding: 8px !important;
  }
  .px-8-mob {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .py-8-mob {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .mx-8-mob {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .my-8-mob {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mx--8-mob {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .my--8-mob {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .mt-10-mob {
    margin-top: 10px !important;
  }
  .mt--10-mob {
    margin-top: -10px !important;
  }
  .pt-10-mob {
    padding-top: 10px !important;
  }
  .mr-10-mob {
    margin-right: 10px !important;
  }
  .mr--10-mob {
    margin-right: -10px !important;
  }
  .pr-10-mob {
    padding-right: 10px !important;
  }
  .mb-10-mob {
    margin-bottom: 10px !important;
  }
  .mb--10-mob {
    margin-bottom: -10px !important;
  }
  .pb-10-mob {
    padding-bottom: 10px !important;
  }
  .ml-10-mob {
    margin-left: 10px !important;
  }
  .ml--10-mob {
    margin-left: -10px !important;
  }
  .pl-10-mob {
    padding-left: 10px !important;
  }
  .m-10-mob {
    margin: 10px !important;
  }
  .m--10-mob {
    margin: -10px !important;
  }
  .p-10-mob {
    padding: 10px !important;
  }
  .px-10-mob {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-10-mob {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .mx-10-mob {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-10-mob {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mx--10-mob {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .my--10-mob {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }
  .mt-12-mob {
    margin-top: 12px !important;
  }
  .mt--12-mob {
    margin-top: -12px !important;
  }
  .pt-12-mob {
    padding-top: 12px !important;
  }
  .mr-12-mob {
    margin-right: 12px !important;
  }
  .mr--12-mob {
    margin-right: -12px !important;
  }
  .pr-12-mob {
    padding-right: 12px !important;
  }
  .mb-12-mob {
    margin-bottom: 12px !important;
  }
  .mb--12-mob {
    margin-bottom: -12px !important;
  }
  .pb-12-mob {
    padding-bottom: 12px !important;
  }
  .ml-12-mob {
    margin-left: 12px !important;
  }
  .ml--12-mob {
    margin-left: -12px !important;
  }
  .pl-12-mob {
    padding-left: 12px !important;
  }
  .m-12-mob {
    margin: 12px !important;
  }
  .m--12-mob {
    margin: -12px !important;
  }
  .p-12-mob {
    padding: 12px !important;
  }
  .px-12-mob {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .py-12-mob {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .mx-12-mob {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .my-12-mob {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .mx--12-mob {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .my--12-mob {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .mt-14-mob {
    margin-top: 14px !important;
  }
  .mt--14-mob {
    margin-top: -14px !important;
  }
  .pt-14-mob {
    padding-top: 14px !important;
  }
  .mr-14-mob {
    margin-right: 14px !important;
  }
  .mr--14-mob {
    margin-right: -14px !important;
  }
  .pr-14-mob {
    padding-right: 14px !important;
  }
  .mb-14-mob {
    margin-bottom: 14px !important;
  }
  .mb--14-mob {
    margin-bottom: -14px !important;
  }
  .pb-14-mob {
    padding-bottom: 14px !important;
  }
  .ml-14-mob {
    margin-left: 14px !important;
  }
  .ml--14-mob {
    margin-left: -14px !important;
  }
  .pl-14-mob {
    padding-left: 14px !important;
  }
  .m-14-mob {
    margin: 14px !important;
  }
  .m--14-mob {
    margin: -14px !important;
  }
  .p-14-mob {
    padding: 14px !important;
  }
  .px-14-mob {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .py-14-mob {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .mx-14-mob {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .my-14-mob {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .mx--14-mob {
    margin-left: -14px !important;
    margin-right: -14px !important;
  }
  .my--14-mob {
    margin-top: -14px !important;
    margin-bottom: -14px !important;
  }
  .mt-16-mob {
    margin-top: 16px !important;
  }
  .mt--16-mob {
    margin-top: -16px !important;
  }
  .pt-16-mob {
    padding-top: 16px !important;
  }
  .mr-16-mob {
    margin-right: 16px !important;
  }
  .mr--16-mob {
    margin-right: -16px !important;
  }
  .pr-16-mob {
    padding-right: 16px !important;
  }
  .mb-16-mob {
    margin-bottom: 16px !important;
  }
  .mb--16-mob {
    margin-bottom: -16px !important;
  }
  .pb-16-mob {
    padding-bottom: 16px !important;
  }
  .ml-16-mob {
    margin-left: 16px !important;
  }
  .ml--16-mob {
    margin-left: -16px !important;
  }
  .pl-16-mob {
    padding-left: 16px !important;
  }
  .m-16-mob {
    margin: 16px !important;
  }
  .m--16-mob {
    margin: -16px !important;
  }
  .p-16-mob {
    padding: 16px !important;
  }
  .px-16-mob {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .py-16-mob {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .mx-16-mob {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .my-16-mob {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .mx--16-mob {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .my--16-mob {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .mt-18-mob {
    margin-top: 18px !important;
  }
  .mt--18-mob {
    margin-top: -18px !important;
  }
  .pt-18-mob {
    padding-top: 18px !important;
  }
  .mr-18-mob {
    margin-right: 18px !important;
  }
  .mr--18-mob {
    margin-right: -18px !important;
  }
  .pr-18-mob {
    padding-right: 18px !important;
  }
  .mb-18-mob {
    margin-bottom: 18px !important;
  }
  .mb--18-mob {
    margin-bottom: -18px !important;
  }
  .pb-18-mob {
    padding-bottom: 18px !important;
  }
  .ml-18-mob {
    margin-left: 18px !important;
  }
  .ml--18-mob {
    margin-left: -18px !important;
  }
  .pl-18-mob {
    padding-left: 18px !important;
  }
  .m-18-mob {
    margin: 18px !important;
  }
  .m--18-mob {
    margin: -18px !important;
  }
  .p-18-mob {
    padding: 18px !important;
  }
  .px-18-mob {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .py-18-mob {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .mx-18-mob {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
  .my-18-mob {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
  .mx--18-mob {
    margin-left: -18px !important;
    margin-right: -18px !important;
  }
  .my--18-mob {
    margin-top: -18px !important;
    margin-bottom: -18px !important;
  }
  .mt-20-mob {
    margin-top: 20px !important;
  }
  .mt--20-mob {
    margin-top: -20px !important;
  }
  .pt-20-mob {
    padding-top: 20px !important;
  }
  .mr-20-mob {
    margin-right: 20px !important;
  }
  .mr--20-mob {
    margin-right: -20px !important;
  }
  .pr-20-mob {
    padding-right: 20px !important;
  }
  .mb-20-mob {
    margin-bottom: 20px !important;
  }
  .mb--20-mob {
    margin-bottom: -20px !important;
  }
  .pb-20-mob {
    padding-bottom: 20px !important;
  }
  .ml-20-mob {
    margin-left: 20px !important;
  }
  .ml--20-mob {
    margin-left: -20px !important;
  }
  .pl-20-mob {
    padding-left: 20px !important;
  }
  .m-20-mob {
    margin: 20px !important;
  }
  .m--20-mob {
    margin: -20px !important;
  }
  .p-20-mob {
    padding: 20px !important;
  }
  .px-20-mob {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-20-mob {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .mx-20-mob {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-20-mob {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mx--20-mob {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .my--20-mob {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .mt-24-mob {
    margin-top: 24px !important;
  }
  .mt--24-mob {
    margin-top: -24px !important;
  }
  .pt-24-mob {
    padding-top: 24px !important;
  }
  .mr-24-mob {
    margin-right: 24px !important;
  }
  .mr--24-mob {
    margin-right: -24px !important;
  }
  .pr-24-mob {
    padding-right: 24px !important;
  }
  .mb-24-mob {
    margin-bottom: 24px !important;
  }
  .mb--24-mob {
    margin-bottom: -24px !important;
  }
  .pb-24-mob {
    padding-bottom: 24px !important;
  }
  .ml-24-mob {
    margin-left: 24px !important;
  }
  .ml--24-mob {
    margin-left: -24px !important;
  }
  .pl-24-mob {
    padding-left: 24px !important;
  }
  .m-24-mob {
    margin: 24px !important;
  }
  .m--24-mob {
    margin: -24px !important;
  }
  .p-24-mob {
    padding: 24px !important;
  }
  .px-24-mob {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .py-24-mob {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .mx-24-mob {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .my-24-mob {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .mx--24-mob {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
  .my--24-mob {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .mt-30-mob {
    margin-top: 30px !important;
  }
  .mt--30-mob {
    margin-top: -30px !important;
  }
  .pt-30-mob {
    padding-top: 30px !important;
  }
  .mr-30-mob {
    margin-right: 30px !important;
  }
  .mr--30-mob {
    margin-right: -30px !important;
  }
  .pr-30-mob {
    padding-right: 30px !important;
  }
  .mb-30-mob {
    margin-bottom: 30px !important;
  }
  .mb--30-mob {
    margin-bottom: -30px !important;
  }
  .pb-30-mob {
    padding-bottom: 30px !important;
  }
  .ml-30-mob {
    margin-left: 30px !important;
  }
  .ml--30-mob {
    margin-left: -30px !important;
  }
  .pl-30-mob {
    padding-left: 30px !important;
  }
  .m-30-mob {
    margin: 30px !important;
  }
  .m--30-mob {
    margin: -30px !important;
  }
  .p-30-mob {
    padding: 30px !important;
  }
  .px-30-mob {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-30-mob {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .mx-30-mob {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-30-mob {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mx--30-mob {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
  .my--30-mob {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }
  .mt-32-mob {
    margin-top: 32px !important;
  }
  .mt--32-mob {
    margin-top: -32px !important;
  }
  .pt-32-mob {
    padding-top: 32px !important;
  }
  .mr-32-mob {
    margin-right: 32px !important;
  }
  .mr--32-mob {
    margin-right: -32px !important;
  }
  .pr-32-mob {
    padding-right: 32px !important;
  }
  .mb-32-mob {
    margin-bottom: 32px !important;
  }
  .mb--32-mob {
    margin-bottom: -32px !important;
  }
  .pb-32-mob {
    padding-bottom: 32px !important;
  }
  .ml-32-mob {
    margin-left: 32px !important;
  }
  .ml--32-mob {
    margin-left: -32px !important;
  }
  .pl-32-mob {
    padding-left: 32px !important;
  }
  .m-32-mob {
    margin: 32px !important;
  }
  .m--32-mob {
    margin: -32px !important;
  }
  .p-32-mob {
    padding: 32px !important;
  }
  .px-32-mob {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .py-32-mob {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .mx-32-mob {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .my-32-mob {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .mx--32-mob {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }
  .my--32-mob {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .mt-34-mob {
    margin-top: 34px !important;
  }
  .mt--34-mob {
    margin-top: -34px !important;
  }
  .pt-34-mob {
    padding-top: 34px !important;
  }
  .mr-34-mob {
    margin-right: 34px !important;
  }
  .mr--34-mob {
    margin-right: -34px !important;
  }
  .pr-34-mob {
    padding-right: 34px !important;
  }
  .mb-34-mob {
    margin-bottom: 34px !important;
  }
  .mb--34-mob {
    margin-bottom: -34px !important;
  }
  .pb-34-mob {
    padding-bottom: 34px !important;
  }
  .ml-34-mob {
    margin-left: 34px !important;
  }
  .ml--34-mob {
    margin-left: -34px !important;
  }
  .pl-34-mob {
    padding-left: 34px !important;
  }
  .m-34-mob {
    margin: 34px !important;
  }
  .m--34-mob {
    margin: -34px !important;
  }
  .p-34-mob {
    padding: 34px !important;
  }
  .px-34-mob {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
  .py-34-mob {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  .mx-34-mob {
    margin-left: 34px !important;
    margin-right: 34px !important;
  }
  .my-34-mob {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }
  .mx--34-mob {
    margin-left: -34px !important;
    margin-right: -34px !important;
  }
  .my--34-mob {
    margin-top: -34px !important;
    margin-bottom: -34px !important;
  }
  .mt-40-mob {
    margin-top: 40px !important;
  }
  .mt--40-mob {
    margin-top: -40px !important;
  }
  .pt-40-mob {
    padding-top: 40px !important;
  }
  .mr-40-mob {
    margin-right: 40px !important;
  }
  .mr--40-mob {
    margin-right: -40px !important;
  }
  .pr-40-mob {
    padding-right: 40px !important;
  }
  .mb-40-mob {
    margin-bottom: 40px !important;
  }
  .mb--40-mob {
    margin-bottom: -40px !important;
  }
  .pb-40-mob {
    padding-bottom: 40px !important;
  }
  .ml-40-mob {
    margin-left: 40px !important;
  }
  .ml--40-mob {
    margin-left: -40px !important;
  }
  .pl-40-mob {
    padding-left: 40px !important;
  }
  .m-40-mob {
    margin: 40px !important;
  }
  .m--40-mob {
    margin: -40px !important;
  }
  .p-40-mob {
    padding: 40px !important;
  }
  .px-40-mob {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-40-mob {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .mx-40-mob {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-40-mob {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mx--40-mob {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  .my--40-mob {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .mt-48-mob {
    margin-top: 48px !important;
  }
  .mt--48-mob {
    margin-top: -48px !important;
  }
  .pt-48-mob {
    padding-top: 48px !important;
  }
  .mr-48-mob {
    margin-right: 48px !important;
  }
  .mr--48-mob {
    margin-right: -48px !important;
  }
  .pr-48-mob {
    padding-right: 48px !important;
  }
  .mb-48-mob {
    margin-bottom: 48px !important;
  }
  .mb--48-mob {
    margin-bottom: -48px !important;
  }
  .pb-48-mob {
    padding-bottom: 48px !important;
  }
  .ml-48-mob {
    margin-left: 48px !important;
  }
  .ml--48-mob {
    margin-left: -48px !important;
  }
  .pl-48-mob {
    padding-left: 48px !important;
  }
  .m-48-mob {
    margin: 48px !important;
  }
  .m--48-mob {
    margin: -48px !important;
  }
  .p-48-mob {
    padding: 48px !important;
  }
  .px-48-mob {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .py-48-mob {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .mx-48-mob {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .my-48-mob {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .mx--48-mob {
    margin-left: -48px !important;
    margin-right: -48px !important;
  }
  .my--48-mob {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .mt-50-mob {
    margin-top: 50px !important;
  }
  .mt--50-mob {
    margin-top: -50px !important;
  }
  .pt-50-mob {
    padding-top: 50px !important;
  }
  .mr-50-mob {
    margin-right: 50px !important;
  }
  .mr--50-mob {
    margin-right: -50px !important;
  }
  .pr-50-mob {
    padding-right: 50px !important;
  }
  .mb-50-mob {
    margin-bottom: 50px !important;
  }
  .mb--50-mob {
    margin-bottom: -50px !important;
  }
  .pb-50-mob {
    padding-bottom: 50px !important;
  }
  .ml-50-mob {
    margin-left: 50px !important;
  }
  .ml--50-mob {
    margin-left: -50px !important;
  }
  .pl-50-mob {
    padding-left: 50px !important;
  }
  .m-50-mob {
    margin: 50px !important;
  }
  .m--50-mob {
    margin: -50px !important;
  }
  .p-50-mob {
    padding: 50px !important;
  }
  .px-50-mob {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-50-mob {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .mx-50-mob {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-50-mob {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mx--50-mob {
    margin-left: -50px !important;
    margin-right: -50px !important;
  }
  .my--50-mob {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }
  .mt-56-mob {
    margin-top: 56px !important;
  }
  .mt--56-mob {
    margin-top: -56px !important;
  }
  .pt-56-mob {
    padding-top: 56px !important;
  }
  .mr-56-mob {
    margin-right: 56px !important;
  }
  .mr--56-mob {
    margin-right: -56px !important;
  }
  .pr-56-mob {
    padding-right: 56px !important;
  }
  .mb-56-mob {
    margin-bottom: 56px !important;
  }
  .mb--56-mob {
    margin-bottom: -56px !important;
  }
  .pb-56-mob {
    padding-bottom: 56px !important;
  }
  .ml-56-mob {
    margin-left: 56px !important;
  }
  .ml--56-mob {
    margin-left: -56px !important;
  }
  .pl-56-mob {
    padding-left: 56px !important;
  }
  .m-56-mob {
    margin: 56px !important;
  }
  .m--56-mob {
    margin: -56px !important;
  }
  .p-56-mob {
    padding: 56px !important;
  }
  .px-56-mob {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .py-56-mob {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .mx-56-mob {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .my-56-mob {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .mx--56-mob {
    margin-left: -56px !important;
    margin-right: -56px !important;
  }
  .my--56-mob {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .mt-60-mob {
    margin-top: 60px !important;
  }
  .mt--60-mob {
    margin-top: -60px !important;
  }
  .pt-60-mob {
    padding-top: 60px !important;
  }
  .mr-60-mob {
    margin-right: 60px !important;
  }
  .mr--60-mob {
    margin-right: -60px !important;
  }
  .pr-60-mob {
    padding-right: 60px !important;
  }
  .mb-60-mob {
    margin-bottom: 60px !important;
  }
  .mb--60-mob {
    margin-bottom: -60px !important;
  }
  .pb-60-mob {
    padding-bottom: 60px !important;
  }
  .ml-60-mob {
    margin-left: 60px !important;
  }
  .ml--60-mob {
    margin-left: -60px !important;
  }
  .pl-60-mob {
    padding-left: 60px !important;
  }
  .m-60-mob {
    margin: 60px !important;
  }
  .m--60-mob {
    margin: -60px !important;
  }
  .p-60-mob {
    padding: 60px !important;
  }
  .px-60-mob {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .py-60-mob {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .mx-60-mob {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .my-60-mob {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mx--60-mob {
    margin-left: -60px !important;
    margin-right: -60px !important;
  }
  .my--60-mob {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .mt-64-mob {
    margin-top: 64px !important;
  }
  .mt--64-mob {
    margin-top: -64px !important;
  }
  .pt-64-mob {
    padding-top: 64px !important;
  }
  .mr-64-mob {
    margin-right: 64px !important;
  }
  .mr--64-mob {
    margin-right: -64px !important;
  }
  .pr-64-mob {
    padding-right: 64px !important;
  }
  .mb-64-mob {
    margin-bottom: 64px !important;
  }
  .mb--64-mob {
    margin-bottom: -64px !important;
  }
  .pb-64-mob {
    padding-bottom: 64px !important;
  }
  .ml-64-mob {
    margin-left: 64px !important;
  }
  .ml--64-mob {
    margin-left: -64px !important;
  }
  .pl-64-mob {
    padding-left: 64px !important;
  }
  .m-64-mob {
    margin: 64px !important;
  }
  .m--64-mob {
    margin: -64px !important;
  }
  .p-64-mob {
    padding: 64px !important;
  }
  .px-64-mob {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .py-64-mob {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .mx-64-mob {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .my-64-mob {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .mx--64-mob {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }
  .my--64-mob {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-75-mob {
    margin-top: 75px !important;
  }
  .mt--75-mob {
    margin-top: -75px !important;
  }
  .pt-75-mob {
    padding-top: 75px !important;
  }
  .mr-75-mob {
    margin-right: 75px !important;
  }
  .mr--75-mob {
    margin-right: -75px !important;
  }
  .pr-75-mob {
    padding-right: 75px !important;
  }
  .mb-75-mob {
    margin-bottom: 75px !important;
  }
  .mb--75-mob {
    margin-bottom: -75px !important;
  }
  .pb-75-mob {
    padding-bottom: 75px !important;
  }
  .ml-75-mob {
    margin-left: 75px !important;
  }
  .ml--75-mob {
    margin-left: -75px !important;
  }
  .pl-75-mob {
    padding-left: 75px !important;
  }
  .m-75-mob {
    margin: 75px !important;
  }
  .m--75-mob {
    margin: -75px !important;
  }
  .p-75-mob {
    padding: 75px !important;
  }
  .px-75-mob {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .py-75-mob {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .mx-75-mob {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .my-75-mob {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mx--75-mob {
    margin-left: -75px !important;
    margin-right: -75px !important;
  }
  .my--75-mob {
    margin-top: -75px !important;
    margin-bottom: -75px !important;
  }
  .mt-80-mob {
    margin-top: 80px !important;
  }
  .mt--80-mob {
    margin-top: -80px !important;
  }
  .pt-80-mob {
    padding-top: 80px !important;
  }
  .mr-80-mob {
    margin-right: 80px !important;
  }
  .mr--80-mob {
    margin-right: -80px !important;
  }
  .pr-80-mob {
    padding-right: 80px !important;
  }
  .mb-80-mob {
    margin-bottom: 80px !important;
  }
  .mb--80-mob {
    margin-bottom: -80px !important;
  }
  .pb-80-mob {
    padding-bottom: 80px !important;
  }
  .ml-80-mob {
    margin-left: 80px !important;
  }
  .ml--80-mob {
    margin-left: -80px !important;
  }
  .pl-80-mob {
    padding-left: 80px !important;
  }
  .m-80-mob {
    margin: 80px !important;
  }
  .m--80-mob {
    margin: -80px !important;
  }
  .p-80-mob {
    padding: 80px !important;
  }
  .px-80-mob {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .py-80-mob {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .mx-80-mob {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .my-80-mob {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mx--80-mob {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }
  .my--80-mob {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .mt-100-mob {
    margin-top: 100px !important;
  }
  .mt--100-mob {
    margin-top: -100px !important;
  }
  .pt-100-mob {
    padding-top: 100px !important;
  }
  .mr-100-mob {
    margin-right: 100px !important;
  }
  .mr--100-mob {
    margin-right: -100px !important;
  }
  .pr-100-mob {
    padding-right: 100px !important;
  }
  .mb-100-mob {
    margin-bottom: 100px !important;
  }
  .mb--100-mob {
    margin-bottom: -100px !important;
  }
  .pb-100-mob {
    padding-bottom: 100px !important;
  }
  .ml-100-mob {
    margin-left: 100px !important;
  }
  .ml--100-mob {
    margin-left: -100px !important;
  }
  .pl-100-mob {
    padding-left: 100px !important;
  }
  .m-100-mob {
    margin: 100px !important;
  }
  .m--100-mob {
    margin: -100px !important;
  }
  .p-100-mob {
    padding: 100px !important;
  }
  .px-100-mob {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .py-100-mob {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .mx-100-mob {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .my-100-mob {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mx--100-mob {
    margin-left: -100px !important;
    margin-right: -100px !important;
  }
  .my--100-mob {
    margin-top: -100px !important;
    margin-bottom: -100px !important;
  }
  .mt-120-mob {
    margin-top: 120px !important;
  }
  .mt--120-mob {
    margin-top: -120px !important;
  }
  .pt-120-mob {
    padding-top: 120px !important;
  }
  .mr-120-mob {
    margin-right: 120px !important;
  }
  .mr--120-mob {
    margin-right: -120px !important;
  }
  .pr-120-mob {
    padding-right: 120px !important;
  }
  .mb-120-mob {
    margin-bottom: 120px !important;
  }
  .mb--120-mob {
    margin-bottom: -120px !important;
  }
  .pb-120-mob {
    padding-bottom: 120px !important;
  }
  .ml-120-mob {
    margin-left: 120px !important;
  }
  .ml--120-mob {
    margin-left: -120px !important;
  }
  .pl-120-mob {
    padding-left: 120px !important;
  }
  .m-120-mob {
    margin: 120px !important;
  }
  .m--120-mob {
    margin: -120px !important;
  }
  .p-120-mob {
    padding: 120px !important;
  }
  .px-120-mob {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .py-120-mob {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .mx-120-mob {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .my-120-mob {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .mx--120-mob {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
  .my--120-mob {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .mt-128-mob {
    margin-top: 128px !important;
  }
  .mt--128-mob {
    margin-top: -128px !important;
  }
  .pt-128-mob {
    padding-top: 128px !important;
  }
  .mr-128-mob {
    margin-right: 128px !important;
  }
  .mr--128-mob {
    margin-right: -128px !important;
  }
  .pr-128-mob {
    padding-right: 128px !important;
  }
  .mb-128-mob {
    margin-bottom: 128px !important;
  }
  .mb--128-mob {
    margin-bottom: -128px !important;
  }
  .pb-128-mob {
    padding-bottom: 128px !important;
  }
  .ml-128-mob {
    margin-left: 128px !important;
  }
  .ml--128-mob {
    margin-left: -128px !important;
  }
  .pl-128-mob {
    padding-left: 128px !important;
  }
  .m-128-mob {
    margin: 128px !important;
  }
  .m--128-mob {
    margin: -128px !important;
  }
  .p-128-mob {
    padding: 128px !important;
  }
  .px-128-mob {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .py-128-mob {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .mx-128-mob {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .my-128-mob {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .mx--128-mob {
    margin-left: -128px !important;
    margin-right: -128px !important;
  }
  .my--128-mob {
    margin-top: -128px !important;
    margin-bottom: -128px !important;
  }
  .mt-160-mob {
    margin-top: 160px !important;
  }
  .mt--160-mob {
    margin-top: -160px !important;
  }
  .pt-160-mob {
    padding-top: 160px !important;
  }
  .mr-160-mob {
    margin-right: 160px !important;
  }
  .mr--160-mob {
    margin-right: -160px !important;
  }
  .pr-160-mob {
    padding-right: 160px !important;
  }
  .mb-160-mob {
    margin-bottom: 160px !important;
  }
  .mb--160-mob {
    margin-bottom: -160px !important;
  }
  .pb-160-mob {
    padding-bottom: 160px !important;
  }
  .ml-160-mob {
    margin-left: 160px !important;
  }
  .ml--160-mob {
    margin-left: -160px !important;
  }
  .pl-160-mob {
    padding-left: 160px !important;
  }
  .m-160-mob {
    margin: 160px !important;
  }
  .m--160-mob {
    margin: -160px !important;
  }
  .p-160-mob {
    padding: 160px !important;
  }
  .px-160-mob {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .py-160-mob {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .mx-160-mob {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .my-160-mob {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .mx--160-mob {
    margin-left: -160px !important;
    margin-right: -160px !important;
  }
  .my--160-mob {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .gap-0-mob {
    gap: 0px;
  }
  .row-gap-0-mob {
    row-gap: 0px;
  }
  .column-gap-0-mob {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .gap-4-mob {
    gap: 4px;
  }
  .row-gap-4-mob {
    row-gap: 4px;
  }
  .column-gap-4-mob {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
  .gap-6-mob {
    gap: 6px;
  }
  .row-gap-6-mob {
    row-gap: 6px;
  }
  .column-gap-6-mob {
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .gap-8-mob {
    gap: 8px;
  }
  .row-gap-8-mob {
    row-gap: 8px;
  }
  .column-gap-8-mob {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .gap-10-mob {
    gap: 10px;
  }
  .row-gap-10-mob {
    row-gap: 10px;
  }
  .column-gap-10-mob {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .gap-12-mob {
    gap: 12px;
  }
  .row-gap-12-mob {
    row-gap: 12px;
  }
  .column-gap-12-mob {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .gap-14-mob {
    gap: 14px;
  }
  .row-gap-14-mob {
    row-gap: 14px;
  }
  .column-gap-14-mob {
    -moz-column-gap: 14px;
    column-gap: 14px;
  }
  .gap-16-mob {
    gap: 16px;
  }
  .row-gap-16-mob {
    row-gap: 16px;
  }
  .column-gap-16-mob {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .gap-18-mob {
    gap: 18px;
  }
  .row-gap-18-mob {
    row-gap: 18px;
  }
  .column-gap-18-mob {
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
  .gap-20-mob {
    gap: 20px;
  }
  .row-gap-20-mob {
    row-gap: 20px;
  }
  .column-gap-20-mob {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .gap-24-mob {
    gap: 24px;
  }
  .row-gap-24-mob {
    row-gap: 24px;
  }
  .column-gap-24-mob {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .gap-32-mob {
    gap: 32px;
  }
  .row-gap-32-mob {
    row-gap: 32px;
  }
  .column-gap-32-mob {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .gap-40-mob {
    gap: 40px;
  }
  .row-gap-40-mob {
    row-gap: 40px;
  }
  .column-gap-40-mob {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .gap-48-mob {
    gap: 48px;
  }
  .row-gap-48-mob {
    row-gap: 48px;
  }
  .column-gap-48-mob {
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .gap-60-mob {
    gap: 60px;
  }
  .row-gap-60-mob {
    row-gap: 60px;
  }
  .column-gap-60-mob {
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
  .gap-64-mob {
    gap: 64px;
  }
  .row-gap-64-mob {
    row-gap: 64px;
  }
  .column-gap-64-mob {
    -moz-column-gap: 64px;
    column-gap: 64px;
  }
  .gap-100-mob {
    gap: 100px;
  }
  .row-gap-100-mob {
    row-gap: 100px;
  }
  .column-gap-100-mob {
    -moz-column-gap: 100px;
    column-gap: 100px;
  }
  .radius-0-mob {
    border-radius: 0px;
  }
  .radius-4-mob {
    border-radius: 4px;
  }
  .radius-8-mob {
    border-radius: 8px;
  }
  .radius-12-mob {
    border-radius: 12px;
  }
  .radius-16-mob {
    border-radius: 16px;
  }
  .radius-24-mob {
    border-radius: 24px;
  }
  .radius-32-mob {
    border-radius: 32px;
  }
  .radius-40-mob {
    border-radius: 40px;
  }
  .fsz-0-mob {
    font-size: 0px !important;
  }
  .fsz-10-mob {
    font-size: 10px !important;
  }
  .fsz-12-mob {
    font-size: 12px !important;
  }
  .fsz-14-mob {
    font-size: 14px !important;
  }
  .fsz-16-mob {
    font-size: 16px !important;
  }
  .fsz-18-mob {
    font-size: 18px !important;
  }
  .fsz-20-mob {
    font-size: 20px !important;
  }
  .fsz-22-mob {
    font-size: 22px !important;
  }
  .fsz-24-mob {
    font-size: 24px !important;
  }
  .fsz-26-mob {
    font-size: 26px !important;
  }
  .fsz-28-mob {
    font-size: 28px !important;
  }
  .fsz-32-mob {
    font-size: 32px !important;
  }
  .fsz-40-mob {
    font-size: 40px !important;
  }
  .fsz-48-mob {
    font-size: 48px !important;
  }
  .fsz-60-mob {
    font-size: 60px !important;
  }
  .fsz-64-mob {
    font-size: 64px !important;
  }
  .lh-100-mob {
    line-height: 100% !important;
  }
  .lh-110-mob {
    line-height: 110% !important;
  }
  .lh-120-mob {
    line-height: 120% !important;
  }
  .lh-140-mob {
    line-height: 140% !important;
  }
  .lh-170-mob {
    line-height: 170% !important;
  }
  .lh-200-mob {
    line-height: 200% !important;
  }
}
.fw-300 {
  font-weight: 300;
}

@media (max-width: 767px) {
  .fw-300-mob {
    font-weight: 300 !important;
  }
}

.fw-400 {
  font-weight: 400;
}

@media (max-width: 767px) {
  .fw-400-mob {
    font-weight: 400 !important;
  }
}

.fw-500 {
  font-weight: 500;
}

@media (max-width: 767px) {
  .fw-500-mob {
    font-weight: 500 !important;
  }
}

.fw-600 {
  font-weight: 600;
}

@media (max-width: 767px) {
  .fw-600-mob {
    font-weight: 600 !important;
  }
}

.fw-700 {
  font-weight: 700;
}

@media (max-width: 767px) {
  .fw-700-mob {
    font-weight: 700 !important;
  }
}

.fw-800 {
  font-weight: 800;
}

@media (max-width: 767px) {
  .fw-800-mob {
    font-weight: 800 !important;
  }
}

.fw-900 {
  font-weight: 900;
}

@media (max-width: 767px) {
  .fw-900-mob {
    font-weight: 900 !important;
  }
}

.ls-32 {
  letter-spacing: -3.2px;
}

.ls-3 {
  letter-spacing: -3px;
}

.ls-1 {
  letter-spacing: -1px;
}

.ls-05 {
  letter-spacing: -0.5px;
}

.ls-048 {
  letter-spacing: -0.48px;
}

.ls-832 {
  letter-spacing: -8.32px;
}

.ls-576 {
  letter-spacing: -5.76px;
}

.ls-192 {
  letter-spacing: -1.92px;
}

@media (max-width: 767px) {
  .ls-256-mob {
    letter-spacing: -2.56px;
  }
  .ls-128-mob {
    letter-spacing: -1.28px;
  }
  .ls-024-mob {
    letter-spacing: -0.24px;
  }
  .ls-032-mob {
    letter-spacing: -0.32px;
  }
  .ls-384-mob {
    letter-spacing: -3.84px;
  }
}
.mw-434 {
  max-width: 434px;
}
@media (max-width: 767px) {
  .mw-434 {
    max-width: 100%;
  }
}

.mw-620 {
  max-width: 620px;
}
@media (max-width: 767px) {
  .mw-620 {
    max-width: 100%;
  }
}

.mw-650 {
  max-width: 650px;
}
@media (max-width: 767px) {
  .mw-650 {
    max-width: 100%;
  }
}

.mw-670 {
  max-width: 670px;
}
@media (max-width: 767px) {
  .mw-670 {
    max-width: 100%;
  }
}

.mw-840 {
  max-width: 840px;
}
@media (max-width: 767px) {
  .mw-840 {
    max-width: 100%;
  }
}

.w-full {
  width: 100%;
}

.text--center.mw-630 {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.mr-auto {
  margin-right: auto;
}

.color--body {
  color: #f5f5f5;
}

.bg--body {
  background-color: #f5f5f5;
}

.color--bg {
  color: #f5f5f5;
}

.bg--bg {
  background-color: #f5f5f5;
}

.color--bg-muted {
  color: #F0F8FE;
}

.bg--bg-muted {
  background-color: #F0F8FE;
}

.color--cream {
  color: #f5f5f5;
}

.bg--cream {
  background-color: #f5f5f5;
}

.color--black {
  color: #070e14;
}

.bg--black {
  background-color: #070e14;
}

.color--white {
  color: #fff;
}

.bg--white {
  background-color: #fff;
}

.color--white-muted {
  color: rgba(255, 255, 255, 0.5);
}

.bg--white-muted {
  background-color: rgba(255, 255, 255, 0.5);
}

.color--dark {
  color: #070e14;
}

.bg--dark {
  background-color: #070e14;
}

.color--pattern {
  color: #070e14;
}

.bg--pattern {
  background-color: #070e14;
}

.color--dark-70 {
  color: rgba(7, 14, 20, 0.6980392157);
}

.bg--dark-70 {
  background-color: rgba(7, 14, 20, 0.6980392157);
}

.color--dark-80 {
  color: rgba(7, 14, 20, 0.6);
}

.bg--dark-80 {
  background-color: rgba(7, 14, 20, 0.6);
}

.color--dark-50 {
  color: rgba(7, 14, 20, 0.5019607843);
}

.bg--dark-50 {
  background-color: rgba(7, 14, 20, 0.5019607843);
}

.color--dark-60 {
  color: rgba(7, 14, 20, 0.6);
}

.bg--dark-60 {
  background-color: rgba(7, 14, 20, 0.6);
}

.color--dark-10 {
  color: rgba(7, 14, 20, 0.1019607843);
}

.bg--dark-10 {
  background-color: rgba(7, 14, 20, 0.1019607843);
}

.color--gray {
  color: #1D2429;
}

.bg--gray {
  background-color: #1D2429;
}

.color--gray-600 {
  color: #51565A;
}

.bg--gray-600 {
  background-color: #51565A;
}

.color--gray-400 {
  color: #83878A;
}

.bg--gray-400 {
  background-color: #83878A;
}

.color--gray-50 {
  color: rgba(81, 86, 90, 0.5019607843);
}

.bg--gray-50 {
  background-color: rgba(81, 86, 90, 0.5019607843);
}

.color--blue-50 {
  color: #F0F8FE;
}

.bg--blue-50 {
  background-color: #F0F8FE;
}

.color--blue-100 {
  color: #E0F0FC;
}

.bg--blue-100 {
  background-color: #E0F0FC;
}

.color--blue-400 {
  color: #6BB5EE;
}

.bg--blue-400 {
  background-color: #6BB5EE;
}

.color--blue-500 {
  color: #2C96E7;
}

.bg--blue-500 {
  background-color: #2C96E7;
}

.color--blue-700 {
  color: #19527E;
}

.bg--blue-700 {
  background-color: #19527E;
}

.color--blue-pattern {
  color: #2C96E7;
}

.bg--blue-pattern {
  background-color: #2C96E7;
}

.color--red {
  color: #FF3838;
}

.bg--red {
  background-color: #FF3838;
}

.color--green {
  color: #00ab44;
}

.bg--green {
  background-color: #00ab44;
}

@media (max-width: 767px) {
  .nobg-mob {
    background-color: transparent !important;
  }
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-13 {
  order: 13;
}

.order-14 {
  order: 14;
}

.order-15 {
  order: 15;
}

@media (max-width: 1024px) {
  .order-0-tablet {
    order: 0;
  }
  .order-1-tablet {
    order: 1;
  }
  .order-2-tablet {
    order: 2;
  }
  .order-3-tablet {
    order: 3;
  }
  .order-4-tablet {
    order: 4;
  }
  .order-5-tablet {
    order: 5;
  }
  .order-6-tablet {
    order: 6;
  }
  .order-7-tablet {
    order: 7;
  }
}
@media (max-width: 767px) {
  .order-0-mob {
    order: 0;
  }
  .order-1-mob {
    order: 1;
  }
  .order-2-mob {
    order: 2;
  }
  .order-3-mob {
    order: 3;
  }
  .order-4-mob {
    order: 4;
  }
  .order-5-mob {
    order: 5;
  }
  .order-6-mob {
    order: 6;
  }
  .order-7-mob {
    order: 7;
  }
  .order-8-mob {
    order: 8;
  }
  .order-9-mob {
    order: 9;
  }
  .order-10-mob {
    order: 10;
  }
  .order-11-mob {
    order: 11;
  }
  .order-12-mob {
    order: 12;
  }
  .order-13-mob {
    order: 13;
  }
  .order-14-mob {
    order: 14;
  }
  .order-15-mob {
    order: 15;
  }
}
@media (max-width: 767px) {
  .pc-visible {
    display: none !important;
  }
}

@media (min-width: calc(767px + 1px)) {
  .mob-visible {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .only-on-pc {
    display: none !important;
  }
}

.tablet-visible {
  display: none !important;
}
@media (max-width: 1024px) {
  .tablet-visible {
    display: block !important;
  }
}

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

@media (max-width: 767px) {
  .text--center-mob {
    text-align: center;
  }
}

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

@media (max-width: 767px) {
  .text--left-mob {
    text-align: left;
  }
}

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

@media (max-width: 767px) {
  .text--right-mob {
    text-align: right;
  }
}

@media (max-width: 1024px) {
  .text--right-tablet {
    text-align: right;
  }
}

.text--overflow {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.text--overflow-1 {
  -webkit-line-clamp: 1;
}
.text--overflow-2 {
  -webkit-line-clamp: 2;
}
.text--overflow-3 {
  -webkit-line-clamp: 3;
}
.text--overflow-4 {
  -webkit-line-clamp: 4;
}
.text--overflow-5 {
  -webkit-line-clamp: 5;
}

.uppercase {
  text-transform: uppercase;
}

.op06,
.op-06 {
  opacity: 0.6;
}

.ov-hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fullh {
  height: 100vh;
}

.fullw {
  width: 100%;
}

@media (max-width: 767px) {
  .fullw-mob {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .nobr-mob br {
    display: none;
  }
}

@media (max-width: 1024px) {
  .nobr-tablet br {
    display: none;
  }
}

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

.flex {
  display: flex;
}
.flex--inline {
  display: inline-flex;
}
@media (max-width: 1024px) {
  .flex--block-tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .flex--block-mob {
    display: block;
  }
}
.flex.h--between {
  justify-content: space-between;
}
@media (max-width: 767px) {
  .flex.h--between-mob {
    justify-content: space-between !important;
  }
}
.flex.h--center {
  justify-content: center;
}
@media (max-width: 767px) {
  .flex.h--center-mob {
    justify-content: center !important;
  }
}
.flex.h--start {
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .flex.h--start-mob {
    justify-content: flex-start !important;
  }
}
.flex.h--end {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .flex.h--end-mob {
    justify-content: flex-end !important;
  }
}
.flex.h--wrap {
  flex-flow: row wrap;
}
@media (max-width: 767px) {
  .flex.h--wrap-mob {
    flex-flow: row wrap !important;
  }
}
.flex.v--center {
  align-items: center;
}
@media (max-width: 767px) {
  .flex.v--center-mob {
    align-items: center !important;
  }
}
.flex.v--start {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .flex.v--start-mob {
    align-items: flex-start !important;
  }
}
.flex.v--end {
  align-items: flex-end;
}
@media (max-width: 767px) {
  .flex.v--end-mob {
    align-items: flex-end !important;
  }
}
.flex.v--stretch {
  align-items: stretch;
}
@media (max-width: 767px) {
  .flex.v--stretch-mob {
    align-items: stretch !important;
  }
}
.flex.fd--column,
.flex .fd--column {
  flex-direction: column;
}
.flex.fd--row,
.flex .fd--row {
  flex-direction: row;
}
@media (max-width: 767px) {
  .flex.fd--column-mob {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .flex.fd--column-tablet {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .flex.fd--column-reverse-mob {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .flex.fd--row-mob {
    flex-direction: row;
  }
}
@media (max-width: 1024px) {
  .flex.fd--row-tablet {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .flex.fd--row-reverse-mob {
    flex-direction: row-reverse;
  }
}

.grid {
  display: grid;
}
.grid .span-2 {
  grid-column: span 2;
}
@media (max-width: 767px) {
  .grid .span-1-mob {
    grid-column: unset;
  }
}
.grid .row-2 {
  grid-row: span 2;
}
@media (max-width: 767px) {
  .grid .row-1-mob {
    grid-row: unset;
  }
}
.grid.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid.col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid.col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid.col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid.col-8 {
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1024px) {
  .grid.col-1-tablet {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.col-2-tablet {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.col-3-tablet {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.col-4-tablet {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.col-5-tablet {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 767px) {
  .grid.col-1-mob {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.col-2-mob {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.col-3-mob {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.col-4-mob {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.col-5-mob {
    grid-template-columns: repeat(5, 1fr);
  }
}

html {
  overflow: hidden visible;
  max-width: 100vw;
}
html.hidd {
  overflow: hidden;
}
html.hidd body {
  overflow: hidden;
}

body {
  line-height: 120%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
body footer {
  margin-top: auto;
}
body a {
  transition: all 0.2s ease-in-out;
}

.absolute-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.h-2lh {
  min-height: 2lh;
}

.divider {
  width: 100%;
  height: 1px;
}

.w-25 {
  width: calc(25% - 6px);
}

.w-33 {
  width: calc(33% - 8px);
}

.w-67 {
  width: calc(67% - 8px);
}

.w-75 {
  width: calc(75% - 10px);
}

.w-50 {
  width: calc(50% - 10px);
}

.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1.6666666667vw;
  position: relative;
  z-index: 1;
}
.container.size--l {
  max-width: 100%;
}
.container.size--s {
  max-width: 1170px;
}
@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.radio-group {
  padding-left: 1px;
}
.radio-group label input[type=radio] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #f5f5f5;
  background-color: #f5f5f5;
  box-shadow: 0 0 0 1px #FF3838;
  margin: 0;
  flex: 0 0 16px;
  vertical-align: bottom;
}
.radio-group label input[type=radio]:checked {
  background-color: #FF3838;
}
.radio-group label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

.msg-error {
  font-size: 12px;
  color: #FF3838;
}

.label-wrap label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
}
@media (max-width: 767px) {
  .label-wrap label {
    font-size: 14px;
  }
}
.label-wrap label input {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.label-wrap label:has(.msg-error) {
  padding-bottom: 20px;
}
.label-wrap label:has(.msg-error) .msg-error {
  position: absolute;
  left: 0;
  bottom: 0;
}

.attach-wrap input {
  display: none;
}
.attach-wrap label {
  cursor: pointer;
}
.attach-wrap {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 50px;
}
.attach-wrap span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #070e14;
  opacity: 0.6;
  font-size: 16px;
  display: block;
}
.attach-wrap {
  position: relative;
  background: url("../images/attach.svg") no-repeat right center;
  background-size: 18px;
  border-bottom: 1px solid #5E5E5E;
}
.attach-wrap:has(.msg-error) {
  border-color: #FF3838 !important;
  margin-bottom: 20px;
}
.attach-wrap:has(.msg-error) .msg-error {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 1 !important;
}

.input-wrap {
  text-align: left;
  position: relative;
}
.input-wrap:has(input:not(:-moz-placeholder)) .reset_input {
  opacity: 1;
  visibility: visible;
}
.input-wrap:has(input:not(:placeholder-shown)) .reset_input {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .input-wrap:has(input:focus) .reset_input {
    opacity: 1;
    visibility: visible;
  }
}
.input-wrap .iti__selected-country {
  height: 44px;
}
.input-wrap .iti--allow-dropdown {
  width: 100%;
}
.input-wrap .iti__dropdown-content {
  margin-top: 2px !important;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.12) !important;
  border: none !important;
  border-radius: 16px;
}
.input-wrap .iti__dropdown-content input {
  padding-left: 30px;
}
.input-wrap .iti__dropdown-content li {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}
.input-wrap .iti__dropdown-content .iti__search-icon svg line, .input-wrap .iti__dropdown-content .iti__search-icon svg circle {
  stroke: #070e14;
}
.input-wrap .iti__dropdown-content .iti__country-list {
  border-radius: 0 0 16px 16px;
}
.input-wrap .iti__selected-country-primary {
  border-radius: 8px;
}
.input-wrap .iti__arrow {
  border-top-color: #070e14;
}
.input-wrap:has(.error) .txt {
  color: #FF3838;
}
.input-wrap .txt {
  line-height: 160%;
}
.input-wrap .txt p {
  line-height: 160%;
}
.input-wrap .txt span {
  display: inline-block;
}
.input-wrap input, .input-wrap textarea {
  outline: none;
  padding: 0;
  resize: none;
  border: none;
  color: #070e14;
  transition: 0.2s;
  height: 54px;
  width: 100%;
  font-size: 16px;
  line-height: 160%;
  border-radius: 8px;
  padding: 0;
  font-size: 16px;
  padding: 0 16px;
}
.input-wrap input::-moz-placeholder, .input-wrap textarea::-moz-placeholder {
  opacity: 0.6;
  color: #070e14;
}
.input-wrap input::placeholder, .input-wrap textarea::placeholder {
  opacity: 0.6;
  color: #070e14;
}
.input-wrap input:hover, .input-wrap input:focus, .input-wrap textarea:hover, .input-wrap textarea:focus {
  border-color: rgba(34, 49, 56, 0.1215686275);
  color: #070e14;
}
.input-wrap input.error, .input-wrap textarea.error {
  border-color: #FF3838 !important;
}
.input-wrap textarea {
  height: 120px;
  padding: 12px 16px;
}
.input-wrap.select-wrap {
  cursor: pointer;
}
.input-wrap.select-wrap:after {
  content: "";
  width: 24px;
  height: 24px;
  top: 10px;
  right: 0;
  transition: 0.2s;
  background-image: url("../images/down.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 24px;
  position: absolute;
  pointer-events: none;
}
.input-wrap.select-wrap input {
  padding-right: 40px;
  cursor: pointer;
}
.input-wrap.select-wrap input.size--normal {
  height: 62px;
  border: none;
  color: #fff;
  padding: 0 44px 0 24px;
}
.input-wrap.select-wrap:has(input:focus) input {
  pointer-events: none;
}
.input-wrap.select-wrap:has(input:focus):after {
  transform: rotate(-180deg);
}
.input-wrap.select-wrap input:focus ~ .dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.input-wrap .msg-error {
  font-size: 12px;
  margin-top: 4px;
  color: #FF3838;
}
.input-wrap .dropdown {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  background-color: #fff;
  border-radius: 6px;
  transition-delay: 0.1s;
  transition: 0.2s;
  display: grid;
  opacity: 0;
  transform: translateY(15px);
  visibility: hidden;
  z-index: 2;
  border: 1px solid #EFEFEF;
}
.input-wrap .dropdown li {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: #070e14;
  cursor: pointer;
  transition: 0.2s;
  padding: 12px;
}
.input-wrap .dropdown li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}
.input-wrap .dropdown li.active {
  color: #070e14;
}
.input-wrap .dropdown li:hover {
  opacity: 0.6;
}

.isview {
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease-in-out;
}
.isview.decor {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
.isview.decor:before {
  transform: scale(0);
  transition: 0.4s;
}
.isview.decor.visible:before {
  transform: scale(1);
}
@media (max-width: 767px) {
  .isview.decor.visible:before {
    transform: scale(1) rotate(5deg);
  }
}
.isview.visible {
  visibility: visible;
}
@media (min-width: 1024px) {
  .isview.visible.trd0 {
    transition-delay: 0s;
  }
  .isview.visible.trd01 {
    transition-delay: 0.1s;
  }
  .isview.visible.trd02 {
    transition-delay: 0.2s;
  }
  .isview.visible.trd03 {
    transition-delay: 0.3s;
  }
  .isview.visible.trd04 {
    transition-delay: 0.4s;
  }
  .isview.visible.trd05 {
    transition-delay: 0.5s;
  }
  .isview.visible.trd06 {
    transition-delay: 0.6s;
  }
  .isview.visible.trd07 {
    transition-delay: 0.7s;
  }
  .isview.visible.trd08 {
    transition-delay: 0.8s;
  }
}
.isview.visible.imp.trd0 {
  transition-delay: 0s;
}
.isview.visible.imp.trd01 {
  transition-delay: 0.1s;
}
.isview.visible.imp.trd02 {
  transition-delay: 0.2s;
}
.isview.visible.imp.trd03 {
  transition-delay: 0.3s;
}
.isview.visible.imp.trd04 {
  transition-delay: 0.4s;
}
.isview.visible.imp.trd05 {
  transition-delay: 0.5s;
}
.isview.visible.imp.trd06 {
  transition-delay: 0.6s;
}
.isview.visible.imp.trd07 {
  transition-delay: 0.7s;
}
.isview.visible.imp.trd08 {
  transition-delay: 0.8s;
}
.isview.fadein {
  transition-delay: 0.1s;
}
.isview.fadein.visible {
  opacity: 1;
}
.isview.textanimation {
  opacity: 0 !important;
  transition: 0s !important;
}
.isview.textanimation .a-line {
  display: block;
  overflow: hidden;
}
.isview.textanimation .a-line > span {
  transition: 0.7s;
  transform: translateY(110%);
  display: block;
}
.isview.textanimation.visible {
  opacity: 1 !important;
}
.isview.textanimation.visible .a-line > span {
  transform: translateY(0);
}
.isview.textanimation.visible .a-line {
  transition-delay: 0s;
}
.isview.textanimation.visible .a-line:nth-child(2) > span {
  transition-delay: 0.15s;
}
.isview.textanimation.visible .a-line:nth-child(3) > span {
  transition-delay: 0.3s;
}
.isview.textanimation.visible .a-line:nth-child(4) > span {
  transition-delay: 0.45s;
}
.isview.textanimation.visible .a-line:nth-child(5) > span {
  transition-delay: 0.6s;
}
.isview.textanimation.visible .a-line:nth-child(6) > span {
  transition-delay: 0.75s;
}
.isview.imageslidetop {
  transform: translateY(50px);
  transition: 0.8s;
}
.isview.imageslidetop.visible {
  opacity: 1;
  transform: translateY(0);
}
.isview.slidetop {
  transform: translateY(50px);
}
.isview.slidetop.visible {
  opacity: 1;
  transform: translateY(0);
}
.isview.slidebottom {
  transform: translateY(-50px);
}
.isview.slidebottom.visible {
  opacity: 1;
  transform: translateY(0);
}
.isview.slidetoright {
  transform: translateX(-30%);
}
.isview.slidetoright.visible {
  opacity: 1;
  transform: translateX(0);
}
.isview.slidetoleft {
  transform: translateX(30%);
}
.isview.slidetoleft.visible {
  opacity: 1;
  transform: translateX(0);
}
.isview.textslide {
  display: block;
  overflow: hidden;
}
.isview.textslide.visible {
  opacity: 1;
}
.isview.textslide .a-word {
  display: inline-block;
  line-height: inherit;
  overflow: hidden; /* щоб нижній зсув не виглядав за межі */
  line-height: 80%;
  vertical-align: top;
}
.isview.textslide {
  /* внутрішній елемент, який реально анімуємо */
}
.isview.textslide .a-word > span {
  display: inline-block;
  transform: translateY(100%);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.isview.textslide {
  /* коли додаємо клас, все "виїжджає" догори з прозорістю → 1 */
}
.isview.textslide.visible .a-word > span {
  transform: translateY(0);
}

.default-screen {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media (max-width: 1200px) {
  .default-screen {
    padding: 100px 0;
  }
}
@media (max-width: 1024px) {
  .default-screen {
    padding: 64px 0;
  }
}
.default-screen:not(.has-bg) + .default-screen:not(.has-bg) {
  padding-top: 0;
}

.main-popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}

.popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 50px 0;
}
@media (max-width: 767px) {
  .popup-wrap {
    padding: 20px;
  }
}

.popup-close {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#filter_popup .popup {
  padding: 32px;
}

.popup {
  width: 100%;
  max-width: 800px;
  background-color: #fff;
  margin: auto;
  position: relative;
  padding: 48px 40px;
  position: relative;
  border-radius: 16px;
}
.popup.size--s {
  max-width: 464px;
}
@media (max-width: 767px) {
  .popup.size--s {
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .popup.centered-mob {
    margin: auto;
  }
}
.popup.size--l {
  max-width: 890px;
}
@media (max-width: 767px) {
  .popup.size--l {
    max-width: unset;
  }
}
.popup.size--xs {
  max-width: 360px;
  padding: 24px;
}
@media (max-width: 767px) {
  .popup.size--xs {
    padding: 24px 16px 28px;
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .popup {
    padding: 32px 24px;
    max-width: 100%;
  }
}
.popup .static-response {
  padding: 0;
  border-radius: 0;
}
.popup .static-response img {
  width: 104px !important;
  position: static;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.popup .closer {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
  transition: 0.2s;
  width: 100%;
  width: 24px;
  z-index: 2;
}
.popup .closer.type-2 {
  width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 8px;
}
.popup .closer img {
  width: 100%;
}
.popup .closer:hover {
  opacity: 0.5;
}

body:has(.main-menu-wrap.active) header {
  background: #070e14;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.2s;
  z-index: 10;
}
header.active {
  background: #070e14;
}
header .left, header .right {
  width: calc(50% - 5.2083333333vw);
}
header .logo-wrap {
  width: 17.3611111111vw;
  display: flex;
}
header .logo-wrap a {
  width: 100%;
}
header .logo-wrap img {
  width: 100%;
}
header .gam {
  position: relative;
  z-index: 1;
  width: 2.7777777778vw;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: url("../images/btn-square-gray.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
header .gam:hover span:before, header .gam:hover span:after {
  background: #070e14 !important;
}
header .gam.active b {
  opacity: 1;
}
header .gam.active span {
  background: transparent !important;
}
header .gam.active span:before {
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 24px;
  background: #070e14;
}
header .gam.active span:after {
  transform: translate(-50%, -50%) rotate(45deg);
  width: 25px;
  background: #070e14;
}
header .gam b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/btn-square-white.svg") no-repeat center;
  background-size: contain;
  opacity: 0;
  transition: 0.3s;
}
header .gam:hover b {
  opacity: 1;
}
header .gam span {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s;
  position: relative;
  z-index: 3;
}
header .gam span:before {
  content: "";
  width: 1.1111111111vw;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -0.2777777778vw);
  background: #fff;
  border-radius: 2px;
  transition: 0.3s;
  z-index: 2;
}
header .gam span:after {
  content: "";
  width: 1.1111111111vw;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0.2777777778vw);
  background: #fff;
  border-radius: 2px;
  transition: 0.3s;
  z-index: 2;
}
header .logo-wrap img {
  display: block;
  transition: 0.2s;
}
header .logo-wrap img:hover {
  opacity: 0.6;
}

.main-menu-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 9;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  display: none;
  background: #070e14;
}
.main-menu-wrap .circle-wrap {
  opacity: 0.2;
}
.main-menu-wrap .main-menu-container {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: auto;
  width: 100%;
}
.main-menu-wrap .main-menu-inner {
  padding-top: 9.1666666667vw;
  padding-bottom: 4.1666666667vw;
  margin-top: auto;
  margin-bottom: auto;
}
.main-menu-wrap .main-menu-inner ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4.4444444444vw;
}
.main-menu-wrap .main-menu-inner ul li {
  font-size: 8.3333333333vw;
  line-height: 70%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  overflow: hidden;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.4s;
  padding-left: 3.4722222222vw;
  position: relative;
}
.main-menu-wrap .main-menu-inner ul li:hover {
  color: #fff;
}
.main-menu-wrap .main-menu-inner ul li:before {
  content: "[/] 1";
  font-size: 0.8333333333vw;
  line-height: 122%;
  position: absolute;
  font-family: "Space Mono";
  top: 0;
  left: 0;
  font-weight: 400;
}
.main-menu-wrap .main-menu-inner ul li a {
  color: rgba(255, 255, 255, 0.5);
  transition: 0.4s;
  line-height: inherit;
  display: block;
}
.main-menu-wrap .main-menu-inner ul li a:hover {
  color: #fff;
}

footer .footer-top {
  padding-bottom: 2.2222222222vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
footer .footer-top .logo-wrap {
  flex: 1;
}
footer .footer-top .logo-wrap img {
  width: 17.3611111111vw;
}
footer .footer-top .logo-wrap a {
  transition: 0.3s;
}
footer .footer-top .logo-wrap a:hover {
  opacity: 0.6;
}
footer .footer-top .center {
  width: 50%;
}
footer .footer-top .legal {
  flex: 1;
}
footer .footer-top .legal ul {
  gap: 1.1111111111vw !important;
}
footer .footer-top .legal ul li:not(:last-child):after {
  content: "|";
  margin-left: 1.1111111111vw;
}
footer .footer-top .menu-wrap {
  font-family: "Space Mono";
}
footer .footer-top .menu-wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.2222222222vw;
}
footer .footer-top .menu-wrap ul li {
  transition: 0.3s;
  font-size: 1.1111111111vw;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.5);
}
footer .footer-top .menu-wrap ul a {
  color: rgba(255, 255, 255, 0.5);
}
footer .footer-top .menu-wrap ul a:hover {
  color: #fff;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  letter-spacing: -0.01em;
  line-height: 90%;
}
h1:not([class*=fw-]), .h1:not([class*=fw-]), h2:not([class*=fw-]), .h2:not([class*=fw-]), h3:not([class*=fw-]), .h3:not([class*=fw-]), h4:not([class*=fw-]), .h4:not([class*=fw-]), h5:not([class*=fw-]), .h5:not([class*=fw-]), h6:not([class*=fw-]), .h6:not([class*=fw-]) {
  font-weight: 700;
}
h1:not([class*=color-]), .h1:not([class*=color-]), h2:not([class*=color-]), .h2:not([class*=color-]), h3:not([class*=color-]), .h3:not([class*=color-]), h4:not([class*=color-]), .h4:not([class*=color-]), h5:not([class*=color-]), .h5:not([class*=color-]), h6:not([class*=color-]), .h6:not([class*=color-]) {
  color: #070e14;
}
h1 b, .h1 b, h2 b, .h2 b, h3 b, .h3 b, h4 b, .h4 b, h5 b, .h5 b, h6 b, .h6 b {
  color: #2C96E7;
}
@media (max-width: 767px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    letter-spacing: 0;
  }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  leading-trim: both;
  text-edge: cap;
  font-feature-settings: "tnum" on, "lnum" on;
}

.h1 h1:not([class]), .h1 h2:not([class]), .h1 h3:not([class]), .h1 h4:not([class]), .h1 h5:not([class]), .h2 h1:not([class]), .h2 h2:not([class]), .h2 h3:not([class]), .h2 h4:not([class]), .h2 h5:not([class]), .h3 h1:not([class]), .h3 h2:not([class]), .h3 h3:not([class]), .h3 h4:not([class]), .h3 h5:not([class]), .h4 h1:not([class]), .h4 h2:not([class]), .h4 h3:not([class]), .h4 h4:not([class]), .h4 h5:not([class]), .h5 h1:not([class]), .h5 h2:not([class]), .h5 h3:not([class]), .h5 h4:not([class]), .h5 h5:not([class]) {
  font-size: inherit;
}

h1, .h1 {
  font-size: 9.0277777778vw;
}
@media (max-width: 1024px) {
  h1, .h1 {
    font-size: 46px;
  }
}

h2, .h2 {
  font-size: 11.3888888889vw;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  h2, .h2 {
    font-size: 46px;
  }
}

h3, .h3 {
  font-size: 8.3333333333vw;
}
@media (max-width: 1024px) {
  h3, .h3 {
    font-size: 64px;
  }
}

h4, .h4 {
  font-size: 4.4444444444vw;
  letter-spacing: 0;
  line-height: 100%;
}
@media (max-width: 1024px) {
  h4, .h4 {
    font-size: 40px;
    letter-spacing: -0.01em;
  }
}

h5, .h5 {
  font-size: 1.6666666667vw;
}
@media (max-width: 1024px) {
  h5, .h5 {
    font-size: 22px;
  }
}

h6, .h6 {
  font-size: 1.3888888889vw;
}
@media (max-width: 1024px) {
  h6, .h6 {
    font-size: 18px;
  }
}

.subtitle {
  letter-spacing: 0;
  line-height: 120%;
}
.subtitle:not([class*=fw-]) {
  font-weight: 400;
}
.subtitle--xxl {
  font-size: 3.3333333333vw;
  line-height: 100%;
}
@media (max-width: 1024px) {
  .subtitle--xxl {
    font-size: 38px;
  }
}
.subtitle--xl {
  font-size: 2.7777777778vw;
}
@media (max-width: 1024px) {
  .subtitle--xl {
    font-size: 32px;
  }
}
.subtitle--l {
  font-size: 2.7777777778vw;
  letter-spacing: -0.02em;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .subtitle--l {
    font-size: 32px;
    line-height: 100%;
  }
}
.subtitle--m {
  font-size: 2.2222222222vw;
}
@media (max-width: 1024px) {
  .subtitle--m {
    font-size: 32px;
    line-height: 100%;
  }
}
.subtitle--s {
  font-size: 1.6666666667vw;
}
@media (max-width: 1024px) {
  .subtitle--s {
    font-size: 32px;
  }
}
.subtitle--xs {
  font-size: 1.25vw;
}
@media (max-width: 1024px) {
  .subtitle--xs {
    font-size: 24px;
  }
}

.txt .table-wrap {
  border-radius: 16px;
  overflow: hidden;
}
.txt .table-wrap table {
  margin: -2px;
}
.txt table {
  border-collapse: collapse;
  margin-bottom: 32px;
  width: 100% !important;
  border: 2px solid #f5f5f5;
}
@media (max-width: 1024px) {
  .txt table {
    margin-bottom: 20px;
  }
}
.txt table {
  text-align: left;
}
.txt table thead + tbody tr:first-of-type td, .txt table thead + tbody tr:first-of-type th {
  background: white;
  font-weight: 400;
  color: #070e14;
}
.txt table tr:first-of-type td, .txt table tr:first-of-type th {
  -webkit-text-decoration: uppercase;
  text-decoration: uppercase;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 120%;
  padding: 24px 32px;
}
.txt table tr:first-of-type td:not(:first-child), .txt table tr:first-of-type th:not(:first-child) {
  text-align: center;
}
.txt table tr td {
  padding: 16px 32px;
  border: 2px solid #f5f5f5;
  background: white;
  font-size: 16px;
  text-align: center;
}
.txt table tr td:first-of-type {
  border-left: none;
  background: rgba(7, 14, 20, 0.04);
  font-weight: 500;
  text-align: left;
}
.txt table tr td:last-of-type {
  border-right: none;
}
.txt:not([class*=lh-]) {
  line-height: 130%;
}
.txt {
  display: grid;
}
.txt.underline a {
  text-decoration: underline;
}
.txt.underline a:hover {
  text-decoration: none;
}
.txt.inner-strong-500 strong {
  font-weight: 500;
}
.txt.inner-dark strong, .txt.inner-dark b {
  color: #070e14;
}
.txt.inner-inherit * {
  color: inherit;
}
.txt:not([class*=gap-]) {
  gap: 16px;
}
.txt:not([class*=fw-]) {
  font-weight: 400;
}
.txt--xs {
  font-size: 0.8333333333vw;
  line-height: 133%;
}
@media (max-width: 1024px) {
  .txt--xs {
    letter-spacing: 0.1em;
    line-height: 130%;
    font-size: 12px;
  }
}
.txt--s {
  font-size: 0.9722222222vw;
  letter-spacing: 0.01em;
}
@media (max-width: 1024px) {
  .txt--s {
    font-size: 12px;
    letter-spacing: 0;
  }
}
.txt--m {
  font-size: 0.9722222222vw;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .txt--m {
    font-size: 14px;
  }
}
.txt--xl {
  font-size: 1.25vw;
  line-height: 130%;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  .txt--xl {
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}
.txt--l {
  font-size: 1.1111111111vw;
  line-height: 130%;
  letter-spacing: -0.01em;
}
@media (max-width: 1024px) {
  .txt--l {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.txt p {
  line-height: inherit;
}
.txt h1, .txt h2, .txt h3, .txt h4, .txt h5, .txt h6 {
  line-height: 160%;
  text-transform: up;
}
.txt h1:not(.heading), .txt h2:not(.heading), .txt h3:not(.heading), .txt h4:not(.heading), .txt h5:not(.heading), .txt h6:not(.heading) {
  color: #070e14;
  font-weight: 800;
}
.txt h1 span, .txt h2 span, .txt h3 span, .txt h4 span, .txt h5 span, .txt h6 span {
  color: inherit !important;
  background: unset;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
  font-size: inherit !important;
}
.txt h1 {
  font-size: 44px;
}
.txt h1:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .txt h1:not(:first-child) {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .txt h1 {
    font-size: 24px;
  }
}
.txt h2:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .txt h2:not(:first-child) {
    margin-top: 18px;
  }
}
.txt h3:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .txt h3:not(:first-child) {
    margin-top: 18px;
  }
}
.txt h4:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .txt h4:not(:first-child) {
    margin-top: 18px;
  }
}
.txt h5:not(:first-child) {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .txt h5:not(:first-child) {
    margin-top: 12px;
  }
}
.txt h6:not(:first-child) {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .txt h6:not(:first-child) {
    margin-top: 2px;
  }
}
.txt strong, .txt b {
  font-weight: 700;
}
.txt blockquote {
  border-radius: 0 8px 8px 0;
  padding: 24px 24px 32px;
  background: #1D2429;
}
@media (max-width: 767px) {
  .txt blockquote {
    padding: 20px 16px 24px;
  }
}
.txt.slyled-list ul {
  list-style: none;
  padding-left: 32px;
}
.txt.slyled-list ul li {
  position: relative;
}
.txt.slyled-list ul li:before {
  content: "";
  width: 16px;
  height: 16px;
  left: -32px;
  top: 4px;
  position: absolute;
  background: url("../images/check-green.svg") no-repeat center;
  background-size: contain;
  z-index: 1;
}
.txt ul {
  display: grid;
  gap: 8px;
  list-style: disc;
  padding-left: 20px;
}
.txt ul ol {
  margin-top: 16px;
  padding-left: 18px;
  gap: 6px;
}
.txt ol {
  display: grid;
  gap: 8px;
  list-style: decimal;
  padding-left: 20px;
}
.txt u {
  text-decoration: underline;
}
.txt i, .txt em {
  font-style: italic;
}
.txt s {
  text-decoration: line-through;
}
.txt b, .txt strong {
  font-weight: 800;
}
.txt a:not(.btn) {
  text-decoration: underline;
}
.txt a:not(.btn):hover {
  text-decoration: none;
}
.txt hr {
  width: 100%;
  opacity: 0.6;
}
.txt img {
  height: auto !important;
}

.disable-scrollbar::-webkit-scrollbar {
  display: none;
}

.disable-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 120%;
  background: #F0F8FE;
}
body section {
  width: 100%;
}
body header, body footer {
  width: 100%;
}
body:has(.cta-viewer.visible) .page_nav ul {
  transform: translateX(100%);
  opacity: 0;
}

.bg--dots-white {
  background-image: radial-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 0);
  background-size: 2.0833333333vw 2.0833333333vw;
  background-position: -2.0833333333vw 0;
  background-attachment: fixed;
}

.bg--dots-white-muted {
  background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 0);
  background-size: 2.0833333333vw 2.0833333333vw;
  background-position: -2.0833333333vw 0;
  background-attachment: fixed;
}

.clipped-top {
  clip-path: polygon(0 0, 13.8888888889vw 0, 15.9722222222vw 2.7777777778vw, calc(100% - 15.9722222222vw) 2.7777777778vw, calc(100% - 13.8888888889vw) 0, 100% 0, 100% 100%, 0 100%);
}

.play {
  width: 40px;
  aspect-ratio: 1;
  background: url("../images/play.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  z-index: 1;
  transition: 0.3s;
}
.play:hover {
  opacity: 0.6;
}

.page_nav {
  position: fixed;
  padding-right: 1.3888888889vw;
  z-index: 1;
  top: 0;
  right: 0;
  text-align: right;
  will-change: clip-path;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 30vh;
  height: 100vh;
  pointer-events: none;
}
.page_nav.dark ul:after {
  background: rgba(7, 14, 20, 0.5019607843);
}
.page_nav.dark ul:before {
  background: #070e14;
}
.page_nav.dark ul li.active a {
  color: #070e14;
}
.page_nav.dark ul li.active:after {
  background: #070e14;
}
.page_nav.dark ul li:after {
  background: rgba(7, 14, 20, 0.5019607843);
}
.page_nav.dark ul li a {
  color: rgba(7, 14, 20, 0.5019607843);
}
.page_nav.dark ul li a:hover {
  color: #070e14;
}
.page_nav.dark ul li a.active {
  color: #070e14;
}
.page_nav ul {
  display: grid;
  gap: 2.0833333333vw;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.page_nav ul:after {
  content: "";
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
}
.page_nav ul:before {
  content: "";
  width: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  height: 1.5972222222vw;
  right: 0;
  transition: 0.4s;
}
.page_nav ul:has(li:nth-child(1).active):before {
  top: -0.6944444444vw;
}
.page_nav ul:has(li:nth-child(2).active):before {
  top: 16%;
}
.page_nav ul:has(li:nth-child(3).active):before {
  top: 35%;
}
.page_nav ul:has(li:nth-child(4).active):before {
  top: 54%;
}
.page_nav ul:has(li:nth-child(5).active):before {
  top: 73%;
}
.page_nav ul:has(li:nth-child(6).active):before {
  top: 95%;
}
.page_nav ul li {
  padding-right: 22px;
  position: relative;
  line-height: 90%;
  pointer-events: all;
}
.page_nav ul li.active:after {
  width: 0.7638888889vw;
  background: #fff;
}
.page_nav ul li:first-child:after {
  top: 0;
}
.page_nav ul li:last-child:after {
  top: unset;
  bottom: 0;
}
.page_nav ul li:after {
  content: "";
  width: 0.6944444444vw;
  height: 1px;
  position: absolute;
  left: calc(100% - 0.8333333333vw);
  transition: 0.4s;
  top: 50%;
  background: rgba(255, 255, 255, 0.5);
}
.page_nav ul li a {
  line-height: 90%;
  height: unset;
}
.page_nav ul li a:hover {
  color: #fff;
}
.page_nav ul li a.active {
  color: #fff;
}

.hero {
  position: relative;
}
.hero:after {
  content: "";
  width: 100%;
  height: 4.8611111111vw;
  background: #070e14;
  position: absolute;
  top: 100%;
  left: 0;
}
.hero h1 {
  white-space: nowrap;
  margin-left: -0.1388888889vw;
}
.hero .logos-wrap img {
  height: 2.2222222222vw;
}
.hero .content-wrap {
  height: 66.9444444444vw;
  position: relative;
}
.hero .content-wrap .background_primary {
  height: 100%;
}
.hero .content-wrap .circle-wrap {
  top: 0;
  transform: translate(-50%, 0);
  z-index: -1;
  opacity: 0.2;
}
.hero .content-wrap .animation-wrap {
  height: 100%;
  width: 73.8194444444vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.hero .content-wrap .animation-wrap .animated-element {
  width: 13.4722222222vw;
  aspect-ratio: 0.68;
  border: 1px solid #fff;
  z-index: 2;
  background-color: #070e14 !important;
}
.hero .content-wrap .animation-wrap .animated-element .tag {
  transition: 0.3s;
}
.hero .content-wrap .animation-wrap .animated-element:not(.active) .tag {
  opacity: 0;
}
.hero .content-wrap .animation-wrap .pins-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin {
  position: absolute;
  z-index: 3;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin span {
  display: block;
  width: 1.3888888889vw;
  aspect-ratio: 1;
  background: #2C96E7;
  border: 0.4861111111vw solid #070e14;
  outline: 1px solid #2C96E7;
  cursor: pointer;
  transition: 0.3s;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin span:hover {
  background: #fff;
  outline-color: #fff;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin span:before {
  content: "";
  width: 4.1666666667vw;
  aspect-ratio: 1;
  top: -1.3888888889vw;
  left: -1.3888888889vw;
  position: absolute;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin.pin-1 {
  top: 21.5%;
  left: 16%;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin.pin-2 {
  top: 13.5%;
  left: 50.5%;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin.pin-3 {
  top: 10.5%;
  left: 73.5%;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin.pin-4 {
  top: 47.5%;
  left: 58.5%;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin.pin-5 {
  top: 70.5%;
  left: 56%;
}
.hero .content-wrap .animation-wrap .pins-wrap .pin.pin-6 {
  top: 73.5%;
  left: 27.5%;
}
.hero .content-wrap .animation-wrap .pins-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}
.hero .content-wrap .content-inner {
  padding-top: 11.875vw;
}
.hero .content-wrap .content-inner .txt {
  margin-top: 16.7361111111vw;
  max-width: 21.0416666667vw;
}

.products .products-wrap {
  padding-right: 11.8055555556vw;
}
.products .products-wrap .products-slider .swiper-slide {
  opacity: 0 !important;
  pointer-events: none;
}
.products .products-wrap .products-slider .swiper-slide.active,
.products .products-wrap .products-slider .swiper-slide.leaving {
  opacity: 1 !important;
}
.products .products-wrap .products-slider .swiper-slide.active {
  pointer-events: auto;
}
.products .products-wrap .products-slider .swiper-pagination {
  position: static;
  width: 2.7777777778vw;
  font-size: 0.8333333333vw;
  line-height: 122%;
  color: #fff;
  font-family: "Space Mono";
}
.products .products-wrap .products-slider .swiper-pagination span {
  color: rgba(255, 255, 255, 0.5);
}
.products .products-wrap .products-slider .swiper-slide {
  padding-top: 1.1111111111vw;
  padding-block: 1.1111111111vw;
}
.products .products-wrap .products-slider .swiper-slide .inner-animation {
  transition: 0.5s;
}
@media (min-width: 1024px) {
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd0 {
    transition-delay: 0s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd01 {
    transition-delay: 0.1s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd02 {
    transition-delay: 0.2s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd03 {
    transition-delay: 0.3s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd04 {
    transition-delay: 0.4s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd05 {
    transition-delay: 0.5s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd06 {
    transition-delay: 0.6s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd07 {
    transition-delay: 0.7s;
  }
  .products .products-wrap .products-slider .swiper-slide .inner-animation.trd08 {
    transition-delay: 0.8s;
  }
}
.products .products-wrap .products-slider .swiper-slide:not(.active) .inner-animation {
  transform: translateY(-40px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.products .products-wrap .products-slider .swiper-slide:not(.active) .inner-animation.fade {
  transform: translateY(0);
}
.products .products-wrap .products-slider .swiper-slide.active .inner-animation {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.products .products-wrap .products-slider .swiper-slide .inner {
  height: 38.1944444444vw;
}
.products .products-wrap .products-slider .swiper-slide .inner .left-column {
  width: 22.2222222222vw;
  position: relative;
}
.products .products-wrap .products-slider .swiper-slide .inner .center-column {
  width: 51.875vw;
  position: absolute;
  top: 0;
  right: 10.0694444444vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products .products-wrap .products-slider .swiper-slide .inner .center-column img {
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1.881;
}
.products .products-wrap .products-slider .swiper-slide .inner .right-column {
  width: 13.6111111111vw;
}

.circle-wrap {
  width: 40.0694444444vw;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  pointer-events: none;
}
.circle-wrap .squares {
  position: absolute;
  width: 16.6666666667vw;
  aspect-ratio: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.circle-wrap .squares.alt:before, .circle-wrap .squares.alt:after {
  border-color: rgba(7, 14, 20, 0.1019607843);
}
.circle-wrap .squares:before {
  content: "";
  width: 130%;
  aspect-ratio: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  animation-name: square1;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.circle-wrap .squares:after {
  content: "";
  width: 130%;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px dashed rgba(255, 255, 255, 0.3);
  animation-name: square2;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.circle-wrap.small {
  width: 38.1944444444vw;
}
.circle-wrap.alt {
  border-color: rgba(7, 14, 20, 0.1019607843);
}
.circle-wrap.alt > span {
  color: rgba(7, 14, 20, 0.5019607843);
}
.circle-wrap.alt > span span {
  color: rgba(7, 14, 20, 0.5019607843);
}
.circle-wrap.alt:before {
  border-right-color: rgba(7, 14, 20, 0.2);
  border-left-color: rgba(7, 14, 20, 0.2);
}
.circle-wrap.alt-2 {
  border-color: rgba(7, 14, 20, 0.05);
}
.circle-wrap.alt-2 > span {
  color: rgba(81, 86, 90, 0.5019607843);
}
.circle-wrap.alt-2 > span span {
  color: rgba(81, 86, 90, 0.5019607843);
}
.circle-wrap.alt-2:before {
  border-right-color: rgba(29, 36, 41, 0.05);
  border-left-color: rgba(29, 36, 41, 0.05);
}
.circle-wrap > span {
  width: calc(100% + 11px);
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8333333333vw;
  color: #fff;
  font-family: "Space Mono";
  line-height: 50%;
}
.circle-wrap > span span {
  color: #fff;
}
.circle-wrap > span:before, .circle-wrap > span:after {
  content: "+";
}
.circle-wrap > span:nth-child(2) {
  flex-direction: column;
}
.circle-wrap:before {
  content: "";
  width: calc(100% + 6px);
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid transparent;
  border-right-color: rgba(255, 255, 255, 0.4);
  border-left-color: rgba(255, 255, 255, 0.4);
  animation-name: circle-rotation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 15s;
}

@keyframes circle-rotation {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.mw-1130 {
  max-width: 78.4722222222vw;
}
@media (max-width: 1024px) {
  .mw-1130 {
    max-width: 100%;
  }
}

.mw-1058 {
  max-width: 73.4722222222vw;
}
@media (max-width: 1024px) {
  .mw-1058 {
    max-width: 100%;
  }
}

.mw-320 {
  max-width: 22.2222222222vw;
}
@media (max-width: 1024px) {
  .mw-320 {
    max-width: 100%;
  }
}

.mw-352 {
  max-width: 24.4444444444vw;
}
@media (max-width: 1024px) {
  .mw-352 {
    max-width: 100%;
  }
}

.mw-453 {
  max-width: 31.4583333333vw;
}
@media (max-width: 1024px) {
  .mw-453 {
    max-width: 100%;
  }
}

.mw-303 {
  max-width: 21.0416666667vw;
}
@media (max-width: 1024px) {
  .mw-303 {
    max-width: 100%;
  }
}

.mw-747 {
  max-width: 51.875vw;
}
@media (max-width: 1024px) {
  .mw-747 {
    max-width: 100%;
  }
}

.integrations .products-ruler {
  position: relative;
  width: 100%;
  height: 85px;
  overflow: hidden;
}
.integrations .products-ruler-track {
  position: absolute;
  top: 20px;
  left: 0;
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: 35px;
  transition: transform 0.8s ease;
  will-change: transform;
}
.integrations .products-ruler-track span {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 10px;
  background: #9ca3af;
  margin-right: 11px;
}
.integrations .products-ruler-track span:nth-child(5n) {
  height: 15px;
}
.integrations .products-ruler-track span:nth-child(10n) {
  height: 20px;
}
.integrations {
  /* Центральні червоні поділки */
}
.integrations .products-ruler-active {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 37px;
  height: 35px;
  pointer-events: none;
}
.integrations .products-ruler-active span {
  display: block;
  width: 1px;
  height: 25px;
  background: #ff344b;
}
.integrations .products-ruler-active span:nth-child(2),
.integrations .products-ruler-active span:nth-child(3) {
  height: 35px;
}
.integrations {
  /* Нижня частина */
}
.integrations .products-ruler-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.integrations .products-ruler-arrow {
  width: 0;
  height: 0;
  margin: 0 auto 10px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #111;
}
.integrations .slider-wrap {
  max-width: 79.8611111111vw;
}
.integrations .explore-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.integrations .swiper-pagination {
  width: 100%;
  font-size: 0.8333333333vw;
  line-height: 122%;
  color: #070e14;
  font-family: "Space Mono";
  margin-top: 2.7777777778vw;
}
.integrations .swiper-pagination span {
  color: rgba(7, 14, 20, 0.6980392157);
}
.integrations .integration-slider .swiper-wrapper {
  align-items: stretch;
}
.integrations .integration-slider .swiper-slide {
  background: #fff;
  border: 1px solid rgba(7, 14, 20, 0.1019607843);
  height: unset;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: 0.4s;
}
.integrations .integration-slider .swiper-slide img {
  aspect-ratio: 1.718;
  -o-object-fit: cover;
  object-fit: cover;
}
.integrations .integration-slider .swiper-slide:not(.is-center) {
  transform: scale(0.8);
  filter: blur(2px);
  cursor: pointer;
}
.integrations .integration-slider .swiper-slide .numbers {
  border: 1px solid rgba(7, 14, 20, 0.1019607843);
  position: relative;
  width: 100%;
}
.integrations .integration-slider .swiper-slide .numbers .col {
  padding: 1.1111111111vw;
}
.integrations .integration-slider .swiper-slide .numbers .col:first-child {
  border-right: 1px solid rgba(7, 14, 20, 0.1019607843);
}
.integrations .integration-slider .swiper-slide .numbers .col:first-child:before {
  content: "";
  width: 0.6944444444vw;
  aspect-ratio: 1;
  border: 1px solid #070e14;
  border-right: none;
  border-bottom: none;
  position: absolute;
  top: -1px;
  left: -1px;
}
.integrations .integration-slider .swiper-slide .numbers .col:first-child:after {
  content: "";
  width: 0.6944444444vw;
  aspect-ratio: 1;
  border: 1px solid #070e14;
  border-top: none;
  border-right: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
}
.integrations .integration-slider .swiper-slide .numbers .col:last-child:before {
  content: "";
  width: 0.6944444444vw;
  aspect-ratio: 1;
  border: 1px solid #070e14;
  border-left: none;
  border-bottom: none;
  position: absolute;
  top: -1px;
  right: -1px;
}
.integrations .integration-slider .swiper-slide .numbers .col:last-child:after {
  content: "";
  width: 0.6944444444vw;
  aspect-ratio: 1;
  border: 1px solid #070e14;
  border-top: none;
  border-left: none;
  position: absolute;
  bottom: -1px;
  right: -1px;
}
.integrations .integration-slider .swiper-slide .numbers .col .number {
  font-size: 2.7777777778vw;
  line-height: 120%;
}

.approach .approach-inner {
  padding-right: 11.8055555556vw;
}
.approach .circle-wrap {
  top: -1.3888888889vw;
  transform: translateX(-50%);
  width: 38.1944444444vw;
}
.approach .tabs-switchers {
  background: #070e14;
  position: absolute;
  top: 1.1111111111vw;
  left: 1.1111111111vw;
  right: 1.1111111111vw;
  --clip-border: 10px;
  z-index: 2;
  clip-path: polygon(var(--clip-border) 0, calc(100% - var(--clip-border)) 0, 100% var(--clip-border), 100% calc(100% - var(--clip-border)), calc(100% - var(--clip-border)) 100%, var(--clip-border) 100%, 0 calc(100% - var(--clip-border)), 0 var(--clip-border));
}
.approach .tabs-wrap .tab:not(.active) {
  display: none;
}

.how-it-works .decor-wrap {
  position: sticky;
  top: 0;
}
.how-it-works .decor-wrap .circle-wrap {
  top: calc(50vh - 18.75vw);
  transform: translate(-50%, 0);
}
.how-it-works .left {
  width: 31.9444444444vw;
}
.how-it-works .left .details {
  width: 23.3333333333vw;
  position: sticky;
  top: 6.9444444444vw;
}
.how-it-works .left .details:not(.active) {
  display: none;
}
.how-it-works .right {
  width: auto;
  flex: 1;
}

.scroll-elements-wrap .row.active .tag, .scroll-elements-wrap .row.active .h3 {
  color: #070e14;
}
.scroll-elements-wrap .row .tag {
  width: 3.4722222222vw;
  margin-right: 0.4166666667vw;
  justify-content: flex-start;
  padding-top: 0.5555555556vw;
  transition: 0.3s;
}
.scroll-elements-wrap .row .h3 {
  line-height: 75%;
  transition: 0.3s;
}
.scroll-elements-wrap .row .details {
  position: absolute;
  display: none;
}

.results .content-inner {
  padding-right: 11.8055555556vw;
}
.results .content-inner .animation-wrap img {
  aspect-ratio: 1.88;
  -o-object-fit: contain;
  object-fit: contain;
}
.results .pins-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.results .pins-wrap .pin {
  position: absolute;
  z-index: 3;
  cursor: pointer;
}
.results .pins-wrap .pin:has(span:hover) .card {
  opacity: 1;
  visibility: visible;
}
.results .pins-wrap .pin span {
  display: block;
  width: 1.3888888889vw;
  aspect-ratio: 1;
  background: #fff;
  border: 0.4861111111vw solid #2C96E7;
  outline: 1px solid #fff;
  cursor: pointer;
  transition: 0.3s;
  cursor: pointer;
  z-index: 2;
}
.results .pins-wrap .pin span:hover {
  background: #fff;
  outline-color: #fff;
  border-color: #070e14;
}
.results .pins-wrap .pin span:before {
  content: "";
  width: 4.1666666667vw;
  aspect-ratio: 1;
  top: -1.3888888889vw;
  left: -1.3888888889vw;
  position: absolute;
}
.results .pins-wrap .pin .card {
  position: absolute;
  width: 13.6805555556vw;
  top: 50%;
  transform: translateY(-50%);
  left: 0.6944444444vw;
  --clip-border: 10px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  clip-path: polygon(var(--clip-border) 0, calc(100% - var(--clip-border)) 0, 100% var(--clip-border), 100% calc(100% - var(--clip-border)), calc(100% - var(--clip-border)) 100%, var(--clip-border) 100%, 0 calc(100% - var(--clip-border)), 0 var(--clip-border));
}
.results .pins-wrap .pin.pin-1 {
  top: 16.5%;
  left: 23%;
}
.results .pins-wrap .pin.pin-1 .card {
  left: unset;
  right: 0.6944444444vw;
}
.results .pins-wrap .pin.pin-2 {
  top: 21%;
  left: 65%;
}
.results .pins-wrap .pin.pin-3 {
  top: 72%;
  left: 74%;
}
.results .pins-wrap .pin.pin-4 {
  top: 80%;
  left: 15.5%;
}
.results .pins-wrap .pin.pin-4 .card {
  left: unset;
  right: 0.6944444444vw;
}

.animation-wrap {
  position: relative;
}
.animation-wrap .animated-element {
  width: 16.6666666667vw;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transition: 0.3s;
  z-index: 1;
}
.animation-wrap .animated-element.decorated:before {
  content: "";
  width: 130%;
  aspect-ratio: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation-name: square1;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  pointer-events: none;
}
.animation-wrap .animated-element.decorated:after {
  content: "";
  width: 130%;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px dashed rgba(255, 255, 255, 0.1);
  animation-name: square2;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  pointer-events: none;
}
.animation-wrap .animated-element:hover {
  transition: 0s;
}
.animation-wrap:hover .animated-element {
  transform: unset;
}

@keyframes square1 {
  0% {
    right: 0;
    bottom: 0;
  }
  25% {
    right: -30%;
    bottom: 0;
  }
  50% {
    right: -30%;
    bottom: -30%;
  }
  75% {
    right: 0;
    bottom: -30%;
  }
  100% {
    right: 0;
    bottom: 0;
  }
}
@keyframes square2 {
  0% {
    top: 0;
    left: 0;
  }
  25% {
    top: 0;
    left: -30%;
  }
  50% {
    left: -30%;
    top: -30%;
  }
  75% {
    left: 0;
    top: -30%;
  }
  100% {
    top: 0;
    left: 0;
  }
}
.integration-ruler-wrap {
  margin-top: 4.4444444444vw;
  position: relative;
}
.integration-ruler-wrap:before {
  content: "";
  width: 1.1111111111vw;
  aspect-ratio: 1;
  position: absolute;
  top: calc(100% + 0.2777777778vw);
  left: 50%;
  background: url("../images/top.svg") no-repeat center;
  background-size: contain;
  transform: translateX(-50%);
}
.integration-ruler-wrap .center-container {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: #F0F8FE;
  clip-path: polygon(45% 0, 55% 0, 55% 1.25vw, 63% 1.25vw, 63% 100%, 37% 100%, 37% 1.25vw, 45% 1.25vw);
}
.integration-ruler-wrap .center-container .swiper-wrapper {
  align-items: stretch;
}
.integration-ruler-wrap .center-container .swiper-wrapper .swiper-slide {
  height: unset;
  display: flex;
  flex-direction: column;
}
.integration-ruler-wrap .center-container .swiper {
  clip-path: polygon(45% 0, 55% 0, 55% 1.25vw, 63% 1.25vw, 63% 90%, 37% 90%, 37% 1.25vw, 45% 1.25vw);
}
.integration-ruler-wrap .center-container .swiper .ruler-inner {
  width: 100%;
  margin-top: auto;
}
.integration-ruler-wrap .center-container .swiper .ruler-inner span {
  border-color: #FF3838;
  border-width: 2px;
  height: 3.9583333333vw;
  transition: 0.2s;
}
.integration-ruler-wrap .center-container .swiper .ruler-inner span:last-child {
  opacity: 1 !important;
}
.integration-ruler-wrap .center-container .swiper .ruler-inner span:nth-child(6) {
  opacity: 0;
  visibility: hidden;
}
.integration-ruler-wrap .swiper {
  min-width: 0;
}
.integration-ruler-wrap .slider-container {
  min-width: 0;
  width: 20%;
}
.integration-ruler-wrap .slider-container .ruler-slider-2, .integration-ruler-wrap .slider-container .ruler-slider-4 {
  border-radius: 0.3472222222vw 0.3472222222vw 0 0;
}
.integration-ruler-wrap .slider-container .ruler-slider-2 .ruler-inner span, .integration-ruler-wrap .slider-container .ruler-slider-4 .ruler-inner span {
  height: 1.3194444444vw;
}
.integration-ruler-wrap .slider-container .ruler-slider-3 {
  border-radius: 0.5555555556vw 0.5555555556vw 0 0;
}
.integration-ruler-wrap .slider-container .ruler-slider-3 .ruler-inner span {
  height: 1.875vw;
}
.integration-ruler-wrap .swiper-slide .ruler-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.integration-ruler-wrap .swiper-slide .ruler-inner span {
  border-right: 0.0694444444vw solid rgba(7, 14, 20, 0.5019607843);
  height: 0.9722222222vw;
}
.integration-ruler-wrap .swiper-slide .ruler-inner span:last-child {
  opacity: 0;
}

.cta .squares:after {
  background: #F0F8FE;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  gap: 1.1111111111vw;
}
.btn.icon--dark .icon-wrap {
  background: url("../images/btn-icon-wrap-dark.svg") no-repeat center;
  background-size: contain;
}
.btn.icon--dark .icon-wrap:before {
  background: url("../images/double-arrow-white.svg") no-repeat center;
  background-size: contain;
}
.btn.icon--orange .icon-wrap {
  background: url("../images/btn-icon-wrap-orange.svg") no-repeat center;
  background-size: contain;
}
.btn.icon--orange .icon-wrap:before {
  background: url("../images/double-arrow-white.svg") no-repeat center;
  background-size: contain;
}
.btn.icon--orange .icon-wrap span {
  background: url("../images/btn-icon-wrap-dark.svg") no-repeat center;
  background-size: contain;
}
.btn.btn--orange .btn-inner {
  background: #FF3838;
  color: #fff;
}
.btn.btn--orange .btn-inner:before {
  background: url("../images/btn-wrap-orange.svg") no-repeat left;
  background-size: auto 100%;
}
.btn.btn--orange .btn-inner:after {
  background: url("../images/btn-wrap-orange.svg") no-repeat right;
  background-size: auto 100%;
}
.btn.btn--dark .btn-inner {
  background: #070e14;
  color: #fff;
}
.btn.btn--dark .btn-inner:before {
  background: url("../images/btn-wrap-dark.svg") no-repeat left;
  background-size: auto 100%;
}
.btn.btn--dark .btn-inner:after {
  background: url("../images/btn-wrap-dark.svg") no-repeat right;
  background-size: auto 100%;
}
.btn.hover--dark .btn-inner span:before {
  background: url("../images/btn-wrap-dark.svg") no-repeat left;
  background-size: auto 100%;
}
.btn.hover--dark .btn-inner span:after {
  background: url("../images/btn-wrap-dark.svg") no-repeat right;
  background-size: auto 100%;
}
.btn.hover--white .btn-inner span:before {
  background: url("../images/btn-wrap-white.svg") no-repeat left;
  background-size: auto 100%;
}
.btn.hover--white .btn-inner span:after {
  background: url("../images/btn-wrap-white.svg") no-repeat right;
  background-size: auto 100%;
}
.btn.hover--orange .btn-inner span:before {
  background: url("../images/btn-wrap-orange.svg") no-repeat left;
  background-size: auto 100%;
}
.btn.hover--orange .btn-inner span:after {
  background: url("../images/btn-wrap-orange.svg") no-repeat right;
  background-size: auto 100%;
}
.btn.fullw .btn-inner {
  flex: 1;
}
@media (max-width: 767px) {
  .btn.fullw-mob .btn-inner {
    flex: 1;
  }
}
.btn:has(.btn-inner):hover .icon-wrap:before {
  opacity: 0;
  left: 80%;
}
.btn:has(.btn-inner):hover .icon-wrap:after {
  left: 50%;
  opacity: 1;
}
.btn:has(.btn-inner):hover .icon-wrap span {
  opacity: 1;
}
.btn:has(.btn-inner):hover .btn-inner span {
  opacity: 1;
}
.btn:has(.btn-inner):hover .btn-inner {
  color: #fff;
  background: #FF3838;
}
.btn:has(.btn-inner):hover.hover--orange .btn-inner {
  background: #FF3838;
  color: #fff;
}
.btn:has(.btn-inner):hover.hover--dark .btn-inner {
  background: #070e14;
  color: #fff;
}
.btn:has(.btn-inner):hover.hover--white .btn-inner {
  background: #fff;
  color: #070e14;
}
.btn .btn-inner {
  width: auto;
  position: relative;
  padding: 0 0.3472222222vw 0 0.3472222222vw;
  height: 2.7777777778vw;
  margin-right: 0.8333333333vw;
  font-size: 0.9722222222vw;
  font-family: "Space Mono";
  line-height: 140%;
  background: #fff;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  color: #070e14;
}
.btn .btn-inner span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}
.btn .btn-inner span:before {
  content: "";
  width: 0.8333333333vw;
  top: 0;
  right: 100%;
  height: 100%;
  background: url("../images/btn-wrap-orange.svg") no-repeat left;
  background-size: auto 100%;
  position: absolute;
}
.btn .btn-inner span:after {
  content: "";
  width: 0.8333333333vw;
  top: 0;
  left: 100%;
  height: 100%;
  background: url("../images/btn-wrap-orange.svg") no-repeat right;
  background-size: auto 100%;
  position: absolute;
}
.btn .btn-inner:before {
  content: "";
  width: 0.8333333333vw;
  top: 0;
  right: 100%;
  height: 100%;
  background: url("../images/btn-wrap-white.svg") no-repeat left;
  background-size: auto 100%;
  position: absolute;
}
.btn .btn-inner:after {
  content: "";
  width: 0.8333333333vw;
  top: 0;
  left: 100%;
  height: 100%;
  background: url("../images/btn-wrap-white.svg") no-repeat right;
  background-size: auto 100%;
  position: absolute;
}
.btn .icon-wrap {
  width: 2.7777777778vw;
  aspect-ratio: 1;
  background: url("../images/btn-icon-wrap-white.svg") no-repeat center;
  background-size: contain;
  position: relative;
  overflow: hidden;
}
.btn .icon-wrap span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/btn-icon-wrap-orange.svg") no-repeat center;
  background-size: contain;
  opacity: 0;
  transition: 0.4s;
}
.btn .icon-wrap:before {
  content: "";
  width: 0.9722222222vw;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/double-arrow-black.svg") no-repeat center;
  background-size: contain;
  transition: 0.3s;
}
.btn .icon-wrap:after {
  content: "";
  width: 0.9722222222vw;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: -100%;
  transform: translate(-50%, -50%);
  background: url("../images/double-arrow-white.svg") no-repeat center;
  background-size: contain;
  transition: 0.3s;
  opacity: 0;
}
.btn--tab {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.1111111111vw;
  line-height: 130%;
  position: relative;
  min-width: 15vw;
  height: 4.0972222222vw;
  font-family: "Space Mono";
  position: relative;
  transition: 0.3s;
}
.btn--tab:hover {
  color: #fff;
}
.btn--tab:after {
  content: "";
  width: 0;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.btn--tab.active {
  color: #fff;
}
.btn--tab.active:after {
  width: 100%;
}
.btn--nav {
  width: 2.7777777778vw;
  aspect-ratio: 1;
  background: url("../images/btn-prev.svg") no-repeat center;
  background-size: contain;
  position: relative;
  overflow: hidden;
}
.btn--nav span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/prev-filled.svg") no-repeat center;
  background-size: contain;
  opacity: 0;
  transition: 0.4s;
}
.btn--nav:hover:before {
  opacity: 0;
  left: -100%;
}
.btn--nav:hover:after {
  left: 50%;
  opacity: 1;
}
.btn--nav:hover span {
  opacity: 1;
}
.btn--nav:before {
  content: "";
  width: 0.9722222222vw;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/left.svg") no-repeat center;
  background-size: contain;
  transition: 0.3s;
}
.btn--nav:after {
  content: "";
  width: 0.9722222222vw;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  background: url("../images/left-black.svg") no-repeat center;
  background-size: contain;
  transition: 0.3s;
  opacity: 0;
}
.btn--nav.next {
  background: url("../images/btn-next.svg") no-repeat center;
  background-size: contain;
}
.btn--nav.next span {
  background: url("../images/next-filled.svg") no-repeat center;
  background-size: contain;
}
.btn--nav.next:after {
  left: -100%;
  background: url("../images/right-black.svg") no-repeat center;
  background-size: contain;
}
.btn--nav.next:before {
  background: url("../images/right.svg") no-repeat center;
  background-size: contain;
}
.btn--nav.next:hover:before {
  left: 100%;
}
.btn--nav.next:hover:after {
  left: 50%;
}

.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  font-size: 0.9722222222vw;
  line-height: 122%;
  font-family: "Space Mono";
  text-transform: uppercase;
  height: 1.5972222222vw;
  padding: 0 1.1111111111vw;
  gap: 1.1111111111vw;
  font-weight: 400;
}
.tag:not([class*=color-]) {
  color: #070e14;
}
@media (max-width: 1024px) {
  .tag {
    font-size: 12px;
    height: 23px;
    padding: 0 8px;
  }
}
.tag--s {
  font-size: 0.8333333333vw;
  padding: 0 0.5555555556vw;
  height: 1.3888888889vw;
}
.tag--s:not([class*=bg-]) {
  padding: 0;
}
.tag.square:before {
  content: "";
  width: 0.5555555556vw;
  aspect-ratio: 1;
  background: #070e14;
  position: relative;
  display: block;
}
.tag.square.color--white:before {
  background: #fff;
}
.tag.arrow {
  gap: 0.5555555556vw;
}
.tag.arrow:before {
  content: "";
  width: 1.0416666667vw;
  aspect-ratio: 1;
  background: url("../images/right-black.svg") no-repeat center;
  background-size: contain;
  position: relative;
  display: block;
}
.tag.arrow.color--white:before {
  background: url("../images/tag-arrow.svg") no-repeat center;
  background-size: contain;
}
.tag--outlined-white {
  position: relative;
  border-style: solid;
  border-width: 1px;
}
.tag--outlined-white:has(span) {
  color: rgba(255, 255, 255, 0.5);
  gap: 0.5555555556vw;
}
.tag--outlined-white:has(span) span {
  color: #fff;
}
.tag--outlined-white {
  -o-border-image: url("../images/tag-stroke.svg") 1 7/1px 7px stretch;
  border-image: url("../images/tag-stroke.svg") 1 7/1px 7px stretch;
  background: transparent;
}