::placeholder {
  opacity: 1;
}
body,
.content div,
section,
article,
footer,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content a,
.content span,
.content dl,
.content dt,
.content dd,
.content ol,
.content ul,
.content li,
.content pre,
.content xmp,
.content figure,
.content button,
.content x-shape,
.content x-shape-bg,
.content x-gallery {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
ol,
ul,
hr,
pre,
xmp,
figure,
button {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
ol,
ul,
button,
th,
td {
  padding: 0;
}
a,
button,
[contenteditable],
[tabindex] {
  outline: none;
}
a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
a img {
  border-width: 0;
}
hr {
  border-style: solid;
  border-width: 1px 0 0;
}
fieldset,
iframe {
  border-width: 0;
}
button:focus {
  outline: none;
}
button {
  appearance: button;
  cursor: pointer;
  white-space: nowrap;
}
button {
  background-color: transparent;
  border-width: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
}
x-shape,
x-shape-bg,
x-gallery {
  display: block;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.measure {
  display: block !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
.noheight {
  height: auto !important;
  max-height: none !important;
}
.nowidth {
  max-width: none !important;
  width: auto !important;
}
.notransform {
  transform: none !important;
}
.notransition {
  transition-property: none !important;
}
.container,
.row,
.col {
  display: flex;
  position: relative;
}
.container,
.col {
  flex-direction: column;
}
.container > .row:first-child:last-child,
.col > .row:first-child:last-child {
  flex-grow: 1;
}
.container {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 1024px;
}
.row,
.col {
  max-height: 100%;
}
.row {
  flex-wrap: wrap;
}
.col {
  width: 100%;
}
.col > * {
  max-width: 100%;
}
.content .clearfix {
  clear: both;
  display: none;
}
.hidden-xs {
  display: none !important;
}
.visible-xs {
  display: block !important;
}
.span-xs {
  padding: 0 !important;
}
.span-h-xs {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.span-v-xs {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.row-xs-split {
  flex-wrap: nowrap;
  justify-content: space-between;
}
.row-xs-split > .col {
  width: auto;
}
@media (min-width: 480px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  .span-sm {
    padding: 0 !important;
  }
  .span-h-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .span-v-sm {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .row-sm-split {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .row-sm-split > .col {
    width: auto;
  }
}
@media (min-width: 768px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
  .span-md {
    padding: 0 !important;
  }
  .span-h-md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .span-v-md {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .row-md-split {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .row-md-split > .col {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  .span-lg {
    padding: 0 !important;
  }
  .span-h-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .span-v-lg {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .row-lg-split {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .row-lg-split > .col {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .hidden-xl {
    display: none !important;
  }
  .visible-xl {
    display: block !important;
  }
  .span-xl {
    padding: 0 !important;
  }
  .span-h-xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .span-v-xl {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .row-xl-split {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .row-xl-split > .col {
    width: auto;
  }
}
body {
  overflow-x: hidden;
}
body.disabled::after,
body.loading::after {
  content: "";
  inset: 0;
  position: fixed;
}
body.loading {
  opacity: 0.5;
}
.page {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  position: relative;
}
.page > * {
  width: 100%;
}
section,
footer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
}
section > *,
footer > * {
  max-width: 100%;
}
section > .container,
footer > .container {
  flex-grow: 1;
  max-height: 100%;
}
div:not(.timeline):empty,
article:empty,
form:empty,
fieldset:empty {
  padding: 0 !important;
}
.box,
[class^="box-"],
[class*=" box-"] {
  position: relative;
}
.box,
[class^="box-"],
[class*=" box-"],
.box > x-shape,
[class^="box-"] > x-shape,
[class*=" box-"] > x-shape {
  display: flex;
  flex-direction: column;
}
.box:last-child,
[class^="box-"]:last-child,
[class*=" box-"]:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.card-1,
.card-2,
.card-3,
.card-4,
.card-5,
.card-6 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  position: relative;
}
.card-1 > x-shape,
.card-2 > x-shape,
.card-3 > x-shape,
.card-4 > x-shape,
.card-5 > x-shape,
.card-6 > x-shape {
  display: flex;
  flex-direction: column;
}
.card-1:last-child,
.card-2:last-child,
.card-3:last-child,
.card-4:last-child,
.card-5:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.card-3,
.card-4 {
  flex-grow: 1;
}
a.heading-1,
a.heading-2,
a.heading-3,
a.heading-4,
a.heading-5,
a.heading-6,
a.heading-7,
a.heading-8 {
  display: block;
}
.heading-1:last-child,
.heading-2:last-child,
.heading-3:last-child,
.heading-4:last-child,
.heading-5:last-child,
.heading-6:last-child,
.heading-7:last-child,
.heading-8:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.text-1 p:not([class^="heading-"]),
.text-2 p:not([class^="heading-"]),
.text-3 p:not([class^="heading-"]),
.text-4 p:not([class^="heading-"]),
.text-5 p:not([class^="heading-"]),
.text-6 p:not([class^="heading-"]),
.text-7 p:not([class^="heading-"]),
.text-1 ul,
.text-2 ul,
.text-3 ul,
.text-4 ul,
.text-5 ul,
.text-6 ul,
.text-7 ul,
.text-1 ol,
.text-2 ol,
.text-3 ol,
.text-4 ol,
.text-5 ol,
.text-6 ol,
.text-7 ol,
.text-1 hr,
.text-2 hr,
.text-3 hr,
.text-4 hr,
.text-5 hr,
.text-6 hr,
.text-7 hr,
.text-1 table,
.text-2 table,
.text-3 table,
.text-4 table,
.text-5 table,
.text-6 table,
.text-7 table {
  margin-bottom: 2em;
}
.text-1 p:not([class^="heading-"]):last-of-type,
.text-2 p:not([class^="heading-"]):last-of-type,
.text-3 p:not([class^="heading-"]):last-of-type,
.text-4 p:not([class^="heading-"]):last-of-type,
.text-5 p:not([class^="heading-"]):last-of-type,
.text-6 p:not([class^="heading-"]):last-of-type,
.text-7 p:not([class^="heading-"]):last-of-type,
.text-1 ul:last-of-type,
.text-2 ul:last-of-type,
.text-3 ul:last-of-type,
.text-4 ul:last-of-type,
.text-5 ul:last-of-type,
.text-6 ul:last-of-type,
.text-7 ul:last-of-type,
.text-1 ol:last-of-type,
.text-2 ol:last-of-type,
.text-3 ol:last-of-type,
.text-4 ol:last-of-type,
.text-5 ol:last-of-type,
.text-6 ol:last-of-type,
.text-7 ol:last-of-type,
.text-1 hr:last-of-type,
.text-2 hr:last-of-type,
.text-3 hr:last-of-type,
.text-4 hr:last-of-type,
.text-5 hr:last-of-type,
.text-6 hr:last-of-type,
.text-7 hr:last-of-type,
.text-1 table:last-of-type,
.text-2 table:last-of-type,
.text-3 table:last-of-type,
.text-4 table:last-of-type,
.text-5 table:last-of-type,
.text-6 table:last-of-type,
.text-7 table:last-of-type {
  margin-bottom: 0 !important;
}
.text-1 p:not([class^="heading-"]):last-of-type + p,
.text-2 p:not([class^="heading-"]):last-of-type + p,
.text-3 p:not([class^="heading-"]):last-of-type + p,
.text-4 p:not([class^="heading-"]):last-of-type + p,
.text-5 p:not([class^="heading-"]):last-of-type + p,
.text-6 p:not([class^="heading-"]):last-of-type + p,
.text-7 p:not([class^="heading-"]):last-of-type + p,
.text-1 ul:last-of-type + p,
.text-2 ul:last-of-type + p,
.text-3 ul:last-of-type + p,
.text-4 ul:last-of-type + p,
.text-5 ul:last-of-type + p,
.text-6 ul:last-of-type + p,
.text-7 ul:last-of-type + p,
.text-1 ol:last-of-type + p,
.text-2 ol:last-of-type + p,
.text-3 ol:last-of-type + p,
.text-4 ol:last-of-type + p,
.text-5 ol:last-of-type + p,
.text-6 ol:last-of-type + p,
.text-7 ol:last-of-type + p,
.text-1 hr:last-of-type + p,
.text-2 hr:last-of-type + p,
.text-3 hr:last-of-type + p,
.text-4 hr:last-of-type + p,
.text-5 hr:last-of-type + p,
.text-6 hr:last-of-type + p,
.text-7 hr:last-of-type + p,
.text-1 table:last-of-type + p,
.text-2 table:last-of-type + p,
.text-3 table:last-of-type + p,
.text-4 table:last-of-type + p,
.text-5 table:last-of-type + p,
.text-6 table:last-of-type + p,
.text-7 table:last-of-type + p,
.text-1 p:not([class^="heading-"]):last-of-type + ul,
.text-2 p:not([class^="heading-"]):last-of-type + ul,
.text-3 p:not([class^="heading-"]):last-of-type + ul,
.text-4 p:not([class^="heading-"]):last-of-type + ul,
.text-5 p:not([class^="heading-"]):last-of-type + ul,
.text-6 p:not([class^="heading-"]):last-of-type + ul,
.text-7 p:not([class^="heading-"]):last-of-type + ul,
.text-1 ul:last-of-type + ul,
.text-2 ul:last-of-type + ul,
.text-3 ul:last-of-type + ul,
.text-4 ul:last-of-type + ul,
.text-5 ul:last-of-type + ul,
.text-6 ul:last-of-type + ul,
.text-7 ul:last-of-type + ul,
.text-1 ol:last-of-type + ul,
.text-2 ol:last-of-type + ul,
.text-3 ol:last-of-type + ul,
.text-4 ol:last-of-type + ul,
.text-5 ol:last-of-type + ul,
.text-6 ol:last-of-type + ul,
.text-7 ol:last-of-type + ul,
.text-1 hr:last-of-type + ul,
.text-2 hr:last-of-type + ul,
.text-3 hr:last-of-type + ul,
.text-4 hr:last-of-type + ul,
.text-5 hr:last-of-type + ul,
.text-6 hr:last-of-type + ul,
.text-7 hr:last-of-type + ul,
.text-1 table:last-of-type + ul,
.text-2 table:last-of-type + ul,
.text-3 table:last-of-type + ul,
.text-4 table:last-of-type + ul,
.text-5 table:last-of-type + ul,
.text-6 table:last-of-type + ul,
.text-7 table:last-of-type + ul,
.text-1 p:not([class^="heading-"]):last-of-type + ol,
.text-2 p:not([class^="heading-"]):last-of-type + ol,
.text-3 p:not([class^="heading-"]):last-of-type + ol,
.text-4 p:not([class^="heading-"]):last-of-type + ol,
.text-5 p:not([class^="heading-"]):last-of-type + ol,
.text-6 p:not([class^="heading-"]):last-of-type + ol,
.text-7 p:not([class^="heading-"]):last-of-type + ol,
.text-1 ul:last-of-type + ol,
.text-2 ul:last-of-type + ol,
.text-3 ul:last-of-type + ol,
.text-4 ul:last-of-type + ol,
.text-5 ul:last-of-type + ol,
.text-6 ul:last-of-type + ol,
.text-7 ul:last-of-type + ol,
.text-1 ol:last-of-type + ol,
.text-2 ol:last-of-type + ol,
.text-3 ol:last-of-type + ol,
.text-4 ol:last-of-type + ol,
.text-5 ol:last-of-type + ol,
.text-6 ol:last-of-type + ol,
.text-7 ol:last-of-type + ol,
.text-1 hr:last-of-type + ol,
.text-2 hr:last-of-type + ol,
.text-3 hr:last-of-type + ol,
.text-4 hr:last-of-type + ol,
.text-5 hr:last-of-type + ol,
.text-6 hr:last-of-type + ol,
.text-7 hr:last-of-type + ol,
.text-1 table:last-of-type + ol,
.text-2 table:last-of-type + ol,
.text-3 table:last-of-type + ol,
.text-4 table:last-of-type + ol,
.text-5 table:last-of-type + ol,
.text-6 table:last-of-type + ol,
.text-7 table:last-of-type + ol,
.text-1 p:not([class^="heading-"]):last-of-type + hr,
.text-2 p:not([class^="heading-"]):last-of-type + hr,
.text-3 p:not([class^="heading-"]):last-of-type + hr,
.text-4 p:not([class^="heading-"]):last-of-type + hr,
.text-5 p:not([class^="heading-"]):last-of-type + hr,
.text-6 p:not([class^="heading-"]):last-of-type + hr,
.text-7 p:not([class^="heading-"]):last-of-type + hr,
.text-1 ul:last-of-type + hr,
.text-2 ul:last-of-type + hr,
.text-3 ul:last-of-type + hr,
.text-4 ul:last-of-type + hr,
.text-5 ul:last-of-type + hr,
.text-6 ul:last-of-type + hr,
.text-7 ul:last-of-type + hr,
.text-1 ol:last-of-type + hr,
.text-2 ol:last-of-type + hr,
.text-3 ol:last-of-type + hr,
.text-4 ol:last-of-type + hr,
.text-5 ol:last-of-type + hr,
.text-6 ol:last-of-type + hr,
.text-7 ol:last-of-type + hr,
.text-1 hr:last-of-type + hr,
.text-2 hr:last-of-type + hr,
.text-3 hr:last-of-type + hr,
.text-4 hr:last-of-type + hr,
.text-5 hr:last-of-type + hr,
.text-6 hr:last-of-type + hr,
.text-7 hr:last-of-type + hr,
.text-1 table:last-of-type + hr,
.text-2 table:last-of-type + hr,
.text-3 table:last-of-type + hr,
.text-4 table:last-of-type + hr,
.text-5 table:last-of-type + hr,
.text-6 table:last-of-type + hr,
.text-7 table:last-of-type + hr,
.text-1 p:not([class^="heading-"]):last-of-type + table,
.text-2 p:not([class^="heading-"]):last-of-type + table,
.text-3 p:not([class^="heading-"]):last-of-type + table,
.text-4 p:not([class^="heading-"]):last-of-type + table,
.text-5 p:not([class^="heading-"]):last-of-type + table,
.text-6 p:not([class^="heading-"]):last-of-type + table,
.text-7 p:not([class^="heading-"]):last-of-type + table,
.text-1 ul:last-of-type + table,
.text-2 ul:last-of-type + table,
.text-3 ul:last-of-type + table,
.text-4 ul:last-of-type + table,
.text-5 ul:last-of-type + table,
.text-6 ul:last-of-type + table,
.text-7 ul:last-of-type + table,
.text-1 ol:last-of-type + table,
.text-2 ol:last-of-type + table,
.text-3 ol:last-of-type + table,
.text-4 ol:last-of-type + table,
.text-5 ol:last-of-type + table,
.text-6 ol:last-of-type + table,
.text-7 ol:last-of-type + table,
.text-1 hr:last-of-type + table,
.text-2 hr:last-of-type + table,
.text-3 hr:last-of-type + table,
.text-4 hr:last-of-type + table,
.text-5 hr:last-of-type + table,
.text-6 hr:last-of-type + table,
.text-7 hr:last-of-type + table,
.text-1 table:last-of-type + table,
.text-2 table:last-of-type + table,
.text-3 table:last-of-type + table,
.text-4 table:last-of-type + table,
.text-5 table:last-of-type + table,
.text-6 table:last-of-type + table,
.text-7 table:last-of-type + table {
  margin-top: 2em;
}
.text-1 ul,
.text-2 ul,
.text-3 ul,
.text-4 ul,
.text-5 ul,
.text-6 ul,
.text-7 ul,
.text-1 ol,
.text-2 ol,
.text-3 ol,
.text-4 ol,
.text-5 ol,
.text-6 ol,
.text-7 ol {
  padding-left: 40px;
}
.text-1 li:last-child,
.text-2 li:last-child,
.text-3 li:last-child,
.text-4 li:last-child,
.text-5 li:last-child,
.text-6 li:last-child,
.text-7 li:last-child {
  border-bottom-width: 0 !important;
}
.text-1 img,
.text-2 img,
.text-3 img,
.text-4 img,
.text-5 img,
.text-6 img,
.text-7 img,
.text-1 video,
.text-2 video,
.text-3 video,
.text-4 video,
.text-5 video,
.text-6 video,
.text-7 video,
.text-1 .video,
.text-2 .video,
.text-3 .video,
.text-4 .video,
.text-5 .video,
.text-6 .video,
.text-7 .video {
  max-width: 100%;
}
.text-1 .video,
.text-2 .video,
.text-3 .video,
.text-4 .video,
.text-5 .video,
.text-6 .video,
.text-7 .video {
  display: inline-block;
  position: relative;
  width: 100%;
}
.text-1 .video iframe,
.text-2 .video iframe,
.text-3 .video iframe,
.text-4 .video iframe,
.text-5 .video iframe,
.text-6 .video iframe,
.text-7 .video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.text-1 .video::before,
.text-2 .video::before,
.text-3 .video::before,
.text-4 .video::before,
.text-5 .video::before,
.text-6 .video::before,
.text-7 .video::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.text-1 table,
.text-2 table,
.text-3 table,
.text-4 table,
.text-5 table,
.text-6 table,
.text-7 table {
  width: 100%;
}
.text-1:last-child,
.text-2:last-child,
.text-3:last-child,
.text-4:last-child,
.text-5:last-child,
.text-6:last-child,
.text-7:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.number-1,
.number-2,
.number-3,
.number-4 {
  align-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.number-1:last-child,
.number-2:last-child,
.number-3:last-child,
.number-4:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.button-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.button-wrapper > * {
  pointer-events: auto;
}
.button-wrapper:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.button-1,
.button-2,
.button-3,
.button-4,
.button-5,
.button-6 {
  -webkit-tap-highlight-color: transparent;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  user-select: none;
  white-space: normal;
}
div.button-1,
div.button-2,
div.button-3,
div.button-4,
div.button-5,
div.button-6 {
  cursor: default;
}
:not(.button-wrapper) > .button-1,
:not(.button-wrapper) > .button-2,
:not(.button-wrapper) > .button-3,
:not(.button-wrapper) > .button-4,
:not(.button-wrapper) > .button-5,
:not(.button-wrapper) > .button-6 {
  display: inline-block;
  vertical-align: middle;
}
:not(.button-wrapper) > .button-1:last-child,
:not(.button-wrapper) > .button-2:last-child,
:not(.button-wrapper) > .button-3:last-child,
:not(.button-wrapper) > .button-4:last-child,
:not(.button-wrapper) > .button-5:last-child,
:not(.button-wrapper) > .button-6:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
:not(.button-wrapper).box > .button-1,
:not(.button-wrapper) [class^="box-"] > .button-1,
:not(.button-wrapper) [class*=" box-"] > .button-1,
:not(.button-wrapper).box > .button-2,
:not(.button-wrapper) [class^="box-"] > .button-2,
:not(.button-wrapper) [class*=" box-"] > .button-2,
:not(.button-wrapper).box > .button-3,
:not(.button-wrapper) [class^="box-"] > .button-3,
:not(.button-wrapper) [class*=" box-"] > .button-3,
:not(.button-wrapper).box > .button-4,
:not(.button-wrapper) [class^="box-"] > .button-4,
:not(.button-wrapper) [class*=" box-"] > .button-4,
:not(.button-wrapper).box > .button-5,
:not(.button-wrapper) [class^="box-"] > .button-5,
:not(.button-wrapper) [class*=" box-"] > .button-5,
:not(.button-wrapper).box > .button-6,
:not(.button-wrapper) [class^="box-"] > .button-6,
:not(.button-wrapper) [class*=" box-"] > .button-6 {
  align-self: flex-start;
}
.handler-1:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.control-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.control-wrapper > * {
  pointer-events: auto;
}
.control-wrapper:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.control-1,
.control-2,
.control-3,
.control-4,
.control-5,
.control-6,
.control-7 {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
a.control-1,
a.control-2,
a.control-3,
a.control-4,
a.control-5,
a.control-6,
a.control-7 {
  display: block;
}
.control-1 img,
.control-2 img,
.control-3 img,
.control-4 img,
.control-5 img,
.control-6 img,
.control-7 img,
.control-1 svg,
.control-2 svg,
.control-3 svg,
.control-4 svg,
.control-5 svg,
.control-6 svg,
.control-7 svg {
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  vertical-align: top;
}
.control-1 img,
.control-2 img,
.control-3 img,
.control-4 img,
.control-5 img,
.control-6 img,
.control-7 img {
  object-fit: contain;
}
.control-1 svg,
.control-2 svg,
.control-3 svg,
.control-4 svg,
.control-5 svg,
.control-6 svg,
.control-7 svg {
  height: auto;
  width: auto;
}
.control-7.empty::before {
  display: inline;
  content: "...";
}
:not(.control-wrapper) > .control-1:last-child,
:not(.control-wrapper) > .control-2:last-child,
:not(.control-wrapper) > .control-3:last-child,
:not(.control-wrapper) > .control-4:last-child,
:not(.control-wrapper) > .control-5:last-child,
:not(.control-wrapper) > .control-6:last-child,
:not(.control-wrapper) > .control-7:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.media-wrapper {
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.media-wrapper > * {
  pointer-events: auto;
}
.media-wrapper:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.media-1,
.media-2,
.media-3,
.media-4,
.media-6 {
  overflow: hidden;
  text-align: left;
}
a.media-1,
a.media-2,
a.media-3,
a.media-4,
a.media-6 {
  display: block;
}
.media-1 img,
.media-2 img,
.media-3 img,
.media-4 img,
.media-6 img,
.media-1 svg,
.media-2 svg,
.media-3 svg,
.media-4 svg,
.media-6 svg,
.media-1 video,
.media-2 video,
.media-3 video,
.media-4 video,
.media-6 video {
  vertical-align: top;
}
.media-1::after,
.media-2::after,
.media-3::after,
.media-4::after,
.media-6::after,
.media-1 > x-shape::after,
.media-2 > x-shape::after,
.media-3 > x-shape::after,
.media-4 > x-shape::after,
.media-6 > x-shape::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.media-1,
.media-2,
.media-3,
.media-6 {
  max-height: 100%;
  max-width: 100%;
  position: relative;
}
.media-1:not([data-ratio]) img,
.media-2:not([data-ratio]) img,
.media-3:not([data-ratio]) img,
.media-6:not([data-ratio]) img,
.media-1:not([data-ratio]) svg,
.media-2:not([data-ratio]) svg,
.media-3:not([data-ratio]) svg,
.media-6:not([data-ratio]) svg,
.media-1:not([data-ratio]) video,
.media-2:not([data-ratio]) video,
.media-3:not([data-ratio]) video,
.media-6:not([data-ratio]) video {
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
}
.media-1:not([data-ratio]) svg,
.media-2:not([data-ratio]) svg,
.media-3:not([data-ratio]) svg,
.media-6:not([data-ratio]) svg {
  height: auto;
  width: auto;
}
.media-1[data-ratio] img,
.media-2[data-ratio] img,
.media-3[data-ratio] img,
.media-6[data-ratio] img,
.media-1[data-ratio] svg,
.media-2[data-ratio] svg,
.media-3[data-ratio] svg,
.media-6[data-ratio] svg,
.media-1[data-ratio] video,
.media-2[data-ratio] video,
.media-3[data-ratio] video,
.media-6[data-ratio] video {
  height: 100%;
  width: 100%;
}
:not(.media-wrapper) > .media-1:last-child,
:not(.media-wrapper) > .media-2:last-child,
:not(.media-wrapper) > .media-3:last-child,
:not(.media-wrapper) > .media-6:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.media-1 img {
  object-fit: contain;
}
.media-2 img,
.media-3 img,
.media-4 img,
.media-6 img,
.media-2 video,
.media-3 video,
.media-4 video,
.media-6 video {
  object-fit: cover;
}
.media-2 .video-play,
.media-3 .video-play,
.media-4 .video-play,
.media-6 .video-play {
  background-color: #ffffff;
  border-radius: 50%;
  display: none;
  height: 50px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.media-2 .video-play::before,
.media-3 .video-play::before,
.media-4 .video-play::before,
.media-6 .video-play::before {
  border: solid transparent;
  border-left-color: #000000;
  border-width: 10px 20px;
  content: "";
  left: 50%;
  margin-left: 12px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.media-2 img ~ .video-play,
.media-3 img ~ .video-play,
.media-4 img ~ .video-play,
.media-6 img ~ .video-play {
  display: block;
}
.media-2[data-contain] img,
.media-3[data-contain] img,
.media-4[data-contain] img,
.media-6[data-contain] img,
.media-2[data-contain] video,
.media-3[data-contain] video,
.media-4[data-contain] video,
.media-6[data-contain] video {
  object-fit: contain;
}
.media-2 video ~ img,
.media-3 video ~ img,
.media-4 video ~ img,
.media-2 iframe ~ img,
.media-3 iframe ~ img,
.media-4 iframe ~ img {
  cursor: pointer;
  left: 0;
  object-fit: cover !important;
  position: absolute;
  top: 0;
  transform: translateZ(1px);
}
.media-2 iframe,
.media-3 iframe,
.media-4 iframe {
  display: block;
}
.media-2:has(iframe),
.media-3:has(iframe),
.media-4:has(iframe) {
  background-color: #000000;
}
.media-2:not([data-contain]) iframe,
.media-3:not([data-contain]) iframe,
.media-4:not([data-contain]) iframe {
  visibility: hidden;
}
.media-2.playing img,
.media-3.playing img,
.media-4.playing img,
.media-2.playing svg,
.media-3.playing svg,
.media-4.playing svg,
.media-2.playing .video-play,
.media-3.playing .video-play,
.media-4.playing .video-play {
  display: none;
}
.media-2 iframe,
.media-3 iframe {
  width: 100%;
}
.media-2 iframe:not([src*="tiktok.com/embed/"]),
.media-3 iframe:not([src*="tiktok.com/embed/"]) {
  aspect-ratio: 16 / 9;
  height: 100%;
}
.media-2 iframe[src*="tiktok.com/embed/"],
.media-3 iframe[src*="tiktok.com/embed/"] {
  height: 739px;
}
.media-2:has(iframe),
.media-3:has(iframe) {
  width: 100%;
}
.media-2.playing::after,
.media-3.playing::after {
  display: none;
}
.media-2[data-ratio],
.media-3[data-ratio] {
  width: 100%;
}
.media-4 {
  inset: 0;
  position: absolute;
}
.media-4 img,
.media-4 svg,
.media-4 video,
.media-4 iframe,
.media-4 .background,
.media-4 .media-4 {
  height: 100%;
  width: 100%;
}
.media-4 .media-4 {
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
}
.media-4 .media-4::after {
  content: none;
}
a.media-4 ~ :not(a),
.media-4.has-controls ~ :not(a) {
  pointer-events: none;
}
a.media-4 ~ :not(a) a,
.media-4.has-controls ~ :not(a) a {
  pointer-events: auto;
}
.media-6 .video-play {
  height: 30px;
  width: 30px;
}
.media-6 .video-play::before {
  border-width: 6px 12px;
  margin-left: 7px;
}
.icon-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.icon-wrapper > * {
  pointer-events: auto;
}
.icon-wrapper:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
a.icon-1,
a.icon-2,
a.icon-3 {
  display: block;
}
.icon-1 img,
.icon-2 img,
.icon-3 img,
.icon-1 svg,
.icon-2 svg,
.icon-3 svg {
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  vertical-align: top;
}
.icon-1 img,
.icon-2 img,
.icon-3 img {
  object-fit: contain;
}
.icon-1 svg,
.icon-2 svg,
.icon-3 svg {
  height: auto;
  width: auto;
}
:not(.icon-wrapper) > .icon-1:last-child,
:not(.icon-wrapper) > .icon-2:last-child,
:not(.icon-wrapper) > .icon-3:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.map-1,
.map-2 {
  overflow: hidden;
}
.map-1 > div,
.map-2 > div {
  inset: 0;
  position: absolute;
}
.map-1 > div .gm-style-cc,
.map-2 > div .gm-style-cc {
  display: none;
}
.map-1 {
  position: relative;
  width: 100%;
}
.map-1:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.map-2 {
  inset: 0;
  position: absolute;
}
.viewport-1,
.viewport-2,
.viewport-3,
.viewport-4 {
  overflow: hidden;
  position: relative;
}
.viewport-1:last-child,
.viewport-2:last-child,
.viewport-3:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.viewport-1 .media-2 {
  width: 100%;
  height: 100%;
}
.viewport-1[data-ratio] {
  width: 100%;
}
.viewport-4 {
  height: 100%;
}
.iframe-1 > iframe {
  height: 100%;
  width: 100%;
}
.iframe-1:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.separator-1,
.separator-2 {
  width: 100%;
}
.form-1,
.form-2,
.form-3 {
  max-width: 100%;
}
.form-1 > div .select > input,
.form-2 > div .select > input,
.form-3 > div .select > input,
.form-1 > div .date > input,
.form-2 > div .date > input,
.form-3 > div .date > input,
.form-1 > div .date-time > input,
.form-2 > div .date-time > input,
.form-3 > div .date-time > input,
.form-1 > div .file > input,
.form-2 > div .file > input,
.form-3 > div .file > input,
.form-1 > div .search > input,
.form-2 > div .search > input,
.form-3 > div .search > input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.form-1 > div .select > button,
.form-2 > div .select > button,
.form-3 > div .select > button,
.form-1 > div .date > button,
.form-2 > div .date > button,
.form-3 > div .date > button,
.form-1 > div .date-time > button,
.form-2 > div .date-time > button,
.form-3 > div .date-time > button,
.form-1 > div .file > button,
.form-2 > div .file > button,
.form-3 > div .file > button,
.form-1 > div .search > button,
.form-2 > div .search > button,
.form-3 > div .search > button {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.form-1 > div .select.active:not(.top) > input,
.form-2 > div .select.active:not(.top) > input,
.form-3 > div .select.active:not(.top) > input {
  border-bottom-left-radius: 0 !important;
}
.form-1 > div .select.active:not(.top) > button,
.form-2 > div .select.active:not(.top) > button,
.form-3 > div .select.active:not(.top) > button {
  border-bottom-right-radius: 0 !important;
}
.form-1 > div .select.active:not(.top) > .options,
.form-2 > div .select.active:not(.top) > .options,
.form-3 > div .select.active:not(.top) > .options {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.form-1 > div .select.active.top > input,
.form-2 > div .select.active.top > input,
.form-3 > div .select.active.top > input {
  border-top-left-radius: 0 !important;
}
.form-1 > div .select.active.top > button,
.form-2 > div .select.active.top > button,
.form-3 > div .select.active.top > button {
  border-top-right-radius: 0 !important;
}
.form-1 > div .select.active.top > .options,
.form-2 > div .select.active.top > .options,
.form-3 > div .select.active.top > .options {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.form-1 > div .select > .options > .option,
.form-2 > div .select > .options > .option,
.form-3 > div .select > .options > .option {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top-width: 0 !important;
}
.form-1 > div .select > .options > .option:last-child,
.form-2 > div .select > .options > .option:last-child,
.form-3 > div .select > .options > .option:last-child {
  border-bottom-width: 0 !important;
}
.form-1 > div .radio:last-child,
.form-2 > div .radio:last-child,
.form-3 > div .radio:last-child,
.form-1 > div .checkbox:last-child,
.form-2 > div .checkbox:last-child,
.form-3 > div .checkbox:last-child {
  margin-right: 0 !important;
}
.form-1 > div:last-child,
.form-2 > div:last-child,
.form-3 > div:last-child {
  margin-bottom: 0 !important;
}
.form-1:last-child,
.form-2:last-child,
.form-3:last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.form-field-1,
.form-field-2,
.form-field-3,
.form-field-4,
.form-field-5,
.form-field-6,
.form-field-7,
.form-field-8,
.form-field-9 {
  max-width: 100%;
}
[data-shape="all"] {
  align-items: stretch !important;
  background: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}
[data-shape="all"]::after {
  background-color: transparent !important;
}
[data-shape="all"] > x-shape {
  height: 100%;
  width: 100%;
}
[data-shape="bg"] {
  background: none !important;
  box-shadow: none !important;
  position: relative;
  z-index: 0;
}
[data-shape="bg"] > x-shape-bg {
  border-radius: inherit;
  inset: 0;
  position: absolute;
  z-index: -1;
}
[data-shape="bg"] > x-shape-bg > * {
  border-radius: inherit;
  height: auto !important;
  inset: 0 !important;
  position: absolute !important;
  width: auto !important;
}
[data-shape="bg"] > x-shape-bg ~ * {
  position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
  .not-sm,
  .xs:not(.sm),
  .md:not(.sm),
  .lg:not(.sm),
  .xl:not(.sm) {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .not-md,
  .xs:not(.md),
  .sm:not(.md),
  .lg:not(.md),
  .xl:not(.md) {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .not-lg,
  .xs:not(.lg),
  .sm:not(.lg),
  .md:not(.lg),
  .xl:not(.lg) {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .not-xl,
  .xs:not(.xl),
  .sm:not(.xl),
  .md:not(.xl),
  .lg:not(.xl) {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  section,
  footer {
    max-width: none !important;
  }
}
@media (max-width: 479px) {
  .not-xs,
  .sm:not(.xs),
  .md:not(.xs),
  .lg:not(.xs),
  .xl:not(.xs) {
    display: none !important;
  }
}
.mixin-default-menu .default-menu li,
.mixin-default-menu .default-menu li a {
  position: relative;
}
.mixin-default-menu .default-menu li > .dropdown-menu,
.mixin-default-menu .default-menu li > ul {
  transition: opacity 0.25s;
}
.mixin-default-menu .default-menu li > .dropdown-menu.shift {
  transition-duration: 0.25s;
  transition-property: left, right;
}
.mixin-default-menu .default-menu li > .dropdown-menu.shift > ul {
  overflow: hidden;
  transition-duration: 0.25s;
  transition-property: height, width;
}
.mixin-default-menu .default-menu li > .dropdown-menu.shift > ul > * {
  transition: opacity 0.25s;
}
.mixin-default-menu .default-menu li > .dropdown-menu > .spacer {
  bottom: 100%;
}
.mixin-default-menu .default-menu li > ul.shift {
  overflow: hidden;
  transition-duration: 0.25s;
  transition-property: height, left, top, width;
}
.mixin-default-menu .default-menu li > ul.shift > * {
  transition: opacity 0.25s;
}
.mixin-default-menu .default-menu li > ul > .spacer {
  right: 100%;
}
.mixin-default-menu .default-menu li .spacer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mixin-default-menu .default-menu li:not(.enter) > .dropdown-menu,
.mixin-default-menu .default-menu li:not(.enter) > .spacer {
  display: none;
}
.mixin-default-menu .default-menu li.leave > .dropdown-menu,
.mixin-default-menu .default-menu li.leave > ul {
  opacity: 0;
}
.mixin-default-menu .hamburger-menu-handler,
.mixin-default-menu .hamburger-menu {
  display: none;
}
.mixin-hamburger-menu .default-menu {
  display: none !important;
}
.mixin-hamburger-menu .hamburger-menu {
  overflow: auto;
  transition: opacity 0.25s;
}
.mixin-hamburger-menu .hamburger-menu li > ul {
  overflow: hidden;
  transition: height 0.25s;
}
.mixin-hamburger-menu .hamburger-menu li:not(.expand) > ul {
  display: none;
}
.mixin-hamburger-menu .hamburger-menu li.collapse > ul {
  height: 0 !important;
}
.mixin-hamburger-menu .hamburger-menu:not(.active) {
  display: none;
}
.mixin-hamburger-menu .hamburger-menu.passive {
  opacity: 0;
}
.mixin-hamburger-menu .hamburger-menu-handler,
.mixin-hamburger-menu .hamburger-menu-close {
  cursor: pointer;
}
[data-ratio="1x1"] {
  aspect-ratio: 1;
}
[data-ratio="5x4"] {
  aspect-ratio: 5 / 4;
}
[data-ratio="4x3"] {
  aspect-ratio: 4 / 3;
}
[data-ratio="3x2"] {
  aspect-ratio: 3 / 2;
}
[data-ratio="8x5"] {
  aspect-ratio: 8 / 5;
}
[data-ratio="16x9"] {
  aspect-ratio: 16 / 9;
}
[data-ratio="2x1"] {
  aspect-ratio: 2 / 1;
}
[data-ratio="4x5"] {
  aspect-ratio: 4 / 5;
}
[data-ratio="3x4"] {
  aspect-ratio: 3 / 4;
}
[data-ratio="2x3"] {
  aspect-ratio: 2 / 3;
}
[data-ratio="5x8"] {
  aspect-ratio: 5 / 8;
}
[data-ratio="9x16"] {
  aspect-ratio: 9 / 16;
}
[data-ratio="1x2"] {
  aspect-ratio: 1 / 2;
}
@media (max-width: 479px) {
  [data-ratio_xs="1x1"] {
    aspect-ratio: 1;
  }
  [data-ratio_xs="5x4"] {
    aspect-ratio: 5 / 4;
  }
  [data-ratio_xs="4x3"] {
    aspect-ratio: 4 / 3;
  }
  [data-ratio_xs="3x2"] {
    aspect-ratio: 3 / 2;
  }
  [data-ratio_xs="8x5"] {
    aspect-ratio: 8 / 5;
  }
  [data-ratio_xs="16x9"] {
    aspect-ratio: 16 / 9;
  }
  [data-ratio_xs="2x1"] {
    aspect-ratio: 2 / 1;
  }
  [data-ratio_xs="4x5"] {
    aspect-ratio: 4 / 5;
  }
  [data-ratio_xs="3x4"] {
    aspect-ratio: 3 / 4;
  }
  [data-ratio_xs="2x3"] {
    aspect-ratio: 2 / 3;
  }
  [data-ratio_xs="5x8"] {
    aspect-ratio: 5 / 8;
  }
  [data-ratio_xs="9x16"] {
    aspect-ratio: 9 / 16;
  }
  [data-ratio_xs="1x2"] {
    aspect-ratio: 1 / 2;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  [data-ratio_sm="1x1"] {
    aspect-ratio: 1;
  }
  [data-ratio_sm="5x4"] {
    aspect-ratio: 5 / 4;
  }
  [data-ratio_sm="4x3"] {
    aspect-ratio: 4 / 3;
  }
  [data-ratio_sm="3x2"] {
    aspect-ratio: 3 / 2;
  }
  [data-ratio_sm="8x5"] {
    aspect-ratio: 8 / 5;
  }
  [data-ratio_sm="16x9"] {
    aspect-ratio: 16 / 9;
  }
  [data-ratio_sm="2x1"] {
    aspect-ratio: 2 / 1;
  }
  [data-ratio_sm="4x5"] {
    aspect-ratio: 4 / 5;
  }
  [data-ratio_sm="3x4"] {
    aspect-ratio: 3 / 4;
  }
  [data-ratio_sm="2x3"] {
    aspect-ratio: 2 / 3;
  }
  [data-ratio_sm="5x8"] {
    aspect-ratio: 5 / 8;
  }
  [data-ratio_sm="9x16"] {
    aspect-ratio: 9 / 16;
  }
  [data-ratio_sm="1x2"] {
    aspect-ratio: 1 / 2;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ratio_md="1x1"] {
    aspect-ratio: 1;
  }
  [data-ratio_md="5x4"] {
    aspect-ratio: 5 / 4;
  }
  [data-ratio_md="4x3"] {
    aspect-ratio: 4 / 3;
  }
  [data-ratio_md="3x2"] {
    aspect-ratio: 3 / 2;
  }
  [data-ratio_md="8x5"] {
    aspect-ratio: 8 / 5;
  }
  [data-ratio_md="16x9"] {
    aspect-ratio: 16 / 9;
  }
  [data-ratio_md="2x1"] {
    aspect-ratio: 2 / 1;
  }
  [data-ratio_md="4x5"] {
    aspect-ratio: 4 / 5;
  }
  [data-ratio_md="3x4"] {
    aspect-ratio: 3 / 4;
  }
  [data-ratio_md="2x3"] {
    aspect-ratio: 2 / 3;
  }
  [data-ratio_md="5x8"] {
    aspect-ratio: 5 / 8;
  }
  [data-ratio_md="9x16"] {
    aspect-ratio: 9 / 16;
  }
  [data-ratio_md="1x2"] {
    aspect-ratio: 1 / 2;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  [data-ratio_lg="1x1"] {
    aspect-ratio: 1;
  }
  [data-ratio_lg="5x4"] {
    aspect-ratio: 5 / 4;
  }
  [data-ratio_lg="4x3"] {
    aspect-ratio: 4 / 3;
  }
  [data-ratio_lg="3x2"] {
    aspect-ratio: 3 / 2;
  }
  [data-ratio_lg="8x5"] {
    aspect-ratio: 8 / 5;
  }
  [data-ratio_lg="16x9"] {
    aspect-ratio: 16 / 9;
  }
  [data-ratio_lg="2x1"] {
    aspect-ratio: 2 / 1;
  }
  [data-ratio_lg="4x5"] {
    aspect-ratio: 4 / 5;
  }
  [data-ratio_lg="3x4"] {
    aspect-ratio: 3 / 4;
  }
  [data-ratio_lg="2x3"] {
    aspect-ratio: 2 / 3;
  }
  [data-ratio_lg="5x8"] {
    aspect-ratio: 5 / 8;
  }
  [data-ratio_lg="9x16"] {
    aspect-ratio: 9 / 16;
  }
  [data-ratio_lg="1x2"] {
    aspect-ratio: 1 / 2;
  }
}
@media (min-width: 1280px) {
  [data-ratio_xl="1x1"] {
    aspect-ratio: 1;
  }
  [data-ratio_xl="5x4"] {
    aspect-ratio: 5 / 4;
  }
  [data-ratio_xl="4x3"] {
    aspect-ratio: 4 / 3;
  }
  [data-ratio_xl="3x2"] {
    aspect-ratio: 3 / 2;
  }
  [data-ratio_xl="8x5"] {
    aspect-ratio: 8 / 5;
  }
  [data-ratio_xl="16x9"] {
    aspect-ratio: 16 / 9;
  }
  [data-ratio_xl="2x1"] {
    aspect-ratio: 2 / 1;
  }
  [data-ratio_xl="4x5"] {
    aspect-ratio: 4 / 5;
  }
  [data-ratio_xl="3x4"] {
    aspect-ratio: 3 / 4;
  }
  [data-ratio_xl="2x3"] {
    aspect-ratio: 2 / 3;
  }
  [data-ratio_xl="5x8"] {
    aspect-ratio: 5 / 8;
  }
  [data-ratio_xl="9x16"] {
    aspect-ratio: 9 / 16;
  }
  [data-ratio_xl="1x2"] {
    aspect-ratio: 1 / 2;
  }
}
[data-effect]:not(.effect-end):not(.effect-play) {
  opacity: 0 !important;
}
[data-effect].effect-start[data-effect="fade-in"],
[data-effect].effect-start[data-effect="slide-left"],
[data-effect].effect-start[data-effect="slide-right"],
[data-effect].effect-start[data-effect="slide-top"],
[data-effect].effect-start[data-effect="slide-bottom"],
[data-effect].effect-start[data-effect="zoom-in"],
[data-effect].effect-start[data-effect="zoom-out"] {
  opacity: 0 !important;
}
[data-effect].effect-start[data-effect="slide-left"]:not(.media-4):not(
    [data-ratio]
  ) {
  transform: translate(-200px, 0) scale(1) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-left"].media-4,
[data-effect].effect-start[data-effect="slide-left"][data-ratio] {
  transform: translate(-200px, 0) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-left"].media-4 img,
[data-effect].effect-start[data-effect="slide-left"][data-ratio] img,
[data-effect].effect-start[data-effect="slide-left"].media-4 svg,
[data-effect].effect-start[data-effect="slide-left"][data-ratio] svg {
  transform: scale(1) !important;
}
[data-effect].effect-start[data-effect="slide-right"]:not(.media-4):not(
    [data-ratio]
  ) {
  transform: translate(200px, 0) scale(1) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-right"].media-4,
[data-effect].effect-start[data-effect="slide-right"][data-ratio] {
  transform: translate(200px, 0) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-right"].media-4 img,
[data-effect].effect-start[data-effect="slide-right"][data-ratio] img,
[data-effect].effect-start[data-effect="slide-right"].media-4 svg,
[data-effect].effect-start[data-effect="slide-right"][data-ratio] svg {
  transform: scale(1) !important;
}
[data-effect].effect-start[data-effect="slide-top"]:not(.media-4):not(
    [data-ratio]
  ) {
  transform: translate(0, -200px) scale(1) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-top"].media-4,
[data-effect].effect-start[data-effect="slide-top"][data-ratio] {
  transform: translate(0, -200px) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-top"].media-4 img,
[data-effect].effect-start[data-effect="slide-top"][data-ratio] img,
[data-effect].effect-start[data-effect="slide-top"].media-4 svg,
[data-effect].effect-start[data-effect="slide-top"][data-ratio] svg {
  transform: scale(1) !important;
}
[data-effect].effect-start[data-effect="slide-bottom"]:not(.media-4):not(
    [data-ratio]
  ) {
  transform: translate(0, 200px) scale(1) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-bottom"].media-4,
[data-effect].effect-start[data-effect="slide-bottom"][data-ratio] {
  transform: translate(0, 200px) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="slide-bottom"].media-4 img,
[data-effect].effect-start[data-effect="slide-bottom"][data-ratio] img,
[data-effect].effect-start[data-effect="slide-bottom"].media-4 svg,
[data-effect].effect-start[data-effect="slide-bottom"][data-ratio] svg {
  transform: scale(1) !important;
}
[data-effect].effect-start[data-effect="zoom-in"]:not(.media-4):not(
    [data-ratio]
  ) {
  transform: translate(0, 0) scale(0.01) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="zoom-in"].media-4,
[data-effect].effect-start[data-effect="zoom-in"][data-ratio] {
  transform: translate(0, 0) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="zoom-in"].media-4 img,
[data-effect].effect-start[data-effect="zoom-in"][data-ratio] img,
[data-effect].effect-start[data-effect="zoom-in"].media-4 svg,
[data-effect].effect-start[data-effect="zoom-in"][data-ratio] svg {
  transform: scale(0.01) !important;
}
[data-effect].effect-start[data-effect="zoom-out"]:not(.media-4):not(
    [data-ratio]
  ) {
  transform: translate(0, 0) scale(2) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="zoom-out"].media-4,
[data-effect].effect-start[data-effect="zoom-out"][data-ratio] {
  transform: translate(0, 0) rotate(0deg) !important;
}
[data-effect].effect-start[data-effect="zoom-out"].media-4 img,
[data-effect].effect-start[data-effect="zoom-out"][data-ratio] img,
[data-effect].effect-start[data-effect="zoom-out"].media-4 svg,
[data-effect].effect-start[data-effect="zoom-out"][data-ratio] svg {
  transform: scale(2) !important;
}
[data-effect].effect-play[data-effect="fade-in"],
[data-effect].effect-play[data-effect="slide-left"],
[data-effect].effect-play[data-effect="slide-right"],
[data-effect].effect-play[data-effect="slide-top"],
[data-effect].effect-play[data-effect="slide-bottom"],
[data-effect].effect-play[data-effect="zoom-in"],
[data-effect].effect-play[data-effect="zoom-out"] {
  transition-duration: 1s;
}
[data-effect].effect-play[data-effect="fade-in"].media-4 > img,
[data-effect].effect-play[data-effect="slide-left"].media-4 > img,
[data-effect].effect-play[data-effect="slide-right"].media-4 > img,
[data-effect].effect-play[data-effect="slide-top"].media-4 > img,
[data-effect].effect-play[data-effect="slide-bottom"].media-4 > img,
[data-effect].effect-play[data-effect="zoom-in"].media-4 > img,
[data-effect].effect-play[data-effect="zoom-out"].media-4 > img,
[data-effect].effect-play[data-effect="fade-in"][data-ratio] > img,
[data-effect].effect-play[data-effect="slide-left"][data-ratio] > img,
[data-effect].effect-play[data-effect="slide-right"][data-ratio] > img,
[data-effect].effect-play[data-effect="slide-top"][data-ratio] > img,
[data-effect].effect-play[data-effect="slide-bottom"][data-ratio] > img,
[data-effect].effect-play[data-effect="zoom-in"][data-ratio] > img,
[data-effect].effect-play[data-effect="zoom-out"][data-ratio] > img {
  transition-duration: 1s;
}
.accordion .handler {
  cursor: pointer;
  user-select: none;
}
.accordion .listener {
  display: none;
}
/* break */
.text-1 ul,
.text-2 ul,
.text-3 ul,
.text-4 ul,
.text-5 ul,
.text-6 ul,
.text-7 ul,
.text-1 ol,
.text-2 ol,
.text-3 ol,
.text-4 ol,
.text-5 ol,
.text-6 ol,
.text-7 ol {
  padding-left: 20px;
}
.text-1 ul:last-of-type + p,
.text-2 ul:last-of-type + p,
.text-3 ul:last-of-type + p,
.text-4 ul:last-of-type + p,
.text-5 ul:last-of-type + p,
.text-6 ul:last-of-type + p,
.text-7 ul:last-of-type + p,
.text-1 ol:last-of-type + p,
.text-2 ol:last-of-type + p,
.text-3 ol:last-of-type + p,
.text-4 ol:last-of-type + p,
.text-5 ol:last-of-type + p,
.text-6 ol:last-of-type + p,
.text-7 ol:last-of-type + p,
.text-1 p:not([class^="heading-"]):last-of-type + ul,
.text-2 p:not([class^="heading-"]):last-of-type + ul,
.text-3 p:not([class^="heading-"]):last-of-type + ul,
.text-4 p:not([class^="heading-"]):last-of-type + ul,
.text-5 p:not([class^="heading-"]):last-of-type + ul,
.text-6 p:not([class^="heading-"]):last-of-type + ul,
.text-7 p:not([class^="heading-"]):last-of-type + ul,
.text-1 ul:last-of-type + ul,
.text-2 ul:last-of-type + ul,
.text-3 ul:last-of-type + ul,
.text-4 ul:last-of-type + ul,
.text-5 ul:last-of-type + ul,
.text-6 ul:last-of-type + ul,
.text-7 ul:last-of-type + ul,
.text-1 ol:last-of-type + ul,
.text-2 ol:last-of-type + ul,
.text-3 ol:last-of-type + ul,
.text-4 ol:last-of-type + ul,
.text-5 ol:last-of-type + ul,
.text-6 ol:last-of-type + ul,
.text-7 ol:last-of-type + ul,
.text-1 hr:last-of-type + ul,
.text-2 hr:last-of-type + ul,
.text-3 hr:last-of-type + ul,
.text-4 hr:last-of-type + ul,
.text-5 hr:last-of-type + ul,
.text-6 hr:last-of-type + ul,
.text-7 hr:last-of-type + ul,
.text-1 table:last-of-type + ul,
.text-2 table:last-of-type + ul,
.text-3 table:last-of-type + ul,
.text-4 table:last-of-type + ul,
.text-5 table:last-of-type + ul,
.text-6 table:last-of-type + ul,
.text-7 table:last-of-type + ul,
.text-1 p:not([class^="heading-"]):last-of-type + ol,
.text-2 p:not([class^="heading-"]):last-of-type + ol,
.text-3 p:not([class^="heading-"]):last-of-type + ol,
.text-4 p:not([class^="heading-"]):last-of-type + ol,
.text-5 p:not([class^="heading-"]):last-of-type + ol,
.text-6 p:not([class^="heading-"]):last-of-type + ol,
.text-7 p:not([class^="heading-"]):last-of-type + ol,
.text-1 ul:last-of-type + ol,
.text-2 ul:last-of-type + ol,
.text-3 ul:last-of-type + ol,
.text-4 ul:last-of-type + ol,
.text-5 ul:last-of-type + ol,
.text-6 ul:last-of-type + ol,
.text-7 ul:last-of-type + ol,
.text-1 ol:last-of-type + ol,
.text-2 ol:last-of-type + ol,
.text-3 ol:last-of-type + ol,
.text-4 ol:last-of-type + ol,
.text-5 ol:last-of-type + ol,
.text-6 ol:last-of-type + ol,
.text-7 ol:last-of-type + ol,
.text-1 hr:last-of-type + ol,
.text-2 hr:last-of-type + ol,
.text-3 hr:last-of-type + ol,
.text-4 hr:last-of-type + ol,
.text-5 hr:last-of-type + ol,
.text-6 hr:last-of-type + ol,
.text-7 hr:last-of-type + ol,
.text-1 table:last-of-type + ol,
.text-2 table:last-of-type + ol,
.text-3 table:last-of-type + ol,
.text-4 table:last-of-type + ol,
.text-5 table:last-of-type + ol,
.text-6 table:last-of-type + ol,
.text-7 table:last-of-type + ol,
.text-1 p:not([class^="heading-"]):last-of-type + hr,
.text-2 p:not([class^="heading-"]):last-of-type + hr,
.text-3 p:not([class^="heading-"]):last-of-type + hr,
.text-4 p:not([class^="heading-"]):last-of-type + hr,
.text-5 p:not([class^="heading-"]):last-of-type + hr,
.text-6 p:not([class^="heading-"]):last-of-type + hr,
.text-7 p:not([class^="heading-"]):last-of-type + hr,
.text-1 ul:last-of-type + hr,
.text-2 ul:last-of-type + hr,
.text-3 ul:last-of-type + hr,
.text-4 ul:last-of-type + hr,
.text-5 ul:last-of-type + hr,
.text-6 ul:last-of-type + hr,
.text-7 ul:last-of-type + hr,
.text-1 ol:last-of-type + hr,
.text-2 ol:last-of-type + hr,
.text-3 ol:last-of-type + hr,
.text-4 ol:last-of-type + hr,
.text-5 ol:last-of-type + hr,
.text-6 ol:last-of-type + hr,
.text-7 ol:last-of-type + hr,
.text-1 ul:last-of-type + table,
.text-2 ul:last-of-type + table,
.text-3 ul:last-of-type + table,
.text-4 ul:last-of-type + table,
.text-5 ul:last-of-type + table,
.text-6 ul:last-of-type + table,
.text-7 ul:last-of-type + table,
.text-1 ol:last-of-type + table,
.text-2 ol:last-of-type + table,
.text-3 ol:last-of-type + table,
.text-4 ol:last-of-type + table,
.text-5 ol:last-of-type + table,
.text-6 ol:last-of-type + table,
.text-7 ol:last-of-type + table {
  margin-top: 24px;
}
.text-1 p:not([class^="heading-"]),
.text-2 p:not([class^="heading-"]),
.text-3 p:not([class^="heading-"]),
.text-4 p:not([class^="heading-"]),
.text-5 p:not([class^="heading-"]),
.text-6 p:not([class^="heading-"]),
.text-7 p:not([class^="heading-"]),
.text-1 ul,
.text-2 ul,
.text-3 ul,
.text-4 ul,
.text-5 ul,
.text-6 ul,
.text-7 ul,
.text-1 ol,
.text-2 ol,
.text-3 ol,
.text-4 ol,
.text-5 ol,
.text-6 ol,
.text-7 ol,
.text-1 hr,
.text-2 hr,
.text-3 hr,
.text-4 hr,
.text-5 hr,
.text-6 hr,
.text-7 hr,
.text-1 table,
.text-2 table,
.text-3 table,
.text-4 table,
.text-5 table,
.text-6 table,
.text-7 table {
  margin-bottom: 24px;
}
.text-1 p:not([class^="heading-"]):last-of-type,
.text-2 p:not([class^="heading-"]):last-of-type,
.text-3 p:not([class^="heading-"]):last-of-type,
.text-4 p:not([class^="heading-"]):last-of-type,
.text-5 p:not([class^="heading-"]):last-of-type,
.text-6 p:not([class^="heading-"]):last-of-type,
.text-7 p:not([class^="heading-"]):last-of-type,
.text-1 ul:last-of-type,
.text-2 ul:last-of-type,
.text-3 ul:last-of-type,
.text-4 ul:last-of-type,
.text-5 ul:last-of-type,
.text-6 ul:last-of-type,
.text-7 ul:last-of-type,
.text-1 ol:last-of-type,
.text-2 ol:last-of-type,
.text-3 ol:last-of-type,
.text-4 ol:last-of-type,
.text-5 ol:last-of-type,
.text-6 ol:last-of-type,
.text-7 ol:last-of-type,
.text-1 hr:last-of-type,
.text-2 hr:last-of-type,
.text-3 hr:last-of-type,
.text-4 hr:last-of-type,
.text-5 hr:last-of-type,
.text-6 hr:last-of-type,
.text-7 hr:last-of-type,
.text-1 table:last-of-type,
.text-2 table:last-of-type,
.text-3 table:last-of-type,
.text-4 table:last-of-type,
.text-5 table:last-of-type,
.text-6 table:last-of-type,
.text-7 table:last-of-type {
  margin-bottom: 24px !important;
}
.text-1 p:not([class^="heading-"]):last-child,
.text-2 p:not([class^="heading-"]):last-child,
.text-3 p:not([class^="heading-"]):last-child,
.text-4 p:not([class^="heading-"]):last-child,
.text-5 p:not([class^="heading-"]):last-child,
.text-6 p:not([class^="heading-"]):last-child,
.text-7 p:not([class^="heading-"]):last-child,
.text-1 ul:last-child,
.text-2 ul:last-child,
.text-3 ul:last-child,
.text-4 ul:last-child,
.text-5 ul:last-child,
.text-6 ul:last-child,
.text-7 ul:last-child,
.text-1 ol:last-child,
.text-2 ol:last-child,
.text-3 ol:last-child,
.text-4 ol:last-child,
.text-5 ol:last-child,
.text-6 ol:last-child,
.text-7 ol:last-child {
  margin-bottom: 0px !important;
}
td {
  padding: 1px 8px;
  border: 1px solid #e4e7eb;
}
.text-1 a:not([class]),
.text-2 a:not([class]),
.text-3 a:not([class]),
.text-4 a:not([class]),
.text-5 a:not([class]),
.text-6 a:not([class]),
.button-5,
.button-6 {
  position: relative;
}
.text-1 a:not([class])::before,
.text-2 a:not([class])::before,
.text-3 a:not([class])::before,
.text-4 a:not([class])::before,
.text-5 a:not([class])::before,
.text-6 a:not([class])::before,
.button-5::before,
.button-6::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 300ms ease 0ms;
  background-color: currentColor;
}
.text-1 a:not([class])::before,
.text-2 a:not([class])::before,
.text-3 a:not([class])::before,
.text-4 a:not([class])::before,
.text-5 a:not([class])::before,
.text-6 a:not([class])::before {
  bottom: -0.1em;
}
.text-1 a:not([class]):hover::before,
.text-2 a:not([class]):hover::before,
.text-3 a:not([class]):hover::before,
.text-4 a:not([class]):hover::before,
.text-5 a:not([class]):hover::before,
.text-6 a:not([class]):hover::before,
.button-5:hover::before,
.button-6:hover::before {
  transform: scaleX(1);
}
body {
  line-height: 2;
}
.container {
  width: 1400px;
}
.col {
  padding: 4cqw;
  padding-top: 4cqh;
  padding-bottom: 4cqh;
}
section {
  padding-bottom: 4cqw;
  padding-top: 4cqw;
}
section > x-shape {
  padding-bottom: 4cqw;
  padding-top: 4cqw;
}
section[data-shape="bg"] {
  padding-bottom: 4cqw;
  padding-top: 4cqw;
}
section.light {
  background-color: #ffffff;
}
section.light > x-shape {
  background-color: #ffffff;
}
section.light > x-shape-bg > * {
  background-color: #ffffff;
}
section.light-shade {
  background-color: #f7f8fa;
}
section.light-shade > x-shape {
  background-color: #f7f8fa;
}
section.light-shade > x-shape-bg > * {
  background-color: #f7f8fa;
}
section.dark {
  background-color: #212326;
}
section.dark > x-shape {
  background-color: #212326;
}
section.dark > x-shape-bg > * {
  background-color: #212326;
}
section.dark-shade {
  background-color: #4c5359;
}
section.dark-shade > x-shape {
  background-color: #4c5359;
}
section.dark-shade > x-shape-bg > * {
  background-color: #4c5359;
}
footer {
  padding-bottom: 4cqh;
  padding-top: 4cqh;
}
footer > x-shape {
  padding-bottom: 4cqh;
  padding-top: 4cqh;
}
footer[data-shape="bg"] {
  padding-bottom: 4cqh;
  padding-top: 4cqh;
}
footer.light {
  background-color: #ffffff;
}
footer.light > x-shape {
  background-color: #ffffff;
}
footer.light > x-shape-bg > * {
  background-color: #ffffff;
}
footer.light-shade {
  background-color: #f2f5f7;
}
footer.light-shade > x-shape {
  background-color: #f2f5f7;
}
footer.light-shade > x-shape-bg > * {
  background-color: #f2f5f7;
}
footer.dark {
  background-color: #000000;
}
footer.dark > x-shape {
  background-color: #000000;
}
footer.dark > x-shape-bg > * {
  background-color: #000000;
}
footer.dark-shade {
  background-color: #4c5359;
}
footer.dark-shade > x-shape {
  background-color: #4c5359;
}
footer.dark-shade > x-shape-bg > * {
  background-color: #4c5359;
}
.card-3 {
  border-radius: 5px;
  margin-bottom: calc(24px * 1.5);
  padding: 28px;
}
.card-3 > x-shape {
  padding: 28px;
}
.card-3[data-shape="bg"] {
  padding: 28px;
}
.card-3.light {
  background-color: #ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-3.light[data-shape="all"] {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  will-change: filter;
}
.card-3.light > x-shape {
  background-color: #ffffff;
}
.card-3.light > x-shape-bg {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  will-change: filter;
}
.card-3.light > x-shape-bg > * {
  background-color: #ffffff;
}
.card-3.light-shade {
  background-color: #f2f5f7;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
}
.card-3.light-shade[data-shape="all"] {
  filter: drop-shadow(0px 15px 20px rgba(0, 0, 0, 0.05));
  will-change: filter;
}
.card-3.light-shade > x-shape {
  background-color: #f2f5f7;
}
.card-3.light-shade > x-shape-bg {
  filter: drop-shadow(0px 15px 20px rgba(0, 0, 0, 0.05));
  will-change: filter;
}
.card-3.light-shade > x-shape-bg > * {
  background-color: #f2f5f7;
}
.card-3.dark {
  background-color: #212326;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.card-3.dark[data-shape="all"] {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  will-change: filter;
}
.card-3.dark > x-shape {
  background-color: #212326;
}
.card-3.dark > x-shape-bg {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  will-change: filter;
}
.card-3.dark > x-shape-bg > * {
  background-color: #212326;
}
.card-3.dark-shade {
  background-color: #4c5359;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.card-3.dark-shade[data-shape="all"] {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
  will-change: filter;
}
.card-3.dark-shade > x-shape {
  background-color: #4c5359;
}
.card-3.dark-shade > x-shape-bg {
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2));
  will-change: filter;
}
.card-3.dark-shade > x-shape-bg > * {
  background-color: #4c5359;
}
.heading-1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 24px;
}
.heading-1.light {
  color: #f5f6f7;
}
.heading-1.dark {
  color: #1f2933;
}
.heading-1.has-sub {
  margin-bottom: calc(24px * 0.5);
}
.heading-1 a:not([class]) {
  text-decoration: underline;
}
.heading-2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 24px;
}
.heading-2.light {
  color: #f5f6f7;
}
.heading-2.dark {
  color: #212326;
}
.heading-2.has-sub {
  margin-bottom: calc(24px * 0.5);
}
.heading-2 a:not([class]) {
  text-decoration: underline;
}
.heading-3 {
  font-size: calc(22px + 0px);
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: 24px;
}
.heading-3.light {
  color: #f5f6f7;
}
.heading-3.dark {
  color: #1f2933;
}
.heading-3.has-sub {
  margin-bottom: calc(24px * 0.5);
}
.heading-3 a:not([class]) {
  text-decoration: underline;
}
.heading-4 {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: calc(24px * 0.5);
}
.heading-4.light {
  color: #f5f6f7;
}
.heading-4.dark {
  color: #1f2933;
}
.heading-4.has-sub {
  margin-bottom: calc(24px * 0.25);
}
.heading-4 a:not([class]) {
  text-decoration: underline;
}
.heading-5 {
  font-size: calc(16px + 0px);
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: calc(24px * 0.5);
}
.heading-5.light {
  color: #f5f6f7;
}
.heading-5.dark {
  color: #1f2933;
}
.heading-5.has-sub {
  margin-bottom: calc(24px * 0.25);
}
.heading-5 a:not([class]) {
  text-decoration: underline;
}
.heading-6 {
  font-size: calc(16px + 0px);
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: calc(24px * 0.5);
}
.heading-6.light {
  color: #f5f6f7;
}
.heading-6.dark {
  color: #1f2933;
}
.heading-6.has-sub {
  margin-bottom: calc(24px * 0.25);
}
.heading-6 a:not([class]) {
  text-decoration: underline;
}
.text-1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 24px;
}
.text-1.light a:not([class]) {
  color: #f40001;
}
.text-1.dark a:not([class]) {
  color: #f40001;
}
.text-1.light {
  color: #ffffff;
}
.text-1.dark {
  color: #1f2933;
}
.text-2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
  margin-bottom: 24px;
}
.text-2.light a:not([class]) {
  color: #f40001;
}
.text-2.dark a:not([class]) {
  color: #f40001;
}
.text-2.light {
  color: #e4e7eb;
}
.text-2.dark {
  color: #4c5359;
}
.text-3 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.75;
  margin-bottom: 24px;
}
.text-3.light a:not([class]) {
  color: #f40001;
}
.text-3.dark a:not([class]) {
  color: #f40001;
}
.text-3.light {
  color: #f5f6f7;
}
.text-3.dark {
  color: #1f2933;
}
.text-4 {
  color: #616e7c;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 24px;
}
.text-4.light a:not([class]) {
  color: #f40001;
}
.text-4.dark a:not([class]) {
  color: #f40001;
}
.text-4.light {
  color: #e4e7eb;
}
.text-4.dark {
  color: #4c5359;
}
.text-5 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 24px;
}
.text-5.light a:not([class]) {
  color: #f40001;
}
.text-5.dark a:not([class]) {
  color: #f40001;
}
.text-5.light {
  color: #f5f6f7;
}
.text-5.dark {
  color: #1f2933;
}
.text-6 {
  color: #ffbf00;
  font-size: 16px;
  font-weight: normal;
  line-height: 2;
  margin-bottom: 24px;
}
.text-6.light {
  color: #e4e7eb;
}
.text-6.dark {
  color: #4c5359;
}
.button-wrapper {
  column-gap: 24px;
  margin-bottom: 24px;
  row-gap: 24px;
}
.button-1 {
  border-radius: 100px;
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
.button-1:not([data-effect]),
.button-1.effect-end,
.button-1:not([data-effect])[class*="media-"]::after,
.button-1.effect-end[class*="media-"]::after,
.button-1:not([data-effect])[class*="media-"] img,
.button-1.effect-end[class*="media-"] img,
.button-1:not([data-effect])[class*="media-"] svg,
.button-1.effect-end[class*="media-"] svg,
.button-1:not([data-effect])[class*="media-"] svg *,
.button-1.effect-end[class*="media-"] svg *,
.button-1:not([data-effect])[class*="icon-"] img,
.button-1.effect-end[class*="icon-"] img,
.button-1:not([data-effect])[class*="icon-"] svg,
.button-1.effect-end[class*="icon-"] svg,
.button-1:not([data-effect])[class*="icon-"] svg *,
.button-1.effect-end[class*="icon-"] svg *,
.button-1:not([data-effect]).form-field-1 > input,
.button-1.effect-end.form-field-1 > input,
.button-1:not([data-effect]).form-field-2 > textarea,
.button-1.effect-end.form-field-2 > textarea,
.button-1:not([data-effect]).form-field-3 > input,
.button-1.effect-end.form-field-3 > input,
.button-1:not([data-effect]).form-field-4 > .radio,
.button-1.effect-end.form-field-4 > .radio,
.button-1:not([data-effect]).form-field-5 > .checkbox,
.button-1.effect-end.form-field-5 > .checkbox,
.button-1:not([data-effect]).form-field-6 > input,
.button-1.effect-end.form-field-6 > input {
  transition: background-color 250ms;
}
.button-1[data-shape="all"]:not([data-effect]),
.button-1[data-shape="all"].effect-end,
.button-1[data-shape="all"]:not([data-effect])[class*="media-"]::after,
.button-1[data-shape="all"].effect-end[class*="media-"]::after,
.button-1[data-shape="all"]:not([data-effect])[class*="media-"] img,
.button-1[data-shape="all"].effect-end[class*="media-"] img,
.button-1[data-shape="all"]:not([data-effect])[class*="media-"] svg,
.button-1[data-shape="all"].effect-end[class*="media-"] svg,
.button-1[data-shape="all"]:not([data-effect])[class*="media-"] svg *,
.button-1[data-shape="all"].effect-end[class*="media-"] svg *,
.button-1[data-shape="all"]:not([data-effect])[class*="icon-"] img,
.button-1[data-shape="all"].effect-end[class*="icon-"] img,
.button-1[data-shape="all"]:not([data-effect])[class*="icon-"] svg,
.button-1[data-shape="all"].effect-end[class*="icon-"] svg,
.button-1[data-shape="all"]:not([data-effect])[class*="icon-"] svg *,
.button-1[data-shape="all"].effect-end[class*="icon-"] svg *,
.button-1[data-shape="all"]:not([data-effect]).form-field-1 > input,
.button-1[data-shape="all"].effect-end.form-field-1 > input,
.button-1[data-shape="all"]:not([data-effect]).form-field-2 > textarea,
.button-1[data-shape="all"].effect-end.form-field-2 > textarea,
.button-1[data-shape="all"]:not([data-effect]).form-field-3 > input,
.button-1[data-shape="all"].effect-end.form-field-3 > input,
.button-1[data-shape="all"]:not([data-effect]).form-field-4 > .radio,
.button-1[data-shape="all"].effect-end.form-field-4 > .radio,
.button-1[data-shape="all"]:not([data-effect]).form-field-5 > .checkbox,
.button-1[data-shape="all"].effect-end.form-field-5 > .checkbox,
.button-1[data-shape="all"]:not([data-effect]).form-field-6 > input,
.button-1[data-shape="all"].effect-end.form-field-6 > input {
  transition: background-color 250ms;
}
.button-1 > x-shape {
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.button-1[data-shape="bg"] {
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.button-1 > x-shape-bg:not([data-effect]),
.button-1 > x-shape-bg.effect-end,
.button-1 > x-shape-bg:not([data-effect])[class*="media-"]::after,
.button-1 > x-shape-bg.effect-end[class*="media-"]::after,
.button-1 > x-shape-bg:not([data-effect])[class*="media-"] img,
.button-1 > x-shape-bg.effect-end[class*="media-"] img,
.button-1 > x-shape-bg:not([data-effect])[class*="media-"] svg,
.button-1 > x-shape-bg.effect-end[class*="media-"] svg,
.button-1 > x-shape-bg:not([data-effect])[class*="media-"] svg *,
.button-1 > x-shape-bg.effect-end[class*="media-"] svg *,
.button-1 > x-shape-bg:not([data-effect])[class*="icon-"] img,
.button-1 > x-shape-bg.effect-end[class*="icon-"] img,
.button-1 > x-shape-bg:not([data-effect])[class*="icon-"] svg,
.button-1 > x-shape-bg.effect-end[class*="icon-"] svg,
.button-1 > x-shape-bg:not([data-effect])[class*="icon-"] svg *,
.button-1 > x-shape-bg.effect-end[class*="icon-"] svg *,
.button-1 > x-shape-bg:not([data-effect]).form-field-1 > input,
.button-1 > x-shape-bg.effect-end.form-field-1 > input,
.button-1 > x-shape-bg:not([data-effect]).form-field-2 > textarea,
.button-1 > x-shape-bg.effect-end.form-field-2 > textarea,
.button-1 > x-shape-bg:not([data-effect]).form-field-3 > input,
.button-1 > x-shape-bg.effect-end.form-field-3 > input,
.button-1 > x-shape-bg:not([data-effect]).form-field-4 > .radio,
.button-1 > x-shape-bg.effect-end.form-field-4 > .radio,
.button-1 > x-shape-bg:not([data-effect]).form-field-5 > .checkbox,
.button-1 > x-shape-bg.effect-end.form-field-5 > .checkbox,
.button-1 > x-shape-bg:not([data-effect]).form-field-6 > input,
.button-1 > x-shape-bg.effect-end.form-field-6 > input {
  transition: background-color 250ms;
}
.button-1.light {
  background-color: #f40001;
  color: #ffffff;
}
.button-1.light > x-shape {
  background-color: #f40001;
}
.button-1.light > x-shape-bg > * {
  background-color: #f40001;
}
.button-1.light:hover {
  background-color: #ff5959;
  color: #ffffff;
}
.button-1.light:hover > x-shape {
  background-color: #ff5959;
}
.button-1.light:hover > x-shape-bg > * {
  background-color: #ff5959;
}
.button-1.dark {
  background-color: #f40001;
  color: #ffffff;
}
.button-1.dark > x-shape {
  background-color: #f40001;
}
.button-1.dark > x-shape-bg > * {
  background-color: #f40001;
}
.button-1.dark:hover {
  background-color: #bd0000;
  color: #ffffff;
}
.button-1.dark:hover > x-shape {
  background-color: #bd0000;
}
.button-1.dark:hover > x-shape-bg > * {
  background-color: #bd0000;
}
.button-2 {
  border-radius: 100px;
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
.button-2:not([data-effect]),
.button-2.effect-end,
.button-2:not([data-effect])[class*="media-"]::after,
.button-2.effect-end[class*="media-"]::after,
.button-2:not([data-effect])[class*="media-"] img,
.button-2.effect-end[class*="media-"] img,
.button-2:not([data-effect])[class*="media-"] svg,
.button-2.effect-end[class*="media-"] svg,
.button-2:not([data-effect])[class*="media-"] svg *,
.button-2.effect-end[class*="media-"] svg *,
.button-2:not([data-effect])[class*="icon-"] img,
.button-2.effect-end[class*="icon-"] img,
.button-2:not([data-effect])[class*="icon-"] svg,
.button-2.effect-end[class*="icon-"] svg,
.button-2:not([data-effect])[class*="icon-"] svg *,
.button-2.effect-end[class*="icon-"] svg *,
.button-2:not([data-effect]).form-field-1 > input,
.button-2.effect-end.form-field-1 > input,
.button-2:not([data-effect]).form-field-2 > textarea,
.button-2.effect-end.form-field-2 > textarea,
.button-2:not([data-effect]).form-field-3 > input,
.button-2.effect-end.form-field-3 > input,
.button-2:not([data-effect]).form-field-4 > .radio,
.button-2.effect-end.form-field-4 > .radio,
.button-2:not([data-effect]).form-field-5 > .checkbox,
.button-2.effect-end.form-field-5 > .checkbox,
.button-2:not([data-effect]).form-field-6 > input,
.button-2.effect-end.form-field-6 > input {
  transition: background-color 250ms;
}
.button-2[data-shape="all"]:not([data-effect]),
.button-2[data-shape="all"].effect-end,
.button-2[data-shape="all"]:not([data-effect])[class*="media-"]::after,
.button-2[data-shape="all"].effect-end[class*="media-"]::after,
.button-2[data-shape="all"]:not([data-effect])[class*="media-"] img,
.button-2[data-shape="all"].effect-end[class*="media-"] img,
.button-2[data-shape="all"]:not([data-effect])[class*="media-"] svg,
.button-2[data-shape="all"].effect-end[class*="media-"] svg,
.button-2[data-shape="all"]:not([data-effect])[class*="media-"] svg *,
.button-2[data-shape="all"].effect-end[class*="media-"] svg *,
.button-2[data-shape="all"]:not([data-effect])[class*="icon-"] img,
.button-2[data-shape="all"].effect-end[class*="icon-"] img,
.button-2[data-shape="all"]:not([data-effect])[class*="icon-"] svg,
.button-2[data-shape="all"].effect-end[class*="icon-"] svg,
.button-2[data-shape="all"]:not([data-effect])[class*="icon-"] svg *,
.button-2[data-shape="all"].effect-end[class*="icon-"] svg *,
.button-2[data-shape="all"]:not([data-effect]).form-field-1 > input,
.button-2[data-shape="all"].effect-end.form-field-1 > input,
.button-2[data-shape="all"]:not([data-effect]).form-field-2 > textarea,
.button-2[data-shape="all"].effect-end.form-field-2 > textarea,
.button-2[data-shape="all"]:not([data-effect]).form-field-3 > input,
.button-2[data-shape="all"].effect-end.form-field-3 > input,
.button-2[data-shape="all"]:not([data-effect]).form-field-4 > .radio,
.button-2[data-shape="all"].effect-end.form-field-4 > .radio,
.button-2[data-shape="all"]:not([data-effect]).form-field-5 > .checkbox,
.button-2[data-shape="all"].effect-end.form-field-5 > .checkbox,
.button-2[data-shape="all"]:not([data-effect]).form-field-6 > input,
.button-2[data-shape="all"].effect-end.form-field-6 > input {
  transition: background-color 250ms;
}
.button-2 > x-shape {
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.button-2[data-shape="bg"] {
  padding: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.button-2 > x-shape-bg:not([data-effect]),
.button-2 > x-shape-bg.effect-end,
.button-2 > x-shape-bg:not([data-effect])[class*="media-"]::after,
.button-2 > x-shape-bg.effect-end[class*="media-"]::after,
.button-2 > x-shape-bg:not([data-effect])[class*="media-"] img,
.button-2 > x-shape-bg.effect-end[class*="media-"] img,
.button-2 > x-shape-bg:not([data-effect])[class*="media-"] svg,
.button-2 > x-shape-bg.effect-end[class*="media-"] svg,
.button-2 > x-shape-bg:not([data-effect])[class*="media-"] svg *,
.button-2 > x-shape-bg.effect-end[class*="media-"] svg *,
.button-2 > x-shape-bg:not([data-effect])[class*="icon-"] img,
.button-2 > x-shape-bg.effect-end[class*="icon-"] img,
.button-2 > x-shape-bg:not([data-effect])[class*="icon-"] svg,
.button-2 > x-shape-bg.effect-end[class*="icon-"] svg,
.button-2 > x-shape-bg:not([data-effect])[class*="icon-"] svg *,
.button-2 > x-shape-bg.effect-end[class*="icon-"] svg *,
.button-2 > x-shape-bg:not([data-effect]).form-field-1 > input,
.button-2 > x-shape-bg.effect-end.form-field-1 > input,
.button-2 > x-shape-bg:not([data-effect]).form-field-2 > textarea,
.button-2 > x-shape-bg.effect-end.form-field-2 > textarea,
.button-2 > x-shape-bg:not([data-effect]).form-field-3 > input,
.button-2 > x-shape-bg.effect-end.form-field-3 > input,
.button-2 > x-shape-bg:not([data-effect]).form-field-4 > .radio,
.button-2 > x-shape-bg.effect-end.form-field-4 > .radio,
.button-2 > x-shape-bg:not([data-effect]).form-field-5 > .checkbox,
.button-2 > x-shape-bg.effect-end.form-field-5 > .checkbox,
.button-2 > x-shape-bg:not([data-effect]).form-field-6 > input,
.button-2 > x-shape-bg.effect-end.form-field-6 > input {
  transition: background-color 250ms;
}
.button-2.light {
  background-color: #616e7c;
  color: #ffffff;
}
.button-2.light > x-shape {
  background-color: #616e7c;
}
.button-2.light > x-shape-bg > * {
  background-color: #616e7c;
}
.button-2.light:hover {
  background-color: #7b8794;
  color: #ffffff;
}
.button-2.light:hover > x-shape {
  background-color: #7b8794;
}
.button-2.light:hover > x-shape-bg > * {
  background-color: #7b8794;
}
.button-2.dark {
  background-color: #18ab30;
  color: #ffffff;
}
.button-2.dark > x-shape {
  background-color: #18ab30;
}
.button-2.dark > x-shape-bg > * {
  background-color: #18ab30;
}
.button-2.dark:hover {
  background-color: #51c965;
  color: #ffffff;
}
.button-2.dark:hover > x-shape {
  background-color: #51c965;
}
.button-2.dark:hover > x-shape-bg > * {
  background-color: #51c965;
}
.button-5:not([data-effect]),
.button-5.effect-end,
.button-5:not([data-effect])[class*="media-"]::after,
.button-5.effect-end[class*="media-"]::after,
.button-5:not([data-effect])[class*="media-"] img,
.button-5.effect-end[class*="media-"] img,
.button-5:not([data-effect])[class*="media-"] svg,
.button-5.effect-end[class*="media-"] svg,
.button-5:not([data-effect])[class*="media-"] svg *,
.button-5.effect-end[class*="media-"] svg *,
.button-5:not([data-effect])[class*="icon-"] img,
.button-5.effect-end[class*="icon-"] img,
.button-5:not([data-effect])[class*="icon-"] svg,
.button-5.effect-end[class*="icon-"] svg,
.button-5:not([data-effect])[class*="icon-"] svg *,
.button-5.effect-end[class*="icon-"] svg *,
.button-5:not([data-effect]).form-field-1 > input,
.button-5.effect-end.form-field-1 > input,
.button-5:not([data-effect]).form-field-2 > textarea,
.button-5.effect-end.form-field-2 > textarea,
.button-5:not([data-effect]).form-field-3 > input,
.button-5.effect-end.form-field-3 > input,
.button-5:not([data-effect]).form-field-4 > .radio,
.button-5.effect-end.form-field-4 > .radio,
.button-5:not([data-effect]).form-field-5 > .checkbox,
.button-5.effect-end.form-field-5 > .checkbox,
.button-5:not([data-effect]).form-field-6 > input,
.button-5.effect-end.form-field-6 > input {
  transition: color 250ms;
}
.button-5[data-shape="all"]:not([data-effect]),
.button-5[data-shape="all"].effect-end,
.button-5[data-shape="all"]:not([data-effect])[class*="media-"]::after,
.button-5[data-shape="all"].effect-end[class*="media-"]::after,
.button-5[data-shape="all"]:not([data-effect])[class*="media-"] img,
.button-5[data-shape="all"].effect-end[class*="media-"] img,
.button-5[data-shape="all"]:not([data-effect])[class*="media-"] svg,
.button-5[data-shape="all"].effect-end[class*="media-"] svg,
.button-5[data-shape="all"]:not([data-effect])[class*="media-"] svg *,
.button-5[data-shape="all"].effect-end[class*="media-"] svg *,
.button-5[data-shape="all"]:not([data-effect])[class*="icon-"] img,
.button-5[data-shape="all"].effect-end[class*="icon-"] img,
.button-5[data-shape="all"]:not([data-effect])[class*="icon-"] svg,
.button-5[data-shape="all"].effect-end[class*="icon-"] svg,
.button-5[data-shape="all"]:not([data-effect])[class*="icon-"] svg *,
.button-5[data-shape="all"].effect-end[class*="icon-"] svg *,
.button-5[data-shape="all"]:not([data-effect]).form-field-1 > input,
.button-5[data-shape="all"].effect-end.form-field-1 > input,
.button-5[data-shape="all"]:not([data-effect]).form-field-2 > textarea,
.button-5[data-shape="all"].effect-end.form-field-2 > textarea,
.button-5[data-shape="all"]:not([data-effect]).form-field-3 > input,
.button-5[data-shape="all"].effect-end.form-field-3 > input,
.button-5[data-shape="all"]:not([data-effect]).form-field-4 > .radio,
.button-5[data-shape="all"].effect-end.form-field-4 > .radio,
.button-5[data-shape="all"]:not([data-effect]).form-field-5 > .checkbox,
.button-5[data-shape="all"].effect-end.form-field-5 > .checkbox,
.button-5[data-shape="all"]:not([data-effect]).form-field-6 > input,
.button-5[data-shape="all"].effect-end.form-field-6 > input {
  transition: color 250ms;
}
.button-5 > x-shape-bg:not([data-effect]),
.button-5 > x-shape-bg.effect-end,
.button-5 > x-shape-bg:not([data-effect])[class*="media-"]::after,
.button-5 > x-shape-bg.effect-end[class*="media-"]::after,
.button-5 > x-shape-bg:not([data-effect])[class*="media-"] img,
.button-5 > x-shape-bg.effect-end[class*="media-"] img,
.button-5 > x-shape-bg:not([data-effect])[class*="media-"] svg,
.button-5 > x-shape-bg.effect-end[class*="media-"] svg,
.button-5 > x-shape-bg:not([data-effect])[class*="media-"] svg *,
.button-5 > x-shape-bg.effect-end[class*="media-"] svg *,
.button-5 > x-shape-bg:not([data-effect])[class*="icon-"] img,
.button-5 > x-shape-bg.effect-end[class*="icon-"] img,
.button-5 > x-shape-bg:not([data-effect])[class*="icon-"] svg,
.button-5 > x-shape-bg.effect-end[class*="icon-"] svg,
.button-5 > x-shape-bg:not([data-effect])[class*="icon-"] svg *,
.button-5 > x-shape-bg.effect-end[class*="icon-"] svg *,
.button-5 > x-shape-bg:not([data-effect]).form-field-1 > input,
.button-5 > x-shape-bg.effect-end.form-field-1 > input,
.button-5 > x-shape-bg:not([data-effect]).form-field-2 > textarea,
.button-5 > x-shape-bg.effect-end.form-field-2 > textarea,
.button-5 > x-shape-bg:not([data-effect]).form-field-3 > input,
.button-5 > x-shape-bg.effect-end.form-field-3 > input,
.button-5 > x-shape-bg:not([data-effect]).form-field-4 > .radio,
.button-5 > x-shape-bg.effect-end.form-field-4 > .radio,
.button-5 > x-shape-bg:not([data-effect]).form-field-5 > .checkbox,
.button-5 > x-shape-bg.effect-end.form-field-5 > .checkbox,
.button-5 > x-shape-bg:not([data-effect]).form-field-6 > input,
.button-5 > x-shape-bg.effect-end.form-field-6 > input {
  transition: color 250ms;
}
.button-5:hover {
  text-decoration: none;
}
.button-5.light {
  color: #f5f6f7;
}
.button-5.light:hover {
  color: #ffffff;
}
.button-5.dark {
  color: #f40001;
}
.button-5.dark:hover {
  color: #bd0000;
}
.button-6:not([data-effect]),
.button-6.effect-end,
.button-6:not([data-effect])[class*="media-"]::after,
.button-6.effect-end[class*="media-"]::after,
.button-6:not([data-effect])[class*="media-"] img,
.button-6.effect-end[class*="media-"] img,
.button-6:not([data-effect])[class*="media-"] svg,
.button-6.effect-end[class*="media-"] svg,
.button-6:not([data-effect])[class*="media-"] svg *,
.button-6.effect-end[class*="media-"] svg *,
.button-6:not([data-effect])[class*="icon-"] img,
.button-6.effect-end[class*="icon-"] img,
.button-6:not([data-effect])[class*="icon-"] svg,
.button-6.effect-end[class*="icon-"] svg,
.button-6:not([data-effect])[class*="icon-"] svg *,
.button-6.effect-end[class*="icon-"] svg *,
.button-6:not([data-effect]).form-field-1 > input,
.button-6.effect-end.form-field-1 > input,
.button-6:not([data-effect]).form-field-2 > textarea,
.button-6.effect-end.form-field-2 > textarea,
.button-6:not([data-effect]).form-field-3 > input,
.button-6.effect-end.form-field-3 > input,
.button-6:not([data-effect]).form-field-4 > .radio,
.button-6.effect-end.form-field-4 > .radio,
.button-6:not([data-effect]).form-field-5 > .checkbox,
.button-6.effect-end.form-field-5 > .checkbox,
.button-6:not([data-effect]).form-field-6 > input,
.button-6.effect-end.form-field-6 > input {
  transition: color 250ms;
}
.button-6[data-shape="all"]:not([data-effect]),
.button-6[data-shape="all"].effect-end,
.button-6[data-shape="all"]:not([data-effect])[class*="media-"]::after,
.button-6[data-shape="all"].effect-end[class*="media-"]::after,
.button-6[data-shape="all"]:not([data-effect])[class*="media-"] img,
.button-6[data-shape="all"].effect-end[class*="media-"] img,
.button-6[data-shape="all"]:not([data-effect])[class*="media-"] svg,
.button-6[data-shape="all"].effect-end[class*="media-"] svg,
.button-6[data-shape="all"]:not([data-effect])[class*="media-"] svg *,
.button-6[data-shape="all"].effect-end[class*="media-"] svg *,
.button-6[data-shape="all"]:not([data-effect])[class*="icon-"] img,
.button-6[data-shape="all"].effect-end[class*="icon-"] img,
.button-6[data-shape="all"]:not([data-effect])[class*="icon-"] svg,
.button-6[data-shape="all"].effect-end[class*="icon-"] svg,
.button-6[data-shape="all"]:not([data-effect])[class*="icon-"] svg *,
.button-6[data-shape="all"].effect-end[class*="icon-"] svg *,
.button-6[data-shape="all"]:not([data-effect]).form-field-1 > input,
.button-6[data-shape="all"].effect-end.form-field-1 > input,
.button-6[data-shape="all"]:not([data-effect]).form-field-2 > textarea,
.button-6[data-shape="all"].effect-end.form-field-2 > textarea,
.button-6[data-shape="all"]:not([data-effect]).form-field-3 > input,
.button-6[data-shape="all"].effect-end.form-field-3 > input,
.button-6[data-shape="all"]:not([data-effect]).form-field-4 > .radio,
.button-6[data-shape="all"].effect-end.form-field-4 > .radio,
.button-6[data-shape="all"]:not([data-effect]).form-field-5 > .checkbox,
.button-6[data-shape="all"].effect-end.form-field-5 > .checkbox,
.button-6[data-shape="all"]:not([data-effect]).form-field-6 > input,
.button-6[data-shape="all"].effect-end.form-field-6 > input {
  transition: color 250ms;
}
.button-6 > x-shape-bg:not([data-effect]),
.button-6 > x-shape-bg.effect-end,
.button-6 > x-shape-bg:not([data-effect])[class*="media-"]::after,
.button-6 > x-shape-bg.effect-end[class*="media-"]::after,
.button-6 > x-shape-bg:not([data-effect])[class*="media-"] img,
.button-6 > x-shape-bg.effect-end[class*="media-"] img,
.button-6 > x-shape-bg:not([data-effect])[class*="media-"] svg,
.button-6 > x-shape-bg.effect-end[class*="media-"] svg,
.button-6 > x-shape-bg:not([data-effect])[class*="media-"] svg *,
.button-6 > x-shape-bg.effect-end[class*="media-"] svg *,
.button-6 > x-shape-bg:not([data-effect])[class*="icon-"] img,
.button-6 > x-shape-bg.effect-end[class*="icon-"] img,
.button-6 > x-shape-bg:not([data-effect])[class*="icon-"] svg,
.button-6 > x-shape-bg.effect-end[class*="icon-"] svg,
.button-6 > x-shape-bg:not([data-effect])[class*="icon-"] svg *,
.button-6 > x-shape-bg.effect-end[class*="icon-"] svg *,
.button-6 > x-shape-bg:not([data-effect]).form-field-1 > input,
.button-6 > x-shape-bg.effect-end.form-field-1 > input,
.button-6 > x-shape-bg:not([data-effect]).form-field-2 > textarea,
.button-6 > x-shape-bg.effect-end.form-field-2 > textarea,
.button-6 > x-shape-bg:not([data-effect]).form-field-3 > input,
.button-6 > x-shape-bg.effect-end.form-field-3 > input,
.button-6 > x-shape-bg:not([data-effect]).form-field-4 > .radio,
.button-6 > x-shape-bg.effect-end.form-field-4 > .radio,
.button-6 > x-shape-bg:not([data-effect]).form-field-5 > .checkbox,
.button-6 > x-shape-bg.effect-end.form-field-5 > .checkbox,
.button-6 > x-shape-bg:not([data-effect]).form-field-6 > input,
.button-6 > x-shape-bg.effect-end.form-field-6 > input {
  transition: color 250ms;
}
.button-6:hover {
  text-decoration: none;
}
.button-6.light {
  color: #f2f5f7;
}
.button-6.light:hover {
  color: #ffffff;
}
.button-6.dark {
  color: #616e7c;
}
.button-6.dark:hover {
  color: #52606d;
}
.handler-1 {
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-bottom: calc(24px * 0.25);
  padding-top: calc(24px * 0.25);
}
.handler-1.light {
  background-image: url("/assets/files/arrow-down.ffffff.svg");
  color: #f2f5f7;
}
.handler-1.light.active {
  background-image: url("/assets/files/arrow-up.ffffff.svg");
}
.handler-1.dark {
  background-image: url("/assets/files/arrow-down.svg");
  color: #212326;
}
.handler-1.dark.active {
  background-image: url("/assets/files/arrow-up.svg");
}
.control-wrapper {
  column-gap: calc(24px * 0.25);
  margin-bottom: 24px;
  row-gap: calc(24px * 0.25);
}
.control-2 {
  height: 48px;
  padding: calc(24px * 0.25);
  width: 48px;
}
.control-2 > x-shape {
  padding: calc(24px * 0.25);
}
.control-2[data-shape="bg"] {
  padding: calc(24px * 0.25);
}
.control-2.light > svg,
.control-2.light > svg circle,
.control-2.light > svg ellipse,
.control-2.light > svg path,
.control-2.light > svg polygon,
.control-2.light > svg rect {
  fill: #ffffff !important;
}
.control-2.light > svg line {
  stroke: #ffffff !important;
}
.control-2.dark > svg,
.control-2.dark > svg circle,
.control-2.dark > svg ellipse,
.control-2.dark > svg path,
.control-2.dark > svg polygon,
.control-2.dark > svg rect {
  fill: #1f2933 !important;
}
.control-2.dark > svg line {
  stroke: #1f2933 !important;
}
.control-3 {
  border-radius: 5px;
  border-style: solid;
  border-width: 3px;
  height: 10px;
  width: 10px;
}
.control-3.light {
  background-color: #ffffff;
  border-color: #ffffff;
}
.control-3.light > x-shape {
  background-color: #ffffff;
}
.control-3.light > x-shape-bg > * {
  background-color: #ffffff;
}
.control-3.light:hover {
  background-color: #4c5359;
}
.control-3.light:hover > x-shape {
  background-color: #4c5359;
}
.control-3.light:hover > x-shape-bg > * {
  background-color: #4c5359;
}
.control-3.light.active {
  background-color: #1f2933;
}
.control-3.dark {
  background-color: #1f2933;
  border-color: #1f2933;
}
.control-3.dark > x-shape {
  background-color: #1f2933;
}
.control-3.dark > x-shape-bg > * {
  background-color: #1f2933;
}
.control-3.dark:hover {
  background-color: #e4e7eb;
}
.control-3.dark:hover > x-shape {
  background-color: #e4e7eb;
}
.control-3.dark:hover > x-shape-bg > * {
  background-color: #e4e7eb;
}
.control-3.dark.active {
  background-color: #f5f6f7;
}
.media-wrapper {
  column-gap: calc(24px * 0.5);
  margin-bottom: 24px;
  row-gap: calc(24px * 0.5);
}
.media-1 {
  height: 24px;
}
.media-1.light > svg,
.media-1.light > svg circle,
.media-1.light > svg ellipse,
.media-1.light > svg path,
.media-1.light > svg polygon,
.media-1.light > svg rect {
  fill: #ffffff !important;
}
.media-1.light > svg line {
  stroke: #ffffff !important;
}
.media-1.dark > svg,
.media-1.dark > svg circle,
.media-1.dark > svg ellipse,
.media-1.dark > svg path,
.media-1.dark > svg polygon,
.media-1.dark > svg rect {
  fill: #212326 !important;
}
.media-1.dark > svg line {
  stroke: #212326 !important;
}
.media-2 {
  border-radius: 5px;
  margin-bottom: calc(24px * 1.5);
}
.media-3 {
  border-radius: 5px;
  margin-bottom: 24px;
}
.media-6 {
  border-radius: 5px;
}
.icon-wrapper {
  column-gap: calc(24px * 0.25);
  margin-bottom: 24px;
  row-gap: calc(24px * 0.25);
}
.icon-1 {
  border-radius: 30px;
  height: 60px;
  padding: 6px;
  width: 60px;
}
.icon-1 > x-shape {
  padding: 6px;
}
.icon-1[data-shape="bg"] {
  padding: 6px;
}
.icon-1.light > svg,
.icon-1.light > svg circle,
.icon-1.light > svg ellipse,
.icon-1.light > svg path,
.icon-1.light > svg polygon,
.icon-1.light > svg rect {
  fill: #f5f6f7 !important;
}
.icon-1.light > svg line {
  stroke: #f5f6f7 !important;
}
.icon-1.dark > svg,
.icon-1.dark > svg circle,
.icon-1.dark > svg ellipse,
.icon-1.dark > svg path,
.icon-1.dark > svg polygon,
.icon-1.dark > svg rect {
  fill: #1f2933 !important;
}
.icon-1.dark > svg line {
  stroke: #1f2933 !important;
}
.icon-2 {
  height: 16px;
  width: 16px;
}
.icon-2.light > svg,
.icon-2.light > svg circle,
.icon-2.light > svg ellipse,
.icon-2.light > svg path,
.icon-2.light > svg polygon,
.icon-2.light > svg rect {
  fill: #f5f6f7 !important;
}
.icon-2.light > svg line {
  stroke: #f5f6f7 !important;
}
.icon-2.dark > svg,
.icon-2.dark > svg circle,
.icon-2.dark > svg ellipse,
.icon-2.dark > svg path,
.icon-2.dark > svg polygon,
.icon-2.dark > svg rect {
  fill: #1f2933 !important;
}
.icon-2.dark > svg line {
  stroke: #1f2933 !important;
}
.icon-3 {
  height: 24px;
  width: 24px;
}
.icon-3:not([data-effect]),
.icon-3.effect-end,
.icon-3:not([data-effect])[class*="media-"]::after,
.icon-3.effect-end[class*="media-"]::after,
.icon-3:not([data-effect])[class*="media-"] img,
.icon-3.effect-end[class*="media-"] img,
.icon-3:not([data-effect])[class*="media-"] svg,
.icon-3.effect-end[class*="media-"] svg,
.icon-3:not([data-effect])[class*="media-"] svg *,
.icon-3.effect-end[class*="media-"] svg *,
.icon-3:not([data-effect])[class*="icon-"] img,
.icon-3.effect-end[class*="icon-"] img,
.icon-3:not([data-effect])[class*="icon-"] svg,
.icon-3.effect-end[class*="icon-"] svg,
.icon-3:not([data-effect])[class*="icon-"] svg *,
.icon-3.effect-end[class*="icon-"] svg *,
.icon-3:not([data-effect]).form-field-1 > input,
.icon-3.effect-end.form-field-1 > input,
.icon-3:not([data-effect]).form-field-2 > textarea,
.icon-3.effect-end.form-field-2 > textarea,
.icon-3:not([data-effect]).form-field-3 > input,
.icon-3.effect-end.form-field-3 > input,
.icon-3:not([data-effect]).form-field-4 > .radio,
.icon-3.effect-end.form-field-4 > .radio,
.icon-3:not([data-effect]).form-field-5 > .checkbox,
.icon-3.effect-end.form-field-5 > .checkbox,
.icon-3:not([data-effect]).form-field-6 > input,
.icon-3.effect-end.form-field-6 > input {
  transition: opacity 200ms linear 20ms;
}
.icon-3[data-shape="all"]:not([data-effect]),
.icon-3[data-shape="all"].effect-end,
.icon-3[data-shape="all"]:not([data-effect])[class*="media-"]::after,
.icon-3[data-shape="all"].effect-end[class*="media-"]::after,
.icon-3[data-shape="all"]:not([data-effect])[class*="media-"] img,
.icon-3[data-shape="all"].effect-end[class*="media-"] img,
.icon-3[data-shape="all"]:not([data-effect])[class*="media-"] svg,
.icon-3[data-shape="all"].effect-end[class*="media-"] svg,
.icon-3[data-shape="all"]:not([data-effect])[class*="media-"] svg *,
.icon-3[data-shape="all"].effect-end[class*="media-"] svg *,
.icon-3[data-shape="all"]:not([data-effect])[class*="icon-"] img,
.icon-3[data-shape="all"].effect-end[class*="icon-"] img,
.icon-3[data-shape="all"]:not([data-effect])[class*="icon-"] svg,
.icon-3[data-shape="all"].effect-end[class*="icon-"] svg,
.icon-3[data-shape="all"]:not([data-effect])[class*="icon-"] svg *,
.icon-3[data-shape="all"].effect-end[class*="icon-"] svg *,
.icon-3[data-shape="all"]:not([data-effect]).form-field-1 > input,
.icon-3[data-shape="all"].effect-end.form-field-1 > input,
.icon-3[data-shape="all"]:not([data-effect]).form-field-2 > textarea,
.icon-3[data-shape="all"].effect-end.form-field-2 > textarea,
.icon-3[data-shape="all"]:not([data-effect]).form-field-3 > input,
.icon-3[data-shape="all"].effect-end.form-field-3 > input,
.icon-3[data-shape="all"]:not([data-effect]).form-field-4 > .radio,
.icon-3[data-shape="all"].effect-end.form-field-4 > .radio,
.icon-3[data-shape="all"]:not([data-effect]).form-field-5 > .checkbox,
.icon-3[data-shape="all"].effect-end.form-field-5 > .checkbox,
.icon-3[data-shape="all"]:not([data-effect]).form-field-6 > input,
.icon-3[data-shape="all"].effect-end.form-field-6 > input {
  transition: opacity 200ms linear 20ms;
}
.icon-3 > x-shape-bg:not([data-effect]),
.icon-3 > x-shape-bg.effect-end,
.icon-3 > x-shape-bg:not([data-effect])[class*="media-"]::after,
.icon-3 > x-shape-bg.effect-end[class*="media-"]::after,
.icon-3 > x-shape-bg:not([data-effect])[class*="media-"] img,
.icon-3 > x-shape-bg.effect-end[class*="media-"] img,
.icon-3 > x-shape-bg:not([data-effect])[class*="media-"] svg,
.icon-3 > x-shape-bg.effect-end[class*="media-"] svg,
.icon-3 > x-shape-bg:not([data-effect])[class*="media-"] svg *,
.icon-3 > x-shape-bg.effect-end[class*="media-"] svg *,
.icon-3 > x-shape-bg:not([data-effect])[class*="icon-"] img,
.icon-3 > x-shape-bg.effect-end[class*="icon-"] img,
.icon-3 > x-shape-bg:not([data-effect])[class*="icon-"] svg,
.icon-3 > x-shape-bg.effect-end[class*="icon-"] svg,
.icon-3 > x-shape-bg:not([data-effect])[class*="icon-"] svg *,
.icon-3 > x-shape-bg.effect-end[class*="icon-"] svg *,
.icon-3 > x-shape-bg:not([data-effect]).form-field-1 > input,
.icon-3 > x-shape-bg.effect-end.form-field-1 > input,
.icon-3 > x-shape-bg:not([data-effect]).form-field-2 > textarea,
.icon-3 > x-shape-bg.effect-end.form-field-2 > textarea,
.icon-3 > x-shape-bg:not([data-effect]).form-field-3 > input,
.icon-3 > x-shape-bg.effect-end.form-field-3 > input,
.icon-3 > x-shape-bg:not([data-effect]).form-field-4 > .radio,
.icon-3 > x-shape-bg.effect-end.form-field-4 > .radio,
.icon-3 > x-shape-bg:not([data-effect]).form-field-5 > .checkbox,
.icon-3 > x-shape-bg.effect-end.form-field-5 > .checkbox,
.icon-3 > x-shape-bg:not([data-effect]).form-field-6 > input,
.icon-3 > x-shape-bg.effect-end.form-field-6 > input {
  transition: opacity 200ms linear 20ms;
}
.icon-3.light > svg,
.icon-3.light > svg circle,
.icon-3.light > svg ellipse,
.icon-3.light > svg path,
.icon-3.light > svg polygon,
.icon-3.light > svg rect {
  fill: #f5f6f7 !important;
}
.icon-3.light > svg line {
  stroke: #f5f6f7 !important;
}
.icon-3.dark > svg,
.icon-3.dark > svg circle,
.icon-3.dark > svg ellipse,
.icon-3.dark > svg path,
.icon-3.dark > svg polygon,
.icon-3.dark > svg rect {
  fill: #1f2933 !important;
}
.icon-3.dark > svg line {
  stroke: #1f2933 !important;
}
.viewport-1 {
  border-radius: 5px;
}
.viewport-2 {
  border-radius: 5px;
}
.separator-1 {
  height: 1px;
}
.separator-1.light {
  background-color: #81888f;
}
.separator-1.dark {
  background-color: #e4e7eb;
}
.separator-2 {
  height: 1px;
}
.separator-2.light {
  background-color: #81888f;
}
.separator-2.dark {
  background-color: #e4e7eb;
}
.row {
  padding-left: 2cqw;
  padding-right: 2cqw;
}
@media (max-width: 479px) {
  .heading-1 {
    font-size: 40px;
  }
}
@media (min-width: 1280px) {
  .row {
    padding-left: 4cqw;
    padding-right: 4cqw;
  }
}