@import url(https://fonts.googleapis.com/css2?family=Aoboshi+One&family=Manrope:wght@200..800&display=swap);
@charset "UTF-8";
/**
 * Breakpoints
 * WordPress Breakpoints: 782px 600px
 * Other Breakpoints: 1280px 960px 425px
 * Example usage:
 *
 *   .container {
 *     flex-direction: column;
 *     @include above(782px) {
 *       flex-direction: row;
 *     }
 *   }
 *
 */
#wpadminbar {
  background: none;
}
#wpadminbar ul.ab-top-menu:before {
  content: " ";
  background-color: rgba(29, 35, 39, 0.9);
  width: 10px;
  height: 46px;
  display: block;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:before {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu:after {
  content: " ";
  width: 40px;
  height: 46px;
  display: block;
  background: rgba(29, 35, 39, 0.9);
  border-radius: 0 0 10px 0;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:after {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu > li {
  background: rgba(29, 35, 39, 0.9);
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name a:after {
  content: " Dashboard";
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name .ab-sub-wrapper {
  display: none;
}
#wpadminbar ul.ab-top-secondary {
  display: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

summary::-webkit-details-marker {
  display: none;
}

html {
  line-height: 1;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: currentColor;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

details > summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
}

select {
  display: block;
}

@font-face {
  font-family: "webfont";
  src: url("fonts/webfont.woff2") format("woff2"), url("fonts/webfont.woff") format("woff");
  font-style: normal;
  font-weight: 300;
}
.about-banner {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}
.about-banner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(254.55deg, #0C53A7 0.41%, rgba(255, 92, 92, 0.41) 28.75%, #052041 90.96%);
  opacity: 0.5;
  display: block;
  z-index: 2;
}
.about-banner:after {
  content: " ";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(168px, 12.5vw, 264px);
  z-index: 2;
}
.about-banner .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(294px, 21.875vw, 462px) 0 clamp(58.8px, 4.375vw, 92.4px);
  color: #FFFFFF;
  z-index: 3;
}
@media (min-width: 782px) {
  .about-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.about-banner .kicker {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 400;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.about-banner h1 {
  font-size: clamp(44.8px, 3.3333333333vw, 70.4px);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 clamp(50.4px, 3.75vw, 79.2px);
}
.about-banner .tagline {
  margin: auto 0 0;
}
.about-banner .tagline p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.3;
}
.about-banner .tagline p strong {
  font-weight: 600;
}
.about-banner .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.about-banner .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.about-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 5;
}

.article-image {
  position: relative;
}
.article-image:nth-child(n+2) {
  margin: clamp(67.2px, 5vw, 105.6px) auto 0;
}
.article-image .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(896px, 66.6666666667vw, 1408px);
  position: relative;
}
@media (min-width: 782px) {
  .article-image .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.article-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.article-introduction {
  position: relative;
  padding: clamp(159.6px, 11.875vw, 250.8px) 0 clamp(84px, 6.25vw, 132px);
}
.article-introduction svg {
  position: absolute;
  top: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  right: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  width: clamp(476px, 35.4166666667vw, 748px);
  height: auto;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (min-width: 782px) {
  .article-introduction svg {
    top: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    right: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    width: clamp(952px, 70.8333333333vw, 1496px);
  }
}
.article-introduction .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(686px, 51.0416666667vw, 1078px);
}
@media (min-width: 782px) {
  .article-introduction .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.article-introduction h1 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  color: #1B1C3C;
  line-height: 1.1;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}

.article-meta {
  opacity: 0;
  color: #000000;
  transition: opacity 1s;
}
.article-meta[data-animation-status=active] {
  opacity: 1;
}
.article-meta .date {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.4;
  display: inline-block;
}
.article-meta .categories {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 clamp(8.4px, 0.625vw, 13.2px);
}
.article-meta .categories a {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FF5C5C;
  color: #FF5C5C;
  margin: 0 clamp(4.2px, 0.3125vw, 6.6px) clamp(4.2px, 0.3125vw, 6.6px) 0;
}
@media (min-width: 782px) {
  .article-meta .categories a {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.article-meta .categories a:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.article-meta .categories a:before {
  background: #FF5C5C;
}
@media (min-width: 782px) {
  .article-meta .categories a:hover {
    color: #000000;
  }
}
@media (min-width: 782px) {
  .article-meta .categories a:hover {
    transform: scale(1.2);
  }
  .article-meta .categories a:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .article-meta .categories a:hover {
    transform: scale(1.1);
  }
}
.article-meta .share {
  margin: clamp(15.4px, 1.1458333333vw, 24.2px) 0 0;
}

.article-outro {
  position: relative;
  margin: clamp(67.2px, 5vw, 105.6px) auto 0;
}
.article-outro .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(686px, 51.0416666667vw, 1078px);
}
@media (min-width: 782px) {
  .article-outro .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}

.article-text-content {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(686px, 51.0416666667vw, 1078px);
  opacity: 0;
  transition: opacity 1s;
}
.article-text-content h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.article-text-content h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.article-text-content h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.article-text-content h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.article-text-content p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.article-text-content p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.article-text-content ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.article-text-content ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.article-text-content ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.article-text-content ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.article-text-content li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.article-text-content li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.article-text-content strong {
  font-weight: 600;
}
.article-text-content sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.article-text-content sup {
  font-size: 0.7em;
  vertical-align: super;
}
.article-text-content em {
  font-style: italic;
}
.article-text-content a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .article-text-content a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .article-text-content a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.article-text-content a:after {
  top: calc(50% + 0.7em);
}
@media (min-width: 782px) {
  .article-text-content {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.article-text-content:nth-child(n+2) {
  margin: clamp(67.2px, 5vw, 105.6px) auto 0;
}
.article-text-content[data-animation-status=active] {
  opacity: 1;
}
.article-text-content.article-text-content + .article-text-content {
  border-top: 1px solid #ccc;
  padding: clamp(50.4px, 3.75vw, 79.2px) 0 0;
}
.article-text-content.article-text-content + .article-text-content:nth-child(n+2) {
  margin: clamp(50.4px, 3.75vw, 79.2px) auto 0;
}

.article-twin-images {
  position: relative;
}
.article-twin-images:nth-child(n+2) {
  margin: clamp(67.2px, 5vw, 105.6px) auto 0;
}
.article-twin-images .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(896px, 66.6666666667vw, 1408px);
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 782px) {
  .article-twin-images .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.article-twin-images .column {
  position: relative;
  width: calc(50% - clamp(8.4px, 0.625vw, 13.2px));
}
@media (min-width: 782px) {
  .article-twin-images .column {
    width: calc(50% - clamp(16.8px, 1.25vw, 26.4px));
  }
}
.article-twin-images .column:before {
  content: " ";
  padding: 0 0 100%;
  display: block;
}
.article-twin-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.article-video {
  position: relative;
}
.article-video:nth-child(n+2) {
  margin: clamp(67.2px, 5vw, 105.6px) auto 0;
}
.article-video .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(896px, 66.6666666667vw, 1408px);
  position: relative;
}
@media (min-width: 782px) {
  .article-video .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.article-video .inner:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.article-video iframe,
.article-video object,
.article-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.blog-articles-item {
  position: relative;
  background: #FFFFFF;
  color: #1B1C3C;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: clamp(5.6px, 0.4166666667vw, 8.8px);
  padding: clamp(25.2px, 1.875vw, 39.6px);
}
.blog-articles-item .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .blog-articles-item .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.blog-articles-item .image {
  width: 100%;
  position: relative;
  margin: 0 0 clamp(8.4px, 0.625vw, 13.2px);
}
.blog-articles-item .image:before {
  content: " ";
  padding: 0 0 54%;
  display: block;
}
.blog-articles-item .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
}
.blog-articles-item time {
  font-size: clamp(16px, 0.9375vw, 19.8px);
  display: block;
  color: rgba(27, 28, 60, 0.4);
  margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
}
.blog-articles-item .categories {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
}
.blog-articles-item .categories a {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FF5C5C;
  color: #FF5C5C;
  margin: 0 clamp(4.2px, 0.3125vw, 6.6px) clamp(4.2px, 0.3125vw, 6.6px) 0;
}
@media (min-width: 782px) {
  .blog-articles-item .categories a {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.blog-articles-item .categories a:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.blog-articles-item .categories a:before {
  background: #FF5C5C;
}
@media (min-width: 782px) {
  .blog-articles-item .categories a:hover {
    color: #000000;
  }
}
@media (min-width: 782px) {
  .blog-articles-item .categories a:hover {
    transform: scale(1.2);
  }
  .blog-articles-item .categories a:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .blog-articles-item .categories a:hover {
    transform: scale(1.1);
  }
}
.blog-articles-item h2,
.blog-articles-item h3 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 clamp(16.8px, 1.25vw, 26.4px);
}
.blog-articles-item .button {
  width: clamp(39.2px, 2.9166666667vw, 61.6px);
  height: clamp(39.2px, 2.9166666667vw, 61.6px);
  border-radius: 50%;
  background-color: #FF5C5C;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7571 1.50001V21.757L3.00037 0L0 3.00037L21.757 24.7571H1.50001V29H29V1.50001H24.7571Z' fill='%231B1C3C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: clamp(14px, 1.0416666667vw, 22px);
  background-position: center center;
  margin: auto 0 0;
}
.blog-articles-item .button .label {
  display: none;
}
.blog-articles-item .button:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
}

.blog-articles {
  position: relative;
  padding: 0 0 clamp(84px, 6.25vw, 132px);
}
.blog-articles[data-animation-status=active] {
  opacity: 1;
}
.blog-articles[data-animation-status=active] .blog-articles-item {
  opacity: 1;
  transform: translateY(0);
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(1) {
  transition-delay: 0.1s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(2) {
  transition-delay: 0.2s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(3) {
  transition-delay: 0.3s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(4) {
  transition-delay: 0.4s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(5) {
  transition-delay: 0.5s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(6) {
  transition-delay: 0.6s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(7) {
  transition-delay: 0.7s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(8) {
  transition-delay: 0.8s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(9) {
  transition-delay: 0.9s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(10) {
  transition-delay: 1s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(11) {
  transition-delay: 1.1s;
}
.blog-articles[data-animation-status=active] .blog-articles-item:nth-child(12) {
  transition-delay: 1.2s;
}
.blog-articles .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  display: grid;
  gap: clamp(29.4px, 2.1875vw, 46.2px);
}
@media (min-width: 782px) {
  .blog-articles .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 600px) {
  .blog-articles .inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 600px) {
  .blog-articles .inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 782px) {
  .blog-articles .inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
.blog-articles .blog-articles-item {
  opacity: 0;
  transform: translateY(clamp(33.6px, 2.5vw, 52.8px));
  transition: opacity 0.6s, transform 0.6s;
}
.blog-articles .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: clamp(84px, 6.25vw, 132px) 0 0;
}
.blog-articles .pagination span,
.blog-articles .pagination a {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  margin: 0 clamp(8.4px, 0.625vw, 13.2px);
}
.blog-articles .pagination span .element:not(.next):not(.prev),
.blog-articles .pagination a .element:not(.next):not(.prev) {
  position: relative;
}
@media (min-width: 782px) {
  .blog-articles .pagination span .element:not(.next):not(.prev):after,
  .blog-articles .pagination a .element:not(.next):not(.prev):after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .blog-articles .pagination span .element:not(.next):not(.prev):hover:after,
  .blog-articles .pagination a .element:not(.next):not(.prev):hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.blog-articles .pagination .next {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #1B1C3C;
  color: #1B1C3C;
  padding: 0 clamp(19.6px, 1.4583333333vw, 30.8px);
}
@media (min-width: 782px) {
  .blog-articles .pagination .next {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.blog-articles .pagination .next:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.blog-articles .pagination .next:before {
  background: #1B1C3C;
}
@media (min-width: 782px) {
  .blog-articles .pagination .next:hover {
    color: #FFFFFF;
  }
}
@media (min-width: 782px) {
  .blog-articles .pagination .next:hover {
    transform: scale(1.2);
  }
  .blog-articles .pagination .next:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .blog-articles .pagination .next {
    padding: 0 clamp(14.7px, 1.09375vw, 23.1px);
  }
}

.blog-banner {
  position: relative;
  color: #1B1C3C;
  padding: clamp(159.6px, 11.875vw, 250.8px) 0 clamp(84px, 6.25vw, 132px);
}
@media (min-width: 782px) {
  .blog-banner {
    padding: clamp(187.6px, 13.9583333333vw, 294.8px) 0 clamp(84px, 6.25vw, 132px);
  }
}
.blog-banner svg {
  position: absolute;
  top: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  right: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  width: clamp(476px, 35.4166666667vw, 748px);
  height: auto;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (min-width: 782px) {
  .blog-banner svg {
    top: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    right: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    width: clamp(952px, 70.8333333333vw, 1496px);
  }
}
.blog-banner .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .blog-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.blog-banner h1 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .blog-banner h1 {
    font-size: clamp(56px, 4.1666666667vw, 88px);
  }
}
.blog-banner h1 span {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  display: block;
  margin: 0 0 clamp(8.4px, 0.625vw, 13.2px);
}
@media (min-width: 782px) {
  .blog-banner h1 span {
    font-size: clamp(25.2px, 1.875vw, 39.6px);
  }
}

.contact-banner {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
.contact-banner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(255deg, #0C53A7 0.41%, rgba(255, 92, 92, 0.41) 28.75%, #052041 90.96%);
  display: block;
}
.contact-banner .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(168px, 12.5vw, 264px) 0 clamp(58.8px, 4.375vw, 92.4px);
}
@media (min-width: 782px) {
  .contact-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .contact-banner .inner {
    display: flex;
    justify-content: space-between;
  }
}
.contact-banner .content {
  position: relative;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .contact-banner .content {
    width: clamp(392px, 29.1666666667vw, 616px);
  }
}
.contact-banner .content h1 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .contact-banner .content h1 {
    font-size: clamp(58.8px, 4.375vw, 92.4px);
    margin: 0 0 clamp(42px, 3.125vw, 66px);
  }
}
.contact-banner .content .detail {
  opacity: 0;
  transition: opacity 0.3s;
}
.contact-banner .content .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.contact-banner .content .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.contact-banner .content .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.contact-banner .content .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.contact-banner .content .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.contact-banner .content .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.contact-banner .content .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.contact-banner .content .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.contact-banner .content .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.contact-banner .content .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.contact-banner .content .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.contact-banner .content .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.contact-banner .content .detail strong {
  font-weight: 600;
}
.contact-banner .content .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.contact-banner .content .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.contact-banner .content .detail em {
  font-style: italic;
}
.contact-banner .content .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .contact-banner .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .contact-banner .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.contact-banner .content .detail a:after {
  top: calc(50% + 0.7em);
}
.contact-banner .content .detail[data-animation-status=active] {
  opacity: 1;
}
@media (min-width: 782px) {
  .contact-banner .content .detail {
    max-width: clamp(322px, 23.9583333333vw, 506px);
  }
}
.contact-banner .content .detail p,
.contact-banner .content .detail ol,
.contact-banner .content .detail ul {
  color: #FFFFFF;
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.contact-banner .embed-code {
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .contact-banner .embed-code {
    width: clamp(504px, 37.5vw, 792px);
    margin: 0;
  }
}

.contact-form {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  margin: 0 0 -1px;
}
.contact-form .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(100.8px, 7.5vw, 158.4px) 0;
  display: flex;
}
@media (min-width: 782px) {
  .contact-form .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (max-width: 782px) {
  .contact-form .inner {
    flex-direction: column;
  }
}
@media (min-width: 782px) {
  .contact-form .inner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.contact-form .content {
  position: relative;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .contact-form .content {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.contact-form .content h2 {
  font-size: clamp(28px, 2.0833333333vw, 44px);
  font-weight: 600;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .contact-form .content h2 {
    margin: 0 0 clamp(50.4px, 3.75vw, 79.2px);
  }
}
.contact-form .content .meetings-iframe-container {
  width: 100%;
}
@media (max-width: 782px) {
  .contact-form .image {
    width: 100%;
    order: -1;
    margin: 0 0 clamp(42px, 3.125vw, 66px);
  }
}
@media (min-width: 782px) {
  .contact-form .image {
    width: clamp(539px, 40.1041666667vw, 847px);
    margin: 0 calc(clamp(46.2px, 3.4375vw, 72.6px) * -1);
  }
}
.contact-form .image img {
  width: 100%;
  height: auto;
  display: block;
}
.contact-form .columns {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: clamp(109.2px, 8.125vw, 171.6px) 0 0;
}
.contact-form .columns .column {
  color: #FFFFFF;
  width: 50%;
}
@media (max-width: 782px) {
  .contact-form .columns .column:nth-child(n+3) {
    margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
  }
}
@media (min-width: 782px) {
  .contact-form .columns .column {
    width: clamp(266px, 19.7916666667vw, 418px);
  }
}
.contact-form .columns h3 {
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 600;
  margin: 0 0 clamp(21px, 1.5625vw, 33px);
}
.contact-form .columns address {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.7;
}
.contact-form .columns a {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.7;
  display: inline-block;
  position: relative;
}
@media (min-width: 782px) {
  .contact-form .columns a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .contact-form .columns a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.contact-form .columns a:after {
  top: calc(50% + 0.8em);
}

[data-form-name="Contact Form"] .sfu {
  display: none;
}

.flex-feature-content {
  position: relative;
  color: #1B1C3C;
  z-index: 1;
}
@media (min-width: 782px) {
  .flex-feature-content[data-direction=reverse] .columns {
    flex-direction: row-reverse;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  .flex-feature-content[data-direction=reverse] .detail {
    margin: 0 clamp(28px, 2.0833333333vw, 44px) 0 0;
  }
}
.flex-feature-content h2 {
  font-size: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
  line-height: 1.15;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  margin: 0 auto clamp(112px, 8.3333333333vw, 176px);
}
@media (min-width: 782px) {
  .flex-feature-content h2 {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (max-width: 782px) {
  .flex-feature-content h2 br {
    display: none;
  }
}
@media (min-width: 782px) {
  .flex-feature-content h2 {
    font-size: clamp(63px, 4.6875vw, 99px);
  }
}
.flex-feature-content h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-feature-content .columns {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1106px, 82.2916666667vw, 1738px);
  margin: 0 auto;
}
@media (min-width: 782px) {
  .flex-feature-content .columns {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-feature-content .columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.flex-feature-content .image {
  position: relative;
}
@media (min-width: 782px) {
  .flex-feature-content .image {
    width: clamp(546px, 40.625vw, 858px);
  }
}
.flex-feature-content .image > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: clamp(8.4px, 0.625vw, 13.2px);
}
.flex-feature-content .image .flourish {
  position: absolute;
}
.flex-feature-content .image .flourish.airplane {
  width: clamp(386.4px, 28.75vw, 607.2px);
  top: calc(clamp(50.4px, 3.75vw, 79.2px) * -1);
  right: calc(clamp(98px, 7.2916666667vw, 154px) * -1);
  opacity: 0;
  transform: translate(-10%, 10%) scale(0.7);
  transform-origin: bottom left;
  transition: transform 2s, opacity 1s;
}
.flex-feature-content .image .flourish.airplane[data-animation-status=active] {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.flex-feature-content .image .flourish.dots {
  width: clamp(504px, 37.5vw, 792px);
  top: calc(50% - clamp(252px, 18.75vw, 396px));
  right: calc(50% - clamp(252px, 18.75vw, 396px));
  opacity: 0.7;
  z-index: -1;
}
.flex-feature-content .image .flourish.doughnut {
  width: clamp(140px, 10.4166666667vw, 220px);
  bottom: calc(clamp(84px, 6.25vw, 132px) * -1);
  right: calc(clamp(44.8px, 3.3333333333vw, 70.4px) * -1);
  opacity: 1;
}
@media (min-width: 782px) {
  .flex-feature-content .image .flourish.doughnut {
    width: clamp(218.4px, 16.25vw, 343.2px);
    bottom: calc(clamp(151.2px, 11.25vw, 237.6px) * -1);
    right: calc(clamp(67.2px, 5vw, 105.6px) * -1);
  }
}
.flex-feature-content .image .flourish.sprinkles-01 {
  width: clamp(196px, 14.5833333333vw, 308px);
  top: calc(clamp(84px, 6.25vw, 132px) * -1);
  right: calc(clamp(70px, 5.2083333333vw, 110px) * -1);
  transform: rotate(45deg);
  opacity: 1;
  z-index: -1;
}
.flex-feature-content .image .flourish.sprinkles-02 {
  width: clamp(196px, 14.5833333333vw, 308px);
  top: calc(clamp(84px, 6.25vw, 132px) * -1);
  left: calc(clamp(70px, 5.2083333333vw, 110px) * -1);
  opacity: 1;
  z-index: -1;
}
.flex-feature-content .image .flourish.sprinkles-03 {
  width: clamp(504px, 37.5vw, 792px);
  height: clamp(504px, 37.5vw, 792px);
  border-radius: 50%;
  background: rgba(255, 92, 92, 0.3);
  filter: blur(clamp(60.9px, 4.53125vw, 95.7px));
  top: calc(50% - clamp(252px, 18.75vw, 396px));
  left: calc(50% - clamp(252px, 18.75vw, 396px));
  z-index: -1;
}
.flex-feature-content .image .flourish img {
  width: 100%;
  height: auto;
  display: block;
}
.flex-feature-content .content {
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-feature-content .content {
    width: clamp(462px, 34.375vw, 726px);
    margin: 0;
  }
}
.flex-feature-content .content h3 {
  font-size: clamp(36.4px, 2.7083333333vw, 57.2px);
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
.flex-feature-content .content h3 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-feature-content .content .detail {
  color: #000000;
  opacity: 0;
  transition: opacity 1s;
}
.flex-feature-content .content .detail[data-animation-status=active] {
  opacity: 1;
}
.flex-feature-content .content ul {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0;
}
.flex-feature-content .content li {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7571 1.50001V21.757L3.00037 0L0 3.00037L21.757 24.7571H1.50001V29H29V1.50001H24.7571Z' fill='%23FF5C5C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  background-position: 0 clamp(1.4px, 0.1041666667vw, 2.2px);
  line-height: 1.6;
  padding: 0 0 0 clamp(42px, 3.125vw, 66px);
}
.flex-feature-content .content li:nth-child(n+2) {
  margin: clamp(12.6px, 0.9375vw, 19.8px) 0 0;
}
.flex-feature-content .content p {
  line-height: 1.6;
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.flex-feature-content .content p strong {
  font-weight: 600;
}
.flex-feature-content .content .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #1B1C3C;
  color: #1B1C3C;
  display: inline-block;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-feature-content .content .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.flex-feature-content .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.flex-feature-content .content .button:before {
  background: #1B1C3C;
}
@media (min-width: 782px) {
  .flex-feature-content .content .button:hover {
    color: #FFFFFF;
  }
}
@media (min-width: 782px) {
  .flex-feature-content .content .button:hover {
    transform: scale(1.2);
  }
  .flex-feature-content .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.flex-accordion-columns {
  position: relative;
}
.flex-accordion-columns[data-background=white] {
  color: #1B1C3C;
}
.flex-accordion-columns[data-background=black] {
  color: #FFFFFF;
}
.flex-accordion-columns .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  opacity: 1;
}
@media (min-width: 782px) {
  .flex-accordion-columns .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-accordion-columns .upper {
    display: flex;
    justify-content: space-between;
  }
}
.flex-accordion-columns .upper h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-accordion-columns .upper h2 {
    font-size: clamp(67.2px, 5vw, 105.6px);
    width: clamp(487.2px, 36.25vw, 765.6px);
  }
}
@media (max-width: 782px) {
  .flex-accordion-columns .upper h2 br {
    display: none;
  }
}
.flex-accordion-columns .upper h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-accordion-columns .upper .detail {
  width: clamp(487.2px, 36.25vw, 765.6px);
}
.flex-accordion-columns .upper .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .upper .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .upper .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .upper .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .upper .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.flex-accordion-columns .upper .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-columns .upper .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-columns .upper .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-columns .upper .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-columns .upper .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-columns .upper .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.flex-accordion-columns .upper .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.flex-accordion-columns .upper .detail strong {
  font-weight: 600;
}
.flex-accordion-columns .upper .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.flex-accordion-columns .upper .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.flex-accordion-columns .upper .detail em {
  font-style: italic;
}
.flex-accordion-columns .upper .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-columns .upper .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .flex-accordion-columns .upper .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.flex-accordion-columns .upper .detail a:after {
  top: calc(50% + 0.7em);
}
@media (min-width: 782px) {
  .flex-accordion-columns .upper .detail {
    margin: clamp(100.8px, 7.5vw, 158.4px) 0 0;
  }
}
.flex-accordion-columns .columns {
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-accordion-columns .columns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: clamp(50.4px, 3.75vw, 79.2px) 0 0;
  }
}
@media (min-width: 782px) {
  .flex-accordion-columns .columns .column {
    width: clamp(487.2px, 36.25vw, 765.6px);
  }
}
.flex-accordion-columns .columns .item {
  border-top: 1px solid #1B1C3C;
  border-bottom: 1px solid #1B1C3C;
  margin: -1px 0 0;
}
.flex-accordion-columns .columns details {
  position: relative;
  overflow: hidden;
  transition: height 0.3s;
}
.flex-accordion-columns .columns details[open] .summary-inner:before {
  transform: rotate(180deg);
}
.flex-accordion-columns .columns details[open] .summary-inner:after {
  transform: rotate(180deg);
}
.flex-accordion-columns .columns summary {
  font-size: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
  display: block;
  cursor: pointer;
}
.flex-accordion-columns .columns .summary-inner {
  position: relative;
}
.flex-accordion-columns .columns .summary-inner span {
  display: inline-block;
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding: clamp(33.6px, 2.5vw, 52.8px) 0;
}
.flex-accordion-columns .columns .summary-inner:before, .flex-accordion-columns .columns .summary-inner:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(1.75px, 0.1302083333vw, 2.75px));
  right: 0;
  width: clamp(19.6px, 1.4583333333vw, 30.8px);
  height: clamp(3.5px, 0.2604166667vw, 5.5px);
  background: currentColor;
  transition: transform 0.3s;
}
.flex-accordion-columns .columns .summary-inner:after {
  transform: rotate(90deg);
}
.flex-accordion-columns .columns .detail {
  display: block !important;
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  padding: 0 0 clamp(28px, 2.0833333333vw, 44px);
  overflow: hidden;
}
.flex-accordion-columns .columns .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .columns .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .columns .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .columns .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-columns .columns .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.flex-accordion-columns .columns .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-columns .columns .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-columns .columns .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-columns .columns .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-columns .columns .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-columns .columns .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.flex-accordion-columns .columns .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.flex-accordion-columns .columns .detail strong {
  font-weight: 600;
}
.flex-accordion-columns .columns .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.flex-accordion-columns .columns .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.flex-accordion-columns .columns .detail em {
  font-style: italic;
}
.flex-accordion-columns .columns .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-columns .columns .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .flex-accordion-columns .columns .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.flex-accordion-columns .columns .detail a:after {
  top: calc(50% + 0.7em);
}
@media (min-width: 782px) {
  .flex-accordion-columns .columns .detail {
    font-size: clamp(16px, 1.0416666667vw, 22px);
  }
}

.flex-accordion-faq {
  position: relative;
  margin: -1px 0 0;
}
.flex-accordion-faq[data-background=white] {
  color: #1B1C3C;
}
.flex-accordion-faq[data-background=black] {
  color: #FFFFFF;
}
.flex-accordion-faq[data-background=black] .content .detail p {
  color: #FFFFFF;
}
.flex-accordion-faq svg {
  position: absolute;
  top: 0;
  left: calc(clamp(488.6px, 36.3541666667vw, 767.8px) * -1);
  height: auto;
  width: clamp(1271.9px, 94.6354166667vw, 1998.7px);
}
.flex-accordion-faq .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-accordion-faq .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-accordion-faq .columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.flex-accordion-faq .media {
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-faq .media {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.flex-accordion-faq .media h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 clamp(50.4px, 3.75vw, 79.2px);
}
.flex-accordion-faq .media h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-accordion-faq .media .image {
  position: relative;
  opacity: 0;
  transition: opacity 0.5s;
}
.flex-accordion-faq .media .image[data-animation-status=active] {
  opacity: 1;
}
.flex-accordion-faq .media .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
}
.flex-accordion-faq .content {
  opacity: 1;
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
@media (min-width: 782px) {
  .flex-accordion-faq .content {
    width: clamp(420px, 31.25vw, 660px);
    padding: 0 clamp(50.4px, 3.75vw, 79.2px) 0 0;
    margin: 0;
  }
}
.flex-accordion-faq .content[data-animation-status=active] .item {
  transform: translateY(0);
  opacity: 1;
}
.flex-accordion-faq .content .item {
  opacity: 0;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: transform 0.8s, opacity 0.8s;
}
.flex-accordion-faq .content .item:nth-child(1) {
  transition-delay: 0.2s;
}
.flex-accordion-faq .content .item:nth-child(2) {
  transition-delay: 0.4s;
}
.flex-accordion-faq .content .item:nth-child(3) {
  transition-delay: 0.6s;
}
.flex-accordion-faq .content .item:nth-child(4) {
  transition-delay: 0.8s;
}
.flex-accordion-faq .content .item:nth-child(5) {
  transition-delay: 1s;
}
.flex-accordion-faq .content .item:nth-child(6) {
  transition-delay: 1.2s;
}
.flex-accordion-faq .content .item:nth-child(7) {
  transition-delay: 1.4s;
}
.flex-accordion-faq .content .item:nth-child(8) {
  transition-delay: 1.6s;
}
.flex-accordion-faq .content .item:nth-child(9) {
  transition-delay: 1.8s;
}
.flex-accordion-faq .content .item:nth-child(10) {
  transition-delay: 2s;
}
.flex-accordion-faq .content .item:nth-child(n+2) {
  border-top: 1px solid currentColor;
}
.flex-accordion-faq .content details {
  position: relative;
  overflow: hidden;
  transition: height 0.3s;
}
.flex-accordion-faq .content details[open] .summary-inner:before {
  transform: rotate(180deg);
}
.flex-accordion-faq .content details[open] .summary-inner:after {
  transform: rotate(0deg);
}
.flex-accordion-faq .content summary {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.4;
  display: block;
  cursor: pointer;
}
@media (min-width: 782px) {
  .flex-accordion-faq .content summary {
    font-size: clamp(16px, 1.0416666667vw, 22px);
  }
}
.flex-accordion-faq .content summary:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.flex-accordion-faq .content .summary-inner {
  position: relative;
  padding: clamp(19.6px, 1.4583333333vw, 30.8px) clamp(84px, 6.25vw, 132px) clamp(19.6px, 1.4583333333vw, 30.8px) 0;
}
.flex-accordion-faq .content .summary-inner:before, .flex-accordion-faq .content .summary-inner:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  width: clamp(19.6px, 1.4583333333vw, 30.8px);
  border-top: 3px solid currentColor;
  transition: transform 0.3s;
}
.flex-accordion-faq .content .summary-inner:after {
  transform: rotate(-90deg);
}
.flex-accordion-faq .content .detail {
  display: block !important;
  padding: 0 0 clamp(28px, 2.0833333333vw, 44px);
  overflow: hidden;
}
.flex-accordion-faq .content .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-faq .content .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-faq .content .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-faq .content .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-faq .content .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.flex-accordion-faq .content .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-faq .content .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-faq .content .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-faq .content .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-faq .content .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-faq .content .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.flex-accordion-faq .content .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.flex-accordion-faq .content .detail strong {
  font-weight: 600;
}
.flex-accordion-faq .content .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.flex-accordion-faq .content .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.flex-accordion-faq .content .detail em {
  font-style: italic;
}
.flex-accordion-faq .content .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-faq .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .flex-accordion-faq .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.flex-accordion-faq .content .detail a:after {
  top: calc(50% + 0.7em);
}

.flex-accordion-full-width {
  position: relative;
}
.flex-accordion-full-width[data-background=white] {
  color: #1B1C3C;
}
.flex-accordion-full-width[data-background=white] p {
  color: #000000;
}
.flex-accordion-full-width[data-background=black] {
  color: #FFFFFF;
}
.flex-accordion-full-width .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  opacity: 1;
}
@media (min-width: 782px) {
  .flex-accordion-full-width .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-accordion-full-width .inner[data-animation-status=active] .item {
  transform: translateY(0);
  opacity: 1;
}
.flex-accordion-full-width .item {
  opacity: 0;
  border-top: 1px solid currentColor;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: transform 0.8s, opacity 0.8s;
}
.flex-accordion-full-width .item:last-child {
  border-bottom: 1px solid currentColor;
}
.flex-accordion-full-width .item:nth-child(1) {
  transition-delay: 0.2s;
}
.flex-accordion-full-width .item:nth-child(2) {
  transition-delay: 0.4s;
}
.flex-accordion-full-width .item:nth-child(3) {
  transition-delay: 0.6s;
}
.flex-accordion-full-width .item:nth-child(4) {
  transition-delay: 0.8s;
}
.flex-accordion-full-width .item:nth-child(5) {
  transition-delay: 1s;
}
.flex-accordion-full-width .item:nth-child(6) {
  transition-delay: 1.2s;
}
.flex-accordion-full-width .item:nth-child(7) {
  transition-delay: 1.4s;
}
.flex-accordion-full-width .item:nth-child(8) {
  transition-delay: 1.6s;
}
.flex-accordion-full-width .item:nth-child(9) {
  transition-delay: 1.8s;
}
.flex-accordion-full-width .item:nth-child(10) {
  transition-delay: 2s;
}
.flex-accordion-full-width .item details {
  display: flex;
  position: relative;
  transition: height 0.3s;
  overflow: hidden;
}
.flex-accordion-full-width .item details:before, .flex-accordion-full-width .item details:after {
  content: " ";
  position: absolute;
  top: clamp(37.8px, 2.8125vw, 59.4px);
  right: 0;
  width: clamp(19.6px, 1.4583333333vw, 30.8px);
  height: clamp(3.5px, 0.2604166667vw, 5.5px);
  background: currentColor;
  transition: transform 0.3s;
  pointer-events: none;
}
.flex-accordion-full-width .item details:after {
  transform: rotate(90deg);
}
.flex-accordion-full-width .item details[open] {
  display: block;
}
.flex-accordion-full-width .item details[open]:before {
  transform: rotate(180deg);
}
.flex-accordion-full-width .item details[open]:after {
  transform: rotate(180deg);
}
@media (min-width: 782px) {
  .flex-accordion-full-width .item details[open] summary {
    width: clamp(434px, 32.2916666667vw, 682px);
    height: 0;
  }
}
@media (min-width: 782px) {
  .flex-accordion-full-width .item details[open] summary .summary-inner {
    padding: clamp(21px, 1.5625vw, 33px) 0;
  }
}
.flex-accordion-full-width .item details[open] .detail {
  opacity: 1;
}
.flex-accordion-full-width .item summary {
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
@media (min-width: 782px) {
  .flex-accordion-full-width .item summary {
    font-size: clamp(29.4px, 2.1875vw, 46.2px);
  }
}
.flex-accordion-full-width .item summary .summary-inner {
  padding: clamp(21px, 1.5625vw, 33px) clamp(50.4px, 3.75vw, 79.2px) clamp(21px, 1.5625vw, 33px) 0;
}
.flex-accordion-full-width .item summary:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.flex-accordion-full-width .item .detail {
  position: relative;
  display: block;
  padding: 0 0 clamp(35px, 2.6041666667vw, 55px) clamp(42px, 3.125vw, 66px);
  z-index: -1;
}
@media (min-width: 782px) {
  .flex-accordion-full-width .item .detail {
    width: clamp(448px, 33.3333333333vw, 704px);
    opacity: 0;
    padding: clamp(21px, 1.5625vw, 33px) 0 clamp(35px, 2.6041666667vw, 55px) clamp(42px, 3.125vw, 66px);
    margin: 0 0 0 clamp(504px, 37.5vw, 792px);
    transition: opacity 0.9s;
  }
}
.flex-accordion-full-width .item .detail:before {
  content: " ";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M35.855 2.17242V31.5102L4.34536 0L0 4.34536L31.5102 35.855H2.17242V42H42V2.17242H35.855Z' fill='%23FF5C5C'%3E%3C/path%3E%3C/svg%3E ");
  background-size: cover;
  width: clamp(21px, 1.5625vw, 33px);
  height: clamp(21px, 1.5625vw, 33px);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 782px) {
  .flex-accordion-full-width .item .detail:before {
    top: clamp(25.2px, 1.875vw, 39.6px);
  }
}
.flex-accordion-full-width .item .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 400;
  line-height: 1.5;
}
.flex-accordion-full-width .item .detail p:nth-child(n+2) {
  margin: clamp(11.2px, 0.8333333333vw, 17.6px) 0 0;
}

.flex-accordion-half-width {
  position: relative;
  margin: -1px 0 0;
}
.flex-accordion-half-width[data-background=white] {
  color: #1B1C3C;
}
.flex-accordion-half-width[data-background=white] .content .detail p,
.flex-accordion-half-width[data-background=white] .content .detail li {
  color: #1B1C3C;
}
.flex-accordion-half-width[data-background=black] {
  color: #FFFFFF;
}
.flex-accordion-half-width[data-background=black] .content .detail p,
.flex-accordion-half-width[data-background=black] .content .detail li {
  color: #FFFFFF;
}
.flex-accordion-half-width .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-accordion-half-width .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-accordion-half-width h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.15;
}
@media (min-width: 782px) {
  .flex-accordion-half-width h2 {
    font-size: clamp(63px, 4.6875vw, 99px);
  }
}
.flex-accordion-half-width h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-accordion-half-width .columns {
  margin: clamp(159.6px, 11.875vw, 250.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-accordion-half-width .columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.flex-accordion-half-width .image {
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-half-width .image {
    width: clamp(560px, 41.6666666667vw, 880px);
  }
}
.flex-accordion-half-width .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
}
.flex-accordion-half-width .content {
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .flex-accordion-half-width .content {
    width: clamp(462px, 34.375vw, 726px);
    margin: 0;
  }
}
.flex-accordion-half-width .content h3 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1.1;
}
.flex-accordion-half-width .content h3 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-accordion-half-width .content .accordion {
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-accordion-half-width .content .accordion {
    margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  }
}
.flex-accordion-half-width .content details {
  position: relative;
  overflow: hidden;
  transition: height 0.3s;
}
.flex-accordion-half-width .content details:nth-child(n+2) {
  border-top: 1px solid currentColor;
}
.flex-accordion-half-width .content details[open] .summary-inner:before {
  transform: rotate(180deg);
}
.flex-accordion-half-width .content details[open] .summary-inner:after {
  transform: rotate(0deg);
}
.flex-accordion-half-width .content summary {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  display: block;
  cursor: pointer;
}
@media (min-width: 782px) {
  .flex-accordion-half-width .content summary {
    font-size: clamp(16px, 1.0416666667vw, 22px);
  }
}
.flex-accordion-half-width .content summary:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.flex-accordion-half-width .content .summary-inner {
  position: relative;
  padding: clamp(19.6px, 1.4583333333vw, 30.8px) 0 clamp(19.6px, 1.4583333333vw, 30.8px) clamp(19.6px, 1.4583333333vw, 30.8px);
}
.flex-accordion-half-width .content .summary-inner:before, .flex-accordion-half-width .content .summary-inner:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: clamp(8.4px, 0.625vw, 13.2px);
  border-top: 1px solid currentColor;
  transition: transform 0.3s;
}
.flex-accordion-half-width .content .summary-inner:after {
  transform: rotate(-90deg);
}
.flex-accordion-half-width .content .detail {
  display: block !important;
  padding: 0 0 clamp(28px, 2.0833333333vw, 44px);
  overflow: hidden;
}
.flex-accordion-half-width .content .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-half-width .content .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-half-width .content .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-half-width .content .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-accordion-half-width .content .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.flex-accordion-half-width .content .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-half-width .content .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-half-width .content .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-half-width .content .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-accordion-half-width .content .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-accordion-half-width .content .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.flex-accordion-half-width .content .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.flex-accordion-half-width .content .detail strong {
  font-weight: 600;
}
.flex-accordion-half-width .content .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.flex-accordion-half-width .content .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.flex-accordion-half-width .content .detail em {
  font-style: italic;
}
.flex-accordion-half-width .content .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-half-width .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .flex-accordion-half-width .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.flex-accordion-half-width .content .detail a:after {
  top: calc(50% + 0.7em);
}

.flex-accordion-wide {
  position: relative;
}
.flex-accordion-wide[data-background=white] {
  color: #1B1C3C;
}
.flex-accordion-wide[data-background=white] p {
  color: #000000;
}
.flex-accordion-wide[data-background=black] {
  color: #FFFFFF;
}
.flex-accordion-wide .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  opacity: 1;
}
@media (min-width: 782px) {
  .flex-accordion-wide .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-accordion-wide .inner[data-animation-status=active] .item {
  transform: translateY(0);
  opacity: 1;
}
.flex-accordion-wide h2 {
  font-size: clamp(29.4px, 2.1875vw, 46.2px);
  font-weight: 600;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
  opacity: 0;
  transform: transformY(clamp(8.4px, 0.625vw, 13.2px));
  transition: opacity 0.4s;
}
.flex-accordion-wide h2[data-animation-status=active] {
  opacity: 1;
  transform: transformY(0);
}
.flex-accordion-wide .item {
  opacity: 0;
  border-top: 1px solid currentColor;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: transform 0.8s, opacity 0.8s;
}
.flex-accordion-wide .item:last-child {
  border-bottom: 1px solid currentColor;
}
.flex-accordion-wide .item:nth-child(1) {
  transition-delay: 0.2s;
}
.flex-accordion-wide .item:nth-child(2) {
  transition-delay: 0.4s;
}
.flex-accordion-wide .item:nth-child(3) {
  transition-delay: 0.6s;
}
.flex-accordion-wide .item:nth-child(4) {
  transition-delay: 0.8s;
}
.flex-accordion-wide .item:nth-child(5) {
  transition-delay: 1s;
}
.flex-accordion-wide .item:nth-child(6) {
  transition-delay: 1.2s;
}
.flex-accordion-wide .item:nth-child(7) {
  transition-delay: 1.4s;
}
.flex-accordion-wide .item:nth-child(8) {
  transition-delay: 1.6s;
}
.flex-accordion-wide .item:nth-child(9) {
  transition-delay: 1.8s;
}
.flex-accordion-wide .item:nth-child(10) {
  transition-delay: 2s;
}
.flex-accordion-wide .item details {
  position: relative;
  transition: height 0.3s;
  overflow: hidden;
}
.flex-accordion-wide .item details:before, .flex-accordion-wide .item details:after {
  content: " ";
  position: absolute;
  top: clamp(37.8px, 2.8125vw, 59.4px);
  right: 0;
  width: clamp(19.6px, 1.4583333333vw, 30.8px);
  height: clamp(3.5px, 0.2604166667vw, 5.5px);
  background: currentColor;
  transition: transform 0.3s;
  pointer-events: none;
}
.flex-accordion-wide .item details:after {
  transform: rotate(90deg);
}
.flex-accordion-wide .item details[open] {
  display: block;
}
.flex-accordion-wide .item details[open]:before {
  transform: rotate(180deg);
}
.flex-accordion-wide .item details[open]:after {
  transform: rotate(180deg);
}
.flex-accordion-wide .item summary {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.flex-accordion-wide .item summary .summary-inner {
  padding: clamp(21px, 1.5625vw, 33px) clamp(50.4px, 3.75vw, 79.2px) clamp(21px, 1.5625vw, 33px) 0;
}
.flex-accordion-wide .item .detail {
  position: relative;
  display: block;
  padding: 0 0 clamp(35px, 2.6041666667vw, 55px) clamp(42px, 3.125vw, 66px);
}
@media (min-width: 782px) {
  .flex-accordion-wide .item .detail {
    padding: clamp(21px, 1.5625vw, 33px) 0 clamp(35px, 2.6041666667vw, 55px) clamp(42px, 3.125vw, 66px);
  }
}
.flex-accordion-wide .item .detail:before {
  content: " ";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M35.855 2.17242V31.5102L4.34536 0L0 4.34536L31.5102 35.855H2.17242V42H42V2.17242H35.855Z' fill='%23FF5C5C'%3E%3C/path%3E%3C/svg%3E ");
  background-size: cover;
  width: clamp(21px, 1.5625vw, 33px);
  height: clamp(21px, 1.5625vw, 33px);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 782px) {
  .flex-accordion-wide .item .detail:before {
    top: clamp(25.2px, 1.875vw, 39.6px);
  }
}
.flex-accordion-wide .item .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 400;
  line-height: 1.5;
}
.flex-accordion-wide .item .detail p:nth-child(n+2) {
  margin: clamp(11.2px, 0.8333333333vw, 17.6px) 0 0;
}
.flex-accordion-wide .item .detail p a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .flex-accordion-wide .item .detail p a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .flex-accordion-wide .item .detail p a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}

.flex-affiliates {
  position: relative;
  z-index: 5;
}
.flex-affiliates svg {
  position: absolute;
  bottom: calc(clamp(56px, 4.1666666667vw, 88px) * -1);
  right: calc(clamp(448px, 33.3333333333vw, 704px) * -1);
  width: clamp(1008px, 75vw, 1584px);
  height: auto;
  display: block;
}
.flex-affiliates .swiper-container {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  opacity: 1;
}
@media (min-width: 782px) {
  .flex-affiliates .swiper-container {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-affiliates .swiper-container[data-animation-status=active] .swiper-slide {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (min-width: 782px) {
  .flex-affiliates .swiper-wrapper {
    display: flex;
    gap: clamp(14px, 1.0416666667vw, 22px);
    flex-wrap: wrap;
    justify-content: center;
    transform: none !important;
  }
}
.flex-affiliates .swiper-slide {
  background: #FFFFFF;
  width: clamp(210px, 15.625vw, 330px);
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(126px, 9.375vw, 198px);
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  margin: 0 clamp(4.2px, 0.3125vw, 6.6px);
}
@media (min-width: 782px) {
  .flex-affiliates .swiper-slide {
    opacity: 0;
    transition: transform 1.2s, opacity 1.2s;
    width: calc(20% - clamp(11.2px, 0.8333333333vw, 17.6px));
    margin: 0;
  }
  .flex-affiliates .swiper-slide:nth-child(10n+1), .flex-affiliates .swiper-slide:nth-child(10n+2), .flex-affiliates .swiper-slide:nth-child(10n+3), .flex-affiliates .swiper-slide:nth-child(10n+4), .flex-affiliates .swiper-slide:nth-child(10n+5) {
    transform: translateX(clamp(33.6px, 2.5vw, 52.8px));
  }
  .flex-affiliates .swiper-slide:nth-child(10n+6), .flex-affiliates .swiper-slide:nth-child(10n+7), .flex-affiliates .swiper-slide:nth-child(10n+8), .flex-affiliates .swiper-slide:nth-child(10n+9), .flex-affiliates .swiper-slide:nth-child(10n+10) {
    transform: translateX(calc(clamp(33.6px, 2.5vw, 52.8px) * -1));
  }
  .flex-affiliates .swiper-slide:nth-child(1) {
    transition-delay: 0s;
  }
  .flex-affiliates .swiper-slide:nth-child(2) {
    transition-delay: 0.15s;
  }
  .flex-affiliates .swiper-slide:nth-child(3) {
    transition-delay: 0.3s;
  }
  .flex-affiliates .swiper-slide:nth-child(4) {
    transition-delay: 0.45s;
  }
  .flex-affiliates .swiper-slide:nth-child(5) {
    transition-delay: 0.6s;
  }
  .flex-affiliates .swiper-slide:nth-child(6) {
    transition-delay: 0.6s;
  }
  .flex-affiliates .swiper-slide:nth-child(7) {
    transition-delay: 0.45s;
  }
  .flex-affiliates .swiper-slide:nth-child(8) {
    transition-delay: 0.3s;
  }
  .flex-affiliates .swiper-slide:nth-child(9) {
    transition-delay: 0.15s;
  }
  .flex-affiliates .swiper-slide:nth-child(10) {
    transition-delay: 0s;
  }
  .flex-affiliates .swiper-slide:nth-child(11) {
    transition-delay: 0s;
  }
  .flex-affiliates .swiper-slide:nth-child(12) {
    transition-delay: 0.15s;
  }
  .flex-affiliates .swiper-slide:nth-child(13) {
    transition-delay: 0.3s;
  }
  .flex-affiliates .swiper-slide:nth-child(14) {
    transition-delay: 0.45s;
  }
  .flex-affiliates .swiper-slide:nth-child(15) {
    transition-delay: 0.6s;
  }
}
.flex-affiliates .lower {
  display: flex;
  justify-content: center;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
.flex-affiliates .lower .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FF5C5C;
  color: #FF5C5C;
}
@media (min-width: 782px) {
  .flex-affiliates .lower .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.flex-affiliates .lower .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.flex-affiliates .lower .button:before {
  background: #FF5C5C;
}
@media (min-width: 782px) {
  .flex-affiliates .lower .button:hover {
    color: #000000;
  }
}
@media (min-width: 782px) {
  .flex-affiliates .lower .button:hover {
    transform: scale(1.2);
  }
  .flex-affiliates .lower .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.flex-affiliates img {
  width: clamp(100.8px, 7.5vw, 158.4px);
  height: clamp(58.8px, 4.375vw, 92.4px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.flex-image-and-quotations {
  position: relative;
}
.flex-image-and-quotations .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
}
@media (min-width: 782px) {
  .flex-image-and-quotations .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-image-and-quotations .testimonial {
  position: absolute;
  width: clamp(462px, 34.375vw, 726px);
  opacity: 0;
  max-width: calc(100% - clamp(42px, 3.125vw, 66px));
  transition: opacity 0.6s, transform 1.2s;
  z-index: 2;
}
.flex-image-and-quotations .testimonial[data-animation-status=active] {
  opacity: 1;
}
.flex-image-and-quotations .testimonial.upper {
  top: calc(clamp(50.4px, 3.75vw, 79.2px) * -1);
  right: clamp(21px, 1.5625vw, 33px);
  transform: translate(calc(clamp(50.4px, 3.75vw, 79.2px) * -1), calc(clamp(37.8px, 2.8125vw, 59.4px) * -1)) scale(0.7);
}
.flex-image-and-quotations .testimonial.upper[data-animation-status=active] {
  transform: translate(0) scale(1);
}
@media (min-width: 782px) {
  .flex-image-and-quotations .testimonial.upper {
    top: 0;
  }
}
.flex-image-and-quotations .testimonial.lower {
  bottom: calc(clamp(50.4px, 3.75vw, 79.2px) * -1);
  left: clamp(21px, 1.5625vw, 33px);
  transform: translate(clamp(50.4px, 3.75vw, 79.2px), calc(clamp(37.8px, 2.8125vw, 59.4px) * -1)) scale(0.7);
}
@media (min-width: 782px) {
  .flex-image-and-quotations .testimonial.lower {
    bottom: 0;
    left: calc(clamp(21px, 1.5625vw, 33px) * -1);
  }
}
.flex-image-and-quotations .testimonial.lower[data-animation-status=active] {
  transform: translate(0) scale(1);
}
.flex-image-and-quotations .testimonial .testimonial-inner {
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: clamp(168px, 12.5vw, 264px);
  padding: clamp(21px, 1.5625vw, 33px) clamp(35px, 2.6041666667vw, 55px);
}
@media (max-width: 782px) {
  .flex-image-and-quotations .testimonial .testimonial-inner {
    opacity: 1;
  }
}
.flex-image-and-quotations .testimonial .kicker {
  background: #1B1C3C;
  color: #FFFFFF;
  border-radius: clamp(2.1px, 0.15625vw, 3.3px);
  display: block;
  padding: clamp(4.2px, 0.3125vw, 6.6px) clamp(19.6px, 1.4583333333vw, 30.8px);
  font-size: clamp(16px, 0.78125vw, 16.5px);
  font-weight: 500;
  margin: 0 0 clamp(11.2px, 0.8333333333vw, 17.6px);
}
.flex-image-and-quotations .testimonial p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 400;
  color: #000000;
  line-height: 1.5;
  margin: 0 0 clamp(15.4px, 1.1458333333vw, 24.2px);
}
.flex-image-and-quotations .testimonial footer {
  font-size: clamp(16px, 0.9375vw, 19.8px);
  line-height: 1.4;
  color: #000000;
  margin: auto 0 0;
}
.flex-image-and-quotations .image {
  position: relative;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
  overflow: hidden;
  width: 100%;
  height: clamp(504px, 37.5vw, 792px);
}
@media (min-width: 782px) {
  .flex-image-and-quotations .image {
    height: clamp(420px, 31.25vw, 660px);
  }
}
.flex-image-and-quotations .image > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.flex-image-and-quotations .matrix {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%) rotate(-25deg);
  transform-origin: center center;
  z-index: 1;
}
.flex-image-and-quotations .matrix .track {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.flex-image-and-quotations .matrix .track:nth-child(n+2) {
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.flex-image-and-quotations .matrix img {
  width: clamp(308px, 22.9166666667vw, 484px);
  height: clamp(173.25px, 12.890625vw, 272.25px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 clamp(14px, 1.0416666667vw, 22px) 0 0;
}
@media (min-width: 782px) {
  .flex-image-and-quotations .matrix img {
    width: clamp(485.1px, 36.09375vw, 762.3px);
    height: clamp(273px, 20.3125vw, 429px);
  }
}

.flex-laptop-presentation {
  position: relative;
  background: #f6f6f6;
  padding: 0 0 clamp(126px, 9.375vw, 198px);
}
.flex-laptop-presentation .inner {
  background: linear-gradient(74deg, rgb(19.0862068966, 19.7931034483, 42.4137931034) 10%, rgb(12, 82, 166) 60%, rgb(19.0862068966, 19.7931034483, 42.4137931034) 95%);
  position: relative;
}
@media (max-width: 782px) {
  .flex-laptop-presentation .inner {
    padding: clamp(84px, 6.25vw, 132px) 0 0;
  }
}
.flex-laptop-presentation .swiper-container {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-laptop-presentation .swiper-container {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (max-width: 782px) {
  .flex-laptop-presentation .swiper-container {
    padding: 0 0 clamp(92.4px, 6.875vw, 145.2px);
    display: flex;
    flex-direction: column;
  }
}
.flex-laptop-presentation .swiper-slide {
  position: relative;
  color: #FFFFFF;
  height: auto;
  padding: clamp(50.4px, 3.75vw, 79.2px) 0 0;
}
@media (min-width: 782px) {
  .flex-laptop-presentation .swiper-slide {
    min-height: clamp(602px, 44.7916666667vw, 946px);
    padding: clamp(112px, 8.3333333333vw, 176px) 0 clamp(126px, 9.375vw, 198px);
  }
}
.flex-laptop-presentation .content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 782px) {
  .flex-laptop-presentation .content {
    align-items: center;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 782px) {
  .flex-laptop-presentation .content {
    align-items: flex-start;
    width: clamp(462px, 34.375vw, 726px);
  }
}
.flex-laptop-presentation .content .kicker {
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 600;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-laptop-presentation .content h3 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
}
@media (min-width: 782px) {
  .flex-laptop-presentation .content h3 {
    font-size: clamp(56px, 4.1666666667vw, 88px);
  }
}
.flex-laptop-presentation .content p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
  line-height: 1.4;
}
.flex-laptop-presentation .content .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-laptop-presentation .content .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.flex-laptop-presentation .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.flex-laptop-presentation .content .button:before {
  background: #FFFFFF;
}
@media (min-width: 782px) {
  .flex-laptop-presentation .content .button:hover {
    color: #1B1C3C;
  }
}
@media (min-width: 782px) {
  .flex-laptop-presentation .content .button:hover {
    transform: scale(1.2);
  }
  .flex-laptop-presentation .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.flex-laptop-presentation .content .image {
  position: absolute;
  top: calc((100vw - clamp(42px, 3.125vw, 66px)) * -0.585);
  left: calc((100vw - clamp(42px, 3.125vw, 66px)) * 0.1);
  width: calc((100vw - clamp(42px, 3.125vw, 66px)) * 0.8);
  height: calc((100vw - clamp(42px, 3.125vw, 66px)) * 0.53);
}
@media (min-width: 782px) {
  .flex-laptop-presentation .content .image {
    top: auto;
    bottom: 0;
    left: clamp(541.1px, 40.2604166667vw, 850.3px);
    width: clamp(708.4px, 52.7083333333vw, 1113.2px);
    height: clamp(460.6px, 34.2708333333vw, 723.8px);
  }
}
.flex-laptop-presentation .content .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: left center;
     object-position: left center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: clamp(11.2px, 0.8333333333vw, 17.6px);
}
.flex-laptop-presentation .swiper-pagination {
  position: absolute;
  z-index: 10;
}
@media (max-width: 782px) {
  .flex-laptop-presentation .swiper-pagination {
    bottom: clamp(33.6px, 2.5vw, 52.8px);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 782px) {
  .flex-laptop-presentation .swiper-pagination {
    bottom: clamp(56px, 4.1666666667vw, 88px);
    left: calc(clamp(11.2px, 0.8333333333vw, 17.6px) * -1);
  }
}
.flex-laptop-presentation .laptop {
  background-image: url("../dist/images/laptop-background.png");
  background-size: contain;
}
@media (max-width: 782px) {
  .flex-laptop-presentation .laptop {
    width: 100%;
    order: -1;
  }
}
@media (min-width: 782px) {
  .flex-laptop-presentation .laptop {
    position: absolute;
    width: clamp(896px, 66.6666666667vw, 1408px);
    left: clamp(448px, 33.3333333333vw, 704px);
    bottom: calc(clamp(58.8px, 4.375vw, 92.4px) * -1);
  }
}
.flex-laptop-presentation .laptop:before {
  content: " ";
  padding: 0 0 60%;
  display: block;
}

.flex-large-image {
  position: relative;
}
.flex-large-image.small {
  height: clamp(378px, 28.125vw, 594px);
}
.twin-images + .flex-large-image, .flex-large-image + .flex-large-image {
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
.flex-large-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.flex-panels {
  position: relative;
}
.flex-panels[data-background=white] {
  color: #1B1C3C;
}
.flex-panels[data-background=black] {
  color: #FFFFFF;
}
.flex-panels .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-panels .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-panels h2 {
  text-align: center;
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-panels h2 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
.flex-panels h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-panels .swiper-container {
  margin: clamp(134.4px, 10vw, 211.2px) 0 0;
}
.flex-panels .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
  opacity: 0;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px)) !important;
  border: solid 2px transparent;
  border-radius: clamp(9.8px, 0.7291666667vw, 15.4px);
  background-image: linear-gradient(180deg, #3B2238, #281C35), linear-gradient(140deg, #FF5C5C, #3E7BC4);
  background-origin: border-box;
  background-clip: content-box, border-box;
  width: clamp(268.8px, 20vw, 422.4px);
  transition: opacity 1.4s, transform 1.4s;
}
.flex-panels .swiper-slide[data-animation-status=active] {
  opacity: 1;
  transform: translateY(0) !important;
}
.flex-panels .swiper-slide:nth-child(n+2) {
  margin: 0 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
@media (min-width: 960px) {
  .flex-panels .swiper-slide {
    width: calc(25% - clamp(18.9px, 1.40625vw, 29.7px));
  }
}
.flex-panels .upper {
  padding: clamp(42px, 3.125vw, 66px) clamp(28px, 2.0833333333vw, 44px) clamp(28px, 2.0833333333vw, 44px);
}
.flex-panels img {
  width: clamp(65.8px, 4.8958333333vw, 103.4px);
  height: clamp(56px, 4.1666666667vw, 88px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
  display: block;
}
.flex-panels h3 {
  font-size: clamp(22.4px, 1.6666666667vw, 35.2px);
  font-weight: 600;
  color: #FFFFFF;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-panels p {
  font-size: clamp(16px, 0.8333333333vw, 17.6px);
  color: rgba(255, 255, 255, 0.66);
  line-height: 1.4;
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.flex-panels .lower {
  padding: clamp(14px, 1.0416666667vw, 22px);
  margin: auto 0 0;
}
.flex-panels .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .flex-panels .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.flex-panels .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.flex-panels .button:before {
  background: #FFFFFF;
}
@media (min-width: 782px) {
  .flex-panels .button:hover {
    color: #1B1C3C;
  }
}
@media (min-width: 782px) {
  .flex-panels .button:hover {
    transform: scale(1.2);
  }
  .flex-panels .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.flex-panels .button:hover {
  transform: scale(1.06);
}

.flex-points-alternative {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.flex-points-alternative[data-background=white] {
  color: #1B1C3C;
}
.flex-points-alternative[data-background=black] {
  background: linear-gradient(180deg, rgb(23.8344827586, 24.7172413793, 52.9655172414) 5.22%, #000000 85.38%);
  color: #FFFFFF;
}
.flex-points-alternative svg {
  position: absolute;
  height: auto;
  display: block;
}
.flex-points-alternative svg.left-shape {
  width: clamp(665px, 49.4791666667vw, 1045px);
  left: calc(clamp(77px, 5.7291666667vw, 121px) * -1);
  top: 0;
}
.flex-points-alternative svg.right-shape {
  width: clamp(1062.6px, 79.0625vw, 1669.8px);
  bottom: calc(clamp(504px, 37.5vw, 792px) * -1);
  right: calc(clamp(252px, 18.75vw, 396px) * -1);
}
.flex-points-alternative .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-points-alternative .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-points-alternative .kicker {
  font-size: clamp(21px, 1.5625vw, 33px);
  display: block;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
.flex-points-alternative h2 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-points-alternative h2 {
    font-size: clamp(50.4px, 3.75vw, 79.2px);
  }
}
.flex-points-alternative h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-points-alternative .columns {
  border-top: 1px solid currentColor;
  padding: clamp(84px, 6.25vw, 132px) 0 0;
  margin: clamp(84px, 6.25vw, 132px) 0 0;
}
@media (min-width: 782px) {
  .flex-points-alternative .columns {
    display: flex;
    justify-content: space-between;
  }
}
.flex-points-alternative h3 {
  font-size: clamp(29.4px, 2.1875vw, 46.2px);
  font-weight: 600;
}
@media (min-width: 782px) {
  .flex-points-alternative h3 {
    width: clamp(420px, 31.25vw, 660px);
  }
}
.flex-points-alternative ul {
  opacity: 1;
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .flex-points-alternative ul {
    width: clamp(420px, 31.25vw, 660px);
    margin: 0;
  }
}
.flex-points-alternative ul[data-animation-status=active] li {
  opacity: 1;
  transform: translateY(0);
}
.flex-points-alternative li {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7571 1.50001V21.757L3.00037 0L0 3.00037L21.757 24.7571H1.50001V29H29V1.50001H24.7571Z' fill='%23FF5C5C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  background-position: 0 clamp(2.8px, 0.2083333333vw, 4.4px);
  padding: 0 0 0 clamp(50.4px, 3.75vw, 79.2px);
  font-size: clamp(16.8px, 1.25vw, 26.4px);
  font-weight: 600;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: transform 0.8s, opacity 0.8s;
}
@media (min-width: 782px) {
  .flex-points-alternative li {
    background-position: top left;
  }
}
.flex-points-alternative li:nth-child(1) {
  transition-delay: 0.2s;
}
.flex-points-alternative li:nth-child(2) {
  transition-delay: 0.4s;
}
.flex-points-alternative li:nth-child(3) {
  transition-delay: 0.6s;
}
.flex-points-alternative li:nth-child(4) {
  transition-delay: 0.8s;
}
.flex-points-alternative li:nth-child(5) {
  transition-delay: 1s;
}
.flex-points-alternative li:nth-child(6) {
  transition-delay: 1.2s;
}
.flex-points-alternative li:nth-child(n+2) {
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}

.flex-points {
  position: relative;
  z-index: 5;
}
.flex-points[data-background=white] {
  color: #1B1C3C;
}
.flex-points[data-background=black] {
  color: #FFFFFF;
}
.flex-points .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-points .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-points h2 {
  font-size: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-points h2 {
    font-size: clamp(42px, 3.125vw, 66px);
  }
}
.flex-points h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-points ul {
  opacity: 1;
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .flex-points ul {
    display: flex;
    gap: clamp(33.6px, 2.5vw, 52.8px);
    justify-content: space-between;
  }
}
.flex-points ul[data-animation-status=active] li {
  opacity: 1;
  transform: translateY(0);
}
.flex-points li {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7571 1.50001V21.757L3.00037 0L0 3.00037L21.757 24.7571H1.50001V29H29V1.50001H24.7571Z' fill='%23FF5C5C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  background-position: top left;
  padding: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  font-size: clamp(16.8px, 1.25vw, 26.4px);
  font-weight: 600;
  line-height: 1.3;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: transform 0.8s, opacity 0.8s;
}
@media (min-width: 782px) {
  .flex-points li {
    margin: 0;
    padding: clamp(50.4px, 3.75vw, 79.2px) 0 0;
    flex: 1;
  }
}
.flex-points li:nth-child(1) {
  transition-delay: 0.2s;
}
.flex-points li:nth-child(2) {
  transition-delay: 0.4s;
}
.flex-points li:nth-child(3) {
  transition-delay: 0.6s;
}
.flex-points li:nth-child(4) {
  transition-delay: 0.8s;
}
.flex-points li:nth-child(5) {
  transition-delay: 1s;
}
.flex-points li:nth-child(6) {
  transition-delay: 1.2s;
}
.flex-points li:nth-child(7) {
  transition-delay: 1.4s;
}
.flex-points li:nth-child(8) {
  transition-delay: 1.6s;
}
.flex-points li:nth-child(9) {
  transition-delay: 1.8s;
}
.flex-points li:nth-child(10) {
  transition-delay: 2s;
}

.flex-related-projects[data-background=white] {
  color: #1B1C3C;
}
.flex-related-projects[data-background=black] {
  color: #FFFFFF;
}
.flex-related-projects .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-related-projects .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-related-projects h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-related-projects h2 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
@media (max-width: 782px) {
  .flex-related-projects h2 br {
    display: none;
  }
}
.flex-related-projects h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-related-projects .columns {
  margin: clamp(67.2px, 5vw, 105.6px) 0 0;
}
@media (min-width: 782px) {
  .flex-related-projects .columns {
    display: flex;
    justify-content: space-between;
  }
}
.flex-related-projects .item {
  position: relative;
  border-radius: clamp(5.6px, 0.4166666667vw, 8.8px);
  overflow: hidden;
}
@media (min-width: 782px) {
  .flex-related-projects .item {
    width: clamp(532px, 39.5833333333vw, 836px);
  }
}
@media (max-width: 782px) {
  .flex-related-projects .item:nth-child(n+2) {
    margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
  }
}
.flex-related-projects .item:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%);
  z-index: 2;
}
.flex-related-projects .item .link {
  display: block;
  height: clamp(397.6px, 29.5833333333vw, 624.8px);
}
.flex-related-projects .item .link:hover i:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.flex-related-projects .item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}
.flex-related-projects .item h3 {
  position: absolute;
  bottom: clamp(33.6px, 2.5vw, 52.8px);
  left: clamp(33.6px, 2.5vw, 52.8px);
  right: clamp(33.6px, 2.5vw, 52.8px);
  font-size: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
  color: #1B1C3C;
  z-index: 3;
}
.flex-related-projects .item i {
  position: absolute;
  top: clamp(19.6px, 1.4583333333vw, 30.8px);
  right: clamp(19.6px, 1.4583333333vw, 30.8px);
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  background: #FF5C5C;
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  z-index: 4;
}
.flex-related-projects .item i:before {
  content: " ";
  background: #db3939;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.flex-related-projects .item i:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(13.3px, 0.9895833333vw, 20.9px));
  left: calc(50% - clamp(13.3px, 0.9895833333vw, 20.9px));
  width: clamp(26.6px, 1.9791666667vw, 41.8px);
  height: clamp(26.6px, 1.9791666667vw, 41.8px);
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='39' viewBox='0 0 38 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.24707 7.72278L27.8556 26.0036L25.4549 28.362L6.8463 10.0813L9.24707 7.72278Z' fill='%231B1C3C'/%3E%3Cpath d='M13.4486 30.0153L13.4486 26.7114L26.1751 26.7125L26.1739 14.2102L29.537 14.2102L29.5359 30.0142L13.4486 30.0153Z' fill='%231B1C3C'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.flex-reviews {
  position: relative;
  margin: -1px 0 0;
}
.flex-reviews[data-background=white] {
  color: #1B1C3C;
}
.flex-reviews[data-background=black] {
  color: #FFFFFF;
}
.flex-reviews .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-reviews .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-reviews h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-reviews h2 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
@media (max-width: 782px) {
  .flex-reviews h2 br {
    display: none;
  }
}
.flex-reviews h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-reviews .detail {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
@media (min-width: 782px) {
  .flex-reviews .detail {
    max-width: clamp(322px, 23.9583333333vw, 506px);
  }
}
.flex-reviews .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.3;
}
.flex-reviews .items {
  opacity: 1;
  margin: clamp(67.2px, 5vw, 105.6px) 0 0;
}
.flex-reviews .items[data-animation-status=active] .item {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 782px) {
  .flex-reviews .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.flex-reviews .item {
  opacity: 0;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: transform 0.8s, opacity 0.8s;
  border: 2px solid transparent;
  border-radius: clamp(9.8px, 0.7291666667vw, 15.4px);
  background-image: linear-gradient(180deg, #3B2238, #281C35), linear-gradient(140deg, #FF5C5C, #3E7BC4);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.flex-reviews .item:nth-child(1) {
  transition-delay: 0.2s;
}
.flex-reviews .item:nth-child(2) {
  transition-delay: 0.4s;
}
.flex-reviews .item:nth-child(3) {
  transition-delay: 0.6s;
}
.flex-reviews .item:nth-child(4) {
  transition-delay: 0.8s;
}
.flex-reviews .item:nth-child(5) {
  transition-delay: 1s;
}
.flex-reviews .item:nth-child(6) {
  transition-delay: 1.2s;
}
.flex-reviews .item:nth-child(7) {
  transition-delay: 1.4s;
}
.flex-reviews .item:nth-child(8) {
  transition-delay: 1.6s;
}
.flex-reviews .item:nth-child(9) {
  transition-delay: 1.8s;
}
.flex-reviews .item:nth-child(10) {
  transition-delay: 2s;
}
@media (min-width: 782px) {
  .flex-reviews .item {
    width: calc(33.33% - clamp(7px, 0.5208333333vw, 11px));
  }
  .flex-reviews .item:nth-child(n+4) {
    margin-top: clamp(8.4px, 0.625vw, 13.2px);
  }
}
@media (max-width: 782px) {
  .flex-reviews .item:nth-child(n+2) {
    margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
  }
}
.flex-reviews .item .item-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(29.4px, 2.1875vw, 46.2px) clamp(44.8px, 3.3333333333vw, 70.4px);
}
.flex-reviews .item .kicker {
  background: linear-gradient(90deg, #FF5C5C 0%, #3E7BC4 100%);
  color: #FFFFFF;
  border-radius: clamp(2.1px, 0.15625vw, 3.3px);
  display: block;
  padding: clamp(4.2px, 0.3125vw, 6.6px) clamp(19.6px, 1.4583333333vw, 30.8px);
  font-size: clamp(16px, 0.78125vw, 16.5px);
  font-weight: 500;
  margin: 0 0 clamp(11.2px, 0.8333333333vw, 17.6px);
}
.flex-reviews .item p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.5;
  margin: 0 0 clamp(15.4px, 1.1458333333vw, 24.2px);
}
.flex-reviews .item p:before {
  content: "“";
}
.flex-reviews .item p:after {
  content: "”";
}
.flex-reviews .item footer {
  font-size: clamp(16px, 0.9375vw, 19.8px);
  line-height: 1.4;
  color: #FFFFFF;
  margin: auto 0 0;
}

.flex-statement {
  position: relative;
  z-index: 5;
}
.flex-statement.include-horizontal-rules:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 782px) {
  .flex-statement.include-horizontal-rules:before {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-statement[data-background=white] {
  color: #1B1C3C;
}
.flex-statement[data-background=white].include-horizontal-rules:before {
  border-top: 1px solid rgba(27, 28, 60, 0.8);
  border-bottom: 1px solid rgba(27, 28, 60, 0.8);
}
.flex-statement[data-background=black] {
  color: #FFFFFF;
}
.flex-statement[data-background=black].include-horizontal-rules:before {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.flex-statement .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-statement .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-statement h2 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .flex-statement h2 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
@media (max-width: 782px) {
  .flex-statement h2 br {
    display: none;
  }
}
.flex-statement h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.flex-team-members {
  position: relative;
}
.flex-team-members svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 33%;
  height: auto;
  display: block;
}
.flex-team-members .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
}
@media (min-width: 782px) {
  .flex-team-members .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-team-members .introduction {
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .flex-team-members .introduction {
    margin: 0 0 clamp(63px, 4.6875vw, 99px);
  }
}
.flex-team-members .introduction h2 {
  font-size: clamp(75.6px, 5.625vw, 118.8px);
  font-weight: 600;
  color: #1B1C3C;
}
@media (max-width: 782px) {
  .flex-team-members .introduction h2 hr {
    display: none;
  }
}
.flex-team-members .introduction p {
  color: #000000;
  margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
}
.flex-team-members .members {
  display: grid;
  gap: clamp(16.8px, 1.25vw, 26.4px);
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 782px) {
  .flex-team-members .members {
    gap: clamp(33.6px, 2.5vw, 52.8px);
  }
}
.flex-team-members .member {
  position: relative;
  border-radius: clamp(7px, 0.5208333333vw, 11px);
  overflow: hidden;
}
.flex-team-members .member:hover img {
  transform: scale(1.1);
}
.flex-team-members .member:hover:before {
  opacity: 0.5;
}
@media (max-width: 782px) {
  .flex-team-members .member {
    grid-column: span 2;
  }
}
.flex-team-members .member:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 40%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 95%);
  transition: opacity 0.5s;
  z-index: 2;
}
.flex-team-members .member img {
  position: relative;
  width: 100%;
  height: clamp(252px, 18.75vw, 396px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.5s;
  z-index: 1;
}
@media (min-width: 782px) {
  .flex-team-members .member img {
    height: clamp(299.6px, 22.2916666667vw, 470.8px);
  }
}
.flex-team-members .member .caption {
  position: absolute;
  bottom: clamp(19.6px, 1.4583333333vw, 30.8px);
  left: clamp(19.6px, 1.4583333333vw, 30.8px);
  right: clamp(19.6px, 1.4583333333vw, 30.8px);
  color: #FFFFFF;
  z-index: 3;
}
.flex-team-members .member h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
}
.flex-team-members .member p {
  font-size: clamp(16px, 0.8333333333vw, 17.6px);
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}

.flex-testimonial-simple {
  background: #FFFFFF;
  position: relative;
  z-index: 4;
}
.flex-testimonial-simple[data-background=white] {
  color: #1B1C3C;
}
.flex-testimonial-simple[data-background=black] {
  color: #FFFFFF;
}
.flex-testimonial-simple svg {
  position: absolute;
  top: 0;
  left: 40%;
  width: 90%;
  height: auto;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.flex-testimonial-simple .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-testimonial-simple .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-testimonial-simple .inner {
    display: flex;
    justify-content: space-between;
  }
}
.flex-testimonial-simple h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .flex-testimonial-simple h2 {
    font-size: clamp(63px, 4.6875vw, 99px);
    margin: 0 0 clamp(70px, 5.2083333333vw, 110px);
  }
}
.flex-testimonial-simple h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-testimonial-simple .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0;
  transition: opacity 0.5s;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-testimonial-simple .content {
    width: clamp(595px, 44.2708333333vw, 935px);
    margin: 0;
  }
}
.flex-testimonial-simple .content[data-animation-status=active] {
  opacity: 1;
}
.flex-testimonial-simple .content .kicker {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
.flex-testimonial-simple .content p {
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 600;
  line-height: 1.1;
}
.flex-testimonial-simple .content p:before {
  content: "“";
}
.flex-testimonial-simple .content p:after {
  content: "”";
}
.flex-testimonial-simple .content footer {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.4;
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
.flex-testimonial-simple .content footer .author {
  display: block;
  font-weight: 600;
}

.flex-testimonial {
  background: #FFFFFF;
  position: relative;
  z-index: 4;
}
.flex-testimonial[data-background=white] {
  color: #1B1C3C;
}
.flex-testimonial[data-background=black] {
  color: #FFFFFF;
}
.flex-testimonial svg {
  position: absolute;
  top: 0;
  left: 40%;
  width: 90%;
  height: auto;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.flex-testimonial .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-testimonial .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-testimonial h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .flex-testimonial h2 {
    font-size: clamp(63px, 4.6875vw, 99px);
    margin: 0 0 clamp(70px, 5.2083333333vw, 110px);
  }
}
.flex-testimonial h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-testimonial .columns {
  opacity: 0;
  transition: opacity 0.5s;
}
@media (min-width: 782px) {
  .flex-testimonial .columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.flex-testimonial .columns[data-animation-status=active] {
  opacity: 1;
}
.flex-testimonial .image {
  position: relative;
  width: 100%;
}
@media (min-width: 782px) {
  .flex-testimonial .image {
    width: clamp(385px, 28.6458333333vw, 605px);
  }
}
.flex-testimonial .image:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.flex-testimonial .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
}
.flex-testimonial .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .flex-testimonial .content {
    width: clamp(595px, 44.2708333333vw, 935px);
    margin: 0;
  }
}
.flex-testimonial .content .kicker {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
.flex-testimonial .content p {
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 600;
  line-height: 1.1;
}
.flex-testimonial .content p:before {
  content: "“";
}
.flex-testimonial .content p:after {
  content: "”";
}
.flex-testimonial .content footer {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.4;
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
.flex-testimonial .content footer .author {
  display: block;
  font-weight: 600;
}

.flex-text-blocks {
  position: relative;
}
.flex-text-blocks[data-background=white] {
  color: #1B1C3C;
}
.flex-text-blocks[data-background=white] .blocks .detail p,
.flex-text-blocks[data-background=white] .blocks .detail li {
  color: #000000;
}
.flex-text-blocks[data-background=black] {
  color: #FFFFFF;
}
.flex-text-blocks[data-background=black] .blocks .detail p,
.flex-text-blocks[data-background=black] .blocks .detail li {
  color: #FFFFFF;
}
.flex-text-blocks svg {
  position: absolute;
  top: calc(clamp(84px, 6.25vw, 132px) * -1);
  left: calc(clamp(392px, 29.1666666667vw, 616px) * -1);
  width: clamp(1008px, 75vw, 1584px);
  height: auto;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.flex-text-blocks .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .flex-text-blocks .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-text-blocks .upper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-text-blocks .upper h2 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 clamp(63px, 4.6875vw, 99px);
}
@media (min-width: 782px) {
  .flex-text-blocks .upper h2 {
    font-size: clamp(63px, 4.6875vw, 99px);
  }
}
@media (max-width: 782px) {
  .flex-text-blocks .upper h2 br {
    display: none;
  }
}
.flex-text-blocks .upper h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-text-blocks .upper p {
  position: relative;
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.3;
  max-width: clamp(448px, 33.3333333333vw, 704px);
  margin: calc(clamp(21px, 1.5625vw, 33px) * -1) 0 clamp(117.6px, 8.75vw, 184.8px);
  line-height: 1.5;
  text-align: center;
  opacity: 0;
  transform: transformY(clamp(16.8px, 1.25vw, 26.4px));
  transition: opacity 0.4s;
}
.flex-text-blocks .upper p[data-animation-status=active] {
  opacity: 1;
  transform: transformY(0);
}
.flex-text-blocks .blocks {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 600px) {
  .flex-text-blocks .blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 782px) {
  .flex-text-blocks .blocks {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(63px, 4.6875vw, 99px) clamp(50.4px, 3.75vw, 79.2px);
  }
}
.flex-text-blocks .blocks .block {
  opacity: 0;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  transition: opacity 0.8s, transform 0.8s;
}
.flex-text-blocks .blocks .block[data-animation-status=active] {
  opacity: 1;
  transform: translateY(0);
}
.flex-text-blocks .blocks h3 {
  font-size: clamp(28px, 2.0833333333vw, 44px);
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-text-blocks .blocks h4 {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 clamp(12.6px, 0.9375vw, 19.8px);
}
.flex-text-blocks .blocks .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-text-blocks .blocks .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-text-blocks .blocks .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-text-blocks .blocks .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.flex-text-blocks .blocks .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.flex-text-blocks .blocks .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-text-blocks .blocks .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-text-blocks .blocks .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-text-blocks .blocks .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.flex-text-blocks .blocks .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.flex-text-blocks .blocks .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.flex-text-blocks .blocks .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.flex-text-blocks .blocks .detail strong {
  font-weight: 600;
}
.flex-text-blocks .blocks .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.flex-text-blocks .blocks .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.flex-text-blocks .blocks .detail em {
  font-style: italic;
}
.flex-text-blocks .blocks .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .flex-text-blocks .blocks .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .flex-text-blocks .blocks .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.flex-text-blocks .blocks .detail a:after {
  top: calc(50% + 0.7em);
}

.flexible-content {
  margin: -1px 0 0;
}

.site-footer {
  position: relative;
  background: #1B1C3C;
  z-index: 1;
}
.site-footer.is-contact {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
.site-footer .upper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  color: #FFFFFF;
  padding: clamp(50.4px, 3.75vw, 79.2px) 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .site-footer .upper {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .site-footer .upper {
    padding: clamp(50.4px, 3.75vw, 79.2px) 0 clamp(42px, 3.125vw, 66px);
    background-position: right bottom clamp(25.2px, 1.875vw, 39.6px);
    background-size: clamp(98px, 7.2916666667vw, 154px) auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='141' height='116' viewBox='0 0 141 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.0037 2.34471C54.4382 0.607227 52.5975 -0.369464 50.8391 0.134303L2.47835 13.8902L2.41666 13.9108C0.617137 14.4557 -0.390593 16.3371 0.144121 18.1363C17.512 74.4964 63.991 107.92 122.871 115.99L140.99 67.5362C99.2719 64.2361 67.0348 39.9627 54.9934 2.34471' fill='%23FF5C5C'/%3E%3C/svg%3E%0A");
  }
}
.site-footer .upper .brand {
  width: clamp(77px, 5.7291666667vw, 121px);
}
.site-footer .upper .brand img {
  width: 100%;
  height: auto;
  display: block;
}
.site-footer .upper h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
.site-footer .upper p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.4;
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
@media (min-width: 782px) {
  .site-footer .upper p {
    font-size: clamp(16px, 1.0416666667vw, 22px);
    width: clamp(280px, 20.8333333333vw, 440px);
    margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
  }
}
.site-footer .lower {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  display: flex;
  flex-wrap: wrap;
  color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: clamp(33.6px, 2.5vw, 52.8px) 0;
}
@media (min-width: 782px) {
  .site-footer .lower {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .site-footer .lower {
    padding: clamp(42px, 3.125vw, 66px) 0 clamp(42px, 3.125vw, 66px);
  }
}
.site-footer .lower h3 {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 600;
}
@media (min-width: 782px) {
  .site-footer .lower .column {
    margin: 0 clamp(33.6px, 2.5vw, 52.8px) 0 0;
  }
}
.site-footer .lower .column:nth-child(1) {
  width: 33.33%;
}
@media (min-width: 782px) {
  .site-footer .lower .column:nth-child(1) {
    width: clamp(100.8px, 7.5vw, 158.4px);
  }
}
.site-footer .lower .column:nth-child(2) {
  width: 66.66%;
}
@media (min-width: 782px) {
  .site-footer .lower .column:nth-child(2) {
    width: clamp(218.4px, 16.25vw, 343.2px);
  }
}
.site-footer .lower .column:nth-child(3), .site-footer .lower .column:nth-child(4), .site-footer .lower .column:nth-child(5) {
  width: 33.33%;
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .site-footer .lower .column:nth-child(3), .site-footer .lower .column:nth-child(4), .site-footer .lower .column:nth-child(5) {
    width: clamp(134.4px, 10vw, 211.2px);
    margin: 0;
  }
}
.site-footer .lower nav {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
.site-footer .lower .address {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.8;
  display: block;
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
.site-footer .lower li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.8;
}
.site-footer .lower li a {
  position: relative;
}
@media (min-width: 782px) {
  .site-footer .lower li a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-footer .lower li a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.site-footer .lower li a:after {
  top: calc(50% + 0.825em);
}
.site-footer .lower .badge {
  display: block;
  width: clamp(140px, 10.4166666667vw, 220px);
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .site-footer .lower .badge {
    margin: 0 0 0 auto;
  }
}
.site-footer .lower .badge img {
  width: 100%;
  height: auto;
  display: block;
}
.site-footer .legals {
  background: #FF5C5C;
  color: #000000;
  padding: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(22.4px, 1.6666666667vw, 35.2px);
}
.site-footer .legals .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .site-footer .legals .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .site-footer .legals .inner {
    display: flex;
    justify-content: space-between;
  }
}
.site-footer .legals .copyright {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
@media (min-width: 782px) {
  .site-footer .legals .copyright {
    max-width: clamp(420px, 31.25vw, 660px);
  }
}
@media (min-width: 1280px) {
  .site-footer .legals .copyright {
    max-width: none;
  }
}
.site-footer .legals .menu {
  display: flex;
  margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
}
@media (min-width: 782px) {
  .site-footer .legals .menu {
    margin: 0;
  }
}
.site-footer .legals .menu .menu-item:nth-child(n+2) {
  margin: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.site-footer .legals .menu a {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  position: relative;
}
@media (min-width: 782px) {
  .site-footer .legals .menu a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-footer .legals .menu a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}

body {
  background: #1B1C3C;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
  font-size: clamp(16px, 1.0416666667vw, 22px);
}

main {
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
  z-index: 3;
}

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

::placeholder {
  color: #a9a9a9;
}

::-moz-selection {
  background: #FF5C5C;
  color: #FFFFFF;
}

::selection {
  background: #FF5C5C;
  color: #FFFFFF;
}

section {
  margin-top: -1px;
}
section[data-background=white] {
  background: #f6f6f6;
}
section[data-background=black] {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
section[data-upper="30"] {
  padding-top: clamp(21px, 1.5625vw, 33px);
}
section[data-upper="60"] {
  padding-top: clamp(42px, 3.125vw, 66px);
}
section[data-upper="90"] {
  padding-top: clamp(63px, 4.6875vw, 99px);
}
section[data-upper="120"] {
  padding-top: clamp(84px, 6.25vw, 132px);
}
section[data-upper="150"] {
  padding-top: clamp(105px, 7.8125vw, 165px);
}
section[data-upper="180"] {
  padding-top: clamp(126px, 9.375vw, 198px);
}
section[data-upper="210"] {
  padding-top: clamp(147px, 10.9375vw, 231px);
}
section[data-upper="240"] {
  padding-top: clamp(168px, 12.5vw, 264px);
}
section[data-upper="270"] {
  padding-top: clamp(189px, 14.0625vw, 297px);
}
section[data-upper="300"] {
  padding-top: clamp(210px, 15.625vw, 330px);
}
section[data-upper="330"] {
  padding-top: clamp(231px, 17.1875vw, 363px);
}
section[data-upper="360"] {
  padding-top: clamp(252px, 18.75vw, 396px);
}
section[data-lower="60"] {
  padding-bottom: clamp(42px, 3.125vw, 66px);
}
section[data-lower="90"] {
  padding-bottom: clamp(63px, 4.6875vw, 99px);
}
section[data-lower="120"] {
  padding-bottom: clamp(84px, 6.25vw, 132px);
}
section[data-lower="150"] {
  padding-bottom: clamp(105px, 7.8125vw, 165px);
}
section[data-lower="180"] {
  padding-bottom: clamp(126px, 9.375vw, 198px);
}
section[data-lower="210"] {
  padding-bottom: clamp(147px, 10.9375vw, 231px);
}
section[data-lower="240"] {
  padding-bottom: clamp(168px, 12.5vw, 264px);
}
section[data-lower="270"] {
  padding-bottom: clamp(189px, 14.0625vw, 297px);
}
section[data-lower="300"] {
  padding-bottom: clamp(210px, 15.625vw, 330px);
}
section[data-lower="330"] {
  padding-bottom: clamp(231px, 17.1875vw, 363px);
}
section[data-lower="360"] {
  padding-bottom: clamp(252px, 18.75vw, 396px);
}

[data-transition-shutter] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgb(34.9137931034, 36.2068965517, 77.5862068966);
  transition: height 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 30;
}
[data-transition-animation=in-progress] [data-transition-shutter] {
  top: auto;
  bottom: 0;
  height: 100%;
}

[data-shutter] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(20.6689655172, 21.4344827586, 45.9310344828);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: clip-path 1s 1.6s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0s 2.6s;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 70;
  /*
  svg {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: c(280px);
  	height: auto;
  	display: block;
  	transition: transform 6s 0.1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
  	transform: translate(-50%, -60%) scale(0.85);

  	[data-entrance-animation] & {
  		transform: translate(-50%, -60%) scale(1);
  	}

  	g {
  		&:first-child {
  			opacity: 0;
  			transition: opacity 0.6s 0.1s cubic-bezier(0.230, 1.000, 0.320, 1.000);

  			[data-entrance-animation] & {
  				opacity: 0.3;
  			}
  		}

  		&:last-child {
  			opacity: 0;
  			transition: opacity 1.9s 0.2s cubic-bezier(0.230, 1.000, 0.320, 1.000), clip-path 1.9s 0.2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
  			clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);

  			[data-entrance-animation] & {
  				opacity: 1;
  				clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  			}
  		}
  	}
  }
  */
}
[data-shutter]:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  background: linear-gradient(160deg, #0c53a7 0.41%, rgba(255, 92, 92, 0.4117647059) 28.75%, #052041 90.96%);
}
[data-entrance-animation=complete] [data-shutter]:before {
  opacity: 0.7;
  transition: opacity 3s 0.1s ease-out;
}
[data-entrance-animation=complete] [data-shutter] {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
[data-shutter] .logo {
  position: fixed;
  top: 50%;
  left: 50%;
  width: clamp(294px, 21.875vw, 462px);
  transition: transform 6s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate(-50%, -60%) scale(0.8);
}
@media (min-width: 782px) {
  [data-shutter] .logo {
    width: clamp(462px, 34.375vw, 726px);
  }
}
[data-entrance-animation] [data-shutter] .logo {
  transform: translate(-50%, -60%) scale(1);
}
[data-shutter] .logo svg {
  width: 100%;
  height: auto;
  display: block;
}

.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_body .gfield .screen-reader-text {
  display: none;
}
.gform_wrapper .gform_footer img {
  display: none;
}
.site-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
[data-header-theme=white] .site-header {
  color: #FFFFFF;
}
[data-header-theme=white] .site-header:before {
  background: rgba(27, 28, 60, 0.95);
}
[data-header-theme=black] .site-header {
  color: #1B1C3C;
}
[data-header-theme=black] .site-header:before {
  background: rgba(255, 255, 255, 0.95);
}
@media (max-width: 782px) {
  [data-navigation-status=open] .site-header {
    color: #FFFFFF;
  }
}
.site-header:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.6s;
}
[data-scroll-detected=true] .site-header:before {
  height: clamp(67.2px, 5vw, 105.6px);
}
@media (max-width: 782px) {
  [data-scroll-detected=true] .site-header:before {
    height: clamp(67.2px, 5vw, 105.6px);
  }
}
.site-header .inner {
  position: relative;
  transition: opacity 0.3s;
  z-index: 1;
}
@media (min-width: 782px) {
  .site-header .inner {
    width: calc(100% - clamp(42px, 3.125vw, 66px));
    margin: 0 auto;
    max-width: clamp(1092px, 81.25vw, 1716px);
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  .site-header .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.site-header .brand {
  position: absolute;
  top: clamp(19.6px, 1.4583333333vw, 30.8px);
  display: block;
  width: clamp(77px, 5.7291666667vw, 121px);
  z-index: 2;
}
@media (min-width: 782px) {
  .site-header .brand {
    top: clamp(44.8px, 3.3333333333vw, 70.4px);
    transition: top 0.6s;
  }
  [data-scroll-detected=true] .site-header .brand {
    top: clamp(18.2px, 1.3541666667vw, 28.6px);
  }
}
@media (max-width: 782px) {
  .site-header .brand {
    left: clamp(21px, 1.5625vw, 33px);
  }
}
.site-header .brand svg {
  width: 100%;
  height: auto;
  display: block;
}
.site-header .brand .shape {
  transition: fill 0.6s;
}
[data-header-theme=white] .site-header .brand .shape {
  fill: #FFFFFF;
}
[data-header-theme=black] .site-header .brand .shape {
  fill: #1B1C3C;
}
@media (max-width: 782px) {
  [data-navigation-status=open] .site-header .brand .shape {
    fill: #FFFFFF;
  }
}
.site-header .brand .dash {
  fill: #FF5C5C;
}

.home-banner-alternative {
  position: relative;
  background: #1B1C3C;
  overflow: hidden;
}
.home-banner-alternative:before {
  content: " ";
  position: absolute;
  width: 80%;
  top: 0;
  right: 0;
  height: 70%;
}
.home-banner-alternative svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}
.home-banner-alternative .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  align-items: flex-start;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  z-index: 3;
}
@media (min-width: 782px) {
  .home-banner-alternative .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .home-banner-alternative .inner {
    padding: clamp(154px, 11.4583333333vw, 242px) 0 clamp(70px, 5.2083333333vw, 110px);
    justify-content: center;
    min-height: calc(100vh + 2px);
  }
}
@media (max-width: 782px) {
  .home-banner-alternative .inner {
    padding: clamp(140px, 10.4166666667vw, 220px) 0 clamp(67.2px, 5vw, 105.6px);
    align-items: center;
    text-align: center;
  }
}
.home-banner-alternative .kicker {
  font-size: clamp(16.8px, 1.25vw, 26.4px);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.home-banner-alternative p {
  font-size: clamp(29.4px, 2.1875vw, 46.2px);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 clamp(19.6px, 1.4583333333vw, 30.8px);
}
@media (min-width: 782px) {
  .home-banner-alternative p {
    font-size: clamp(39.2px, 2.9166666667vw, 61.6px);
  }
}
.home-banner-alternative p strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.home-banner-alternative .tagline {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.3;
}
.home-banner-alternative .tagline h1 {
  display: inline;
  font-weight: 600;
}
.home-banner-alternative .cta {
  opacity: 0;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  transition: opacity 0.3s;
}
.home-banner-alternative .cta[data-animation-status=active] {
  opacity: 1;
}
.home-banner-alternative .cta .play-showreel {
  position: relative;
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 500;
  color: #FFFFFF;
  line-height: clamp(42px, 3.125vw, 66px);
  display: inline-block;
  padding: 0 clamp(58.8px, 4.375vw, 92.4px) 0 0;
  transition: transform 0.3s;
}
.home-banner-alternative .cta .play-showreel:hover {
  transform: scale(1.1);
}
.home-banner-alternative .cta .play-showreel:hover i:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.home-banner-alternative .cta .play-showreel:hover i:after {
  border-color: transparent transparent transparent #1B1C3C;
}
.home-banner-alternative .cta .play-showreel i {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
}
.home-banner-alternative .cta .play-showreel i:before {
  content: " ";
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.home-banner-alternative .cta .play-showreel i:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(6.65px, 0.4947916667vw, 10.45px));
  left: calc(50% - clamp(4.9px, 0.3645833333vw, 7.7px));
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: clamp(7.7px, 0.5729166667vw, 12.1px) 0 clamp(7.7px, 0.5729166667vw, 12.1px) clamp(13.3px, 0.9895833333vw, 20.9px);
  border-color: transparent transparent transparent #FFFFFF;
  transform: rotate(0deg);
  display: block;
  transition: border 0.3s 0.05s;
}
.home-banner-alternative .video-wrapper-outer {
  position: relative;
  width: 100%;
}
@media (min-width: 782px) {
  .home-banner-alternative .video-wrapper-outer {
    position: absolute;
    width: clamp(504px, 37.5vw, 792px);
    top: calc(50% + clamp(42px, 3.125vw, 66px));
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.8s;
  }
  .home-banner-alternative .video-wrapper-outer[data-animation-status=active] {
    opacity: 1;
  }
}
@media (max-width: 782px) {
  .home-banner-alternative .video-wrapper-outer {
    margin: 0 auto clamp(67.2px, 5vw, 105.6px);
    order: -1;
  }
}
.home-banner-alternative .video-wrapper-outer .video-wrapper {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
  overflow: hidden;
}
.home-banner-alternative .video-wrapper-outer .video-wrapper:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.home-banner-alternative .video-wrapper-outer:after {
  content: " ";
  position: absolute;
  top: calc(clamp(12.6px, 0.9375vw, 19.8px) * -1);
  left: calc(clamp(12.6px, 0.9375vw, 19.8px) * -1);
  right: calc(clamp(12.6px, 0.9375vw, 19.8px) * -1);
  bottom: calc(clamp(12.6px, 0.9375vw, 19.8px) * -1);
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: clamp(16.8px, 1.25vw, 26.4px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.home-banner-alternative .video-wrapper-outer embed,
.home-banner-alternative .video-wrapper-outer video,
.home-banner-alternative .video-wrapper-outer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
}
.home-banner-alternative .video-wrapper-outer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-banner-alternative .video-wrapper-outer .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
}
.home-banner-alternative .video-wrapper-outer .button:hover span {
  transform: scale(1.1);
}
.home-banner-alternative .video-wrapper-outer .button:hover span:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.home-banner-alternative .video-wrapper-outer .button:hover span:after {
  border-color: transparent transparent transparent #1B1C3C;
}
.home-banner-alternative .video-wrapper-outer .button span {
  position: absolute;
  top: calc(50% - clamp(21px, 1.5625vw, 33px));
  left: calc(50% - clamp(21px, 1.5625vw, 33px));
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  background: #FFFFFF;
  transition: transform 0.3s;
}
.home-banner-alternative .video-wrapper-outer .button span:before {
  content: " ";
  background: #FF5C5C;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.home-banner-alternative .video-wrapper-outer .button span:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(6.65px, 0.4947916667vw, 10.45px));
  left: calc(50% - clamp(4.9px, 0.3645833333vw, 7.7px));
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: clamp(7.7px, 0.5729166667vw, 12.1px) 0 clamp(7.7px, 0.5729166667vw, 12.1px) clamp(13.3px, 0.9895833333vw, 20.9px);
  border-color: transparent transparent transparent #000000;
  transform: rotate(0deg);
  display: block;
  transition: border 0.3s 0.05s;
}
.home-banner-alternative .swiper-container {
  position: relative;
  width: clamp(378px, 28.125vw, 594px);
}
@media (min-width: 782px) {
  .home-banner-alternative .swiper-container {
    position: absolute;
    width: clamp(504px, 37.5vw, 792px);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
@media (max-width: 782px) {
  .home-banner-alternative .swiper-container {
    margin: 0 auto clamp(140px, 10.4166666667vw, 220px);
    order: -1;
  }
}
.home-banner-alternative .swiper-slide {
  position: relative;
}
@media (min-width: 782px) {
  .home-banner-alternative .swiper-slide {
    perspective: clamp(1400px, 104.1666666667vw, 2200px);
  }
}
.home-banner-alternative .swiper-slide:before {
  content: " ";
  padding: 0 0 50%;
  display: block;
}
.home-banner-alternative .swiper-slide:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.home-banner-alternative .slide-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.home-banner-alternative .slide-element[data-animation=enter] {
  opacity: 0;
  transition: opacity 0.8s;
}
.home-banner-alternative .slide-element[data-animation=enter][data-animation-status=active] {
  opacity: 1;
}
.home-banner-alternative .slide-element.element-24 img {
  width: clamp(378px, 28.125vw, 594px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-24 img {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.home-banner-alternative .slide-element.element-23 img {
  width: clamp(204.75px, 15.234375vw, 321.75px);
  top: calc(50% - clamp(126px, 9.375vw, 198px));
  left: clamp(126px, 9.375vw, 198px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-23 img {
    width: clamp(273px, 20.3125vw, 429px);
    top: calc(50% - clamp(168px, 12.5vw, 264px));
    left: clamp(168px, 12.5vw, 264px);
  }
}
.home-banner-alternative .slide-element.element-22 img {
  width: clamp(147px, 10.9375vw, 231px);
  top: calc(50% + clamp(88.9px, 6.6145833333vw, 139.7px));
  left: clamp(57.75px, 4.296875vw, 90.75px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-22 img {
    width: clamp(196px, 14.5833333333vw, 308px);
    top: calc(50% + clamp(119px, 8.8541666667vw, 187px));
    left: clamp(77px, 5.7291666667vw, 121px);
  }
}
.home-banner-alternative .slide-element.element-21 img {
  width: clamp(44.1px, 3.28125vw, 69.3px);
  bottom: clamp(63px, 4.6875vw, 99px);
  left: calc(clamp(10.5px, 0.78125vw, 16.5px) * -1);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-21 img {
    width: clamp(58.8px, 4.375vw, 92.4px);
    bottom: clamp(84px, 6.25vw, 132px);
    left: calc(clamp(14px, 1.0416666667vw, 22px) * -1);
  }
}
.home-banner-alternative .slide-element.element-20 img {
  width: clamp(44.625px, 3.3203125vw, 70.125px);
  top: 0;
  right: calc(clamp(47.25px, 3.515625vw, 74.25px) * -1);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-20 img {
    width: clamp(58.8px, 4.375vw, 92.4px);
    right: calc(clamp(63px, 4.6875vw, 99px) * -1);
  }
}
.home-banner-alternative .slide-element.element-20 img {
  width: clamp(147px, 10.9375vw, 231px);
  top: 0;
  right: calc(clamp(47.25px, 3.515625vw, 74.25px) * -1);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-20 img {
    width: clamp(196px, 14.5833333333vw, 308px);
    right: calc(clamp(63px, 4.6875vw, 99px) * -1);
  }
}
.home-banner-alternative .slide-element.element-19 img {
  width: clamp(378px, 28.125vw, 594px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-19 img {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.home-banner-alternative .slide-element.element-18 img {
  width: clamp(204.75px, 15.234375vw, 321.75px);
  top: calc(50% - clamp(126px, 9.375vw, 198px));
  left: clamp(28.875px, 2.1484375vw, 45.375px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-18 img {
    width: clamp(273px, 20.3125vw, 429px);
    top: calc(50% - clamp(168px, 12.5vw, 264px));
    left: clamp(39.2px, 2.9166666667vw, 61.6px);
  }
}
.home-banner-alternative .slide-element.element-17 img {
  width: clamp(175.875px, 13.0859375vw, 276.375px);
  top: calc(50% + clamp(88.9px, 6.6145833333vw, 139.7px));
  right: clamp(84px, 6.25vw, 132px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-17 img {
    width: clamp(234.5px, 17.4479166667vw, 368.5px);
    top: calc(50% + clamp(119px, 8.8541666667vw, 187px));
    right: clamp(112px, 8.3333333333vw, 176px);
  }
}
.home-banner-alternative .slide-element.element-15 img {
  width: clamp(378px, 28.125vw, 594px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-15 img {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.home-banner-alternative .slide-element.element-16 img {
  width: clamp(147px, 10.9375vw, 231px);
  top: clamp(70px, 5.2083333333vw, 110px);
  right: calc(clamp(42px, 3.125vw, 66px) * -1);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-16 img {
    top: clamp(21px, 1.5625vw, 33px);
    right: calc(clamp(28px, 2.0833333333vw, 44px) * -1);
    width: clamp(196px, 14.5833333333vw, 308px);
  }
}
.home-banner-alternative .slide-element.element-14 img {
  width: clamp(47.25px, 3.515625vw, 74.25px);
  top: calc(50% + clamp(88.9px, 6.6145833333vw, 139.7px));
  right: clamp(94.5px, 7.03125vw, 148.5px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-14 img {
    width: clamp(224px, 16.6666666667vw, 352px);
    top: calc(50% + clamp(119px, 8.8541666667vw, 187px));
    right: clamp(63px, 4.6875vw, 99px);
  }
}
.home-banner-alternative .slide-element.element-13 img {
  width: clamp(136.5px, 10.15625vw, 214.5px);
  top: calc(50% - clamp(126px, 9.375vw, 198px));
  left: clamp(28.875px, 2.1484375vw, 45.375px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-13 img {
    width: clamp(182px, 13.5416666667vw, 286px);
    top: calc(50% - clamp(168px, 12.5vw, 264px));
    left: clamp(39.2px, 2.9166666667vw, 61.6px);
  }
}
.home-banner-alternative .slide-element.element-12 img {
  width: clamp(50.4px, 3.75vw, 79.2px);
  top: clamp(15.75px, 1.171875vw, 24.75px);
  left: calc(clamp(12.6px, 0.9375vw, 19.8px) * -1);
  box-shadow: 0 0 clamp(14px, 1.0416666667vw, 22px) rgba(0, 0, 0, 0.2);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-12 img {
    top: clamp(21px, 1.5625vw, 33px);
    left: calc(clamp(17.5px, 1.3020833333vw, 27.5px) * -1);
    width: clamp(66.5px, 4.9479166667vw, 104.5px);
  }
}
.home-banner-alternative .slide-element.element-11 img {
  width: clamp(141.4px, 10.5208333333vw, 222.2px);
  bottom: calc(clamp(28px, 2.0833333333vw, 44px) * -1);
  right: calc(50% + clamp(10.5px, 0.78125vw, 16.5px));
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-11 img {
    width: clamp(189px, 14.0625vw, 297px);
  }
}
.home-banner-alternative .slide-element.element-10 img {
  width: clamp(161px, 11.9791666667vw, 253px);
  top: clamp(14px, 1.0416666667vw, 22px);
  right: calc(clamp(9.8px, 0.7291666667vw, 15.4px) * -1);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-10 img {
    width: clamp(215.6px, 16.0416666667vw, 338.8px);
  }
}
.home-banner-alternative .slide-element.element-09 img {
  width: clamp(176.4px, 13.125vw, 277.2px);
  top: calc(clamp(35px, 2.6041666667vw, 55px) * -1);
  left: calc(clamp(21px, 1.5625vw, 33px) * -1);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-09 img {
    width: clamp(235.9px, 17.5520833333vw, 370.7px);
  }
}
.home-banner-alternative .slide-element.element-08 img {
  width: clamp(378px, 28.125vw, 594px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-08 img {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.home-banner-alternative .slide-element.element-07 img {
  width: clamp(357px, 26.5625vw, 561px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-07 img {
    width: clamp(476px, 35.4166666667vw, 748px);
  }
}
.home-banner-alternative .slide-element.element-06 img {
  width: clamp(378px, 28.125vw, 594px);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-06 img {
    width: clamp(504px, 37.5vw, 792px);
  }
}
.home-banner-alternative .slide-element.element-05 img {
  width: clamp(84px, 6.25vw, 132px);
  top: calc(50% - clamp(115.5px, 8.59375vw, 181.5px));
  right: clamp(84px, 6.25vw, 132px);
  box-shadow: 0 0 clamp(14px, 1.0416666667vw, 22px) rgba(0, 0, 0, 0.2);
  border-radius: clamp(8.4px, 0.625vw, 13.2px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-05 img {
    width: clamp(112px, 8.3333333333vw, 176px);
    top: calc(50% - clamp(154px, 11.4583333333vw, 242px));
    right: clamp(112px, 8.3333333333vw, 176px);
  }
}
.home-banner-alternative .slide-element.element-04 img {
  width: clamp(157.5px, 11.71875vw, 247.5px);
  top: calc(50% - clamp(126px, 9.375vw, 198px));
  left: clamp(28.875px, 2.1484375vw, 45.375px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-04 img {
    width: clamp(210px, 15.625vw, 330px);
    top: calc(50% - clamp(168px, 12.5vw, 264px));
    left: clamp(39.2px, 2.9166666667vw, 61.6px);
  }
}
.home-banner-alternative .slide-element.element-02 img {
  width: clamp(157.5px, 11.71875vw, 247.5px);
  top: calc(50% + clamp(88.9px, 6.6145833333vw, 139.7px));
  left: clamp(94.5px, 7.03125vw, 148.5px);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-02 img {
    width: clamp(210px, 15.625vw, 330px);
    top: calc(50% + clamp(119px, 8.8541666667vw, 187px));
    left: clamp(126px, 9.375vw, 198px);
  }
}
.home-banner-alternative .slide-element.element-03 img {
  width: clamp(147px, 10.9375vw, 231px);
  top: calc(50% + clamp(42px, 3.125vw, 66px));
  right: calc(clamp(9.8px, 0.7291666667vw, 15.4px) * -1);
  box-shadow: 0 0 clamp(14px, 1.0416666667vw, 22px) rgba(0, 0, 0, 0.2);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-03 img {
    width: clamp(196px, 14.5833333333vw, 308px);
    top: calc(50% + clamp(56px, 4.1666666667vw, 88px));
  }
}
.home-banner-alternative .slide-element.element-01 img {
  width: clamp(100.8px, 7.5vw, 158.4px);
  top: 50%;
  left: calc(clamp(10.5px, 0.78125vw, 16.5px) * -1);
  box-shadow: 0 0 clamp(14px, 1.0416666667vw, 22px) rgba(0, 0, 0, 0.2);
}
@media (min-width: 782px) {
  .home-banner-alternative .slide-element.element-01 img {
    width: clamp(126px, 9.375vw, 198px);
  }
}
.home-banner-alternative .slide-element img {
  position: absolute;
  height: auto;
  display: block;
}
.home-banner-alternative .swiper-pagination {
  position: absolute;
  top: calc(100% + clamp(84px, 6.25vw, 132px));
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 782px) {
  .home-banner-alternative .swiper-pagination {
    top: calc(100% + clamp(126px, 9.375vw, 198px));
  }
}
.home-banner-alternative .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgb(19.0862068966, 19.7931034483, 42.4137931034);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 5;
}

.home-banner-zoom {
  position: relative;
  background: #1B1C3C;
  overflow: hidden;
}
.home-banner-zoom:before {
  content: " ";
  position: absolute;
  width: 80%;
  top: 0;
  right: 0;
  height: 70%;
}
.home-banner-zoom [data-svg] {
  position: absolute;
}
.home-banner-zoom [data-svg=top-right] {
  top: 0;
  right: 0;
  width: clamp(294px, 21.875vw, 462px);
  height: auto;
  display: block;
}
@media (min-width: 960px) {
  .home-banner-zoom [data-svg=top-right] {
    width: clamp(420px, 31.25vw, 660px);
  }
}
.home-banner-zoom [data-svg=bottom-left] {
  display: none;
}
@media (min-width: 960px) {
  .home-banner-zoom [data-svg=bottom-left] {
    bottom: -200px;
    left: 0;
    width: clamp(420px, 31.25vw, 660px);
    display: block;
  }
}
.home-banner-zoom .content {
  position: relative;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: clamp(182px, 13.5416666667vw, 286px) 0 clamp(84px, 6.25vw, 132px);
}
.home-banner-zoom .kicker {
  font-size: clamp(16.8px, 1.25vw, 26.4px);
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
@media (min-width: 960px) {
  .home-banner-zoom .kicker {
    font-size: clamp(21px, 1.5625vw, 33px);
  }
}
.home-banner-zoom p {
  font-size: clamp(29.4px, 2.1875vw, 46.2px);
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 clamp(19.6px, 1.4583333333vw, 30.8px);
}
@media (min-width: 782px) {
  .home-banner-zoom p {
    font-size: clamp(39.2px, 2.9166666667vw, 61.6px);
  }
}
@media (min-width: 960px) {
  .home-banner-zoom p {
    font-size: clamp(50.4px, 3.75vw, 79.2px);
  }
}
.home-banner-zoom p strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.home-banner-zoom .tagline {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.3;
}
@media (min-width: 960px) {
  .home-banner-zoom .tagline {
    font-size: clamp(21px, 1.5625vw, 33px);
  }
}
.home-banner-zoom .tagline h1 {
  display: inline;
  font-weight: 600;
}
.home-banner-zoom .cta {
  opacity: 0;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  transition: opacity 0.3s;
}
.home-banner-zoom .cta[data-animation-status=active] {
  opacity: 1;
}
.home-banner-zoom .cta .play-showreel {
  position: relative;
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 500;
  color: #FFFFFF;
  line-height: clamp(42px, 3.125vw, 66px);
  display: inline-block;
  padding: 0 clamp(58.8px, 4.375vw, 92.4px) 0 0;
  transition: transform 0.3s;
}
.home-banner-zoom .cta .play-showreel:hover {
  transform: scale(1.1);
}
.home-banner-zoom .cta .play-showreel:hover i:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.home-banner-zoom .cta .play-showreel:hover i:after {
  border-color: transparent transparent transparent #1B1C3C;
}
.home-banner-zoom .cta .play-showreel i {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
}
.home-banner-zoom .cta .play-showreel i:before {
  content: " ";
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.home-banner-zoom .cta .play-showreel i:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(6.65px, 0.4947916667vw, 10.45px));
  left: calc(50% - clamp(4.9px, 0.3645833333vw, 7.7px));
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: clamp(7.7px, 0.5729166667vw, 12.1px) 0 clamp(7.7px, 0.5729166667vw, 12.1px) clamp(13.3px, 0.9895833333vw, 20.9px);
  border-color: transparent transparent transparent #FFFFFF;
  transform: rotate(0deg);
  display: block;
  transition: border 0.3s 0.05s;
}
.home-banner-zoom .video-wrapper-outer {
  position: relative;
  opacity: 1;
  height: 56.25vw;
}
@media (min-width: 960px) {
  .home-banner-zoom .video-wrapper-outer {
    width: 100vw;
    height: calc(100vh - clamp(67.2px, 5vw, 105.6px));
  }
}
.home-banner-zoom .video-wrapper-outer .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  transform-origin: top center;
  overflow: hidden;
}
@media (min-width: 960px) {
  .home-banner-zoom .video-wrapper-outer .video-wrapper {
    border-radius: clamp(12.6px, 0.9375vw, 19.8px);
  }
}
.home-banner-zoom .video-wrapper-outer embed,
.home-banner-zoom .video-wrapper-outer video,
.home-banner-zoom .video-wrapper-outer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.home-banner-zoom .video-wrapper-outer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-banner-zoom .video-wrapper-outer .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
}
.home-banner-zoom .video-wrapper-outer .button:hover span {
  transform: scale(1.1);
}
.home-banner-zoom .video-wrapper-outer .button:hover span:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.home-banner-zoom .video-wrapper-outer .button:hover span:after {
  border-color: transparent transparent transparent #1B1C3C;
}
.home-banner-zoom .video-wrapper-outer .button span {
  position: absolute;
  top: calc(50% - clamp(21px, 1.5625vw, 33px));
  left: calc(50% - clamp(21px, 1.5625vw, 33px));
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  background: #FFFFFF;
  transition: transform 0.3s;
}
.home-banner-zoom .video-wrapper-outer .button span:before {
  content: " ";
  background: #FF5C5C;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.home-banner-zoom .video-wrapper-outer .button span:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(6.65px, 0.4947916667vw, 10.45px));
  left: calc(50% - clamp(4.9px, 0.3645833333vw, 7.7px));
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: clamp(7.7px, 0.5729166667vw, 12.1px) 0 clamp(7.7px, 0.5729166667vw, 12.1px) clamp(13.3px, 0.9895833333vw, 20.9px);
  border-color: transparent transparent transparent #000000;
  transform: rotate(0deg);
  display: block;
  transition: border 0.3s 0.05s;
}
.home-banner-zoom .video-wrapper-outer .mute-toggle {
  position: absolute;
  bottom: clamp(25.2px, 1.875vw, 39.6px);
  right: clamp(25.2px, 1.875vw, 39.6px);
  width: clamp(50.4px, 3.75vw, 79.2px);
  height: clamp(50.4px, 3.75vw, 79.2px);
  border-radius: clamp(8.4px, 0.625vw, 13.2px);
  background-size: cover;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(25.2px, 1.875vw, 39.6px) auto;
  opacity: 0.6;
  transition: opacity 0.4s;
  cursor: pointer;
}
.home-banner-zoom .video-wrapper-outer .mute-toggle.is-muted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-x'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'%3E%3C/polygon%3E%3Cline x1='23' y1='9' x2='17' y2='15'%3E%3C/line%3E%3Cline x1='17' y1='9' x2='23' y2='15'%3E%3C/line%3E%3C/svg%3E");
}
.home-banner-zoom .video-wrapper-outer .mute-toggle.is-unmuted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-2'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'%3E%3C/polygon%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07'%3E%3C/path%3E%3C/svg%3E");
}
.home-banner-zoom .video-wrapper-outer .mute-toggle:hover {
  opacity: 1;
}
.home-banner-zoom .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgb(19.0862068966, 19.7931034483, 42.4137931034);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 5;
}

.home-banner {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}
.home-banner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(254.55deg, #0C53A7 0.41%, rgba(255, 92, 92, 0.41) 28.75%, #052041 90.96%);
  display: block;
  z-index: 2;
}
.home-banner .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100vh;
  padding: clamp(154px, 11.4583333333vw, 242px) 0 clamp(70px, 5.2083333333vw, 110px);
  color: #FFFFFF;
  z-index: 3;
}
@media (min-width: 782px) {
  .home-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.home-banner .kicker {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 400;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.home-banner h1 {
  font-size: clamp(44.8px, 3.3333333333vw, 70.4px);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 clamp(50.4px, 3.75vw, 79.2px);
}
.home-banner .tagline {
  margin: auto 0 0;
}
.home-banner .tagline p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.3;
}
.home-banner .tagline p strong {
  font-weight: 600;
}
.home-banner .buttons {
  display: flex;
  margin: clamp(36.4px, 2.7083333333vw, 57.2px) 0 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.home-banner .buttons[data-animation-status=active] {
  opacity: 1;
}
.home-banner .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .home-banner .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.home-banner .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.home-banner .button:before {
  background: #FFFFFF;
}
@media (min-width: 782px) {
  .home-banner .button:hover {
    color: #1B1C3C;
  }
}
@media (min-width: 782px) {
  .home-banner .button:hover {
    transform: scale(1.2);
  }
  .home-banner .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.home-banner .matrix {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%) rotate(-25deg);
  transform-origin: "center center";
  z-index: 1;
}
.home-banner .matrix .track {
  display: flex;
}
.home-banner .matrix .track:nth-child(n+2) {
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.home-banner .matrix img {
  width: clamp(560px, 41.6666666667vw, 880px);
  height: clamp(315px, 23.4375vw, 495px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.home-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #1B1C3C;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 5;
}

.introduction {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  color: #FFFFFF;
}
.services-banner + .introduction .inner {
  padding-top: clamp(67.2px, 5vw, 105.6px);
}
.introduction .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  border-bottom: 1px solid #FFFFFF;
  padding: clamp(16.8px, 1.25vw, 26.4px) 0 clamp(67.2px, 5vw, 105.6px);
}
@media (min-width: 782px) {
  .introduction .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.introduction h2 {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .introduction h2 {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.introduction h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.introduction p {
  line-height: 1.6;
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
@media (min-width: 782px) {
  .introduction p {
    max-width: clamp(504px, 37.5vw, 792px);
  }
}
.introduction p strong {
  font-weight: 600;
}

@media (min-width: 782px) {
  .site-navigation {
    position: absolute;
    top: clamp(44.8px, 3.3333333333vw, 70.4px);
    right: 0;
    transition: top 0.6s;
  }
  [data-scroll-detected=true] .site-navigation {
    top: clamp(21.7px, 1.6145833333vw, 34.1px);
  }
  .site-navigation .menu {
    display: flex;
    align-items: center;
  }
  .site-navigation .menu > .menu-item {
    position: relative;
  }
  .site-navigation .menu > .menu-item:nth-child(n+2) {
    margin: 0 0 0 clamp(42px, 3.125vw, 66px);
  }
  .site-navigation .menu > .menu-item:not(:last-child) > a {
    position: relative;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  .site-navigation .menu > .menu-item:not(:last-child) > a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-navigation .menu > .menu-item:not(:last-child) > a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
@media (min-width: 782px) {
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a {
    font-size: clamp(16px, 1.0416666667vw, 22px);
    height: clamp(37.8px, 2.8125vw, 59.4px);
    height: 2.7em;
    line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
    line-height: calc(2.7em - 2px);
    font-weight: 600;
    padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
    padding: 0 1.16em;
    border-radius: 999px;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    white-space: nowrap;
    transition: transform 0.3s, color 0.3s 0.05s;
    background: #FFFFFF;
    color: #1B1C3C;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
@media (min-width: 782px) {
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    display: block;
    transition: height 0.4s;
    z-index: -1;
  }
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a:before {
    background: #FF5C5C;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a:hover {
    color: #000000;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a:hover {
    transform: scale(1.2);
  }
  [data-header-theme=white] .site-navigation .menu > .menu-item:last-child > a:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  [data-header-theme=black] .site-navigation .menu > .menu-item:last-child > a {
    font-size: clamp(16px, 1.0416666667vw, 22px);
    height: clamp(37.8px, 2.8125vw, 59.4px);
    height: 2.7em;
    line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
    line-height: calc(2.7em - 2px);
    font-weight: 600;
    padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
    padding: 0 1.16em;
    border-radius: 999px;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    white-space: nowrap;
    transition: transform 0.3s, color 0.3s 0.05s;
    background: #1B1C3C;
    color: #FFFFFF;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  [data-header-theme=black] .site-navigation .menu > .menu-item:last-child > a {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
@media (min-width: 782px) {
  [data-header-theme=black] .site-navigation .menu > .menu-item:last-child > a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    display: block;
    transition: height 0.4s;
    z-index: -1;
  }
  [data-header-theme=black] .site-navigation .menu > .menu-item:last-child > a:before {
    background: #FF5C5C;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  [data-header-theme=black] .site-navigation .menu > .menu-item:last-child > a:hover {
    transform: scale(1.2);
  }
  [data-header-theme=black] .site-navigation .menu > .menu-item:last-child > a:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .site-navigation .menu > .menu-item.menu-item-has-children:hover .sub-menu {
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
  }
  .site-navigation .menu > .menu-item > a {
    font-size: clamp(16px, 0.8333333333vw, 17.6px);
    font-weight: 500;
  }
  .site-navigation .menu .sub-menu {
    position: absolute;
    top: calc(100% + clamp(16.8px, 1.25vw, 26.4px));
    left: 0;
    background: pink;
    background: #FFFFFF;
    padding: clamp(16.8px, 1.25vw, 26.4px) clamp(25.2px, 1.875vw, 39.6px) clamp(16.8px, 1.25vw, 26.4px) clamp(12.6px, 0.9375vw, 19.8px);
    border-radius: clamp(4.2px, 0.3125vw, 6.6px);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    opacity: 0;
    transform: translateY(clamp(-8.4px, -0.625vw, -13.2px));
    transition: opacity 0.4s, transform 0.4s;
  }
  .site-navigation .menu .sub-menu:before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: clamp(16.8px, 1.25vw, 26.4px);
    display: block;
  }
  .site-navigation .menu .sub-menu .menu-item {
    color: #000000;
    white-space: nowrap;
  }
  .site-navigation .menu .sub-menu a {
    font-size: clamp(16px, 0.8333333333vw, 17.6px);
    font-weight: 500;
    display: inline-block;
    padding: 0.55em 0;
    position: relative;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  .site-navigation .menu .sub-menu a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-navigation .menu .sub-menu a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
@media (min-width: 782px) {
  .site-navigation .menu .sub-menu a:after {
    top: calc(50% + 0.7em);
  }
}
@media (max-width: 782px) {
  .site-navigation {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100svh;
    overflow: scroll;
    background: rgb(19.0862068966, 19.7931034483, 42.4137931034);
  }
  [data-navigation-status=open] .site-navigation {
    display: block;
  }
  .site-navigation .menu {
    padding: clamp(109.2px, 8.125vw, 171.6px) clamp(21px, 1.5625vw, 33px) clamp(50.4px, 3.75vw, 79.2px);
  }
  .site-navigation .menu > .menu-item {
    position: relative;
  }
  .site-navigation .menu > .menu-item:not(:last-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  .site-navigation .menu > .menu-item:not(:last-child) > a {
    font-size: clamp(16.8px, 1.25vw, 26.4px);
    font-weight: 600;
    color: #FFFFFF;
    display: inline-block;
    padding: clamp(16.8px, 1.25vw, 26.4px) 0;
    position: relative;
  }
}
@media (max-width: 782px) and (min-width: 782px) {
  .site-navigation .menu > .menu-item:not(:last-child) > a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-navigation .menu > .menu-item:not(:last-child) > a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
@media (max-width: 782px) {
  .site-navigation .menu > .menu-item:last-child {
    margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
  }
  .site-navigation .menu > .menu-item:last-child a {
    font-size: clamp(16px, 1.0416666667vw, 22px);
    height: clamp(37.8px, 2.8125vw, 59.4px);
    height: 2.7em;
    line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
    line-height: calc(2.7em - 2px);
    font-weight: 600;
    padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
    padding: 0 1.16em;
    border-radius: 999px;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    white-space: nowrap;
    transition: transform 0.3s, color 0.3s 0.05s;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: clamp(16.8px, 1.25vw, 26.4px);
    height: clamp(42px, 3.125vw, 66px);
    line-height: calc(clamp(42px, 3.125vw, 66px) - 2px);
    border-radius: 999px;
  }
}
@media (max-width: 782px) and (min-width: 782px) {
  .site-navigation .menu > .menu-item:last-child a {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
@media (max-width: 782px) {
  .site-navigation .menu > .menu-item:last-child a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    display: block;
    transition: height 0.4s;
    z-index: -1;
  }
  .site-navigation .menu > .menu-item:last-child a:before {
    background: #FFFFFF;
  }
}
@media (max-width: 782px) and (min-width: 782px) {
  .site-navigation .menu > .menu-item:last-child a:hover {
    color: #1B1C3C;
  }
}
@media (max-width: 782px) and (min-width: 782px) {
  .site-navigation .menu > .menu-item:last-child a:hover {
    transform: scale(1.2);
  }
  .site-navigation .menu > .menu-item:last-child a:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (max-width: 782px) {
  .site-navigation .menu > .menu-item.menu-item-has-children[data-navigation-item-status=open] i {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L-1.19209e-07 6' stroke='white'/%3E%3C/svg%3E%0A");
  }
  .site-navigation .menu > .menu-item.menu-item-has-children i {
    position: absolute;
    top: 0;
    right: calc(clamp(16.8px, 1.25vw, 26.4px) * -1);
    width: clamp(67.2px, 5vw, 105.6px);
    height: clamp(50.4px, 3.75vw, 79.2px);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0V12' stroke='white'/%3E%3Cpath d='M12 6L-1.19209e-07 6' stroke='white'/%3E%3C/svg%3E");
    background-position: right clamp(16.1px, 1.1979166667vw, 25.3px) center;
    background-repeat: no-repeat;
    background-size: clamp(12.6px, 0.9375vw, 19.8px) auto;
    cursor: pointer;
  }
  .site-navigation .menu > .menu-item[data-navigation-item-status=open] .sub-menu {
    display: block;
  }
  .site-navigation .menu .sub-menu {
    display: none;
    padding: 0 0 clamp(16.8px, 1.25vw, 26.4px);
  }
  .site-navigation .menu .sub-menu a {
    font-size: clamp(16px, 0.9375vw, 19.8px);
    padding: clamp(5.6px, 0.4166666667vw, 8.8px) 0;
    display: inline-block;
  }
}

.popup {
  display: none;
  /* Hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 90;
}
.popup .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw - clamp(42px, 3.125vw, 66px));
  max-width: clamp(896px, 66.6666666667vw, 1408px);
  transform: translate(-50%, -50%);
}
.popup .modal-content:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.popup iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  border: none;
  border-radius: clamp(8.4px, 0.625vw, 13.2px);
}
.popup .close {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231B1C3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  background-color: #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(14px, 1.0416666667vw, 22px);
  top: clamp(-14px, -1.0416666667vw, -22px);
  right: clamp(-14px, -1.0416666667vw, -22px);
  border-radius: 50%;
  display: block;
  width: clamp(28px, 2.0833333333vw, 44px);
  height: clamp(28px, 2.0833333333vw, 44px);
  cursor: pointer;
  z-index: 10;
}

.pricing-tiers {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  position: relative;
}
.pricing-tiers svg {
  position: absolute;
  top: calc(clamp(182px, 13.5416666667vw, 286px) * -1);
  right: calc(clamp(448px, 33.3333333333vw, 704px) * -1);
  width: clamp(1008px, 75vw, 1584px);
  height: auto;
  display: block;
}
.pricing-tiers .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(168px, 12.5vw, 264px) 0 clamp(134.4px, 10vw, 211.2px);
}
@media (min-width: 782px) {
  .pricing-tiers .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.pricing-tiers .introduction {
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .pricing-tiers .introduction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.pricing-tiers .introduction h1 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
@media (min-width: 782px) {
  .pricing-tiers .introduction h1 {
    font-size: clamp(50.4px, 3.75vw, 79.2px);
    width: clamp(560px, 41.6666666667vw, 880px);
    margin: 0;
  }
}
.pricing-tiers .introduction h1 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media (min-width: 782px) {
  .pricing-tiers .introduction .detail {
    width: clamp(420px, 31.25vw, 660px);
  }
}
.pricing-tiers .introduction .subheading p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.pricing-tiers .introduction .paragraphs p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 400;
  line-height: 1.5;
  margin: clamp(12.6px, 0.9375vw, 19.8px) 0 0;
}
.pricing-tiers .filter {
  display: flex;
  border-radius: 999px;
  padding: clamp(8.4px, 0.625vw, 13.2px);
  width: clamp(134.4px, 10vw, 211.2px);
  opacity: 0;
  background-image: linear-gradient(140deg, #FF5C5C, #3E7BC4);
  margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
  transition: opacity 0.3s;
}
.pricing-tiers .filter[data-animation-status=active] {
  opacity: 1;
}
.pricing-tiers .filter label {
  cursor: pointer;
}
.pricing-tiers .filter label:nth-child(n+2) {
  margin: 0 0 0 clamp(8.4px, 0.625vw, 13.2px);
}
.pricing-tiers .filter label:hover .symbol {
  transform: scale(1.2);
}
.pricing-tiers .filter input {
  display: none;
}
.pricing-tiers .filter input:checked + .symbol {
  color: #1B1C3C;
  transform: scale(1);
}
.pricing-tiers .filter input:checked + .symbol:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.pricing-tiers .filter input:checked + .symbol:hover {
  transform: scale(1.2);
}
.pricing-tiers .filter .symbol {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  background: rgba(255, 255, 255, 0);
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(33.6px, 2.5vw, 52.8px);
  height: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
  border-radius: 999px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #FFFFFF;
  transition: transform 0.3s, color 0.3s 0.05s;
}
.pricing-tiers .filter .symbol:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.pricing-tiers .filter .symbol:before {
  background: #FFFFFF;
}
.pricing-tiers .filter .symbol:hover {
  transform: scale(1.2);
}
.pricing-tiers .prompt {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.5;
  display: block;
  margin: clamp(12.6px, 0.9375vw, 19.8px) 0 0;
}
@media (min-width: 782px) {
  .pricing-tiers .prompt {
    width: clamp(420px, 31.25vw, 660px);
    margin: 0;
  }
}
.pricing-tiers .swiper-container {
  margin: clamp(42px, 3.125vw, 66px) 0 0;
}
.pricing-tiers .swiper-container[data-set-currency=GBP] .swiper-slide .price [data-price=GBP] data {
  opacity: 1;
  transform: translateY(0);
}
.pricing-tiers .swiper-container[data-set-currency=USD] .swiper-slide .price [data-price=USD] data {
  opacity: 1;
  transform: translateY(0);
}
.pricing-tiers .swiper-container[data-set-currency=EUR] .swiper-slide .price [data-price=EUR] data {
  opacity: 1;
  transform: translateY(0);
}
.pricing-tiers .swiper-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  opacity: 0;
  color: #FFFFFF;
  transform: translateY(clamp(25.2px, 1.875vw, 39.6px));
  border: 2px solid transparent;
  border-radius: clamp(9.8px, 0.7291666667vw, 15.4px);
  background-image: linear-gradient(180deg, #3B2238, #281C35), linear-gradient(140deg, #FF5C5C, #3E7BC4);
  background-origin: border-box;
  background-clip: content-box, border-box;
  width: clamp(268.8px, 20vw, 422.4px);
  transition: border 0.4s, background 0.4s, opacity 0.4s, transform 0.4s, box-shadow 0.4s;
}
.pricing-tiers .swiper-slide:last-child {
  border: 2px solid rgba(255, 255, 255, 0.9);
  background-image: linear-gradient(174deg, rgba(255, 92, 92, 0.78) -0.79%, rgba(12, 83, 167, 0.5) 104.18%);
}
.pricing-tiers .swiper-slide:last-child:before {
  opacity: 1;
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide:last-child:hover {
    box-shadow: inset 0 0 clamp(10.5px, 0.78125vw, 16.5px) rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(174deg, rgba(10, 51, 101, 0.78) -0.79%, rgba(67, 131, 209, 0.5) 104.18%);
    box-shadow: 0 0 clamp(14px, 1.0416666667vw, 22px) #FFFFFF, inset 0 0 clamp(10.5px, 0.78125vw, 16.5px) rgba(255, 255, 255, 0.4);
  }
  .pricing-tiers .swiper-slide:last-child:hover:before {
    background-image: linear-gradient(180deg, rgba(5, 34, 70, 0.41) -0.87%, rgba(12, 83, 167, 0.41) 99.68%);
  }
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide {
    transition: border 0.4s, background 0.4s, opacity 0.4s, transform 0.4s, box-shadow 0.4s;
  }
  .pricing-tiers .swiper-slide:hover {
    border: 2px solid #FFFFFF;
    box-shadow: inset 0 0 clamp(10.5px, 0.78125vw, 16.5px) rgba(255, 255, 255, 0.4);
    background-image: linear-gradient(174deg, rgba(92, 53, 92, 0.78) -0.79%, rgba(12, 83, 167, 0.5) 104.18%);
  }
  .pricing-tiers .swiper-slide:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-image: linear-gradient(180deg, rgba(255, 92, 92, 0.41) -0.87%, rgba(12, 83, 167, 0.41) 99.68%);
    filter: blur(23px);
    display: block;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: -1;
  }
}
.pricing-tiers .swiper-slide[data-animation-status=active] {
  opacity: 1;
  transform: translateY(0);
}
.pricing-tiers .swiper-slide:nth-child(n+2) {
  margin: 0 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.pricing-tiers .swiper-slide:nth-child(4) .price:after {
  position: absolute;
  left: clamp(147px, 10.9375vw, 231px);
  bottom: clamp(2.8px, 0.2083333333vw, 4.4px);
  content: "/ month";
  font-size: clamp(16px, 0.8333333333vw, 17.6px);
  color: #D5D5D5;
  display: block;
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide {
    width: calc(25% - clamp(18.9px, 1.40625vw, 29.7px));
  }
}
.pricing-tiers .swiper-slide .upper {
  padding: clamp(19.6px, 1.4583333333vw, 30.8px) clamp(19.6px, 1.4583333333vw, 30.8px) 0;
  margin: 0 0 clamp(19.6px, 1.4583333333vw, 30.8px);
  min-height: clamp(252px, 18.75vw, 396px);
}
.pricing-tiers .swiper-slide h3 {
  font-size: clamp(16.8px, 1.25vw, 26.4px);
  font-weight: 600;
  flex-wrap: wrap;
}
.pricing-tiers .swiper-slide .price {
  position: relative;
  overflow: hidden;
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
.pricing-tiers .swiper-slide .price:before {
  content: "From";
  font-size: clamp(16px, 0.8333333333vw, 17.6px);
  color: #D5D5D5;
  display: block;
  width: 100%;
  margin: 0 0 clamp(4.2px, 0.3125vw, 6.6px);
}
.pricing-tiers .swiper-slide .price .number {
  position: relative;
  height: clamp(42px, 3.125vw, 66px);
}
.pricing-tiers .swiper-slide .price .label {
  display: none;
}
.pricing-tiers .swiper-slide .price [data-price] {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1;
  height: clamp(42px, 3.125vw, 66px);
  overflow: hidden;
}
.pricing-tiers .swiper-slide .price p {
  position: absolute;
  top: 0;
  left: 0;
}
.pricing-tiers .swiper-slide .price [data-price=GBP] data:before {
  content: "£";
}
.pricing-tiers .swiper-slide .price [data-price=USD] data:before {
  content: "$";
}
.pricing-tiers .swiper-slide .price [data-price=EUR] data:before {
  content: "€";
}
.pricing-tiers .swiper-slide .price data {
  position: relative;
  display: block;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s, opacity 0.5s;
}
.pricing-tiers .swiper-slide .detail {
  font-size: clamp(16px, 0.78125vw, 16.5px);
  line-height: 1.5;
  margin: clamp(19.6px, 1.4583333333vw, 30.8px) 0 0;
}
.pricing-tiers .swiper-slide .note {
  font-size: clamp(16px, 0.78125vw, 16.5px);
  font-weight: 600;
  color: #FFFFFF;
  display: block;
  margin: clamp(19.6px, 1.4583333333vw, 30.8px) 0 0;
}
.pricing-tiers .swiper-slide ul {
  margin: 0 0 clamp(19.6px, 1.4583333333vw, 30.8px);
  padding: 0 clamp(19.6px, 1.4583333333vw, 30.8px);
}
.pricing-tiers .swiper-slide li {
  font-size: clamp(16px, 0.78125vw, 16.5px);
  line-height: 1.5;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23FF5C5C'/%3E%3Cpath d='M6.60508 12.5081L4.33008 10.2331L5.08824 9.47495L6.60508 10.9918L11.9132 5.68311L12.6714 6.44177L6.60508 12.5081Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left clamp(0.7px, 0.0520833333vw, 1.1px);
  background-size: clamp(13.3px, 0.9895833333vw, 20.9px) clamp(13.3px, 0.9895833333vw, 20.9px);
  padding: 0 0 0 clamp(21px, 1.5625vw, 33px);
}
.pricing-tiers .swiper-slide li:nth-child(n+2) {
  margin: clamp(12.6px, 0.9375vw, 19.8px) 0 0;
}
.pricing-tiers .swiper-slide .lower {
  margin: auto 0 0;
  padding: 0 clamp(19.6px, 1.4583333333vw, 30.8px) clamp(19.6px, 1.4583333333vw, 30.8px);
}
.pricing-tiers .swiper-slide .button-outer {
  margin: auto 0 0;
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide .button-outer:hover .button {
    color: #1B1C3C;
    transform: scale(1.1);
  }
  .pricing-tiers .swiper-slide .button-outer:hover .button:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  .pricing-tiers .swiper-slide .button-outer:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
}
.pricing-tiers .swiper-slide .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.pricing-tiers .swiper-slide .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.pricing-tiers .swiper-slide .button:before {
  background: #FFFFFF;
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide .button:hover {
    color: #1B1C3C;
  }
}
@media (min-width: 782px) {
  .pricing-tiers .swiper-slide .button:hover {
    transform: scale(1.2);
  }
  .pricing-tiers .swiper-slide .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.pricing-tiers .swiper-slide .button:hover {
  transform: scale(1.1);
}

.project-banner-new {
  position: relative;
  background: #402780;
  color: #FFFFFF;
  overflow: hidden;
}
.project-banner-new.text-white {
  color: #FFFFFF;
}
.project-banner-new.text-white .summary .detail p {
  color: #FFFFFF;
}
.project-banner-new.text-black {
  color: #000000;
}
.project-banner-new.text-black .summary .detail p {
  color: #000000;
}
.project-banner-new img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.project-banner-new .columns {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(117.6px, 8.75vw, 184.8px) 0 clamp(84px, 6.25vw, 132px);
  z-index: 10;
}
@media (min-width: 782px) {
  .project-banner-new .columns {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .project-banner-new .columns {
    display: flex;
    justify-content: space-between;
    padding: clamp(235.2px, 17.5vw, 369.6px) 0 clamp(168px, 12.5vw, 264px);
  }
}
@media (min-width: 782px) {
  .project-banner-new .content {
    width: clamp(470.4px, 35vw, 739.2px);
  }
}
.project-banner-new .content h1 {
  font-size: clamp(44.8px, 3.3333333333vw, 70.4px);
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 782px) {
  .project-banner-new .content h1 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
.project-banner-new .content ul {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
  opacity: 0;
  transition: opacity 0.4s;
}
.project-banner-new .content ul[data-animation-status=active] {
  opacity: 1;
}
.project-banner-new .content li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.project-banner-new .content li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.project-banner-new .content .label {
  font-weight: 600;
}
.project-banner-new .summary {
  margin: clamp(67.2px, 5vw, 105.6px) 0 0;
}
@media (min-width: 782px) {
  .project-banner-new .summary {
    margin: 0;
    padding: clamp(16.8px, 1.25vw, 26.4px) 0 0;
    width: clamp(537.6px, 40vw, 844.8px);
  }
}
.project-banner-new .summary h2 {
  font-size: clamp(25.2px, 1.875vw, 39.6px);
  font-weight: 600;
}
.project-banner-new .summary .detail {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
  opacity: 0;
  transition: opacity 0.4s;
}
.project-banner-new .summary .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-banner-new .summary .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-banner-new .summary .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-banner-new .summary .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-banner-new .summary .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.project-banner-new .summary .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.project-banner-new .summary .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.project-banner-new .summary .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.project-banner-new .summary .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.project-banner-new .summary .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.project-banner-new .summary .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.project-banner-new .summary .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.project-banner-new .summary .detail strong {
  font-weight: 600;
}
.project-banner-new .summary .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.project-banner-new .summary .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.project-banner-new .summary .detail em {
  font-style: italic;
}
.project-banner-new .summary .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .project-banner-new .summary .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .project-banner-new .summary .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.project-banner-new .summary .detail a:after {
  top: calc(50% + 0.7em);
}
.project-banner-new .summary .detail[data-animation-status=active] {
  opacity: 1;
}

.project-banner {
  position: relative;
  background: #402780;
  color: #FFFFFF;
  overflow: hidden;
  padding: 0 0 clamp(67.2px, 5vw, 105.6px);
}
@media (min-width: 782px) {
  .project-banner {
    padding: 0 0 clamp(84px, 6.25vw, 132px);
  }
}
.project-banner .upper {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(117.6px, 8.75vw, 184.8px) 0 clamp(67.2px, 5vw, 105.6px);
}
@media (min-width: 782px) {
  .project-banner .upper {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .project-banner .upper {
    padding: clamp(235.2px, 17.5vw, 369.6px) 0 clamp(67.2px, 5vw, 105.6px);
  }
}
.project-banner h1 {
  font-size: clamp(44.8px, 3.3333333333vw, 70.4px);
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 782px) {
  .project-banner h1 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
.project-banner .swiper-container {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  opacity: 0;
  transition: opacity 0.4s;
}
@media (min-width: 782px) {
  .project-banner .swiper-container {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.project-banner .swiper-container[data-animation-status=active] {
  opacity: 1;
}
.project-banner .swiper-container .swiper-slide {
  width: clamp(323.4px, 24.0625vw, 508.2px);
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  overflow: hidden;
  margin: 0 clamp(16.8px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .project-banner .swiper-container .swiper-slide {
    width: clamp(539px, 40.1041666667vw, 847px);
  }
}
.project-banner .swiper-container img {
  width: 100%;
  height: clamp(184.8px, 13.75vw, 290.4px);
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 782px) {
  .project-banner .swiper-container img {
    height: clamp(308px, 22.9166666667vw, 484px);
  }
}

.project-introduction {
  position: relative;
  background: linear-gradient(180deg, white 0%, #f6f6f6 100%);
  color: #1B1C3C;
  overflow: hidden;
  padding: clamp(140px, 10.4166666667vw, 220px) 0 clamp(67.2px, 5vw, 105.6px);
}
@media (min-width: 782px) {
  .project-introduction {
    padding: clamp(140px, 10.4166666667vw, 220px) 0 clamp(252px, 18.75vw, 396px);
  }
}
.project-introduction svg {
  position: absolute;
  top: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  right: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  width: clamp(476px, 35.4166666667vw, 748px);
  height: auto;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (min-width: 782px) {
  .project-introduction svg {
    top: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    right: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    width: clamp(952px, 70.8333333333vw, 1496px);
  }
}
.project-introduction .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .project-introduction .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.project-introduction .kicker {
  font-size: clamp(21px, 1.5625vw, 33px);
  font-weight: 400;
  display: block;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
.project-introduction h2 {
  font-size: clamp(38.5px, 2.8645833333vw, 60.5px);
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 782px) {
  .project-introduction h2 {
    max-width: clamp(994px, 73.9583333333vw, 1562px);
  }
}
.project-introduction h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.project-introduction .columns {
  margin: clamp(84px, 6.25vw, 132px) 0 0;
  opacity: 0;
  transition: opacity 0.4s;
}
@media (min-width: 782px) {
  .project-introduction .columns {
    display: flex;
    justify-content: space-between;
  }
}
.project-introduction .columns[data-animation-status=active] {
  opacity: 1;
}
.project-introduction .left-column h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-introduction .left-column h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-introduction .left-column h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-introduction .left-column h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.project-introduction .left-column p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.project-introduction .left-column p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.project-introduction .left-column ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.project-introduction .left-column ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.project-introduction .left-column ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.project-introduction .left-column ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.project-introduction .left-column li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.project-introduction .left-column li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.project-introduction .left-column strong {
  font-weight: 600;
}
.project-introduction .left-column sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.project-introduction .left-column sup {
  font-size: 0.7em;
  vertical-align: super;
}
.project-introduction .left-column em {
  font-style: italic;
}
.project-introduction .left-column a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .project-introduction .left-column a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .project-introduction .left-column a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.project-introduction .left-column a:after {
  top: calc(50% + 0.7em);
}
@media (min-width: 782px) {
  .project-introduction .left-column {
    width: clamp(546px, 40.625vw, 858px);
  }
}
@media (min-width: 782px) {
  .project-introduction .right-column {
    width: clamp(462px, 34.375vw, 726px);
  }
}
.project-introduction .right-column li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.project-introduction .right-column li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.project-introduction .right-column .label {
  font-weight: 600;
}

.related-articles {
  position: relative;
  padding: 0 0 clamp(84px, 6.25vw, 132px);
  margin: clamp(109.2px, 8.125vw, 171.6px) 0 0;
}
.related-articles[data-animation-status=active] {
  opacity: 1;
}
.related-articles[data-animation-status=active] .blog-articles-item {
  opacity: 1;
  transform: translateY(0);
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(1) {
  transition-delay: 0.1s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(2) {
  transition-delay: 0.2s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(3) {
  transition-delay: 0.3s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(4) {
  transition-delay: 0.4s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(5) {
  transition-delay: 0.5s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(6) {
  transition-delay: 0.6s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(7) {
  transition-delay: 0.7s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(8) {
  transition-delay: 0.8s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(9) {
  transition-delay: 0.9s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(10) {
  transition-delay: 1s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(11) {
  transition-delay: 1.1s;
}
.related-articles[data-animation-status=active] .blog-articles-item:nth-child(12) {
  transition-delay: 1.2s;
}
.related-articles h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  width: 100%;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
.related-articles .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .related-articles .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.related-articles .items {
  display: grid;
  gap: clamp(29.4px, 2.1875vw, 46.2px);
}
@media (min-width: 600px) {
  .related-articles .items {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 782px) {
  .related-articles .items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.related-articles .blog-articles-item {
  opacity: 0;
  transform: translateY(clamp(33.6px, 2.5vw, 52.8px));
  transition: opacity 0.6s, transform 0.6s;
}

.service-banner {
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}
.service-banner .upper {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(117.6px, 8.75vw, 184.8px) 0 clamp(67.2px, 5vw, 105.6px);
}
@media (min-width: 782px) {
  .service-banner .upper {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .service-banner .upper {
    padding: clamp(235.2px, 17.5vw, 369.6px) 0 clamp(67.2px, 5vw, 105.6px);
  }
}
.service-banner h1 {
  font-size: clamp(44.8px, 3.3333333333vw, 70.4px);
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 782px) {
  .service-banner h1 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
.service-banner .lower {
  background: linear-gradient(88deg, #FF5C5C 3.22%, #0C53A7 136.74%);
  padding: clamp(33.6px, 2.5vw, 52.8px) 0;
}
@media (min-width: 782px) {
  .service-banner .lower {
    padding: clamp(92.4px, 6.875vw, 145.2px) 0;
  }
}
.service-banner .swiper-container {
  position: relative;
  opacity: 0;
  transition: opacity 0.4s;
}
.service-banner .swiper-container[data-animation-status=active] {
  opacity: 1;
}
.service-banner .swiper-container .swiper-slide {
  width: clamp(323.4px, 24.0625vw, 508.2px);
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  overflow: hidden;
  margin: 0 clamp(16.8px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .service-banner .swiper-container .swiper-slide {
    width: clamp(539px, 40.1041666667vw, 847px);
  }
}
.service-banner .swiper-container img {
  width: 100%;
  height: clamp(184.8px, 13.75vw, 290.4px);
  display: block;
}
@media (min-width: 782px) {
  .service-banner .swiper-container img {
    height: clamp(308px, 22.9166666667vw, 484px);
  }
}

.services-banner {
  position: relative;
  background: #1B1C3C;
  overflow: hidden;
}
.services-banner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(27, 28, 60, 0.7);
  display: block;
  z-index: 2;
}
.services-banner .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: clamp(588px, 43.75vw, 924px);
  padding: clamp(154px, 11.4583333333vw, 242px) 0 clamp(70px, 5.2083333333vw, 110px);
  color: #FFFFFF;
  z-index: 3;
}
@media (min-width: 782px) {
  .services-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.services-banner .kicker {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 400;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.services-banner h1 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 782px) {
  .services-banner h1 br {
    display: none;
  }
}
@media (min-width: 782px) {
  .services-banner h1 {
    font-size: clamp(58.8px, 4.375vw, 92.4px);
  }
}
.services-banner p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.3;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .services-banner p {
    max-width: clamp(672px, 50vw, 1056px);
  }
}
.services-banner p strong {
  font-weight: 600;
}
.services-banner .matrix {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%) rotate(-25deg);
  transform-origin: "center center";
  z-index: 1;
}
.services-banner .matrix .track {
  display: flex;
}
.services-banner .matrix .track:nth-child(n+2) {
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.services-banner .matrix img {
  width: clamp(420px, 31.25vw, 660px);
  height: clamp(236.25px, 17.578125vw, 371.25px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 clamp(14px, 1.0416666667vw, 22px) 0 0;
}
@media (min-width: 782px) {
  .services-banner .matrix img {
    width: clamp(560px, 41.6666666667vw, 880px);
    height: clamp(315px, 23.4375vw, 495px);
  }
}
.services-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgb(22.2517241379, 23.075862069, 49.4482758621);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 5;
}

.services-listing {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  padding: clamp(84px, 6.25vw, 132px) 0;
  margin: -1px 0 0;
}
.services-listing h2 {
  display: none;
}
.services-listing .item {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1106px, 82.2916666667vw, 1738px);
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .services-listing .item {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.services-listing .item:nth-child(n+2) {
  margin: clamp(168px, 12.5vw, 264px) auto 0;
}
@media (min-width: 782px) {
  .services-listing .item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .services-listing .item[data-direction=reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 782px) and (min-width: 782px) {
  .services-listing .item[data-direction=reverse] .detail {
    margin: 0 clamp(28px, 2.0833333333vw, 44px) 0 0;
  }
}
.services-listing .image {
  position: relative;
}
@media (min-width: 782px) {
  .services-listing .image {
    width: clamp(546px, 40.625vw, 858px);
  }
}
.services-listing .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: clamp(8.4px, 0.625vw, 13.2px);
}
.services-listing .detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: clamp(50.4px, 3.75vw, 79.2px) 0 0;
}
@media (min-width: 782px) {
  .services-listing .detail {
    align-items: flex-start;
    width: clamp(420px, 31.25vw, 660px);
    text-align: left;
    margin: 0 0 0 clamp(28px, 2.0833333333vw, 44px);
  }
}
.services-listing .detail h3 {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .services-listing .detail h3 {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.services-listing .detail h3 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.services-listing .detail p {
  line-height: 1.6;
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
}
.services-listing .detail p strong {
  font-weight: 600;
}
.services-listing .detail .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .services-listing .detail .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.services-listing .detail .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.services-listing .detail .button:before {
  background: #FFFFFF;
}
@media (min-width: 782px) {
  .services-listing .detail .button:hover {
    color: #1B1C3C;
  }
}
@media (min-width: 782px) {
  .services-listing .detail .button:hover {
    transform: scale(1.2);
  }
  .services-listing .detail .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.services-video {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  padding: clamp(112px, 8.3333333333vw, 176px) 0;
}
.services-video .inner {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  overflow: hidden;
  z-index: 10;
}
@media (min-width: 782px) {
  .services-video .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.services-video .inner:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.services-video .inner embed,
.services-video .inner video,
.services-video .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
}

.share {
  display: flex;
}
.share .prompt {
  font-size: clamp(16px, 1.0416666667vw, 22px);
}
.share .social-media-icons {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0 0 0 clamp(8.4px, 0.625vw, 13.2px);
}
.share .item {
  margin: 0 clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.share .item:last-child {
  margin: 0;
}
.share .link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(15.4px, 1.1458333333vw, 24.2px);
  height: clamp(15.4px, 1.1458333333vw, 24.2px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.share .link.twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.34849 5.77383L14.5294 0H12.562L8.49564 4.53255L5.38141 0H0L5.44716 7.92861L0 14H1.96742L6.30066 9.17056L9.61859 14H15L9.34849 5.7745V5.77383ZM2.77322 1.48443H4.6491L12.2274 12.5142H10.3515L2.77322 1.48443Z' fill='%23FF5C5C'/%3E%3C/svg%3E%0A");
}
.share .link.facebook {
  width: clamp(11.2px, 0.8333333333vw, 17.6px);
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99549 6.6154L7.80361 8.14071C7.77114 8.3955 7.55317 8.58717 7.29461 8.58717H4.79892V14.9644C4.53573 14.9879 4.26906 15 3.99949 15C3.39658 15 2.80816 14.9403 2.23946 14.8267V8.58717H0.320005C0.14377 8.58717 0 8.44428 0 8.26925V6.36061C0 6.18558 0.14377 6.04269 0.320005 6.04269H2.23946V3.18031C2.23946 1.42373 3.67194 0 5.43951 0H7.67897C7.8552 0 7.99897 0.14289 7.99897 0.317916V2.22656C7.99897 2.40158 7.8552 2.54447 7.67897 2.54447H6.07894C5.37226 2.54447 4.7995 3.11374 4.7995 3.81671V6.04327H7.48708C7.79549 6.04327 8.03375 6.31183 7.99607 6.61598L7.99549 6.6154Z' fill='%23FF5C5C'/%3E%3C/svg%3E%0A");
}
.share .link.instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6334 0.545898H4.63954C2.57972 0.545898 0.90918 2.21644 0.90918 4.27626V12.2701C0.90918 14.3299 2.57972 16.0004 4.63954 16.0004H12.6334C14.6932 16.0004 16.3637 14.3299 16.3637 12.2701V4.27626C16.3637 2.21644 14.6932 0.545898 12.6334 0.545898ZM15.0313 12.0032C15.0313 13.4742 13.8375 14.668 12.3664 14.668H4.90572C3.43464 14.668 2.24086 13.4742 2.24086 12.0032V4.54244C2.24086 3.07136 3.43464 1.87759 4.90572 1.87759H12.3664C13.8375 1.87759 15.0313 3.07136 15.0313 4.54244V12.0032Z' fill='%23FF5C5C'/%3E%3Cpath d='M8.6445 4.27637C6.43861 4.27637 4.64795 6.06703 4.64795 8.27291C4.64795 10.4788 6.43861 12.2695 8.6445 12.2695C10.8504 12.2695 12.641 10.4788 12.641 8.27291C12.641 6.06703 10.8504 4.27637 8.6445 4.27637ZM8.6445 10.9378C7.17638 10.9378 5.97964 9.74103 5.97964 8.27291C5.97964 6.80479 7.17638 5.60805 8.6445 5.60805C10.1126 5.60805 11.3094 6.80479 11.3094 8.27291C11.3094 9.74103 10.1126 10.9378 8.6445 10.9378Z' fill='%23FF5C5C'/%3E%3Cpath d='M12.9072 4.80956C12.4668 4.80956 12.1079 4.45068 12.1079 4.01025C12.1079 3.56981 12.4668 3.21094 12.9072 3.21094C13.3477 3.21094 13.7065 3.56981 13.7065 4.01025C13.7065 4.45068 13.3477 4.80956 12.9072 4.80956Z' fill='%23FF5C5C'/%3E%3C/svg%3E%0A");
}
.share .link.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.51572 4.25508C3.53998 4.25508 4.37031 3.42475 4.37031 2.40048C4.37031 1.37622 3.53998 0.545898 2.51572 0.545898C1.49146 0.545898 0.661133 1.37622 0.661133 2.40048C0.661133 3.42475 1.49146 4.25508 2.51572 4.25508Z' fill='%23FF5C5C'/%3E%3Cpath d='M3.92278 5.49121H1.10864C1.03219 5.49121 0.970215 5.55318 0.970215 5.62963V14.625C0.970215 14.7015 1.03219 14.7634 1.10864 14.7634H3.92278C3.99923 14.7634 4.0612 14.7015 4.0612 14.625V5.62963C4.0612 5.55318 3.99923 5.49121 3.92278 5.49121Z' fill='%23FF5C5C'/%3E%3Cpath d='M14.5701 8.88887V14.1432C14.5701 14.4831 14.2918 14.7614 13.9519 14.7614H12.0973C11.7574 14.7614 11.4791 14.4831 11.4791 14.1432V9.8158C11.4791 8.96279 10.787 8.27067 9.93396 8.27067C9.08095 8.27067 8.38883 8.96279 8.38883 9.8158V14.1432C8.38883 14.4831 8.11054 14.7614 7.77064 14.7614H5.91605C5.57615 14.7614 5.29785 14.4831 5.29785 14.1432V6.10662C5.29785 5.76672 5.57615 5.48842 5.91605 5.48842H7.77064C8.11054 5.48842 8.38883 5.76672 8.38883 6.10662V6.50232C9.00703 5.70149 10.0303 5.17969 11.1704 5.17969C12.8764 5.17969 14.5701 6.41608 14.5701 8.88887Z' fill='%23FF5C5C'/%3E%3C/svg%3E%0A");
}
.share .link.youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8922 0H2.10847C0.944132 0 0 0.977905 0 2.18318V9.81682C0 11.0228 0.944132 12 2.10847 12H13.8922C15.0559 12 16 11.0228 16 9.81682V2.18318C16 0.977905 15.0559 0 13.8922 0ZM9.89274 6.52673L6.6158 8.22309C6.23732 8.4191 5.79278 8.13471 5.79278 7.69708V4.30435C5.79278 3.86671 6.23801 3.58232 6.6158 3.77762L9.89274 5.47398C10.3111 5.69066 10.3111 6.31005 9.89274 6.52673Z' fill='%23FF5C5C'/%3E%3C/svg%3E%0A");
}
.share .label {
  display: none;
}

.standard-banner {
  position: relative;
  background: #f6f6f6;
}
.standard-banner .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(210px, 15.625vw, 330px) 0 clamp(58.8px, 4.375vw, 92.4px);
}
@media (min-width: 782px) {
  .standard-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.standard-banner .kicker {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 400;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.standard-banner h1 {
  font-size: clamp(44.8px, 3.3333333333vw, 70.4px);
  font-weight: 600;
  color: #1B1C3C;
  line-height: 1.2;
  margin: 0 0 clamp(50.4px, 3.75vw, 79.2px);
}
.standard-banner p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  line-height: 1.3;
  color: #000000;
  margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
}
@media (min-width: 782px) {
  .standard-banner p {
    max-width: clamp(630px, 46.875vw, 990px);
  }
}

.swiper-pagination {
  display: flex;
}
.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: clamp(33.6px, 2.5vw, 52.8px);
  height: clamp(33.6px, 2.5vw, 52.8px);
  cursor: pointer;
  transition: opacity 0.2s;
}
.swiper-pagination .swiper-pagination-bullet:before {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(4.2px, 0.3125vw, 6.6px));
  left: calc(50% - clamp(4.2px, 0.3125vw, 6.6px));
  width: clamp(8.4px, 0.625vw, 13.2px);
  height: clamp(8.4px, 0.625vw, 13.2px);
  border-radius: 50%;
  background: #FFFFFF;
  display: block;
  opacity: 0.5;
  transition: opacity 0.4s, transform 0.4s;
}
.swiper-pagination .swiper-pagination-bullet:hover:before {
  transform: scale(2);
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  opacity: 1;
}

.text-columns {
  position: relative;
}
.text-columns .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .text-columns .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .text-columns .inner {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 782px) {
  .text-columns .left-column {
    width: clamp(462px, 34.375vw, 726px);
  }
}
.text-columns .left-column h2 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  color: #1B1C3C;
  line-height: 1.1;
}
@media (max-width: 782px) {
  .text-columns .left-column h2 br {
    display: none;
  }
}
.text-columns .left-column h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.text-columns .right-column {
  opacity: 0;
  transition: opacity 0.4s;
}
.text-columns .right-column[data-animation-status=active] {
  opacity: 1;
}
@media (min-width: 782px) {
  .text-columns .right-column {
    width: clamp(448px, 33.3333333333vw, 704px);
  }
}
@media (max-width: 782px) {
  .text-columns .right-column {
    margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  }
}
.text-columns .right-column .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.text-columns .right-column .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.text-columns .right-column .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.text-columns .right-column .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.text-columns .right-column .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.text-columns .right-column .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.text-columns .right-column .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.text-columns .right-column .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.text-columns .right-column .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.text-columns .right-column .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.text-columns .right-column .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.text-columns .right-column .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.text-columns .right-column .detail strong {
  font-weight: 600;
}
.text-columns .right-column .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.text-columns .right-column .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.text-columns .right-column .detail em {
  font-style: italic;
}
.text-columns .right-column .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .text-columns .right-column .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .text-columns .right-column .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.text-columns .right-column .detail a:after {
  top: calc(50% + 0.7em);
}
.text-columns .right-column .button {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  height: clamp(37.8px, 2.8125vw, 59.4px);
  height: 2.7em;
  line-height: calc(clamp(37.8px, 2.8125vw, 59.4px) - 2px);
  line-height: calc(2.7em - 2px);
  font-weight: 600;
  padding: 0 clamp(44.1px, 3.28125vw, 69.3px);
  padding: 0 1.16em;
  border-radius: 999px;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.3s, color 0.3s 0.05s;
  border: 1px solid #1B1C3C;
  color: #1B1C3C;
  display: inline-block;
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 0;
}
@media (min-width: 782px) {
  .text-columns .right-column .button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    height: 2.5em;
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
    line-height: calc(2.5em - 2px);
    padding: 0 clamp(29.4px, 2.1875vw, 46.2px);
    padding: 0 3em;
  }
}
.text-columns .right-column .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.text-columns .right-column .button:before {
  background: #1B1C3C;
}
@media (min-width: 782px) {
  .text-columns .right-column .button:hover {
    color: #FFFFFF;
  }
}
@media (min-width: 782px) {
  .text-columns .right-column .button:hover {
    transform: scale(1.2);
  }
  .text-columns .right-column .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.toggle-navigation {
  display: none;
}
@media (max-width: 782px) {
  .toggle-navigation {
    position: absolute;
    top: clamp(16.8px, 1.25vw, 26.4px);
    right: clamp(21px, 1.5625vw, 33px);
    display: block;
    z-index: 4;
  }
  .toggle-navigation button {
    position: relative;
    height: clamp(33.6px, 2.5vw, 52.8px);
    width: clamp(36.4px, 2.7083333333vw, 57.2px);
    border: 0;
    padding: 0;
    background: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  .toggle-navigation .label {
    display: none;
  }
  .toggle-navigation i {
    position: relative;
    width: clamp(36.4px, 2.7083333333vw, 57.2px);
    height: 3px;
    display: block;
    transform: rotate(0deg);
  }
  [data-header-theme=white] .toggle-navigation i {
    background: #FFFFFF;
  }
  [data-header-theme=black] .toggle-navigation i {
    background: #1B1C3C;
  }
  [data-navigation-status=open] .toggle-navigation i {
    background: #FFFFFF;
  }
  .toggle-navigation i:before, .toggle-navigation i:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
  }
  [data-header-theme=white] .toggle-navigation i:before, [data-header-theme=white] .toggle-navigation i:after {
    background: #FFFFFF;
  }
  [data-header-theme=black] .toggle-navigation i:before, [data-header-theme=black] .toggle-navigation i:after {
    background: #1B1C3C;
  }
  [data-navigation-status=open] .toggle-navigation i:before, [data-navigation-status=open] .toggle-navigation i:after {
    background: #FFFFFF;
  }
  .toggle-navigation i:before {
    top: clamp(12.6px, 0.9375vw, 19.8px);
  }
  .toggle-navigation i:after {
    bottom: clamp(12.6px, 0.9375vw, 19.8px);
  }
  [data-navigation-status=open] .toggle-navigation i {
    transform: rotate(45deg);
  }
  [data-navigation-status=open] .toggle-navigation i:before {
    top: 0;
    transform: rotate(-90deg);
  }
  [data-navigation-status=open] .toggle-navigation i:after {
    bottom: 0;
  }
}

.twin-images {
  position: relative;
}
@media (min-width: 782px) {
  .twin-images {
    display: flex;
    justify-content: space-between;
  }
}
.twin-images + .twin-images, .flex-large-image + .twin-images {
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
.twin-images .image {
  position: relative;
  background: #f4f4f4;
}
@media (max-width: 782px) {
  .twin-images .image:nth-child(n+2) {
    margin: clamp(16.8px, 1.25vw, 26.4px) 0 0;
  }
}
@media (min-width: 782px) {
  .twin-images .image {
    width: calc(50% - clamp(16.8px, 1.25vw, 26.4px));
  }
}
.twin-images .image:before {
  content: " ";
  padding: 0 0 75%;
  display: block;
}
.twin-images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.twin-text-blocks {
  position: relative;
  padding: clamp(100.8px, 7.5vw, 158.4px) 0;
}
@media (min-width: 782px) {
  .twin-text-blocks {
    display: flex;
    justify-content: space-between;
  }
}
.twin-text-blocks .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
}
@media (min-width: 782px) {
  .twin-text-blocks .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.twin-text-blocks h2 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 clamp(84px, 6.25vw, 132px);
}
@media (min-width: 782px) {
  .twin-text-blocks h2 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
@media (max-width: 782px) {
  .twin-text-blocks h2 br {
    display: none;
  }
}
.twin-text-blocks h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.twin-text-blocks .blocks {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(84px, 6.25vw, 132px);
}
@media (min-width: 782px) {
  .twin-text-blocks .blocks {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(67.2px, 5vw, 105.6px) clamp(84px, 6.25vw, 132px);
  }
}
.twin-text-blocks .block h3 {
  font-size: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
  line-height: 1.25;
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding: 0.1em 0;
  margin: -0.1em 0;
}
.twin-text-blocks .block .detail {
  color: #1B1C3C;
  margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
}
.twin-text-blocks .block .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.twin-text-blocks .block .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.twin-text-blocks .block .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.twin-text-blocks .block .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.twin-text-blocks .block .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.twin-text-blocks .block .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.twin-text-blocks .block .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.twin-text-blocks .block .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.twin-text-blocks .block .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.twin-text-blocks .block .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.twin-text-blocks .block .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.twin-text-blocks .block .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.twin-text-blocks .block .detail strong {
  font-weight: 600;
}
.twin-text-blocks .block .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.twin-text-blocks .block .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.twin-text-blocks .block .detail em {
  font-style: italic;
}
.twin-text-blocks .block .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .twin-text-blocks .block .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .twin-text-blocks .block .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.twin-text-blocks .block .detail a:after {
  top: calc(50% + 0.7em);
}

.flex-video-and-slide-carousel {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  margin: -1px 0 0;
}
.flex-video-and-slide-carousel svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 66%;
  height: auto;
}
.flex-video-and-slide-carousel .video {
  position: relative;
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  z-index: 10;
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .video {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-video-and-slide-carousel .video:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 50%;
  height: 50%;
  width: 100vw;
  display: block;
  background: #f6f6f6;
  transform: translateX(-50%);
}
.flex-video-and-slide-carousel .video:after {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.flex-video-and-slide-carousel .video embed,
.flex-video-and-slide-carousel .video video,
.flex-video-and-slide-carousel .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  z-index: 2;
}
.flex-video-and-slide-carousel .heading {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(84px, 6.25vw, 132px) 0 clamp(100.8px, 7.5vw, 158.4px);
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .heading {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .heading {
    padding: clamp(140px, 10.4166666667vw, 220px) 0 clamp(168px, 12.5vw, 264px);
  }
}
.flex-video-and-slide-carousel .heading h2 {
  font-size: clamp(42px, 3.125vw, 66px);
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.06;
}
.flex-video-and-slide-carousel .heading h2 .spacer {
  display: none;
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .heading h2 .spacer {
    display: inline-block;
    width: 0.5em;
  }
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .heading h2 {
    font-size: clamp(56px, 4.1666666667vw, 88px);
    max-width: clamp(924px, 68.75vw, 1452px);
  }
}
.flex-video-and-slide-carousel .heading h2 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.flex-video-and-slide-carousel .swiper-container {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  position: relative;
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .swiper-container {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-video-and-slide-carousel .swiper-container:before {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 50%;
  height: 50%;
  width: 100vw;
  display: block;
  background: #f6f6f6;
  transform: translateX(-50%);
}
.flex-video-and-slide-carousel .swiper-container .swiper-slide {
  width: clamp(323.4px, 24.0625vw, 508.2px);
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  overflow: hidden;
  border: clamp(5.6px, 0.4166666667vw, 8.8px) solid #1B1C3C;
  margin: 0 clamp(8.4px, 0.625vw, 13.2px);
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .swiper-container .swiper-slide {
    margin: 0 clamp(16.8px, 1.25vw, 26.4px);
    width: clamp(539px, 40.1041666667vw, 847px);
  }
}
.flex-video-and-slide-carousel .swiper-container img {
  width: 100%;
  height: clamp(184.8px, 13.75vw, 290.4px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (min-width: 782px) {
  .flex-video-and-slide-carousel .swiper-container img {
    height: clamp(308px, 22.9166666667vw, 484px);
  }
}

.flex-video-text {
  position: relative;
  margin: -1px 0 0;
}
.services-banner + .flex-video-text {
  padding: clamp(84px, 6.25vw, 132px) 0;
}
.flex-video-text:before {
  content: " ";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 50%;
}
.flex-video-text[data-bg-upper=white] {
  background: #f6f6f6;
}
.flex-video-text[data-bg-upper=black] {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
.flex-video-text[data-bg-lower=white]:before {
  background: #f6f6f6;
}
.flex-video-text[data-bg-lower=black]:before {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
.flex-video-text .inner {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
  overflow: hidden;
  background: #FFFFFF;
  z-index: 10;
}
@media (min-width: 782px) {
  .flex-video-text .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .flex-video-text .inner {
    display: flex;
    align-items: center;
  }
}
.flex-video-text .video-wrapper {
  position: relative;
}
@media (min-width: 782px) {
  .flex-video-text .video-wrapper {
    width: 66.66%;
  }
}
.flex-video-text .video-wrapper:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.flex-video-text .video-wrapper embed,
.flex-video-text .video-wrapper video,
.flex-video-text .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
}
.flex-video-text .video-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.flex-video-text .video-wrapper .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
}
.flex-video-text .video-wrapper .button:hover span {
  transform: scale(1.1);
}
.flex-video-text .video-wrapper .button:hover span:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.flex-video-text .video-wrapper .button:hover span:after {
  border-color: transparent transparent transparent #1B1C3C;
}
.flex-video-text .video-wrapper .button span {
  position: absolute;
  top: calc(50% - clamp(21px, 1.5625vw, 33px));
  left: calc(50% - clamp(21px, 1.5625vw, 33px));
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  background: #FFFFFF;
  transition: transform 0.3s;
}
.flex-video-text .video-wrapper .button span:before {
  content: " ";
  background: #FF5C5C;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.flex-video-text .video-wrapper .button span:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(6.65px, 0.4947916667vw, 10.45px));
  left: calc(50% - clamp(4.9px, 0.3645833333vw, 7.7px));
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: clamp(7.7px, 0.5729166667vw, 12.1px) 0 clamp(7.7px, 0.5729166667vw, 12.1px) clamp(13.3px, 0.9895833333vw, 20.9px);
  border-color: transparent transparent transparent #000000;
  transform: rotate(0deg);
  display: block;
  transition: border 0.3s 0.05s;
}
.flex-video-text .content {
  padding: clamp(33.6px, 2.5vw, 52.8px) clamp(25.2px, 1.875vw, 39.6px) clamp(25.2px, 1.875vw, 39.6px);
}
@media (min-width: 782px) {
  .flex-video-text .content {
    padding: clamp(42px, 3.125vw, 66px);
    width: 33.35%;
  }
}
.flex-video-text .content p {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  line-height: 1.1;
  color: #1B1C3C;
  margin: 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .flex-video-text .content p {
    font-size: clamp(25.2px, 1.875vw, 39.6px);
    margin: 0 0 clamp(33.6px, 2.5vw, 52.8px);
  }
}
.flex-video-text .content .author {
  color: #000000;
  opacity: 0;
  line-height: 1.3;
  margin: clamp(14px, 1.0416666667vw, 22px) 0 0;
  transition: opacity 1s;
}
.flex-video-text .content .author strong {
  font-weight: 600;
}
.flex-video-text .content .author[data-animation-status=active] {
  opacity: 1;
}

.flex-video {
  position: relative;
  margin: -1px 0 0;
}
.flex-video:before {
  content: " ";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 50%;
}
.flex-video[data-upper=white] {
  background: #f6f6f6;
}
.flex-video[data-upper=black] {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
.flex-video[data-lower=white]:before {
  background: #f6f6f6;
}
.flex-video[data-lower=black]:before {
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
}
.flex-video .inner {
  position: relative;
  background: rgb(23.8344827586, 24.7172413793, 52.9655172414);
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  border-radius: clamp(4.2px, 0.3125vw, 6.6px);
  overflow: hidden;
  z-index: 10;
}
@media (min-width: 782px) {
  .flex-video .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.flex-video .inner:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.flex-video .inner embed,
.flex-video .inner video,
.flex-video .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  border-radius: clamp(12.6px, 0.9375vw, 19.8px);
}
.flex-video .inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.flex-video .inner .button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
}
.flex-video .inner .button:hover span {
  transform: scale(1.1);
}
.flex-video .inner .button:hover span:before {
  top: auto;
  bottom: 0;
  height: 100%;
}
.flex-video .inner .button:hover span:after {
  border-color: transparent transparent transparent #1B1C3C;
}
.flex-video .inner .button span {
  position: absolute;
  top: calc(50% - clamp(21px, 1.5625vw, 33px));
  left: calc(50% - clamp(21px, 1.5625vw, 33px));
  width: clamp(42px, 3.125vw, 66px);
  height: clamp(42px, 3.125vw, 66px);
  border-radius: 50%;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  background: #FFFFFF;
  transition: transform 0.3s;
}
.flex-video .inner .button span:before {
  content: " ";
  background: #FF5C5C;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
}
.flex-video .inner .button span:after {
  content: " ";
  position: absolute;
  top: calc(50% - clamp(6.65px, 0.4947916667vw, 10.45px));
  left: calc(50% - clamp(4.9px, 0.3645833333vw, 7.7px));
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: clamp(7.7px, 0.5729166667vw, 12.1px) 0 clamp(7.7px, 0.5729166667vw, 12.1px) clamp(13.3px, 0.9895833333vw, 20.9px);
  border-color: transparent transparent transparent #000000;
  transform: rotate(0deg);
  display: block;
  transition: border 0.3s 0.05s;
}

.work-banner {
  background: #f6f6f6;
  position: relative;
  z-index: 2;
}
.work-banner svg {
  position: absolute;
  top: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  right: calc(clamp(50.75px, 3.7760416667vw, 79.75px) * -1);
  width: clamp(476px, 35.4166666667vw, 748px);
  height: auto;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (min-width: 782px) {
  .work-banner svg {
    top: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    right: calc(clamp(101.5px, 7.5520833333vw, 159.5px) * -1);
    width: clamp(952px, 70.8333333333vw, 1496px);
  }
}
.work-banner .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(133px, 9.8958333333vw, 209px) 0 clamp(21px, 1.5625vw, 33px);
  color: #1B1C3C;
}
@media (min-width: 782px) {
  .work-banner .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.work-banner h1 {
  font-size: clamp(50.4px, 3.75vw, 79.2px);
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
@media (min-width: 782px) {
  .work-banner h1 {
    font-size: clamp(67.2px, 5vw, 105.6px);
  }
}
@media (max-width: 782px) {
  .work-banner h1 br {
    display: none;
  }
}
.work-banner h1 strong {
  background: linear-gradient(90deg, #FF5C5C 0.71%, #649FED 73.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.work-banner h2 {
  font-size: clamp(16.8px, 1.25vw, 26.4px);
  font-weight: 600;
  margin: 0 0 clamp(15.4px, 1.1458333333vw, 24.2px);
  opacity: 0;
  transition: opacity 0.3s;
}
.work-banner h2[data-animation-status=active] {
  opacity: 1;
}
.work-banner .detail {
  opacity: 0;
  transition: opacity 0.3s;
}
.work-banner .detail h2 {
  font-size: clamp(19.6px, 1.4583333333vw, 30.8px);
  font-weight: 600;
  color: #1B1C3C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.work-banner .detail h2:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.work-banner .detail h3 {
  font-size: clamp(16px, 1.1458333333vw, 24.2px);
  font-weight: 600;
  color: #FF5C5C;
  margin: 0 0 clamp(25.2px, 1.875vw, 39.6px);
}
.work-banner .detail h3:nth-child(n+2) {
  margin: clamp(25.2px, 1.875vw, 39.6px) 0 clamp(25.2px, 1.875vw, 39.6px);
}
.work-banner .detail p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  color: #000000;
  line-height: 1.5;
}
.work-banner .detail p:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.work-banner .detail ol {
  color: #000000;
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.work-banner .detail ol:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.work-banner .detail ul {
  color: #000000;
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(16.8px, 1.25vw, 26.4px);
}
.work-banner .detail ul:nth-child(n+2) {
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.work-banner .detail li {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  line-height: 1.5;
}
.work-banner .detail li:nth-child(n+2) {
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
.work-banner .detail strong {
  font-weight: 600;
}
.work-banner .detail sub {
  font-size: 0.7em;
  vertical-align: sub;
}
.work-banner .detail sup {
  font-size: 0.7em;
  vertical-align: super;
}
.work-banner .detail em {
  font-style: italic;
}
.work-banner .detail a {
  color: #FF5C5C;
  position: relative;
}
@media (min-width: 782px) {
  .work-banner .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 1em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .work-banner .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.work-banner .detail a:after {
  top: calc(50% + 0.7em);
}
.work-banner .detail[data-animation-status=active] {
  opacity: 1;
}
@media (min-width: 782px) {
  .work-banner .detail {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: clamp(37.8px, 2.8125vw, 59.4px);
         column-gap: clamp(37.8px, 2.8125vw, 59.4px);
  }
}

.work-filters {
  background: #f6f6f6;
  margin: -1px 0 0;
}
.work-filters .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  padding: clamp(21px, 1.5625vw, 33px) 0 clamp(42px, 3.125vw, 66px);
  color: #1B1C3C;
  z-index: 12;
}
@media (min-width: 782px) {
  .work-filters .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
@media (min-width: 782px) {
  .work-filters .inner {
    display: flex;
    justify-content: space-between;
  }
}
.work-filters .filters {
  opacity: 0;
  transition: opacity 0.3s;
}
.work-filters .filters[data-animation-status=active] {
  opacity: 1;
}
@media (max-width: 782px) {
  .work-filters .filters:nth-child(n+2) {
    margin: clamp(33.6px, 2.5vw, 52.8px) 0 0;
  }
}
@media (min-width: 782px) {
  .work-filters .filters {
    width: calc(50% - clamp(37.8px, 2.8125vw, 59.4px));
  }
}
.work-filters h2 {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  font-weight: 600;
}
.work-filters ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(8.4px, 0.625vw, 13.2px);
  border-top: 1px solid #989898;
  padding: clamp(16.8px, 1.25vw, 26.4px) 0 0;
  margin: clamp(4.2px, 0.3125vw, 6.6px) 0 0;
}
@media (min-width: 425px) {
  .work-filters ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 600px) {
  .work-filters ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.work-filters button {
  background: none;
  font-size: clamp(16px, 0.9375vw, 19.8px);
  height: clamp(33.6px, 2.5vw, 52.8px);
  line-height: calc(clamp(33.6px, 2.5vw, 52.8px) - 2px);
  font-weight: 100;
  padding: 0;
  width: 100%;
  border-radius: 999px;
  border: 1px solid #1B1C3C;
  color: #1B1C3C;
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, border-color 0.3s, background 0.3s;
}
@media (min-width: 782px) {
  .work-filters button {
    font-size: clamp(16px, 0.7291666667vw, 15.4px);
    height: clamp(25.2px, 1.875vw, 39.6px);
    line-height: calc(clamp(25.2px, 1.875vw, 39.6px) - 2px);
  }
}
.work-filters button:before {
  content: " ";
  background: #1B1C3C;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s, background 0.3s;
  z-index: -1;
}
.work-filters button.selected {
  border-color: #FF5C5C;
  color: #FFFFFF;
  transform: scale(1);
}
.work-filters button.selected:before {
  top: auto;
  bottom: 0;
  background: #FF5C5C;
  height: 100%;
}
.work-filters button.selected:hover {
  transform: scale(1.1);
}
@media (min-width: 782px) {
  .work-filters button:hover {
    color: #FFFFFF;
    transform: scale(1.1);
  }
  .work-filters button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.work-projects {
  background: #f6f6f6;
  margin: -1px 0 0;
}
.work-projects .inner {
  width: calc(100% - clamp(42px, 3.125vw, 66px));
  margin: 0 auto;
  max-width: clamp(1092px, 81.25vw, 1716px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 clamp(84px, 6.25vw, 132px);
}
@media (min-width: 782px) {
  .work-projects .inner {
    width: calc(100% - clamp(50.4px, 3.75vw, 79.2px));
  }
}
.work-projects .project-item {
  position: relative;
  background: grey;
  height: clamp(336px, 25vw, 528px);
  margin: clamp(22.4px, 1.6666666667vw, 35.2px) 0 0;
  border-radius: clamp(7px, 0.5208333333vw, 11px);
  overflow: hidden;
  width: 100%;
}
@media (min-width: 782px) {
  .work-projects .project-item:hover:before {
    opacity: 0.7;
    height: 60%;
  }
  .work-projects .project-item:hover img {
    transform: scale(1.1);
  }
  .work-projects .project-item:hover .caption {
    transform: translateY(clamp(-16.8px, -1.25vw, -26.4px));
  }
}
.work-projects .project-item[data-index="1"] {
  margin: 0;
}
@media (min-width: 600px) {
  .work-projects .project-item {
    width: calc(50% - clamp(11.2px, 0.8333333333vw, 17.6px));
  }
  .work-projects .project-item[data-index="2"] {
    margin: 0;
  }
}
@media (min-width: 782px) {
  .work-projects .project-item {
    height: clamp(420px, 31.25vw, 660px);
  }
  .work-projects .project-item[data-index="2"], .work-projects .project-item[data-index="5"], .work-projects .project-item[data-index="8"], .work-projects .project-item[data-index="11"], .work-projects .project-item[data-index="14"], .work-projects .project-item[data-index="17"], .work-projects .project-item[data-index="20"], .work-projects .project-item[data-index="23"], .work-projects .project-item[data-index="26"], .work-projects .project-item[data-index="29"] {
    height: clamp(602px, 44.7916666667vw, 946px);
  }
  .work-projects .project-item[data-index="5"], .work-projects .project-item[data-index="3"], .work-projects .project-item[data-index="11"], .work-projects .project-item[data-index="9"], .work-projects .project-item[data-index="17"], .work-projects .project-item[data-index="15"], .work-projects .project-item[data-index="23"], .work-projects .project-item[data-index="21"], .work-projects .project-item[data-index="29"], .work-projects .project-item[data-index="27"] {
    margin: calc(clamp(159.6px, 11.875vw, 250.8px) * -1) 0 0;
  }
}
.work-projects .project-item:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  opacity: 0.6;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 95%);
  z-index: 2;
}
@media (min-width: 782px) {
  .work-projects .project-item:before {
    transition: height 0.6s, opacity 0.6s;
  }
}
.work-projects .project-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}
@media (min-width: 782px) {
  .work-projects .project-item img {
    transition: transform 0.6s;
  }
}
.work-projects .project-item .caption {
  position: absolute;
  bottom: clamp(33.6px, 2.5vw, 52.8px);
  left: clamp(33.6px, 2.5vw, 52.8px);
  right: clamp(33.6px, 2.5vw, 52.8px);
  color: #FFFFFF;
  z-index: 3;
}
@media (min-width: 782px) {
  .work-projects .project-item .caption {
    transition: transform 0.6s;
  }
}
.work-projects .project-item h2 {
  font-size: clamp(33.6px, 2.5vw, 52.8px);
  font-weight: 600;
}
.work-projects .project-item p {
  font-size: clamp(16px, 1.0416666667vw, 22px);
  max-width: clamp(336px, 25vw, 528px);
  line-height: 1.3;
  margin: clamp(8.4px, 0.625vw, 13.2px) 0 0;
}
.work-projects .project-item .link:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  z-index: 10;
}
.work-projects .project-item .link span {
  display: none;
}