/*! e2d4a9f7 */
@charset "UTF-8";
/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2018 Schwartzco Inc.
        License: 1802-UFGULA     
*/
@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-BlackItalic-Web.eot");
  src: url("/fonts/StyreneA-BlackItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-BlackItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-BlackItalic-Web.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal; }

.StyreneA-BlackItalic-Web {
  font-family: "Styrene A Web";
  font-weight: 900;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-Black-Web.eot");
  src: url("/fonts/StyreneA-Black-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Black-Web.woff2") format("woff2"), url("/fonts/StyreneA-Black-Web.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

.StyreneA-Black-Web {
  font-family: "Styrene A Web";
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-BoldItalic-Web.eot");
  src: url("/fonts/StyreneA-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-BoldItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }

.StyreneA-BoldItalic-Web {
  font-family: "Styrene A Web";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-Bold-Web.eot");
  src: url("/fonts/StyreneA-Bold-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Bold-Web.woff2") format("woff2"), url("/fonts/StyreneA-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

.StyreneA-Bold-Web {
  font-family: "Styrene A Web";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-MediumItalic-Web.eot");
  src: url("/fonts/StyreneA-MediumItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-MediumItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

.StyreneA-MediumItalic-Web {
  font-family: "Styrene A Web";
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-Medium-Web.eot");
  src: url("/fonts/StyreneA-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Medium-Web.woff2") format("woff2"), url("/fonts/StyreneA-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

.StyreneA-Medium-Web {
  font-family: "Styrene A Web";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-RegularItalic-Web.eot");
  src: url("/fonts/StyreneA-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-RegularItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

.StyreneA-RegularItalic-Web {
  font-family: "Styrene A Web";
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-Regular-Web.eot");
  src: url("/fonts/StyreneA-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Regular-Web.woff2") format("woff2"), url("/fonts/StyreneA-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

.StyreneA-Regular-Web {
  font-family: "Styrene A Web";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-LightItalic-Web.eot");
  src: url("/fonts/StyreneA-LightItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-LightItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-LightItalic-Web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }

.StyreneA-LightItalic-Web {
  font-family: "Styrene A Web";
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-Light-Web.eot");
  src: url("/fonts/StyreneA-Light-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Light-Web.woff2") format("woff2"), url("/fonts/StyreneA-Light-Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

.StyreneA-Light-Web {
  font-family: "Styrene A Web";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-ThinItalic-Web.eot");
  src: url("/fonts/StyreneA-ThinItalic-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-ThinItalic-Web.woff2") format("woff2"), url("/fonts/StyreneA-ThinItalic-Web.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal; }

.StyreneA-ThinItalic-Web {
  font-family: "Styrene A Web";
  font-weight: 100;
  font-style: italic;
  font-stretch: normal; }

@font-face {
  font-family: "Styrene A Web";
  src: url("/fonts/StyreneA-Thin-Web.eot");
  src: url("/fonts/StyreneA-Thin-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/StyreneA-Thin-Web.woff2") format("woff2"), url("/fonts/StyreneA-Thin-Web.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

.StyreneA-Thin-Web {
  font-family: "Styrene A Web";
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

table {
  border-spacing: 15px; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select input::-webkit-contacts-auto-fill-button,
  .Select input::-webkit-credentials-auto-fill-button {
    display: none !important; }
  .Select input::-ms-clear {
    display: none !important; }
  .Select input::-ms-reveal {
    display: none !important; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled > .Select-control {
    background-color: transparent; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-searchable.is-open > .Select-control {
    cursor: text; }
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: transparent;
    border-color: #404040 #595959 #666666; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999;
      border-width: 0 5px 5px; }
  .Select.is-focused > .Select-control {
    background: transparent; }
  .Select.is-focused:not(.is-open) > .Select-control {
    border-color: #f9f9f9 white white;
    box-shadow: none; }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 44px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: white; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      color: #f9f9f9;
      outline: none;
      text-decoration: underline; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      background: transparent; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: transparent;
  border-color: #666666 #595959 #404040;
  border-radius: 2px;
  border: 1px solid #595959;
  color: white;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 40px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: transparent; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #464646;
  left: 0;
  line-height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    /* For IE 8 compatibility */
    padding: 10px 0 14px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #595959;
  border-right-color: white;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 19px; }
  .Select-clear-zone:hover {
    color: #d0021b; }

.Select-clear {
  display: inline-block;
  font-size: 20px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 19px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }
  .Select--rtl .Select-arrow-zone {
    padding-right: 0;
    padding-left: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: transparent;
  border: 1px solid #595959;
  border-top-color: rgba(89, 89, 89, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #595959;
  color: white;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .Select-option.is-selected {
    background-color: #595959;
    color: #f9f9f9; }
  .Select-option.is-focused {
    background-color: white;
    color: #464646; }
  .Select-option.is-disabled {
    color: white;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: white;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.only-big {
  display: none !important; }
  @media (min-width: 1024px) {
    .only-big {
      display: block !important; } }

@media (min-width: 1024px) {
  .big-break {
    display: block; } }

@media (max-width: 500px) {
  .small-break {
    display: block; } }

.size--xl {
  font-size: 50px;
  line-height: 60px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em; }
  @media (min-width: 1024px) {
    .size--xl {
      font-size: 96px;
      line-height: 96px; } }

.size--l {
  font-size: 26px;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em; }
  @media (min-width: 1024px) {
    .size--l {
      font-size: 40px;
      line-height: 50px; } }

.size--m {
  font-size: 13px;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 1024px) {
    .size--m {
      font-size: 18px;
      line-height: 36px; } }

.size--s {
  font-size: 14px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 1024px) {
    .size--s {
      font-size: 15px;
      line-height: 2; } }

.size--xs {
  font-size: 12px;
  line-height: 15px; }

.small-caps {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px; }

.light {
  font-weight: 300; }

.tm {
  font-size: 0.5em;
  top: -0.5em;
  position: relative; }

.lh-1 {
  line-height: 1; }

.lh-15 {
  line-height: 1.5; }

.lh-2 {
  line-height: 2; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

.BlogContent > .left .body-text p + .table-section .table-wrapper table tbody tr td p strong {
  font-size: 13px; }

.pt-1c {
  padding-top: 12.5%; }

.pr-1c {
  padding-right: 12.5%; }

.pl-1c {
  padding-left: 12.5%; }

.pb-1c {
  padding-bottom: 12.5%; }

.pa-1c {
  padding: 12.5%; }

.pt-2c {
  padding-top: 25%; }

.pr-2c {
  padding-right: 25%; }

.pl-2c {
  padding-left: 25%; }

.pb-2c {
  padding-bottom: 25%; }

.pa-2c {
  padding: 25%; }

.pt-3c {
  padding-top: 37.5%; }

.pr-3c {
  padding-right: 37.5%; }

.pl-3c {
  padding-left: 37.5%; }

.pb-3c {
  padding-bottom: 37.5%; }

.pa-3c {
  padding: 37.5%; }

@media (min-width: 1024px) {
  .pt-1c--b {
    padding-top: 6.25%; }
  .pr-1c--b {
    padding-right: 6.25%; }
  .pl-0c--b {
    padding-left: 0%; }
  .pb-1c--b {
    padding-bottom: 6.25%; }
  .pl-1c--b {
    padding-left: 6.25%; }
  .pa-1c--b {
    padding: 6.25%; }
  .pt-2c--b {
    padding-top: 12.5%; }
  .pr-2c--b {
    padding-right: 12.5%; }
  .pb-2c--b {
    padding-bottom: 12.5%; }
  .pl-2c--b {
    padding-left: 12.5%; }
  .pa-2c--b {
    padding: 12.5%; }
  .pt-3c--b {
    padding-top: 18.75%; }
  .pr-3c--b {
    padding-right: 18.75%; }
  .pb-3c--b {
    padding-bottom: 18.75%; }
  .pl-3c--b {
    padding-left: 18.75%; }
  .pa-3c--b {
    padding: 18.75%; } }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-40 {
  margin-top: 40px; }

.mt-60 {
  margin-top: 60px; }

.mt-1c {
  margin-top: 12.5%; }

.mr-1c {
  margin-right: 12.5%; }

.mb-1c {
  margin-bottom: 12.5%; }

.ml-1c {
  margin-left: 12.5%; }

.ma-1c {
  margin: 12.5%; }

.mt-2c {
  margin-top: 25%; }

.mr-2c {
  margin-right: 25%; }

.mb-2c {
  margin-bottom: 25%; }

.ml-2c {
  margin-left: 25%; }

.ma-2c {
  margin: 25%; }

.mt-3c {
  margin-top: 37.5%; }

.mr-3c {
  margin-right: 37.5%; }

.mb-3c {
  margin-bottom: 37.5%; }

.ml-3c {
  margin-left: 37.5%; }

.ma-3c {
  margin: 37.5%; }

@media (min-width: 1024px) {
  .mt-1c--b {
    margin-top: 6.25%; }
  .mr-1c--b {
    margin-right: 6.25%; }
  .mb-1c--b {
    margin-bottom: 6.25%; }
  .ml-1c--b {
    margin-left: 6.25%; }
  .ma-1c--b {
    margin: 6.25%; }
  .mt-2c--b {
    margin-top: 12.5%; }
  .mr-2c--b {
    margin-right: 12.5%; }
  .mb-2c--b {
    margin-bottom: 12.5%; }
  .ml-2c--b {
    margin-left: 12.5%; }
  .ma-2c--b {
    margin: 12.5%; }
  .mt-3c--b {
    margin-top: 18.75%; }
  .mr-3c--b {
    margin-right: 18.75%; }
  .mb-3c--b {
    margin-bottom: 18.75%; }
  .ml-3c--b {
    margin-left: 18.75%; }
  .ma-3c--b {
    margin: 18.75%; } }

ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 24px; }
  ul li {
    line-height: 30px; }

.user-body .user-body-content .body-content h3 {
  padding-top: 0px !important;
  line-height: 24px !important;
  margin-top: 24px !important; }

.section-v2 {
  padding: 6.25%; }

.has-gradient-bg {
  background: linear-gradient(160deg, #2d84eb, #8259ef); }

.has-black-bg {
  background: #222222; }

.dark-links a {
  color: #222222; }

.light-links a {
  color: white; }

.section-title {
  font-size: 32px !important;
  text-align: center;
  margin: 0 auto 96px auto; }

.with-subtitle {
  margin: 0 auto 48px auto; }

.section-subtitle {
  margin: 0 auto 96px auto;
  line-height: 30px;
  text-align: center;
  font-weight: 300;
  max-width: 600px;
  font-size: 15px;
  letter-spacing: 0; }

.section-subtitle-with-cta {
  margin: 0 auto 48px;
  line-height: 30px;
  text-align: center;
  font-weight: 300;
  max-width: 600px;
  font-size: 15px;
  letter-spacing: 0; }

.section-subtitle-left {
  margin: 0 auto 96px auto;
  text-align: left;
  font-weight: 300;
  max-width: 600px;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0; }

.section-subtitle-hbar {
  margin: 0 auto 58px auto;
  text-align: center;
  max-width: 600px;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0; }

.item-title {
  font-size: 26px !important;
  margin: 0 0 24px 0; }

.graph-title {
  font-size: 26px !important;
  margin: 48px 0 24px 0; }

.item-title-with-subtitle {
  font-size: 26px !important;
  margin: 0 0 24px 0; }

.item-subtitle {
  margin: 0 0 48px 0; }

.item-icon {
  margin: 0 0 36px 0; }

.all-caps-title {
  font-size: 16px !important; }

.content-spacing {
  margin: 0 0 48px 0; }

.content-spacing-with-cta {
  margin: 0 0 24px 0; }

.text-white {
  color: #ffffff; }

.text-gray {
  color: #464646; }

blockquote {
  font-style: italic;
  text-align: left;
  font-size: 20px;
  color: #464646;
  margin: 24px 0 0px;
  font-weight: 100;
  line-height: 1.15; }
  blockquote:before {
    content: "";
    background: linear-gradient(160deg, #2d84eb, #8259ef);
    display: block;
    height: 3px;
    width: 100%;
    bottom: 0;
    margin-bottom: 37px; }
  blockquote + h3 {
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 1.25px;
    line-height: 30px !important;
    text-transform: uppercase;
    text-align: left;
    color: #464646;
    margin-bottom: 48px; }
    blockquote + h3:after {
      content: "";
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      display: block;
      height: 3px;
      width: 100%;
      bottom: 0;
      margin-top: 37px; }

.service-teaser-description a {
  color: white; }

@media screen and (max-width: 1100px) {
  .section-v2 {
    padding: 12.5%; }
  .section-title {
    font-size: 22px !important;
    text-align: left;
    max-width: 100%;
    margin: 0 0 72px 0; }
  .with-subtitle {
    margin: 0 0 32px 0; }
  .section-subtitle {
    text-align: left;
    margin: 0 0 72px 0; }
  .section-subtitle-left {
    text-align: left;
    margin: 0 0 72px 0; }
  .section-subtitle-hbar {
    text-align: left;
    margin: 0 0 58px 0; }
  .item-title {
    font-size: 20px !important;
    margin: 0 0 16px 0; }
  .item-title-with-subtitle {
    font-size: 20px !important;
    margin: 0 0 16px 0; }
  .all-caps-title {
    font-size: 14px !important; }
  .item-subtitle {
    margin: 0 0 32px 0; }
  .item-icon {
    margin: 0 0 24px 0; }
  .content-spacing {
    margin: 0 0 32px 0; }
  .content-spacing-with-cta {
    margin: 0 0 32px 0; } }

@media (min-width: 1024px) {
  .user-body .user-body-content .body-content h3 {
    padding-top: 0px !important;
    line-height: 24px !important;
    margin-top: 24px !important; } }

.Home {
  width: 100vw; }

.Home-intro {
  height: calc(100vh - 128px);
  min-height: 430px;
  position: relative; }
  @media (min-width: 1024px) {
    .Home-intro {
      height: calc(100vh - 128px); } }
  .Home-intro > .image {
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    @media (min-width: 1024px) {
      .Home-intro > .image {
        background-attachment: fixed;
        background-position: center 90%; } }
  .Home-intro > .text {
    position: absolute;
    color: white;
    left: 6.25%;
    right: 6.25%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .Home-intro > .text h2 {
      margin-bottom: 30px;
      font-weight: 200; }
      @media (min-width: 1024px) {
        .Home-intro > .text h2 {
          margin-bottom: 50px; } }
    .Home-intro > .text .intro {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 2px;
      margin-top: 40px;
      margin-bottom: 40px; }
  @media (min-width: 1024px) {
    .Home-intro .ButtonLauncher {
      display: inline-block; } }

.HeroVideo {
  position: fixed;
  background-color: #222222;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1010; }
  .HeroVideo > div {
    width: 100%;
    height: 100%;
    display: block;
    position: relative; }
  .HeroVideo > .close {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 48px;
    width: 62px;
    height: 62px;
    display: block; }
    .HeroVideo > .close svg path {
      fill: #545454; }

/* Current Navigation */
/* New Navigation */
.Nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1001;
  height: 80px;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.014);
  pointer-events: auto; }
  .Nav .close {
    display: none; }
  .Nav .header .right svg.hamburger-icon circle {
    stroke: #222222; }
  .Nav .header .right svg.hamburger-icon line {
    stroke: #222222; }
  .Nav.is-initial {
    background-color: rgba(255, 255, 255, 0); }
    .Nav.is-initial > .header .symbol svg .circle {
      fill: white; }
    .Nav.is-initial > .header .symbol svg .h {
      fill: #222222; }
    .Nav.is-initial > .header .logo > .hedera {
      color: white; }
    .Nav.is-initial > .header .right svg.hamburger-icon circle {
      stroke: white; }
    .Nav.is-initial > .header .right svg.hamburger-icon line {
      stroke: white; }
  .Nav.isnt-index {
    background-color: white; }
  .Nav.is-up {
    background-color: white;
    opacity: 1; }
  .Nav.is-down {
    background-color: white; }
  .Nav.is-down.is-initial {
    background-color: rgba(255, 255, 255, 0); }
  .Nav.is-open {
    bottom: 0;
    height: 100%; }
    .Nav.is-open .logo {
      z-index: 2; }
    .Nav.is-open .close {
      display: block; }
    .Nav.is-open .hamburger {
      display: none; }

body.scroll-up .Nav.stick-to-hero,
body.scroll-down .Nav.stick-to-hero {
  transition: transform 0.25s ease 0s; }

body.scroll-up .Nav.stick-to-hero {
  top: -80px !important;
  position: fixed !important;
  transform: translateY(80px); }

body .Nav.stick-to-hero,
body.scroll-down .Nav.stick-to-hero {
  position: absolute;
  transform: translateY(0); }

.Nav.isnt-index .right .Btn,
.Nav.is-up .right .Btn,
.Nav.is-down .right .Btn {
  border-color: #464646;
  background-color: white;
  color: #464646; }
  .Nav.isnt-index .right .Btn:hover,
  .Nav.is-up .right .Btn:hover,
  .Nav.is-down .right .Btn:hover {
    border-color: #464646;
    background-color: #464646;
    color: white; }

.Nav.is-open .right .Btn {
  border-color: white;
  background-color: white;
  color: #464646; }
  .Nav.is-open .right .Btn:hover {
    background-color: transparent;
    border-color: white;
    color: white; }

body.modal-is-open .Nav {
  display: none !important; }

.Nav > .header {
  display: flex;
  height: 80px;
  z-index: 100;
  position: relative; }
  .Nav > .header .right {
    flex: 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end; }
    .Nav > .header .right .call-to-action {
      margin: auto 1vw;
      min-width: auto; }
      .Nav > .header .right .call-to-action .Btn {
        min-width: auto; }
    .Nav > .header .right > .ctrls {
      display: inline-block;
      height: 80px;
      width: 80px; }
      .Nav > .header .right > .ctrls > button {
        width: 100%;
        height: 80px;
        -webkit-tap-highlight-color: transparent;
        border: 0;
        border-radius: 0;
        outline: 0;
        box-shadow: none;
        background-color: transparent;
        padding: 0; }

.Nav .logo {
  display: block;
  position: absolute;
  left: calc(12.5% - 30px);
  cursor: pointer;
  height: 80px;
  text-decoration: none;
  line-height: 76px;
  font-size: 17px;
  z-index: 3;
  -webkit-tap-highlight-color: transparent; }
  @media (min-width: 1025px) {
    .Nav .logo {
      left: calc(12.5% - 67px); } }
  @media (min-width: 1101px) {
    .Nav .logo {
      max-width: 30%;
      left: 0; } }
  .Nav .logo > span {
    display: inline-block;
    position: relative;
    top: -34px; }
  .Nav .logo .hedera {
    color: #222222;
    opacity: 0;
    display: none;
    left: -6px; }
    @media (min-width: 1024px) {
      .Nav .logo .hedera {
        opacity: 1;
        display: inline-block; } }
  .Nav .logo > .symbol {
    width: 80px;
    height: 80px;
    display: inline-block; }
    @media (min-width: 1101px) {
      .Nav .logo > .symbol {
        width: 6.25vw; } }
  .Nav .logo svg {
    position: relative;
    top: 25px;
    display: block;
    width: 30px;
    height: 30px; }
    @media (min-width: 1024px) {
      .Nav .logo svg {
        margin-left: auto;
        margin-right: 13.1px;
        /* intrinsic size of hbar within our logo's circle */ } }
    .Nav .logo svg .circle {
      fill: #222222; }
    .Nav .logo svg .h {
      fill: #f9f9f9; }

.Nav .right {
  float: right;
  height: 80px; }
  .Nav .right svg {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .Nav .right svg .circle {
      fill: white; }
    .Nav .right svg .hamburger {
      fill: #464646; }
    .Nav .right svg .x {
      fill: #464646; }

.main-menu * {
  box-sizing: border-box; }

.main-menu ul {
  list-style: none;
  font-size: 10px;
  margin: 0; }
  .main-menu ul li {
    display: block;
    position: relative;
    margin-bottom: unset;
    line-height: 1; }

.main-menu ul.main-menu-nav {
  display: flex;
  flex-direction: row; }
  .main-menu ul.main-menu-nav li {
    color: #EAEAEA; }
    .main-menu ul.main-menu-nav li .menu-title,
    .main-menu ul.main-menu-nav li .menu-title a:active,
    .main-menu ul.main-menu-nav li .menu-title a:hover,
    .main-menu ul.main-menu-nav li .menu-title a:link,
    .main-menu ul.main-menu-nav li .menu-title a:visited,
    .main-menu ul.main-menu-nav li .menu-title a {
      color: #EAEAEA; }
    .main-menu ul.main-menu-nav li .menu-title {
      margin: 11px 0 0;
      padding: 20px 2vw 36px;
      display: block;
      position: relative;
      font-size: 12px;
      letter-spacing: 1.2px;
      font-weight: 400;
      white-space: nowrap;
      opacity: 0.8;
      transition: opacity 0.25s linear 0s; }
      .main-menu ul.main-menu-nav li .menu-title.show, .main-menu ul.main-menu-nav li .menu-title:hover {
        opacity: 1; }
        .main-menu ul.main-menu-nav li .menu-title.show .menu-dropdown, .main-menu ul.main-menu-nav li .menu-title:hover .menu-dropdown {
          top: 62px;
          opacity: 1;
          visibility: visible; }
      .main-menu ul.main-menu-nav li .menu-title.show .menu-dropdown {
        top: 62px;
        opacity: 1;
        visibility: visible; }
      .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
        padding: 0; }
        .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link button.menu-title-link {
          -webkit-tap-highlight-color: transparent;
          border: 0;
          border-radius: 0;
          outline: 0;
          box-shadow: none;
          background-color: transparent;
          color: #EAEAEA;
          font-size: 13px;
          letter-spacing: 1.2px;
          line-height: 1;
          font-weight: 400;
          white-space: nowrap;
          font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif; }
        .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
          display: block;
          position: relative;
          padding: 20px 2vw 36px;
          font-size: 13px; }
        .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link div.menu-title-link {
          cursor: default; }
    .main-menu ul.main-menu-nav li a {
      color: #EAEAEA;
      text-decoration: none; }
    .main-menu ul.main-menu-nav li span {
      display: block;
      position: relative;
      color: #EAEAEA; }

.Nav .search {
  margin: auto calc(6.25% - 43.1px) auto 1vw;
  border-width: 1px; }
  .Nav .search input[type=search] {
    border-radius: 15px;
    height: 30px;
    width: 120px;
    min-width: auto;
    padding: 1px 38px 1px 9px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    font-weight: 500;
    font-size: 8px;
    letter-spacing: 1.33px;
    line-height: 28px;
    text-transform: uppercase;
    outline: none;
    -webkit-appearance: textfield; }
    .Nav .search input[type=search]::-webkit-input-placeholder {
      color: white; }
    .Nav .search input[type=search]::-webkit-search-cancel-button {
      -webkit-appearance: none;
      cursor: pointer; }
  @media (max-width: 1100px) {
    .Nav .search {
      position: absolute;
      margin: 0;
      top: 25px;
      left: 50%;
      transform: translateX(-50%); } }

.Nav.Nav.isnt-index .search input[type=search], .Nav.Nav.is-down .search input[type=search], .Nav.Nav.is-up .search input[type=search] {
  color: #464646;
  border: 1px solid #464646;
  outline: none; }
  .Nav.Nav.isnt-index .search input[type=search]::-webkit-input-placeholder, .Nav.Nav.is-down .search input[type=search]::-webkit-input-placeholder, .Nav.Nav.is-up .search input[type=search]::-webkit-input-placeholder {
    color: #464646; }

@media (min-width: 1100px) {
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title {
    color: #464646; }
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:active.menu-title-link,
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:hover.menu-title-link,
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:link.menu-title-link,
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a:visited.menu-title-link,
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title a.menu-title-link {
    color: #464646; }
  .Nav.isnt-index .main-menu ul.main-menu-nav li .menu-title button {
    color: #464646; } }

@media (min-width: 1101px) {
  .main-menu ul.main-menu-nav li .menu-title {
    height: 68px !important;
    /* help force with js inline styling */ }
  .Nav.is-up .main-menu ul.main-menu-nav li .menu-title,
  .Nav.is-down .main-menu ul.main-menu-nav li .menu-title {
    color: #464646; }
  .Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:active.menu-title-link,
  .Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:hover.menu-title-link,
  .Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:link.menu-title-link,
  .Nav.is-up .main-menu ul.main-menu-nav li .menu-title a:visited.menu-title-link,
  .Nav.is-up .main-menu ul.main-menu-nav li .menu-title a.menu-title-link,
  .Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:active.menu-title-link,
  .Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:hover.menu-title-link,
  .Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:link.menu-title-link,
  .Nav.is-down .main-menu ul.main-menu-nav li .menu-title a:visited.menu-title-link,
  .Nav.is-down .main-menu ul.main-menu-nav li .menu-title a.menu-title-link {
    color: #464646; } }

.Nav > .header .right > .ctrls {
  display: none; }

@media (max-width: 1440px) {
  .main-menu ul.main-menu-nav li .menu-title {
    padding: 20px 1.5vw 36px; }
    .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
      padding: 0; }
      .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
        padding: 20px 1.5vw 36px; } }

@media (max-width: 1300px) {
  .main-menu ul.main-menu-nav li .menu-title {
    padding: 20px 1vw 36px; }
    .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link {
      padding: 0; }
      .main-menu ul.main-menu-nav li .menu-title.menu-title-has-link .menu-title-link {
        padding: 20px 1vw 36px; } }

@media (max-width: 1100px) {
  body.nav-is-open {
    overflow: hidden !important;
    height: 100% !important; }
  .Nav > .header {
    height: auto;
    display: block;
    width: 100%; }
  .Nav > .header .right {
    width: 100%;
    display: block;
    position: relative;
    width: 100%;
    float: none; }
    .Nav > .header .right .Btn {
      display: none;
      position: absolute;
      margin: 0;
      top: 25px;
      left: 50%;
      transform: translateX(-50%); }
  .Nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0; }
    .Nav.is-open {
      height: auto;
      bottom: inherit;
      background: transparent; }
      .Nav.is-open > .header .right {
        height: 80px; }
        .Nav.is-open > .header .right .call-to-action {
          left: 0;
          opacity: 1; }
      .Nav.is-open .search {
        left: 0;
        opacity: 1; }
        .Nav.is-open .search input[type=search] {
          background-image: url("/assets/images/Hedera-NavIcon-Search.svg");
          background-repeat: no-repeat;
          background-position: 96%; }
          .Nav.is-open .search input[type=search]::-webkit-input-placeholder {
            color: #8C8C8C; }
      .Nav.is-open.is-open-dropdown > .header .right .main-menu {
        top: 80px;
        min-height: calc(100vh - 80px); }
      .Nav.is-open.is-open-dropdown > .header .right .call-to-action {
        left: -100%; }
      .Nav.is-open.is-open-dropdown .search {
        left: -100%;
        opacity: 0; }
    .Nav.is-closing-dropdown .logo {
      z-index: 2; }
    .Nav.is-closing-dropdown > .header .right .main-menu {
      top: 80px;
      min-height: calc(100vh - 80px); }
    .Nav.is-closing .logo {
      z-index: 2; }
    .Nav.is-closing .main-menu {
      top: 160px;
      min-height: calc(100vh - 160px); }
    .Nav.is-down svg.hamburger-icon circle {
      stroke: #222222; }
    .Nav.is-down svg.hamburger-icon line {
      stroke: #222222; }
  .Nav > .header .right > .ctrls {
    display: block;
    position: absolute;
    top: 0;
    right: calc(12.5% - 55px); }
  .main-menu {
    top: -1000px;
    position: relative;
    padding-top: 0;
    width: 69%; }
    .main-menu ul.main-menu-nav {
      flex-direction: column;
      padding: 0 12.5% 65px 12.5%;
      max-width: calc(400px + 25%);
      margin: auto; }
      .main-menu ul.main-menu-nav li .menu-title {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        padding: 15px 0 0;
        text-align: left;
        color: white !important;
        letter-spacing: 2px;
        height: 40px;
        overflow: hidden;
        transition: height 0.25s ease-out 0s; }
        .main-menu ul.main-menu-nav li .menu-title.show .menu-title-link {
          display: none; }
        .main-menu ul.main-menu-nav li .menu-title.show .menu-dropdown {
          top: 0;
          opacity: 1; }
  .Nav.is-open .main-menu {
    position: fixed;
    left: 0;
    overflow: auto;
    min-height: calc(100vh - 160px);
    max-height: calc(100vh - 160px);
    width: 100%;
    max-width: 100%;
    background-color: rgba(34, 34, 34, 0.97); }
  .Nav.is-open.is-open-dropdown .main-menu {
    max-height: calc(100vh - 80px); }
  .Nav.isnt-index .user-icon-dark,
  .Nav.is-up .user-icon-dark,
  .Nav.is-down .user-icon-dark {
    display: none; } }

@media (max-width: 450px) {
  .Nav > .header .right > .ctrls {
    right: calc(12.5% - 45px); } }

/* New Navigation Dropdown */
.menu-dropdown {
  display: block;
  padding: 0;
  position: absolute;
  min-width: 365px;
  width: auto;
  height: auto;
  top: -5000px;
  left: 50%;
  transform: translateX(-50%);
  white-space: normal;
  opacity: 0;
  transition: opacity 0.25s linear 0s;
  --pointer-margin-left: 0px;
  visibility: hidden; }
  .menu-dropdown.has-section-title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 100%;
    background-color: #F0F0F0;
    border-radius: 20px 20px 0 0; }
  .menu-dropdown.has-section-title .menu-dropdown-panel {
    padding: 36px 40px 20px 26px; }
    .menu-dropdown.has-section-title .menu-dropdown-panel::after {
      border-bottom: 10px solid #F0F0F0; }
  .menu-dropdown .menu-dropdown-panel {
    display: flex;
    flex-direction: row;
    background-color: white;
    border-radius: 20px;
    padding: 26px 40px 20px 26px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    max-width: calc(93.75vw); }
    .menu-dropdown .menu-dropdown-panel::after {
      content: "";
      display: block;
      position: absolute;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid white;
      top: -8px;
      left: 50%;
      transform: translateX(-50%);
      margin-left: var(--pointer-margin-left, 0px); }
    .menu-dropdown .menu-dropdown-panel .menu-dropdown-section {
      padding: 0 1.75vw 0 0;
      flex: 1;
      background-color: transparent; }
      .menu-dropdown .menu-dropdown-panel .menu-dropdown-section:not(:first-of-type):not(:only-of-type) {
        padding: 0 1.75vw; }
      .menu-dropdown .menu-dropdown-panel .menu-dropdown-section:not(:last-of-type):not(:only-of-type)::after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: calc(100% - 100px);
        right: 0;
        top: 85px;
        background-color: #EAEAEA; }
      .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-section-title {
        margin: 0 0 50px 20px;
        color: #222222;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 14px;
        text-transform: uppercase; }
      .menu-dropdown .menu-dropdown-panel .menu-dropdown-section--vertical-two-columns .menu-dropdown-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 3vw; }
      .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item {
        padding: 0;
        background-color: transparent;
        width: 305px; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link {
          display: flex;
          flex-direction: row;
          padding: 14px 10px 0 20px;
          border: 1px solid transparent; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-icon {
            width: 42px;
            min-width: 42px;
            max-width: 42px;
            margin-top: 5px;
            margin-right: 18px;
            display: flex;
            justify-content: center; }
            @media (max-width: 1150px) {
              .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-icon {
                margin-right: 8px; } }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-icon .icon-graphic {
              max-width: 42px;
              max-height: 42px; }
              .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-icon .icon-graphic.icon-graphic-hover {
                display: none; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link:hover {
            border: 1px solid #E5E5E5;
            border-radius: 10px;
            background-color: #F9F9F9; }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link:hover .menu-dropdown-item-icon .icon-graphic-has-hover {
              display: none; }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link:hover .menu-dropdown-item-icon .icon-graphic-hover {
              display: block; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-title {
            color: #222222;
            font-size: 14px;
            letter-spacing: -0.49px;
            line-height: 18px; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-description {
            color: #8C8C8C;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 16px;
            min-height: 48px; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item--no-icon {
          width: 170px; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item--no-icon .menu-dropdown-link {
            padding: 14px 10px 15px 20px; }

.main-menu-mobile-drawer-header {
  background-color: white;
  width: calc(100% - 25px);
  position: absolute;
  z-index: 3;
  height: 80px;
  top: 0;
  left: -100%;
  opacity: 0;
  transition: left 300ms, opacity 300ms;
  display: grid;
  grid-template-columns: auto 1fr auto;
  visibility: hidden; }
  .main-menu-mobile-drawer-header .button-wrapper--back {
    padding-left: 6.25vw;
    width: 30px; }
    .main-menu-mobile-drawer-header .button-wrapper--back .back {
      display: none;
      height: 100%;
      -webkit-tap-highlight-color: transparent;
      border: 0;
      border-radius: 0;
      outline: 0;
      box-shadow: none;
      background-color: transparent;
      padding: 0; }
  .main-menu-mobile-drawer-header .main-menu-mobile-drawer-title {
    padding-top: 25px;
    font-size: 16px;
    letter-spacing: -0.53px;
    line-height: 19px;
    color: #222222;
    text-align: center; }
  .main-menu-mobile-drawer-header .button-wrapper--close {
    padding-right: 9vw;
    width: 30px; }
    .main-menu-mobile-drawer-header .button-wrapper--close .close {
      display: block;
      height: 100%;
      -webkit-tap-highlight-color: transparent;
      border: 0;
      border-radius: 0;
      outline: 0;
      box-shadow: none;
      background-color: transparent;
      padding: 0; }

@media (max-width: 1100px) {
  .menu-dropdown {
    left: 0;
    transform: none;
    min-width: auto;
    display: none; }
    .menu-dropdown.has-section-title::before {
      background-color: transparent; }
    .menu-dropdown.has-section-title .menu-dropdown-panel {
      padding: 0; }
    .menu-dropdown .menu-dropdown-panel {
      border-radius: 0;
      padding: 0;
      flex-direction: column;
      box-shadow: none; }
      .menu-dropdown .menu-dropdown-panel::after {
        display: none; }
      .menu-dropdown .menu-dropdown-panel .menu-dropdown-section {
        padding: 0;
        margin-bottom: 46px; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section:not(:last-of-type):not(:only-of-type)::after {
          display: none; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section:not(:first-of-type):not(:only-of-type) {
          padding: 0; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-section-title {
          margin: 0 0 20px 0;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: -0.5px;
          line-height: 18px; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section--vertical-two-columns .menu-dropdown-list {
          display: block; }
        .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item {
          width: 260px; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item:not(:first-of-type):not(:only-of-type) .menu-dropdown-link {
            padding: 10px 0 0 0; }
          .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link {
            padding: 0;
            -webkit-tap-highlight-color: transparent; }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link:hover {
              border: 1px solid transparent;
              background-color: transparent; }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-title {
              font-weight: normal;
              text-transform: none; }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-description {
              text-transform: none; }
            .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-icon {
              margin-right: 20px; }
              .menu-dropdown .menu-dropdown-panel .menu-dropdown-section .menu-dropdown-list .menu-dropdown-item .menu-dropdown-link .menu-dropdown-item-icon .icon-graphic {
                height: 42px;
                margin: 0 auto; }
  .Nav .logo {
    left: calc(50% - 40px); }
    .Nav .logo > .symbol svg {
      margin: 0 auto; }
  .Nav .search {
    z-index: 4;
    top: 110px;
    width: calc(100% - 25px);
    transform: none;
    left: -100%;
    opacity: 0;
    transition: left 300ms, opacity 300ms;
    background-color: white; }
    .Nav .search .search-inner-wrapper {
      padding: 10px 9% 10px 6.25%;
      max-width: calc(400px + 25%);
      margin: auto;
      box-sizing: border-box; }
      .Nav .search .search-inner-wrapper input[type=search] {
        width: 100%;
        border: 1px solid #222222;
        color: #8c8c8c;
        font-size: 12px;
        letter-spacing: -0.5px;
        line-height: 14px;
        font-weight: normal; }
        .Nav .search .search-inner-wrapper input[type=search]::-webkit-input-placeholder {
          color: #8c8c8c;
          font-weight: normal; }
  .Nav > .header .right {
    z-index: 2; }
    .Nav > .header .right::before {
      content: '';
      display: block;
      position: absolute;
      top: -100vh;
      background-color: rgba(255, 255, 255, 0);
      height: 100vh;
      width: 100vw;
      transition: background-color 300ms; }
    .Nav > .header .right.show-overlay::before {
      top: 0; }
    .Nav > .header .right .call-to-action {
      position: absolute;
      display: block;
      z-index: 5;
      width: calc(100% - 25px);
      transform: none;
      margin: 0;
      left: -100%;
      opacity: 0;
      transition: left 300ms, opacity 300ms;
      top: 80px;
      background-color: white; }
      .Nav > .header .right .call-to-action .call-to-action-inner-wrapper {
        padding: 0 9% 0 6.25%;
        max-width: calc(400px + 25%);
        margin: auto;
        box-sizing: border-box; }
        .Nav > .header .right .call-to-action .call-to-action-inner-wrapper .Btn {
          position: relative;
          display: inline-block;
          top: 0;
          left: 0;
          transform: none;
          color: white;
          min-width: auto; }
    .Nav > .header .right > .ctrls {
      right: auto;
      left: calc(12.5% - 30px);
      transition-delay: 200ms;
      transition: left 300ms; }
  .Nav .main-menu {
    background-color: white;
    top: 80px;
    left: -100%;
    opacity: 0;
    transition: left 300ms, opacity 300ms;
    min-height: calc(100vh - 80px);
    width: calc(100% - 25px);
    padding-top: 0; }
    .Nav .main-menu .main-menu-nav {
      padding: 0 9% 0 6.25%;
      overflow: auto; }
      .Nav .main-menu .main-menu-nav > li:not(:last-of-type):not(:only-of-type) > div {
        border-bottom: 1px solid #EAEAEA; }
      .Nav .main-menu .main-menu-nav > li .menu-title {
        height: auto; }
        .Nav .main-menu .main-menu-nav > li .menu-title.menu-title-has-link .menu-title-link {
          margin-bottom: 0;
          padding: 24px 0 23px;
          font-size: 14px;
          letter-spacing: -0.47px;
          font-weight: normal;
          text-transform: none;
          color: #222222;
          -webkit-tap-highlight-color: transparent; }
  .Nav.is-open-dropdown .menu-dropdown {
    display: block;
    position: relative; }
  .Nav.is-open-dropdown .main-menu-nav {
    max-height: none; }
    .Nav.is-open-dropdown .main-menu-nav > li:not(:last-of-type):not(:only-of-type) > div {
      border-bottom: 1px solid transparent; }
    .Nav.is-open-dropdown .main-menu-nav > li .menu-title.menu-title-has-link {
      display: none; }
      .Nav.is-open-dropdown .main-menu-nav > li .menu-title.menu-title-has-link.show {
        display: block; }
  .Nav.is-open-dropdown .main-menu-mobile-drawer-header .button-wrapper--back .back {
    display: block; }
  .Nav.is-open .ctrls .hamburger {
    display: block; }
  .Nav.is-open .ctrls .close {
    display: none; }
  .Nav.is-open > .header .right::before {
    background-color: rgba(255, 255, 255, 0.6); }
  .Nav.is-open .main-menu {
    background-color: white;
    left: 0;
    top: 160px;
    opacity: 1;
    width: calc(100% - 25px); }
    .Nav.is-open .main-menu ul.main-menu-nav li .menu-title {
      color: #222222 !important; }
  .Nav.is-open .main-menu-mobile-drawer-header {
    left: 0;
    opacity: 1; }
  .main-menu-mobile-drawer-header {
    visibility: visible; } }

.Btn {
  display: inline-block;
  border: 1px solid white;
  height: 30px;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 0 30px;
  font-size: 12px;
  letter-spacing: -0.5px;
  font-weight: 300;
  line-height: 28px;
  min-width: 160px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  outline: none;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  white-space: nowrap; }

.Btn-big {
  display: inline-block;
  border: 1px solid white;
  height: 40px;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 0 25px;
  font-weight: 600;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  outline: none;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out; }

.Btn.is-white {
  border-color: white;
  color: white;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.5); }
  .Btn.is-white:hover {
    background-color: white;
    color: #464646;
    box-shadow: none; }
    .Btn.is-white:hover:not(.has-bg).has-back-arrow::before {
      -webkit-filter: none;
      filter: none; }
  .Btn.is-white.width-small {
    max-width: 240px; }
  .Btn.is-white.width-medium {
    max-width: 260px; }
  .Btn.is-white:not(.has-bg).has-back-arrow {
    display: inline-flex; }
    .Btn.is-white:not(.has-bg).has-back-arrow::before {
      content: '';
      background-image: url("/assets/images/ecosystem/HH-Ecosystem-Arrow-Back.svg");
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 24px;
      -webkit-filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(16deg) brightness(106%) contrast(111%);
      filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(16deg) brightness(106%) contrast(111%); }
  .Btn.is-white.has-bg {
    background-color: white;
    border-color: white;
    color: #464646; }
    .Btn.is-white.has-bg:hover {
      background-color: #eaeaea;
      border-color: #eaeaea;
      box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.5); }
    .Btn.is-white.has-bg.has-back-arrow {
      display: inline-flex; }
      .Btn.is-white.has-bg.has-back-arrow::before {
        content: '';
        background-image: url("/assets/images/ecosystem/HH-Ecosystem-Arrow-Back.svg");
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 24px; }

.Btn.is-white-primary {
  border-color: white;
  color: #2D84EB;
  background-color: white; }
  .Btn.is-white-primary:hover {
    background-color: rgba(255, 255, 255, 0);
    color: white; }
  .Btn.is-white-primary.has-bg {
    background-color: white;
    border-color: white;
    color: #464646; }
    .Btn.is-white-primary.has-bg:hover {
      background-color: rgba(255, 255, 255, 0);
      color: white; }

.Btn.is-grey {
  border-color: #b8b8b8;
  color: #222222;
  background-color: rgba(184, 184, 184, 0); }
  .Btn.is-grey:hover {
    background-color: #222222;
    color: white; }

.Btn.is-black {
  border-color: #222222;
  color: #222222;
  background-color: rgba(34, 34, 34, 0); }
  .Btn.is-black:hover {
    background-color: #222222;
    color: white; }
  .Btn.is-black.has-bg {
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    background: linear-gradient(134.82deg, #222222 0%, #565656 100%);
    color: white; }
    .Btn.is-black.has-bg::before {
      content: "";
      position: absolute;
      border-radius: 15px;
      top: -1px;
      left: -1px;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      background: linear-gradient(134.82deg, #565656 0%, #222222 100%);
      opacity: 0;
      transition: opacity 0.3s;
      z-index: -1; }
    .Btn.is-black.has-bg:hover::before {
      opacity: 1; }

.Btn.is-grey {
  border-color: #464646;
  color: #464646;
  background-color: rgba(70, 70, 70, 0); }
  .Btn.is-grey:hover {
    background-color: #464646;
    color: white; }
  .Btn.is-grey.has-bg {
    background-color: #464646;
    border-color: white;
    color: white; }
    .Btn.is-grey.has-bg:hover {
      background-color: white;
      border-color: #464646;
      color: #464646; }

.Btn.is-full {
  display: block;
  width: 100%; }

.Btn.is-blue {
  border-color: #2D84EB;
  color: white;
  background-color: #2d84eb; }
  .Btn.is-blue:hover {
    background-color: rgba(45, 132, 235, 0);
    color: #2D84EB; }

.Btn.is-red {
  border-color: #FF4200;
  color: white;
  background-color: #ff4200; }
  .Btn.is-red:hover {
    background-color: rgba(255, 66, 0, 0);
    color: #FF4200; }

.Btn.is-red-white {
  border-color: #FF4200;
  color: #FF4200;
  background-color: white; }
  .Btn.is-red-white:hover {
    background-color: #ff4200;
    color: white; }

.Btn.is-green {
  border-color: #3EC878;
  color: white;
  background-color: #3ec878; }
  .Btn.is-green:hover {
    background-color: rgba(62, 200, 120, 0);
    color: #3EC878; }

.Btn.is-purple {
  border-color: #8259ef;
  color: white;
  background-color: #8259ef; }
  .Btn.is-purple:hover {
    background-color: rgba(130, 89, 239, 0);
    color: #8259ef; }

.Btn-big.is-purple {
  border-color: #8259ef;
  color: white;
  background-color: #8259ef; }
  .Btn-big.is-purple:hover {
    background-color: rgba(130, 89, 239, 0);
    color: #8259ef; }

.Btn.is-gradient-outline {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #5281e7, #765aea) border-box;
  border: 1px solid transparent;
  color: #222222;
  position: relative; }
  .Btn.is-gradient-outline::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 15px;
    box-shadow: inset 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }
  .Btn.is-gradient-outline::after {
    content: '';
    width: calc(100% + 2px);
    left: -1px;
    height: calc(100% + 2px);
    top: -1px;
    position: absolute;
    border-radius: 15px;
    box-shadow: 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }
  .Btn.is-gradient-outline:hover {
    background: linear-gradient(to right, #5281e7, #765aea);
    border: none;
    padding-top: 1px;
    box-shadow: none;
    color: white; }
    .Btn.is-gradient-outline:hover::before, .Btn.is-gradient-outline:hover::after {
      box-shadow: none; }
  .Btn.is-gradient-outline.has-bg {
    background: linear-gradient(to right, #5281e7, #765aea);
    background-size: 102%;
    background-position-x: center;
    box-shadow: none;
    color: white; }
    .Btn.is-gradient-outline.has-bg::before, .Btn.is-gradient-outline.has-bg::after {
      box-shadow: none; }
    .Btn.is-gradient-outline.has-bg:hover {
      background: linear-gradient(white, white) padding-box, linear-gradient(to right, #5281e7, #765aea) border-box;
      border: 1px solid transparent;
      color: #222222;
      padding-top: 0; }
      .Btn.is-gradient-outline.has-bg:hover::before {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        border-radius: 15px;
        box-shadow: inset 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }
      .Btn.is-gradient-outline.has-bg:hover::after {
        content: '';
        width: calc(100% + 2px);
        left: -1px;
        height: calc(100% + 2px);
        top: -1px;
        position: absolute;
        border-radius: 15px;
        box-shadow: 0px 0px 2px 0px rgba(34, 34, 34, 0.5); }

.Btn.is-gradient-outline.blue-green {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #2D84EB, #3EC878) border-box; }
  .Btn.is-gradient-outline.blue-green:hover {
    background: linear-gradient(160deg, #2D84EB, #3EC878); }
  .Btn.is-gradient-outline.blue-green.has-bg {
    background: linear-gradient(to right, #2D84EB, #3EC878); }
    .Btn.is-gradient-outline.blue-green.has-bg:hover {
      background: linear-gradient(white, white) padding-box, linear-gradient(160deg, #2D84EB, #3EC878) border-box; }

.Btn.is-gradient, .Btn.is-gradient-green, .Btn.is-gradient-azure {
  position: relative;
  z-index: 1;
  background: linear-gradient(160deg, #5281e7, #5a73e7 34%, #765aea);
  border: 1px solid transparent;
  color: white;
  position: relative; }
  .Btn.is-gradient::before, .Btn.is-gradient-green::before, .Btn.is-gradient-azure::before {
    content: "";
    position: absolute;
    border-radius: 15px;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(160deg, #765aea, #5a73e7 66%, #5281e7);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: -1; }
  .Btn.is-gradient:hover::before, .Btn.is-gradient-green:hover::before, .Btn.is-gradient-azure:hover::before {
    opacity: 1; }

.Btn.is-gradient-green {
  background: linear-gradient(160deg, #3EC878, #21A056); }
  .Btn.is-gradient-green::before {
    background: linear-gradient(160deg, #21A056, #3EC878); }

.Btn.is-gradient-azure {
  background: linear-gradient(160deg, #0031FF, #001D99); }
  .Btn.is-gradient-azure::before {
    background: linear-gradient(160deg, #001D99, #0031FF); }

.Btn.blog-btn {
  border-color: #222222;
  background-color: #f9f9f9;
  color: #222222; }
  .Btn.blog-btn:hover {
    background-color: white; }

.Btn.tag-btn {
  border-color: #b8b8b8;
  background-color: white;
  color: #b8b8b8; }
  .Btn.tag-btn a {
    text-decoration: none;
    color: #b8b8b8; }

.Btn.is-play-white-v2 {
  background-image: url("/assets/images/HH-Icon-Play.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 97px;
  border: none;
  border-radius: unset;
  height: auto;
  opacity: 0.5;
  -moz-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out; }
  .Btn.is-play-white-v2:hover {
    opacity: 1; }
  @media screen and (max-width: 1100px) {
    .Btn.is-play-white-v2 {
      background-size: 35px; } }

.Btn.is-play-white {
  background-image: url("/assets/images/Icon-Play-White.png");
  background-size: 68px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  border-radius: unset;
  min-height: 68px;
  height: auto;
  padding: 0px 0 0 82px;
  color: white;
  text-align: left;
  line-height: 2;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px; }
  .Btn.is-play-white:hover {
    background-image: url("/assets/images/Play-Icon-Hover.png");
    background-color: transparent;
    color: white; }
  .Btn.is-play-white.oa-btn {
    font-size: 12px;
    line-height: 18px; }
  .Btn.is-play-white.width-short {
    max-width: 150px; }
  .Btn.is-play-white.width-small {
    max-width: 220px; }
  .Btn.is-play-white.width-medium {
    max-width: 260px; }
  .Btn.is-play-white.width-wide {
    max-width: 300px; }
  .Btn.is-play-white.width-auto {
    max-width: none; }
    @media screen and (max-width: 1100px) {
      .Btn.is-play-white.width-auto {
        padding-top: 75px;
        padding-left: 0;
        height: auto;
        background-size: 68px;
        background-position: center top;
        text-align: center; } }

.Btn.is-play-white-with-bg {
  background-image: url("/assets/images/Play-Icon-Hover.png");
  background-size: 68px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  border-radius: unset;
  min-height: 68px;
  height: auto;
  padding: 0px 0 0 82px;
  color: white;
  text-align: left;
  line-height: 2;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  opacity: 0.6; }
  .Btn.is-play-white-with-bg:hover {
    background-image: url("/assets/images/Icon-Play-White.png");
    background-color: transparent;
    color: white;
    opacity: 0.6; }
  .Btn.is-play-white-with-bg.width-short {
    max-width: 150px; }
  .Btn.is-play-white-with-bg.width-medium {
    max-width: 260px; }
  .Btn.is-play-white-with-bg.width-wide {
    max-width: 300px; }
  .Btn.is-play-white-with-bg.width-auto {
    max-width: none; }
    @media screen and (max-width: 1100px) {
      .Btn.is-play-white-with-bg.width-auto {
        padding-top: 75px;
        padding-left: 0;
        height: auto;
        background-size: 68px;
        background-position: center top;
        text-align: center; } }

.Btn.is-play-black {
  background-image: url("/assets/images/play-btn-black-unfilled.png");
  background-size: 68px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  border-radius: unset;
  min-height: 68px;
  height: auto;
  padding: 0px 0 0 82px;
  color: #222222;
  text-align: left;
  line-height: 2;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px; }
  .Btn.is-play-black:hover {
    background-image: url("/assets/images/play-btn-black-filled.png");
    background-color: transparent;
    color: #222222; }
  .Btn.is-play-black.width-short {
    max-width: 150px; }
  .Btn.is-play-black.width-medium {
    max-width: 260px; }
  .Btn.is-play-black.width-wide {
    max-width: 300px; }
  .Btn.is-play-black.width-auto {
    max-width: none; }
    @media screen and (max-width: 1100px) {
      .Btn.is-play-black.width-auto {
        padding-top: 75px;
        padding-left: 0;
        height: auto;
        background-size: 68px;
        background-position: center top;
        text-align: center; } }

.Btn.is-play-grey {
  background-image: url("/assets/images/play-btn-grey-filled.png");
  background-size: 68px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  border-radius: unset;
  min-height: 68px;
  height: auto;
  padding: 0px 0 0 82px;
  color: #8c8c8c;
  text-align: left;
  line-height: 2;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  opacity: 0.5; }
  .Btn.is-play-grey:hover {
    background-image: url("/assets/images/play-btn-grey-unfilled.png");
    background-color: transparent;
    opacity: 1; }
  .Btn.is-play-grey.with-bg {
    opacity: 1.0;
    font-size: 9px;
    /* 1px smaller than normal? */
    background-image: url("/assets/images/play-btn-black-unfilled.png"); }
    .Btn.is-play-grey.with-bg:hover {
      background-image: url("/assets/images/play-btn-grey-filled.png"); }
  .Btn.is-play-grey.with-hello-future {
    background-size: 48px;
    min-height: 48px;
    padding: 0 0 0 64px; }
    .Btn.is-play-grey.with-hello-future img {
      height: 20px;
      margin-top: 14px; }
  .Btn.is-play-grey.width-short {
    max-width: 150px; }
  .Btn.is-play-grey.width-medium {
    max-width: 240px;
    /* 260 -> decreased for 'how does hashgraph work' */ }
  .Btn.is-play-grey.width-wide {
    max-width: 300px; }
  .Btn.is-play-grey.width-auto {
    max-width: none; }
    @media screen and (max-width: 1100px) {
      .Btn.is-play-grey.width-auto {
        padding-top: 75px;
        padding-left: 0;
        height: auto;
        background-size: 68px;
        background-position: center top;
        text-align: center; } }

.Btn.is-play-blue {
  background-image: url("/assets/images/Icon-Play-Color.png");
  background-size: 68px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  border-radius: unset;
  min-height: 68px;
  height: auto;
  padding: 0px 0 0 82px;
  color: #464646;
  text-align: left;
  line-height: 2;
  max-width: 224px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px; }
  .Btn.is-play-blue:hover {
    background-image: url("/assets/images/Play-Icon-Gradient-Filled.png");
    background-color: transparent;
    color: #464646; }
  .Btn.is-play-blue.width-medium {
    max-width: 260px; }
  .Btn.is-play-blue.width-wide {
    max-width: 300px; }
  .Btn.is-play-blue.width-auto {
    max-width: none; }

.ButtonLauncher {
  display: inherit; }

.code-window .hljs-ln-numbers {
  text-align: center;
  color: #555;
  border-right: 1px solid #999;
  vertical-align: top;
  padding: 0 15px;
  font-size: 12px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.code-window .hljs-ln-code {
  padding-left: 10px;
  font-size: 12px; }

.code-window {
  display: block;
  position: relative;
  overflow: hidden; }

.code-window-background {
  width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  object-fit: cover;
  object-position: center; }

.hljs-ln-code,
.hljs-ln-numbers {
  line-height: 22px; }

.code-window .hljs-doctag {
  color: #3FC878; }

.code-window .hljs-comment {
  color: #AAAAAA; }

.code-window .hljs-keyword {
  color: #A483FB; }

.code-window .hljs-title {
  color: #EADA0B; }

.code-window .hljs-function .hljs-title {
  color: #3FC878; }

.code-window .hljs-ln-line.hljs-ln-numbers {
  color: #555; }

.code-window .hljs-ln-numbers {
  color: #FF4200; }

.code-window .hljs-number {
  color: #FF4200; }

.code-window .hljs-string {
  color: #4FA0FF; }

.code-window .hljs-ln-numbers {
  border-right: none; }

.code-window code {
  white-space: pre-wrap;
  overflow: auto;
  height: 360px;
  background: none;
  padding: 0 10px 0 0; }

.code-window code table tr:first-child td {
  padding-top: 10px; }

.code-window code table tr:last-child td {
  padding-bottom: 10px; }

.code-window {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 6.25%; }

.code-window * {
  box-sizing: border-box; }

.code-window h2,
.code-window p,
.code-window li {
  color: white; }

.code-window-title {
  font-size: 26px;
  text-align: center; }

.code-window .section-subtitle {
  font-size: 15px;
  max-width: 530px; }

.code-window-container {
  display: flex;
  flex-direction: row; }

.code-dropdown-menu {
  flex: 0 0 225px;
  display: block;
  position: relative; }

.code-window-container .function-list {
  list-style: none;
  margin: 0;
  width: 100%; }

.code-window-container .function-list li {
  padding: 12px 28px 12px 30px;
  line-height: 1.1;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 0.25em;
  color: #aaa;
  font-size: 10px;
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none; }

.code-window-container .function-list li p {
  color: #aaa; }

.code-window-container .function-list li.active p,
.code-window-container .function-list li.active {
  color: white; }

.code-window-container .function-list li.active::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: white; }

.code-window-highlight {
  border: 1px solid white;
  flex: 1 1 auto;
  background-color: rgba(34, 34, 34, 0.85);
  display: block;
  position: relative;
  height: 362px;
  overflow: hidden;
  text-overflow: ellipsis; }

.code-window-highlight-legacy pre {
  display: block;
  position: absolute;
  top: 0;
  width: 100%; }

.code-window-highlight-legacy span {
  color: white; }

.code-window-highlight-legacy .hljs-function {
  color: white; }

.code-window-highlight-legacy .hljs-ln-code,
.code-window-highlight-legacy .hljs-params {
  color: white; }

.code-window-highlight-legacy .hljs-string {
  color: #4FA0FF; }

.code-window-highlight-legacy .hljs-title {
  color: #3FC878; }

.code-window-highlight-legacy .hljs-comment {
  color: #AAAAAA; }

.code-dropdown-subtitle,
.code-dropdown-selection {
  display: none; }

.code-page {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 0.5s linear 0s;
  z-index: 0; }

.code-page.show {
  opacity: 1;
  transition: opacity 0.5s linear 0.5s;
  z-index: 5; }

.code-window-highlight-legacy td.hljs-ln-line.hljs-ln-numbers {
  border-right: 1px solid #555;
  width: 47px; }

.code-window-prism-highlight .code-page.show {
  overflow: auto; }

.code-window-prism-highlight .code-page::after {
  left: 37px; }

.code-window-prism-highlight code span,
.prism-code-window code span {
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important;
  letter-spacing: 0.04em;
  font-size: 12px;
  line-height: 22px; }

.code-window-prism-highlight,
.prism-code-window {
  position: relative;
  overflow: hidden; }
  .code-window-prism-highlight .bgImage,
  .prism-code-window .bgImage {
    display: block;
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%; }
  .code-window-prism-highlight code[class*="language-"], .code-window-prism-highlight pre[class*="language-"],
  .prism-code-window code[class*="language-"],
  .prism-code-window pre[class*="language-"] {
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important;
    font-size: 12px;
    line-height: 22px;
    color: white; }
  .code-window-prism-highlight :not(pre) > code[class*="language-"],
  .code-window-prism-highlight pre[class*="language-"],
  .prism-code-window :not(pre) > code[class*="language-"],
  .prism-code-window pre[class*="language-"] {
    background: rgba(34, 34, 34, 0.85); }
  .code-window-prism-highlight .token.string,
  .prism-code-window .token.string {
    color: #4FA0FF; }
  .code-window-prism-highlight .token.boolean, .code-window-prism-highlight .token.selector, .code-window-prism-highlight .token.important, .code-window-prism-highlight .token.atrule, .code-window-prism-highlight .token.keyword, .code-window-prism-highlight .token.builtin,
  .prism-code-window .token.boolean,
  .prism-code-window .token.selector,
  .prism-code-window .token.important,
  .prism-code-window .token.atrule,
  .prism-code-window .token.keyword,
  .prism-code-window .token.builtin {
    color: #A483FB; }
  .code-window-prism-highlight .token.property, .code-window-prism-highlight .token.constant, .code-window-prism-highlight .token.symbol,
  .prism-code-window .token.property,
  .prism-code-window .token.constant,
  .prism-code-window .token.symbol {
    color: #4FA0FF; }
  .code-window-prism-highlight .token.number,
  .prism-code-window .token.number {
    color: #FF4200; }
  .code-window-prism-highlight .token.class-name,
  .code-window-prism-highlight .token.function,
  .prism-code-window .token.class-name,
  .prism-code-window .token.function {
    color: #3FC878; }
  .code-window-prism-highlight .token.comment,
  .prism-code-window .token.comment {
    color: #AAAAAA; }
  .code-window-prism-highlight pre[class*="language-"].line-numbers,
  .prism-code-window pre[class*="language-"].line-numbers {
    padding-left: 4.5em;
    margin: 0;
    overflow-y: hidden; }
  .code-window-prism-highlight .line-numbers-rows > span:before,
  .prism-code-window .line-numbers-rows > span:before {
    color: #555; }
  .code-window-prism-highlight .line-numbers .line-numbers-rows,
  .prism-code-window .line-numbers .line-numbers-rows {
    top: -0.22em;
    left: -4.5em;
    width: 37px;
    border-right: none; }
  .code-window-prism-highlight .line-numbers-rows > span,
  .code-window-prism-highlight .line-numbers-rows > span::before,
  .prism-code-window .line-numbers-rows > span,
  .prism-code-window .line-numbers-rows > span::before {
    line-height: 1.834em !important; }
  .code-window-prism-highlight span.line-numbers-rows::before,
  .prism-code-window span.line-numbers-rows::before {
    display: block;
    content: "";
    position: absolute;
    top: -12px;
    left: 37px;
    background: #555;
    width: 1px;
    height: calc(100% + 46px);
    min-height: 360px; }

.code-window-prism-highlight pre[class*="language-"] {
  min-height: 100%;
  background: transparent; }

.prism-code-window span.line-numbers-rows::before {
  height: calc(100% + 24px); }

@media screen and (max-width: 1024px) {
  .code-window-prism-highlight span.line-numbers-rows::before,
  .prism-code-window span.line-numbers-rows::before {
    left: 38px; }
  .code-window-highlight-legacy td.hljs-ln-line.hljs-ln-numbers {
    width: 38px; }
  .code-window {
    padding: 70px 45px 130px; }
  .code-window h2,
  .code-window p {
    text-align: left; }
  .code-window-container {
    display: block; }
  .code-dropdown-menu {
    margin: 20px 0 30px; }
  .code-dropdown-menu,
  .code-window-highlight {
    flex: 1 1 100%; }
  .code-window .section-subtitle {
    display: none; }
  .code-dropdown-subtitle {
    display: block;
    position: relative;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 0 15px;
    line-height: 1;
    letter-spacing: 0.25em;
    font-weight: 500; }
  .code-dropdown-selection {
    display: block;
    position: relative;
    text-transform: capitalize;
    padding: 15px 0;
    color: white;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 300; }
  .code-dropdown-selection::before {
    display: block;
    position: absolute;
    content: '';
    font-size: 10px;
    color: white;
    right: 10px;
    top: 50%;
    line-height: 46px;
    border-width: 0 1px 1px 0;
    padding: 4px;
    border-color: white;
    border-style: solid;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%); }
  .code-dropdown-selection::after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: white; }
  .code-page::after {
    left: 28px; }
  .code-window-container .function-list {
    display: none;
    position: absolute;
    background: rgba(34, 34, 34, 0.95);
    border: 1px solid white;
    margin: -1px 0 0; }
  .code-window-container .function-list.show {
    display: block;
    z-index: 1001; }
  .code-window-container .function-list li {
    text-transform: capitalize;
    letter-spacing: 0.1em;
    font-size: 15px; }
  .code-window-container .function-list li.active {
    color: white;
    background: rgba(255, 255, 255, 0.16);
    font-weight: 300; }
  .code-window-container .function-list li.active::before {
    display: none; }
  .code-window code {
    padding: 0 0.5em 0 0; }
  .code-window .hljs-ln-numbers {
    padding: 0 7px; } }

.code-window-prism-blog .code-window-prism-highlight span.line-numbers-rows::before,
.code-window-prism-blog .prism-code-window span.line-numbers-rows::before {
  left: 38px; }

.code-window-prism-blog.code-window {
  padding: 0; }

.code-window-prism-blog.code-window h2,
.code-window-prism-blog.code-window p {
  text-align: left; }

.code-window-prism-blog .code-window-container {
  display: block;
  min-height: 300px; }

.code-window-prism-blog .code-dropdown-menu {
  margin: 20px 0 30px; }

.code-window-prism-blog .code-dropdown-menu,
.code-window-prism-blog .code-window-highlight {
  flex: 1 1 100%; }

.code-window-prism-blog .code-window-highlight {
  background-color: transparent; }

.code-window-prism-blog.code-window .section-subtitle {
  display: none; }

.code-window-prism-blog .code-dropdown-subtitle {
  display: block;
  position: relative;
  color: #222;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0 0 15px;
  line-height: 1;
  letter-spacing: 0.25em;
  font-weight: 500; }

.code-window-prism-blog .code-dropdown-selection {
  display: block;
  position: relative;
  text-transform: capitalize;
  padding: 15px 0;
  color: #222;
  font-size: 15px;
  letter-spacing: 0.1em;
  font-weight: 300;
  width: 265px; }

.code-window-prism-blog .code-dropdown-selection::before {
  display: block;
  position: absolute;
  content: '';
  font-size: 10px;
  color: #222;
  right: 10px;
  top: 50%;
  line-height: 46px;
  border-width: 0 1px 1px 0;
  padding: 4px;
  border-color: #222;
  border-style: solid;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%); }

.code-window-prism-blog .code-dropdown-selection::after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #222; }

.code-window-prism-blog .code-page {
  background-color: rgba(34, 34, 34, 0.85); }

.code-window-prism-blog .code-page::after {
  display: none; }

.code-window-prism-blog .code-window-container .function-list {
  display: none;
  position: absolute;
  background: #222222;
  border: 1px solid white;
  margin: -1px 0 0 0 !important;
  width: 265px; }

.code-window-prism-blog .code-window-container .function-list.show {
  display: block;
  z-index: 1001; }

.code-window-prism-blog .code-window-container .function-list li {
  text-transform: capitalize;
  letter-spacing: 0.1em;
  font-size: 15px; }

.code-window-prism-blog .code-window-container .function-list li.active {
  color: white;
  background: rgba(255, 255, 255, 0.16);
  font-weight: 300; }

.code-window-prism-blog .code-window-container .function-list li.active::before {
  display: none; }

.code-window-prism-blog .code-window code {
  padding: 0 0.5em 0 0; }

.code-window-prism-blog .code-window .hljs-ln-numbers {
  padding: 0 7px; }

@media (max-width: 768px) {
  .code-window-prism-blog .code-dropdown-selection,
  .code-window-prism-blog .code-window-container .function-list {
    width: 100%; } }

@media screen and (max-width: 374px) {
  .code-window {
    padding: 70px 12% 130px; } }

.Council > .intro {
  background-color: #f9f9f9; }
  .Council > .intro > .image {
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat; }
  @media (min-width: 1024px) {
    .Council > .intro > .image {
      z-index: 5; } }

.Council .pitch .content strong {
  font-weight: 500; }

.council-member-wrapper {
  padding: 0 0 3% 0; }
  .council-member-wrapper h2 {
    margin: 0px auto 0px auto;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px; }
    .council-member-wrapper h2 ~ .council-logos {
      padding: 0px 6.25% 0px 6.25%; }
  .council-member-wrapper a {
    text-decoration: none; }

.council-logos {
  padding: 6.25% 6.25% 0px 6.25%; }
  .council-logos .container {
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 100%; }
    .council-logos .container .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      height: auto;
      width: 100%; }
      .council-logos .container .row .member {
        display: flex;
        justify-content: center;
        height: auto;
        width: calc(100% / 11);
        /* adjust based on # of logos */
        text-align: center; }
        .council-logos .container .row .member a {
          display: flex; }
      .council-logos .container .row .member img {
        height: auto;
        max-height: 150px;
        width: auto;
        max-width: 100%;
        margin: auto;
        object-fit: contain; }
      .council-logos .container .row .group {
        display: flex;
        justify-content: center;
        height: auto;
        width: calc(100% / 11);
        /* adjust based on # of logos */
        text-align: center; }
        .council-logos .container .row .group a {
          display: flex; }
      .council-logos .container .row .group img {
        height: auto;
        max-height: 150px;
        width: auto;
        max-width: 100%;
        margin: auto;
        object-fit: contain; }

a.council-member-wrapper:hover .Btn {
  display: block; }

a.council-member-wrapper:hover .council-logos {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); }

.council-container {
  position: relative; }

.council-cta-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: auto;
  padding: 0; }

.council-container .Btn {
  position: relative !important;
  display: block !important;
  max-width: 300px;
  margin: 0 auto 24px auto;
  background-color: #464646;
  color: #ffffff; }

.cta-container {
  margin: -40px auto 0 auto;
  max-width: 100%; }

@media screen and (max-width: 1100px) {
  .section-subtitle-with-cta {
    text-align: left;
    margin: 0 auto 44px 0px; }
  .council-member-wrapper h2 {
    margin: 0 auto -20px auto;
    padding-top: 12.5%;
    padding-bottom: 12.5%;
    text-align: center;
    line-height: 1.6;
    max-width: 70%; }
  a.council-member-wrapper:hover .Btn {
    display: none; }
  .council-logos {
    padding: 0 !important; }
    .council-logos .container {
      padding: 0 0 4% 0;
      margin: 0 auto 0 auto;
      height: auto;
      width: 90vw;
      max-width: 100%; }
      .council-logos .container .row {
        height: auto;
        margin: 0 auto;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100vw; }
        .council-logos .container .row .member {
          height: auto;
          margin: 0 auto;
          width: 42%;
          padding: 4%; }
        .council-logos .container .row .member img {
          max-height: 140px;
          margin: auto; }
        .council-logos .container .row .group {
          height: auto;
          margin: 0 auto;
          width: 42%;
          padding: 4%; }
        .council-logos .container .row .group img {
          max-height: 140px;
          margin: auto; }
  .alt-logos {
    display: none; }
  .cta-container {
    margin: 0 auto 0 auto;
    padding: 20px 0 20px 0; }
    .cta-container .banner-short-padding {
      padding: 10px 6.25% 40px 6.25% !important; } }

a.council-member-wrapper:hover .Btn {
  display: block; }

a.council-member-wrapper:hover .council-member-row {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); }

.council-member-wrapper {
  padding: 0 0 3% 0;
  width: 100vw; }

.council-member-container {
  margin: 0 auto 0 auto;
  max-width: 96vw;
  position: relative; }

.council-member-container .Btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 300px;
  margin: auto;
  display: none;
  background-color: #464646;
  color: #ffffff; }

.council-member-row {
  display: flex;
  height: 200px;
  width: 100%; }

.council-member {
  flex: 1;
  display: flex;
  justify-content: center;
  height: 200px;
  text-align: center; }

.council-member img {
  height: auto;
  max-height: 180px;
  width: auto;
  max-width: 180px;
  margin: auto;
  object-fit: contain; }

@media screen and (max-width: 1100px) {
  .council-member-container {
    padding: 0;
    margin: 60px auto 0 auto;
    height: auto;
    max-height: 120vh; }
  .council-member-row {
    height: auto;
    max-width: 240px;
    margin: 10px auto;
    flex-direction: column; }
  .council-member {
    height: auto; }
  .council-member img {
    margin: -12px auto;
    margin-top: -30px; } }

.council-logos-simple {
  padding: 6.25% 12.5%; }
  .council-logos-simple h2 {
    text-align: center;
    font-weight: 400;
    margin-bottom: 40px; }
  .council-logos-simple .council-logo-grid {
    padding: 0; }
    .council-logos-simple .council-logo-grid .container {
      width: 100%; }
      .council-logos-simple .council-logo-grid .container .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        height: auto; }
        .council-logos-simple .council-logo-grid .container .row .member {
          display: flex;
          width: 23%;
          height: auto;
          justify-content: center;
          padding: 0 1%;
          margin-bottom: 3%; }
          .council-logos-simple .council-logo-grid .container .row .member img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 150px;
            margin: auto;
            object-fit: contain; }

.council-logos-simple.num-col-3 .council-logo-grid .container .row .member {
  width: 31%; }

.council-logos-simple.num-col-4 .council-logo-grid .container .row .member {
  width: 23%; }

.council-logos-simple.num-col-5 .council-logo-grid .container .row .member {
  width: 18%; }

@media screen and (max-width: 560px) {
  .council-logos-simple {
    padding: 12.5%; }
    .council-logos-simple h2 {
      margin-bottom: 20px;
      font-size: 20px !important; }
    .council-logos-simple .council-logo-grid .container .row .member {
      padding: 0 1%;
      margin-bottom: 6%; } }

.member-circle-spacer {
  display: block;
  position: relative;
  width: 100%;
  height: calc(100vh - 80px);
  background: black; }

.member-circle-title {
  display: block;
  position: absolute;
  font-weight: 300;
  color: white;
  font-size: 32px;
  margin: 0 0 40px;
  line-height: 1.12;
  -webkit-font-smoothing: antialiased;
  top: 6.25%;
  left: 6.25%;
  max-width: 50%; }
  @media (max-width: 1140px) {
    .member-circle-title {
      font-size: 2.8vw; } }
  @media (max-width: 768px) {
    .member-circle-title {
      font-size: 3.5vw;
      width: 100%;
      text-align: center;
      left: 50%;
      transform: translateX(-50%); } }

.member-select-container {
  display: flex;
  position: absolute;
  flex-direction: column;
  flex-wrap: wrap;
  top: calc(50vh - 40px);
  left: 6.25%;
  width: 30%;
  height: 87vh;
  z-index: 2;
  transform: translateY(-50%);
  padding-bottom: 0; }
  .member-select-container .Btn {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    transform: translateY(100%); }
  .member-select-container.two-column {
    width: 24%;
    padding-bottom: 0;
    height: 78%;
    top: calc(50vh - 40px); }
    .member-select-container.two-column.has-title {
      height: 70%;
      top: calc(8.25% + 95px);
      transform: none; }

.member-select {
  cursor: pointer; }
  @media (min-width: 768px) {
    .member-select:hover img,
    .member-select.active img {
      opacity: 1; } }

.member-select,
.member-spacer {
  display: flex;
  position: relative;
  flex: 0 0 auto;
  width: 28.3333%;
  padding: 0 6% 5% 0;
  justify-content: center;
  align-items: flex-start;
  height: 3.5%; }
  .member-select.two-column,
  .member-spacer.two-column {
    width: 65%;
    height: 7.6923%;
    padding: 0 14% 8% 0;
    flex-wrap: nowrap;
    box-sizing: border-box; }
  .member-select img,
  .member-spacer img {
    display: block;
    position: relative;
    opacity: 0.5;
    object-fit: contain;
    max-width: 100%;
    height: 100%;
    transition: opacity 0.5s ease-out 0s; }

@media (min-width: 1400px) {
  .member-select-container.two-column {
    width: 35%; }
  .member-select.two-column {
    width: 28.3333%;
    height: 11.1111%;
    padding: 0 8% 6% 0; } }

.member-circle {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .member-circle .logo-circle,
  .member-circle .logo-circle-background {
    display: block;
    position: absolute;
    top: 50%;
    right: 6.25%;
    width: 54%;
    height: 0;
    padding-top: 54%;
    transform: translateY(-50%); }
  .member-circle .logo-circle {
    z-index: 2; }
  .member-circle .logo-circle-background {
    background-image: url("/assets/images/member-circle/star_diagram.svg");
    background-position: center;
    background-size: 100% auto;
    border-radius: 100%;
    z-index: 1;
    opacity: 0.75; }
  .member-circle .member-info {
    display: flex;
    position: absolute;
    flex-direction: column;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31%;
    min-height: 44.3%;
    border-left: 1px solid #2d84eb;
    border-right: 1px solid #8259ef;
    padding: 20px 20px 49px;
    color: white;
    justify-content: center;
    align-items: center;
    transition: opacity 0.25s ease-out 0s;
    opacity: 1; }
    .member-circle .member-info.hide {
      opacity: 0; }
    .member-circle .member-info .Btn {
      margin: 7% auto 0;
      display: block;
      height: auto;
      line-height: 28px;
      height: 30px; }
    .member-circle .member-info .intro,
    .member-circle .member-info .info {
      opacity: 0;
      visibility: hidden;
      display: flex;
      width: 100%;
      height: calc(100% - 47px);
      top: 0;
      flex-direction: column;
      justify-content: center; }
    .member-circle .member-info .intro {
      position: absolute;
      padding: 20px 0 27px; }
    .member-circle .member-info .info {
      position: relative; }
    .member-circle .member-info .description {
      position: relative;
      color: white;
      font-size: 1.3vw;
      font-family: 'Styrene A Web';
      font-weight: 200;
      text-align: center;
      letter-spacing: -0.03em;
      line-height: 1.8; }
      .member-circle .member-info .description strong {
        font-weight: 500; }
    .member-circle .member-info .logo {
      display: block;
      position: relative;
      flex: 0 0 auto;
      width: 78%;
      height: 60px;
      margin: 0 auto 15%; }
      .member-circle .member-info .logo img {
        display: block;
        position: relative;
        object-fit: contain;
        margin: 0 auto;
        max-width: 100%;
        height: 100%; }
    .member-circle .member-info .member-subtitle {
      color: white;
      font-size: 1.2vw;
      line-height: 1.3;
      font-family: 'Styrene A Web';
      font-weight: 200;
      text-align: center;
      letter-spacing: -0.03em; }
      .member-circle .member-info .member-subtitle.headquarters, .member-circle .member-info .member-subtitle.sector {
        margin-bottom: 15%; }
      .member-circle .member-info .member-subtitle span {
        text-transform: uppercase;
        color: #3FA9F5;
        font-size: 0.72vw;
        display: block;
        position: relative;
        margin-bottom: 5px;
        font-family: 'Styrene A Web';
        font-weight: 300; }
    .member-circle .member-info.member-info-intro .intro {
      opacity: 1;
      visibility: visible; }
    .member-circle .member-info.member-info-intro .info {
      opacity: 0;
      visibility: hidden; }
    .member-circle .member-info.member-info-active .intro {
      opacity: 0;
      visibility: hidden; }
    .member-circle .member-info.member-info-active .info {
      opacity: 1;
      visibility: visible; }
    .member-circle .member-info::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      top: 0;
      left: 0;
      background: #2d84eb;
      background: -moz-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: -webkit-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: linear-gradient(to right, #2d84eb 0%, #8259ef 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d84eb', endColorstr='#8259ef',GradientType=1); }
    .member-circle .member-info::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 7px;
      bottom: 0;
      left: 0;
      background: #2d84eb;
      background: -moz-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: -webkit-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: linear-gradient(to right, #2d84eb 0%, #8259ef 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d84eb', endColorstr='#8259ef',GradientType=1); }
  .member-circle .member {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.68%;
    height: 5.68%; }
    .member-circle .member.member-populated {
      cursor: pointer; }
    .member-circle .member::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: #2d84eb;
      background: -moz-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: -webkit-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: linear-gradient(to right, #2d84eb 0%, #8259ef 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d84eb', endColorstr='#8259ef',GradientType=1);
      border-radius: 100%;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.5s ease-out 0s; }
    .member-circle .member::after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: white;
      border-radius: 100%;
      z-index: 2;
      opacity: 0;
      transition: opacity 0.5s ease-out 0s; }
    .member-circle .member .logo {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      z-index: 3;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: opacity 0.5s ease-out 0s; }
      .member-circle .member .logo img {
        width: 60%;
        height: auto;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        filter: brightness(0%) invert(100%);
        transition: filter 0.5s ease-out 0s; }
    .member-circle .member.active::after {
      opacity: 1; }
    .member-circle .member.active .logo img {
      filter: brightness(100%) invert(0%); }
    .member-circle .member:first-child.active, .member-circle .member:first-child {
      width: 7.5%;
      height: 7.5%; }
      .member-circle .member:first-child.active::before, .member-circle .member:first-child::before {
        background: black; }
      .member-circle .member:first-child.active::after, .member-circle .member:first-child::after {
        opacity: 0; }
      .member-circle .member:first-child.active .logo img, .member-circle .member:first-child .logo img {
        width: 100%;
        filter: none; }
    .member-circle .member .empty-border, .member-circle .member.member-empty::before {
      background-image: url(/assets/images/member-circle/logo-gradient-circle.png);
      background-size: 100% auto;
      background-position: center;
      background-color: transparent;
      filter: none;
      opacity: 1;
      transition: none !important; }
    .member-circle .member .empty-border {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0; }
    .member-circle .member.member-empty {
      display: flex;
      justify-content: center;
      align-items: center; }
      .member-circle .member.member-empty .member-num {
        color: white;
        line-height: 1;
        display: block;
        position: relative;
        font-family: 'Styrene A Web';
        font-weight: 200;
        font-size: 1vw;
        letter-spacing: -0.03em;
        opacity: 0;
        transition: opacity 0.5s ease-out 0s; }
      .member-circle .member.member-empty.active::after {
        opacity: 0; }
    .member-circle .member:nth-child(1) {
      top: 0;
      left: 50%; }
    .member-circle .member:nth-child(2) {
      top: 0.9%;
      left: 58%; }
      .member-circle .member:nth-child(2) .logo img {
        top: 47%; }
    .member-circle .member:nth-child(3) {
      top: 2.75%;
      left: 65.75%; }
      .member-circle .member:nth-child(3) .logo img {
        top: 47%;
        left: 54%; }
    .member-circle .member:nth-child(4) {
      top: 5.75%;
      left: 72.75%; }
    .member-circle .member:nth-child(5) {
      top: 10%;
      left: 79.75%; }
    .member-circle .member:nth-child(6) {
      top: 15%;
      left: 85.5%; }
      .member-circle .member:nth-child(6) .logo img {
        width: 45%; }
    .member-circle .member:nth-child(7) {
      top: 21.25%;
      left: 90.5%; }
    .member-circle .member:nth-child(8) {
      top: 27.75%;
      left: 94.6%; }
    .member-circle .member:nth-child(9) {
      top: 35%;
      left: 97.5%; }
    .member-circle .member:nth-child(10) {
      top: 42.25%;
      left: 99.3%; }
    .member-circle .member:nth-child(11) {
      top: 50%;
      left: 99.9%; }
    .member-circle .member:nth-child(12) {
      top: 58.15%;
      left: 99.2%; }
    .member-circle .member:nth-child(13) {
      top: 66.15%;
      left: 97.2%; }
    .member-circle .member:nth-child(14) {
      top: 73.5%;
      left: 93.95%; }
    .member-circle .member:nth-child(15) {
      top: 80%;
      left: 89.7%; }
    .member-circle .member:nth-child(16) {
      top: 85.75%;
      left: 84.75%; }
    .member-circle .member:nth-child(17) {
      top: 90.65%;
      left: 78.75%; }
    .member-circle .member:nth-child(18) {
      top: 94.45%;
      left: 72.4%; }
    .member-circle .member:nth-child(19) {
      top: 97.45%;
      left: 65.4%; }
    .member-circle .member:nth-child(20) {
      top: 99%;
      left: 58%; }
    .member-circle .member:nth-child(21) {
      top: 99.75%;
      left: 50.25%; }
    .member-circle .member:nth-child(22) {
      top: 99%;
      left: 41.75%; }
    .member-circle .member:nth-child(23) {
      top: 97.25%;
      left: 34%; }
    .member-circle .member:nth-child(24) {
      top: 94.25%;
      left: 26.75%; }
    .member-circle .member:nth-child(25) {
      top: 90.25%;
      left: 20.5%; }
    .member-circle .member:nth-child(26) {
      top: 85%;
      left: 14.5%; }
    .member-circle .member:nth-child(27) {
      top: 78.75%;
      left: 9.25%; }
    .member-circle .member:nth-child(28) {
      top: 72.25%;
      left: 5.25%; }
    .member-circle .member:nth-child(29) {
      top: 65.1%;
      left: 2.5%; }
    .member-circle .member:nth-child(30) {
      top: 57.75%;
      left: 0.65%; }
    .member-circle .member:nth-child(31) {
      top: 49.95%;
      left: 0%; }
    .member-circle .member:nth-child(32) {
      top: 41.85%;
      left: 0.8%; }
    .member-circle .member:nth-child(33) {
      top: 33.85%;
      left: 2.8%; }
    .member-circle .member:nth-child(34) {
      top: 26.5%;
      left: 5.8%; }
    .member-circle .member:nth-child(35) {
      top: 20%;
      left: 10%; }
    .member-circle .member:nth-child(36) {
      top: 14.25%;
      left: 15.2%; }
    .member-circle .member:nth-child(37) {
      top: 9.5%;
      left: 21%; }
    .member-circle .member:nth-child(38) {
      top: 5.7%;
      left: 27.25%; }
    .member-circle .member:nth-child(39) {
      top: 2.7%;
      left: 34.25%; }
    .member-circle .member:nth-child(40) {
      top: 0.9%;
      left: 41.5%; }
    .member-circle .member:nth-child(1)::before, .member-circle .member:nth-child(1) .logo, .member-circle .member:nth-child(1).member-empty .member-num {
      transition: opacity 0.35s ease-out 0s; }
    .member-circle .member:nth-child(2)::before, .member-circle .member:nth-child(2) .logo, .member-circle .member:nth-child(2).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.02s; }
    .member-circle .member:nth-child(3)::before, .member-circle .member:nth-child(3) .logo, .member-circle .member:nth-child(3).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.04s; }
    .member-circle .member:nth-child(4)::before, .member-circle .member:nth-child(4) .logo, .member-circle .member:nth-child(4).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.06s; }
    .member-circle .member:nth-child(5)::before, .member-circle .member:nth-child(5) .logo, .member-circle .member:nth-child(5).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.08s; }
    .member-circle .member:nth-child(6)::before, .member-circle .member:nth-child(6) .logo, .member-circle .member:nth-child(6).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.1s; }
    .member-circle .member:nth-child(7)::before, .member-circle .member:nth-child(7) .logo, .member-circle .member:nth-child(7).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.12s; }
    .member-circle .member:nth-child(8)::before, .member-circle .member:nth-child(8) .logo, .member-circle .member:nth-child(8).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.14s; }
    .member-circle .member:nth-child(9)::before, .member-circle .member:nth-child(9) .logo, .member-circle .member:nth-child(9).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.16s; }
    .member-circle .member:nth-child(10)::before, .member-circle .member:nth-child(10) .logo, .member-circle .member:nth-child(10).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.18s; }
    .member-circle .member:nth-child(11)::before, .member-circle .member:nth-child(11) .logo, .member-circle .member:nth-child(11).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.2s; }
    .member-circle .member:nth-child(12)::before, .member-circle .member:nth-child(12) .logo, .member-circle .member:nth-child(12).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.22s; }
    .member-circle .member:nth-child(13)::before, .member-circle .member:nth-child(13) .logo, .member-circle .member:nth-child(13).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.24s; }
    .member-circle .member:nth-child(14)::before, .member-circle .member:nth-child(14) .logo, .member-circle .member:nth-child(14).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.26s; }
    .member-circle .member:nth-child(15)::before, .member-circle .member:nth-child(15) .logo, .member-circle .member:nth-child(15).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.28s; }
    .member-circle .member:nth-child(16)::before, .member-circle .member:nth-child(16) .logo, .member-circle .member:nth-child(16).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.3s; }
    .member-circle .member:nth-child(17)::before, .member-circle .member:nth-child(17) .logo, .member-circle .member:nth-child(17).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.32s; }
    .member-circle .member:nth-child(18)::before, .member-circle .member:nth-child(18) .logo, .member-circle .member:nth-child(18).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.34s; }
    .member-circle .member:nth-child(19)::before, .member-circle .member:nth-child(19) .logo, .member-circle .member:nth-child(19).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.36s; }
    .member-circle .member:nth-child(20)::before, .member-circle .member:nth-child(20) .logo, .member-circle .member:nth-child(20).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.38s; }
    .member-circle .member:nth-child(21)::before, .member-circle .member:nth-child(21) .logo, .member-circle .member:nth-child(21).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.4s; }
    .member-circle .member:nth-child(22)::before, .member-circle .member:nth-child(22) .logo, .member-circle .member:nth-child(22).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.42s; }
    .member-circle .member:nth-child(23)::before, .member-circle .member:nth-child(23) .logo, .member-circle .member:nth-child(23).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.44s; }
    .member-circle .member:nth-child(24)::before, .member-circle .member:nth-child(24) .logo, .member-circle .member:nth-child(24).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.46s; }
    .member-circle .member:nth-child(25)::before, .member-circle .member:nth-child(25) .logo, .member-circle .member:nth-child(25).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.48s; }
    .member-circle .member:nth-child(26)::before, .member-circle .member:nth-child(26) .logo, .member-circle .member:nth-child(26).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.5s; }
    .member-circle .member:nth-child(27)::before, .member-circle .member:nth-child(27) .logo, .member-circle .member:nth-child(27).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.52s; }
    .member-circle .member:nth-child(28)::before, .member-circle .member:nth-child(28) .logo, .member-circle .member:nth-child(28).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.54s; }
    .member-circle .member:nth-child(29)::before, .member-circle .member:nth-child(29) .logo, .member-circle .member:nth-child(29).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.56s; }
    .member-circle .member:nth-child(30)::before, .member-circle .member:nth-child(30) .logo, .member-circle .member:nth-child(30).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.58s; }
    .member-circle .member:nth-child(31)::before, .member-circle .member:nth-child(31) .logo, .member-circle .member:nth-child(31).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.6s; }
    .member-circle .member:nth-child(32)::before, .member-circle .member:nth-child(32) .logo, .member-circle .member:nth-child(32).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.62s; }
    .member-circle .member:nth-child(33)::before, .member-circle .member:nth-child(33) .logo, .member-circle .member:nth-child(33).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.64s; }
    .member-circle .member:nth-child(34)::before, .member-circle .member:nth-child(34) .logo, .member-circle .member:nth-child(34).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.66s; }
    .member-circle .member:nth-child(35)::before, .member-circle .member:nth-child(35) .logo, .member-circle .member:nth-child(35).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.68s; }
    .member-circle .member:nth-child(36)::before, .member-circle .member:nth-child(36) .logo, .member-circle .member:nth-child(36).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.70s; }
    .member-circle .member:nth-child(37)::before, .member-circle .member:nth-child(37) .logo, .member-circle .member:nth-child(37).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.72s; }
    .member-circle .member:nth-child(38)::before, .member-circle .member:nth-child(38) .logo, .member-circle .member:nth-child(38).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.74s; }
    .member-circle .member:nth-child(39)::before, .member-circle .member:nth-child(39) .logo, .member-circle .member:nth-child(39).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.76s; }
    .member-circle .member:nth-child(40)::before, .member-circle .member:nth-child(40) .logo, .member-circle .member:nth-child(40).member-empty .member-num {
      transition: opacity 0.35s ease-out 0.78s; }
  .member-circle.ani-in .member::before,
  .member-circle.ani-in .member .logo {
    opacity: 1; }
  .member-circle.ani-in .member.member-empty .member-num {
    opacity: 0.5; }
  .member-circle.bigger-height .member-info .description {
    font-size: 1.9vh; }
  .member-circle.bigger-height .member-info .member-subtitle {
    font-size: 1.2vw; }
    .member-circle.bigger-height .member-info .member-subtitle span {
      font-size: 0.72vw; }

@keyframes pulse-arrow {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.65; }
  100% {
    opacity: 1; } }

@media (max-width: 768px) {
  .member-select-container {
    display: none; }
  .member-circle {
    position: relative !important;
    height: 0;
    top: 0 !important;
    padding-top: 113%; }
  .member-circle .member-info {
    width: 35%;
    padding: 15px 15px 30px; }
  .member-circle .member-info .description {
    font-size: 2.4vw; }
  .member-circle .member-info .Btn {
    padding: 0px 10px; }
  .member-circle .member-info .member-subtitle span {
    font-size: 10px; }
  .member-circle .member-info .member-subtitle {
    font-size: 14px; }
  .member-circle .member.member-empty .member-num {
    font-size: 1.85vw; }
  .member-circle .logo-circle,
  .member-circle .logo-circle-background {
    right: 50%;
    transform: translate(50%, -40%); }
  .member-circle-spacer {
    height: auto !important; }
  .member-circle .skip-circle {
    display: none; } }

@media (max-width: 550px) {
  .member-circle .member-info .description {
    font-size: 3.1vw;
    line-height: 1.7; }
  .member-circle .member-info .member-subtitle span {
    font-size: 8px; }
  .member-circle .member-info .member-subtitle {
    font-size: 12px; } }

.member-carousel {
  display: block;
  position: relative;
  width: 100vw;
  height: 750px;
  overflow: hidden;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  .member-carousel .built-on {
    display: block;
    position: absolute;
    right: 55px;
    bottom: 52px;
    width: 12vw;
    z-index: 100;
    max-width: 185px;
    min-width: 90px;
    transform: translateY(50%); }
  .member-carousel .slide-container {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .member-carousel .slide {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    background-color: black; }
    .member-carousel .slide.active {
      z-index: 1; }
    .member-carousel .slide.prev-active {
      z-index: 2;
      opacity: 0;
      transition: opacity 0.5s ease-out 0s; }
    .member-carousel .slide .background-image {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      object-fit: cover; }
    .member-carousel .slide .slide-content {
      display: block;
      position: absolute;
      top: 45%;
      left: 8.6%;
      transform: translateY(-50%);
      width: 41.4%; }
      .member-carousel .slide .slide-content .logo {
        display: block;
        position: relative;
        margin-bottom: 45px;
        max-width: 62%;
        max-height: 90px;
        opacity: 0;
        transition: opacity 0.5s ease-out 0s; }
      .member-carousel .slide .slide-content .subtitle {
        position: relative;
        font-size: 14px;
        font-weight: 200;
        color: white;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 45px;
        line-height: 1.3;
        opacity: 0;
        transition: opacity 0.5s ease-out 0s; }
      .member-carousel .slide .slide-content .description {
        position: relative;
        font-size: 18px;
        font-weight: 200;
        line-height: 1.7;
        color: white;
        width: 100%;
        opacity: 0;
        transition: opacity 0.5s ease-out 0s; }
    .member-carousel .slide.active .slide-content .logo {
      opacity: 1;
      transition: opacity 0.5s ease-out 0.5s; }
    .member-carousel .slide.active .slide-content .subtitle {
      opacity: 1;
      transition: opacity 0.5s ease-out 0.65s; }
    .member-carousel .slide.active .slide-content .description {
      opacity: 1;
      transition: opacity 0.5s ease-out 0.8s; }
    .member-carousel .slide.prev-active .slide-content .logo {
      opacity: 1;
      transition: none; }
    .member-carousel .slide.prev-active .slide-content .subtitle {
      opacity: 1;
      transition: none; }
    .member-carousel .slide.prev-active .slide-content .description {
      opacity: 1;
      transition: none; }
  .member-carousel .carousel-nav {
    display: flex;
    position: absolute;
    height: 25px;
    bottom: 40px;
    left: 8.2%;
    width: 13.25%;
    z-index: 200; }
  .member-carousel .btn-prev {
    display: block;
    position: relative;
    flex: 0 0 29px;
    top: 0;
    left: 0;
    padding: 7px 0 7px 15px;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.3;
    background-image: url(/assets/images/council-carousel-arrow-prev.png);
    background-position: center left;
    background-size: auto 100%;
    background-repeat: no-repeat;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2; }
    .member-carousel .btn-prev:hover {
      font-weight: 500; }
  .member-carousel .btn-next {
    display: block;
    position: relative;
    flex: 0 0 29px;
    top: 0;
    right: 0;
    padding: 7px 15px 7px 0;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.3;
    background-image: url(/assets/images/council-carousel-arrow.png);
    background-position: center right;
    background-size: auto 100%;
    background-repeat: no-repeat;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 2; }
    .member-carousel .btn-next:hover {
      font-weight: 500; }
  .member-carousel .dot-list {
    display: flex;
    position: relative;
    flex: 0 0 auto;
    height: 12px;
    padding: 6px 20px 0; }
    .member-carousel .dot-list .dot {
      display: flex;
      position: relative;
      flex: 0 0 11px;
      width: 11px;
      height: 11px;
      background: #2d84eb;
      background: -moz-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: -webkit-linear-gradient(left, #2d84eb 0%, #8259ef 100%);
      background: linear-gradient(to right, #2d84eb 0%, #8259ef 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d84eb', endColorstr='#8259ef',GradientType=1);
      border-radius: 100%;
      margin: 0 2px;
      cursor: pointer; }
      .member-carousel .dot-list .dot::after {
        content: "";
        display: block;
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 100%;
        top: 1px;
        left: 1px;
        background: black;
        opacity: 1;
        transition: opacity 0.5s ease-out 0s; }
      .member-carousel .dot-list .dot.active::after {
        opacity: 0; }

@media (max-width: 1024px) {
  .member-carousel .slide .background-image {
    left: 55%; }
  .member-carousel .slide .slide-content {
    width: 55%; }
    .member-carousel .slide .slide-content .subtitle {
      font-size: 14px; }
    .member-carousel .slide .slide-content .description {
      font-size: 18px; } }

@media (max-width: 768px) {
  .member-carousel {
    height: calc(100vh - 80px); }
    .member-carousel .slide .background-image {
      left: 0; }
    .member-carousel .slide .slide-content {
      width: 75%;
      left: 12.5%; }
      .member-carousel .slide .slide-content .logo {
        max-width: 50%;
        margin-bottom: 25px; }
      .member-carousel .slide .slide-content .subtitle {
        font-size: 14px;
        margin-bottom: 25px; }
      .member-carousel .slide .slide-content .description {
        font-size: 18px; }
    .member-carousel .carousel-nav {
      width: 75%;
      left: 12.5%;
      bottom: 39px; }
    .member-carousel .btn-prev,
    .member-carousel .btn-next {
      font-size: 0;
      color: transparent;
      flex: 0 0 auto; } }

.Council > .intro {
  background-color: #f9f9f9; }
  .Council > .intro > .image {
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat; }
  @media (min-width: 1024px) {
    .Council > .intro > .image {
      z-index: 5; } }

.Council .pitch .content strong {
  font-weight: 500; }

.council-member-wrapper h2 {
  margin: 0px auto 0px auto;
  text-align: center;
  padding-top: 40px; }

.council-member-wrapper a {
  text-decoration: none; }

.building-the-future-council-logos {
  padding: 0 0 0 0; }
  .building-the-future-council-logos .container {
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 100%; }
    .building-the-future-council-logos .container .row {
      display: flex;
      justify-content: space-between;
      height: 200px;
      width: 100%; }
      .building-the-future-council-logos .container .row .member {
        display: flex;
        justify-content: center;
        height: 200px;
        width: 180px;
        /* adjust to resize logos */
        text-align: center; }
        .building-the-future-council-logos .container .row .member a {
          display: flex; }
      .building-the-future-council-logos .container .row .member img {
        height: auto;
        max-height: 150px;
        width: auto;
        max-width: 100%;
        margin: auto;
        object-fit: contain; }

a.council-member-wrapper:hover .Btn {
  display: block; }

a.council-member-wrapper:hover .building-the-future-council-logos {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); }

.council-container {
  position: relative; }

.council-container .Btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 300px;
  margin: auto;
  display: none;
  background-color: #464646;
  color: #ffffff; }

.cta-container {
  margin: -40px auto 0 auto;
  max-width: 100%; }

@media screen and (max-width: 1100px) {
  .council-member-wrapper h2 {
    margin: 0 auto -20px auto;
    padding-top: 12.5%;
    text-align: center;
    line-height: 1.6;
    max-width: 70%; }
  a.council-member-wrapper:hover .Btn {
    display: none; }
  .building-the-future-council-logos {
    padding: 0 !important; }
    .building-the-future-council-logos .container {
      padding: 12.5% 0 12.5% 0;
      margin: 0 auto 0 auto;
      height: auto;
      width: 100vw;
      max-width: 100%; }
      .building-the-future-council-logos .container .row {
        height: auto;
        margin: 0 auto;
        flex-direction: column; }
        .building-the-future-council-logos .container .row .member {
          height: auto;
          margin: -12px auto; }
        .building-the-future-council-logos .container .row .member img {
          max-height: 140px;
          margin: auto; }
  .alt-logos {
    display: none; }
  .cta-container {
    margin: 0 auto 0 auto;
    padding: 20px 0 20px 0; }
    .cta-container .banner-short-padding {
      padding: 10px 6.25% 40px 6.25% !important; } }

a.building-the-future-council-member-wrapper:hover .Btn {
  display: block; }

a.building-the-future-council-member-wrapper:hover .building-the-future-council-member-row {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); }

.building-the-future-council-member-wrapper {
  padding: 40px 0 0 0;
  width: 39vw; }

.building-the-future-council-member-container {
  margin: 0 auto 0 auto;
  max-width: 96vw;
  position: relative; }

.building-the-future-council-member-container .Btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 300px;
  margin: auto;
  display: none;
  background-color: #464646;
  color: #ffffff; }

.building-the-future-council-member-row {
  display: flex;
  height: 200px;
  width: 100%; }

.building-the-future-council-member {
  flex: 1;
  display: flex;
  justify-content: center;
  height: 200px;
  text-align: center; }

.building-the-future-council-member img {
  height: auto;
  max-height: 180px;
  width: auto;
  max-width: 180px;
  margin: auto;
  object-fit: contain; }

.building-the-future-council-container {
  position: absolute; }

@media screen and (max-width: 1100px) {
  .building-the-future-council-member-wrapper {
    padding: 40px 0 0 0;
    width: 88vw; }
  .building-the-future-council-member-container {
    padding: 0;
    margin: 60px auto 0 auto;
    height: auto;
    max-height: 120vh; }
  .building-the-future-council-member-row {
    height: auto;
    max-width: 240px;
    margin: 10px auto;
    flex-direction: column; }
  .building-the-future-council-member {
    height: auto; }
  .building-the-future-council-member img {
    margin: -12px auto;
    margin-top: -30px; }
  .building-the-future-council-container {
    display: none; } }

/* Current Footer */
/* New Footer */
.footer {
  background-color: #222222;
  padding: 70px 6.25% 60px; }
  .footer .footer-top {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: 1px solid #979797; }
    .footer .footer-top .footer-logo {
      width: 19%;
      max-width: 225px; }
      .footer .footer-top .footer-logo .footer-logo-link {
        display: block;
        opacity: 0.5;
        transition: opacity 300ms;
        height: auto;
        width: auto; }
        .footer .footer-top .footer-logo .footer-logo-link:hover {
          opacity: 1; }
    .footer .footer-top .footer-form {
      min-width: 420px;
      display: flex;
      flex-direction: column;
      justify-content: end; }
      .footer .footer-top .footer-form .footer-form-heading {
        color: white;
        font-size: 15px;
        font-weight: normal;
        letter-spacing: -0.5px;
        line-height: 18px;
        margin-bottom: 20px;
        text-transform: uppercase; }
    .footer .footer-top .footer-social {
      min-width: 180px;
      width: 26vw;
      display: flex;
      flex-direction: column;
      justify-content: end; }
      .footer .footer-top .footer-social .footer-social-heading {
        color: white;
        font-size: 15px;
        font-weight: normal;
        letter-spacing: -0.5px;
        line-height: 18px;
        margin-bottom: 20px; }
      .footer .footer-top .footer-social .footer-social-links {
        display: grid;
        grid-template-columns: repeat(auto-fit, 30px);
        gap: 1vw;
        justify-content: space-between; }
        .footer .footer-top .footer-social .footer-social-links a {
          opacity: 0.7;
          transition: opacity 300ms; }
          .footer .footer-top .footer-social .footer-social-links a:hover {
            opacity: 1; }
          .footer .footer-top .footer-social .footer-social-links a svg {
            fill: white; }
  .footer .footer-middle {
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #979797; }
    .footer .footer-middle ul.footer-menu {
      list-style: none;
      margin: 0;
      flex: 1; }
      .footer .footer-middle ul.footer-menu a {
        color: white;
        font-size: 15px;
        font-weight: normal;
        letter-spacing: -0.5px;
        line-height: 1;
        text-decoration: none; }
        .footer .footer-middle ul.footer-menu a:hover {
          text-decoration: underline; }
      .footer .footer-middle ul.footer-menu li {
        line-height: 1; }
        .footer .footer-middle ul.footer-menu li:not(:last-child) {
          margin-bottom: 14px; }
        .footer .footer-middle ul.footer-menu li.footer-menu-section-title a {
          color: white; }
        .footer .footer-middle ul.footer-menu li.footer-menu-item a {
          color: #8c8c8c; }
  .footer .footer-bottom {
    padding-top: 40px; }
    .footer .footer-bottom p.footer-legal {
      color: white;
      font-size: 15px;
      font-weight: normal;
      letter-spacing: -0.5px;
      line-height: 20px; }
      .footer .footer-bottom p.footer-legal a {
        color: white;
        text-decoration: none; }
        .footer .footer-bottom p.footer-legal a:hover {
          text-decoration: underline; }

@media screen and (max-width: 1100px) {
  .footer {
    padding: 80px 12.5%; }
    .footer .footer-top {
      flex-direction: column;
      gap: 0; }
      .footer .footer-top .footer-logo {
        width: 192px;
        margin: 0 auto 60px; }
      .footer .footer-top .footer-form {
        margin: 0 auto 60px;
        min-width: auto;
        max-width: 420px;
        width: 100%; }
      .footer .footer-top .footer-social {
        width: 100%; }
    .footer .footer-middle {
      display: block;
      column-count: 2;
      gap: 20; }
      .footer .footer-middle ul:not(:last-child) {
        margin-bottom: 65px; } }

@media screen and (max-width: 500px) {
  .footer .footer-middle {
    display: flex;
    flex-direction: column;
    gap: 0; }
  .footer .footer-top .footer-social .footer-social-links {
    grid-template-columns: repeat(auto-fit, 20px); } }

@media screen and (min-width: 1101px) and (max-width: 1500px) {
  .footer .footer-top .footer-form {
    min-width: 300px; }
  .footer .footer-top .footer-social {
    min-width: 180px;
    width: 40vw; }
    .footer .footer-top .footer-social .footer-social-links {
      gap: 0.9vw; } }

.Home {
  width: 100vw; }

.Home-intro {
  height: calc(100vh - 128px);
  min-height: 430px;
  position: relative; }
  @media (min-width: 1024px) {
    .Home-intro {
      height: calc(100vh - 128px); } }
  .Home-intro > .image {
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    @media (min-width: 1024px) {
      .Home-intro > .image {
        background-attachment: fixed;
        background-position: center 90%; } }
  .Home-intro > .text {
    position: absolute;
    color: white;
    left: 6.25%;
    right: 6.25%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .Home-intro > .text h2 {
      margin-bottom: 30px;
      font-weight: 200; }
      @media (min-width: 1024px) {
        .Home-intro > .text h2 {
          margin-bottom: 50px; } }
    .Home-intro > .text .intro {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 2px;
      margin-top: 40px;
      margin-bottom: 40px; }
  @media (min-width: 1024px) {
    .Home-intro .ButtonLauncher {
      display: inline-block; } }

.HeroVideo {
  position: fixed;
  background-color: #222222;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1010; }
  .HeroVideo > div {
    width: 100%;
    height: 100%;
    display: block;
    position: relative; }
  .HeroVideo > .close {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 48px;
    width: 62px;
    height: 62px;
    display: block; }
    .HeroVideo > .close svg path {
      fill: #545454; }

.Platform {
  margin-top: 80px; }
  .Platform > .intro > .image {
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat; }
  @media (min-width: 1024px) {
    .Platform > .intro {
      max-height: 920px;
      height: 100vh; }
      .Platform > .intro .image {
        position: absolute;
        top: 0;
        right: 0;
        left: 50%;
        bottom: 0;
        width: 50%; } }
  .Platform > .intro .actions .button {
    margin-bottom: 15px; }
    @media (min-width: 1024px) {
      .Platform > .intro .actions .button {
        margin-bottom: 0; } }
  .Platform > .apps {
    background-color: white; }
    .Platform > .apps > .links {
      display: flex; }
      .Platform > .apps > .links > a {
        width: 50%;
        height: 400px;
        display: block;
        position: relative; }
        .Platform > .apps > .links > a > .contents {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          text-align: center;
          left: 0;
          right: 0; }
          .Platform > .apps > .links > a > .contents > .icon {
            display: block;
            margin: 0 auto 50px;
            width: 60px;
            height: 60px; }
            .Platform > .apps > .links > a > .contents > .icon svg {
              display: block;
              width: 100%; }
              .Platform > .apps > .links > a > .contents > .icon svg path {
                fill: white; }
        .Platform > .apps > .links > a.is-1 {
          background-color: #464646; }
        .Platform > .apps > .links > a.is-2 {
          background-color: #222222; }
        @media (min-width: 1024px) {
          .Platform > .apps > .links > a {
            height: 100%;
            max-height: 920px; } }
    .Platform > .apps .BodyCopy {
      margin-bottom: 40px;
      margin-top: 40px; }
    .Platform > .apps .appstore {
      height: 200px;
      float: left;
      position: relative; }
      @media (min-width: 1024px) {
        .Platform > .apps .appstore {
          height: 80vh;
          min-height: 600px;
          width: 50%; } }
  .Platform > .info .BodyCopy {
    margin-bottom: 40px;
    margin-top: 40px; }

.Platform > .contentBlock {
  position: relative; }
  .Platform > .contentBlock > .illustration {
    height: 400px; }
  @media (min-width: 1024px) {
    .Platform > .contentBlock {
      display: flex; }
      .Platform > .contentBlock .content {
        width: 50%; }
      .Platform > .contentBlock .illustration {
        width: 50%;
        height: 100vh;
        max-height: 800px; }
      .Platform > .contentBlock:nth-of-type(2n-1) .content {
        order: 1; }
      .Platform > .contentBlock:nth-of-type(2n-1) .illustration {
        order: 2; } }
  .Platform > .contentBlock.is-dark {
    background-color: #222222;
    color: white; }
    .Platform > .contentBlock.is-dark > .illustration {
      background-color: #464646; }
    @media (min-width: 1024px) {
      .Platform > .contentBlock.is-dark .actions {
        position: absolute;
        left: 6.25%;
        bottom: 6.25%; } }

.BodyCopy {
  max-width: 95%; }
  @media (min-width: 1024px) {
    .BodyCopy {
      max-width: 100%;
      max-width: 560px; } }
  .BodyCopy ul {
    list-style-type: disc;
    margin-left: 20px; }
  .BodyCopy li ul {
    list-style-type: circle;
    margin-bottom: 0; }
  .BodyCopy ol {
    list-style-type: decimal-leading-zero; }
  .BodyCopy a {
    text-decoration-line: none;
    color: #222222; }
    .BodyCopy a:hover {
      text-decoration: none;
      color: #595959; }

.Team {
  text-align: center;
  border-bottom: 1px solid rgba(184, 184, 184, 0.18);
  padding: 6.25%; }
  .Team.style-1 {
    background-color: #222222; }
  .Team.style-2 {
    background-color: #464646; }
  @media (min-width: 1024px) {
    .Team {
      padding-left: 0;
      padding-right: 0; } }
  .Team > h4 {
    margin-bottom: 3%; }
  .Team > .members {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    display: flex; }
  .Team .member {
    color: white;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 46.875%;
    min-width: 46.875%;
    margin-right: 6.25%;
    margin-bottom: 40px;
    margin-top: 40px; }
    .Team .member:nth-child(2n) {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .Team .member {
        margin-right: 3.125%;
        margin-left: 3.125%;
        margin-bottom: 60px;
        flex-grow: 1;
        flex-basis: 0;
        max-width: 13.1875%;
        min-width: 13.1875%; }
        .Team .member:nth-child(2n) {
          margin-right: 3.125%; } }
    .Team .member > .details {
      line-height: 1.5;
      margin-bottom: 1em; }
      .Team .member > .details .name,
      .Team .member > .details .role {
        display: block; }
      .Team .member > .details .name {
        margin-bottom: 6px;
        height: 50px; }
      .Team .member > .details .role {
        color: white;
        min-height: 6em; }
    .Team .member .bio {
      line-height: 1.5; }
  @media (min-width: 1024px) {
    .Team > .members.is-group .member .bio {
      width: 200%;
      margin-left: -50%; }
    .Team > .members.is-group .member:first-of-type .bio {
      margin-left: 0;
      text-align: left; }
    .Team > .members.is-group .member:last-of-type .bio {
      margin-left: -100%;
      text-align: right; } }
  .Team .avatar {
    margin-bottom: 2em; }
    .Team .avatar > .square {
      background-color: rgba(184, 184, 184, 0.18);
      border-radius: 50%;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-filter: grayscale(1);
      filter: grayscale(1);
      overflow: hidden;
      position: relative;
      display: block; }
      .Team .avatar > .square img {
        display: block;
        position: relative; }
  .Team .section-disclaimer {
    max-width: 530px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    text-align: center; }

@media screen and (max-width: 1100px) {
  .Team {
    padding: 12.5%; }
    .Team .member > .details .role {
      min-height: 5rem; } }

.Team {
  text-align: center;
  border-bottom: 1px solid rgba(184, 184, 184, 0.18);
  background-color: #222222;
  padding: 6.25%; }
  @media (min-width: 1024px) {
    .Team {
      padding-left: 0;
      padding-right: 0; } }
  .Team > h4 {
    margin-bottom: 3%; }
  .Team > .members {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    display: flex; }
  .Team .member {
    color: white;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 46.875%;
    min-width: 46.875%;
    margin-right: 6.25%;
    margin-bottom: 40px;
    margin-top: 40px; }
    .Team .member:nth-child(2n) {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .Team .member {
        margin-right: 3.125%;
        margin-left: 3.125%;
        margin-bottom: 60px;
        flex-grow: 1;
        flex-basis: 0;
        max-width: 13.1875%;
        min-width: 13.1875%; }
        .Team .member:nth-child(2n) {
          margin-right: 3.125%; } }
    .Team .member > .details {
      line-height: 1.5;
      margin-bottom: 1em; }
      .Team .member > .details .name,
      .Team .member > .details .role {
        display: block; }
      .Team .member > .details .name {
        margin-bottom: 6px;
        height: 44px; }
      .Team .member > .details .role {
        color: white;
        min-height: 6em; }
    .Team .member .bio {
      line-height: 1.5; }
  @media (min-width: 1024px) {
    .Team > .members.is-group .member .bio {
      width: 200%;
      margin-left: -50%; }
    .Team > .members.is-group .member:first-of-type .bio {
      margin-left: 0;
      text-align: left; }
    .Team > .members.is-group .member:last-of-type .bio {
      margin-left: -100%;
      text-align: right; } }
  .Team .avatar {
    margin-bottom: 2em; }
    .Team .avatar > .square {
      background-color: rgba(184, 184, 184, 0.18);
      border-radius: 50%;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }

@media screen and (max-width: 1100px) {
  .Team {
    padding: 12.5%; }
    .Team .member > .details .role {
      min-height: 2rem; } }

/* Current Sign Up in footer */
/* New Sign Up */
.NewsletterSignupFooter {
  color: white; }
  .NewsletterSignupFooter .contents {
    display: flex;
    align-items: end;
    gap: 10px; }
    .NewsletterSignupFooter .contents label {
      color: white;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 18px;
      margin-bottom: 20px;
      text-transform: uppercase; }
    .NewsletterSignupFooter .contents .input {
      background-color: transparent;
      border: 1px solid white;
      border-radius: 15px;
      outline: none;
      padding: 7px 22px;
      font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
      color: #8c8c8c;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 14px;
      display: block;
      text-align: left;
      width: 229px;
      -moz-transition: border-color 0.3s ease-out;
      -o-transition: border-color 0.3s ease-out;
      -webkit-transition: border-color 0.3s ease-out;
      transition: border-color 0.3s ease-out;
      /* Change the white to any color */ }
      .NewsletterSignupFooter .contents .input::-webkit-input-placeholder {
        color: #f9f9f9; }
      .NewsletterSignupFooter .contents .input:-moz-placeholder {
        /* Firefox 18- */
        color: #f9f9f9; }
      .NewsletterSignupFooter .contents .input::-moz-placeholder {
        /* Firefox 19+ */
        color: #f9f9f9; }
      .NewsletterSignupFooter .contents .input:-ms-input-placeholder {
        color: #f9f9f9; }
      .NewsletterSignupFooter .contents .input:focus, .NewsletterSignupFooter .contents .input:hover {
        border-bottom-color: white;
        color: white; }
      .NewsletterSignupFooter .contents .input.is-error {
        color: #FF4200;
        border-bottom-color: #FF4200; }
      .NewsletterSignupFooter .contents .input:-webkit-autofill, .NewsletterSignupFooter .contents .input:-webkit-autofill:hover, .NewsletterSignupFooter .contents .input:-webkit-autofill:focus, .NewsletterSignupFooter .contents .input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 50px #464646 inset;
        -webkit-text-fill-color: #FFFFFF; }
    .NewsletterSignupFooter .contents .Btn {
      padding: 0 20px;
      min-width: auto;
      opacity: 0.5; }
  .NewsletterSignupFooter.has-error {
    color: #FF4200;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    .NewsletterSignupFooter.has-error .input {
      color: #FF4200;
      -moz-transition: color 0.3s ease-out;
      -o-transition: color 0.3s ease-out;
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out; }
    .NewsletterSignupFooter.has-error .contents .input {
      border-bottom: 1px solid #FF4200; }
      .NewsletterSignupFooter.has-error .contents .input::-webkit-input-placeholder {
        color: #FF4200;
        content: "Please enter a valid email"; }
      .NewsletterSignupFooter.has-error .contents .input:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200;
        content: "Please enter a valid email"; }
      .NewsletterSignupFooter.has-error .contents .input::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200;
        content: "Please enter a valid email"; }
      .NewsletterSignupFooter.has-error .contents .input:-ms-input-placeholder {
        color: #FF4200;
        content: "Please enter a valid email"; }
  .NewsletterSignupFooter.has-focus .contents .input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3); }
  .NewsletterSignupFooter.has-focus .contents .input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.3); }
  .NewsletterSignupFooter.has-focus .contents .input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.3); }
  .NewsletterSignupFooter.has-focus .contents .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3); }
  .NewsletterSignupFooter.has-valid-email .Btn {
    opacity: 1; }

@media screen and (max-width: 1100px) {
  .NewsletterSignupFooter .contents {
    flex-direction: column;
    gap: 0; }
    .NewsletterSignupFooter .contents .input {
      width: calc(100% - 46px);
      margin-bottom: 10px; } }

/* Sign Up used in templates/nft-nc */
.NewsletterSignup2 {
  color: white; }
  @media (min-width: 1024px) {
    .NewsletterSignup2 > .contents {
      position: relative; } }
  .NewsletterSignup2 > .contents > .heading {
    margin-bottom: 20px; }
  .NewsletterSignup2 > .contents > .input {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #595959;
    border-radius: 0;
    outline: none;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    width: 100%;
    color: white;
    display: block;
    margin-bottom: 20px;
    text-align: left;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    -webkit-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
    /* Change the white to any color */ }
    .NewsletterSignup2 > .contents > .input::-webkit-input-placeholder {
      color: #f9f9f9; }
    .NewsletterSignup2 > .contents > .input:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .NewsletterSignup2 > .contents > .input::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .NewsletterSignup2 > .contents > .input:-ms-input-placeholder {
      color: #f9f9f9; }
    .NewsletterSignup2 > .contents > .input:focus, .NewsletterSignup2 > .contents > .input:hover {
      border-bottom-color: white;
      color: white; }
    .NewsletterSignup2 > .contents > .input.is-error {
      color: #FF4200;
      border-bottom-color: #FF4200; }
    .NewsletterSignup2 > .contents > .input:-webkit-autofill, .NewsletterSignup2 > .contents > .input:-webkit-autofill:hover, .NewsletterSignup2 > .contents > .input:-webkit-autofill:focus, .NewsletterSignup2 > .contents > .input:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 50px #464646 inset;
      -webkit-text-fill-color: #FFFFFF; }
    @media (min-width: 1024px) {
      .NewsletterSignup2 > .contents > .input {
        height: 90px;
        margin-bottom: -1px;
        display: inline-block;
        width: calc(100% - 240px);
        margin-right: 40px; } }
  .NewsletterSignup2 > .contents > .Btn {
    width: 100%;
    display: block;
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .NewsletterSignup2 > .contents > .Btn {
        margin-bottom: 0;
        width: 130px;
        display: inline-block;
        position: relative; } }
  .NewsletterSignup2.has-error {
    color: #FF4200;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }
    .NewsletterSignup2.has-error .input {
      color: #FF4200;
      -moz-transition: color 0.3s ease-out;
      -o-transition: color 0.3s ease-out;
      -webkit-transition: color 0.3s ease-out;
      transition: color 0.3s ease-out; }
    .NewsletterSignup2.has-error > .contents > .input {
      border-bottom: 1px solid #FF4200; }
      .NewsletterSignup2.has-error > .contents > .input::-webkit-input-placeholder {
        color: #FF4200;
        content: "Please enter a valid email"; }
      .NewsletterSignup2.has-error > .contents > .input:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200;
        content: "Please enter a valid email"; }
      .NewsletterSignup2.has-error > .contents > .input::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200;
        content: "Please enter a valid email"; }
      .NewsletterSignup2.has-error > .contents > .input:-ms-input-placeholder {
        color: #FF4200;
        content: "Please enter a valid email"; }
  .NewsletterSignup2.has-focus > .contents > .input {
    border-bottom: 1px solid white; }
    .NewsletterSignup2.has-focus > .contents > .input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.3); }
    .NewsletterSignup2.has-focus > .contents > .input:-moz-placeholder {
      /* Firefox 18- */
      color: rgba(255, 255, 255, 0.3); }
    .NewsletterSignup2.has-focus > .contents > .input::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(255, 255, 255, 0.3); }
    .NewsletterSignup2.has-focus > .contents > .input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.3); }
  .NewsletterSignup2.has-focus > .contents > .heading {
    opacity: 0; }

.NewsletterSignup2 .Btn {
  opacity: 0.2; }

.NewsletterSignup2.has-valid-email .Btn {
  opacity: 1; }

.SitePreloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #464646;
  z-index: 999; }
  .SitePreloader > .internal {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .SitePreloader > .internal > svg {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 30px;
      height: 30px; }
      .SitePreloader > .internal > svg .circle {
        fill: white; }
      .SitePreloader > .internal > svg .h {
        color: #464646; }

.AnimatedSvg circle,
.AnimatedSvg rect,
.AnimatedSvg path {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 3s ease-in-out forwards; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

.Linklist {
  line-height: 24px;
  border-top: 1px solid #595959;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0; }
  @media (min-width: 1024px) {
    .Linklist {
      min-height: auto;
      padding-top: 40px;
      padding-left: 0;
      padding-right: 0; } }
  .Linklist > li {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 0.6em;
    margin-right: 30px;
    display: none; }
    @media (min-width: 1024px) {
      .Linklist > li {
        display: block; } }
    .Linklist > li a {
      text-decoration: none;
      color: #b8b8b8; }
      .Linklist > li a:hover {
        text-decoration: underline;
        color: white; }
  .Linklist > .title {
    display: block;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .Linklist > .title {
        margin-bottom: 20px; } }
    .Linklist > .title > a {
      text-decoration: none;
      color: #f9f9f9; }

.square {
  height: 0;
  overflow: visible;
  position: relative;
  padding-bottom: 100%; }

.Image > .internal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  image-rendering: pixelated;
  bottom: 0;
  background-size: cover;
  background-position: center center; }

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

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

.bg--green {
  background-color: #3EC878; }

.bg--purple {
  background-color: #8259ef; }

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

.bg--black {
  background-color: #222222; }

.bg--grey {
  background-color: #464646; }

.bg--dark-grey {
  background-color: #464646; }

.color--light-grey {
  color: #b8b8b8; }

.color--dark-grey {
  color: #464646; }

.section-subtitle-partners {
  text-align: center;
  max-width: 600px;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0;
  margin: 0 auto 58px; }

.Partners > h4 {
  text-align: center;
  padding: 6.25%; }

.Partners > h5 {
  text-align: center;
  padding: 6.25% 6.25% 0 6.25%; }

.Partners .internal {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(70, 70, 70, 0.12); }

.Partners .partner {
  box-sizing: border-box;
  position: relative;
  flex-grow: 0;
  flex-basis: 0;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  border-right: 1px solid rgba(70, 70, 70, 0.12);
  cursor: pointer;
  border-bottom: 1px solid rgba(70, 70, 70, 0.12); }
  @media (min-width: 1024px) {
    .Partners .partner > .content > .padding {
      padding: 6.25%;
      padding-top: 0; } }
  .Partners .partner > .content .logo {
    position: relative;
    z-index: 5;
    height: 0;
    padding-bottom: 100%;
    overflow: visible;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
    .Partners .partner > .content .logo:hover {
      opacity: 0.5;
      -moz-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
    @media (min-width: 1024px) {
      .Partners .partner > .content .logo {
        margin: 0 6.25%; } }
    .Partners .partner > .content .logo > img {
      display: block;
      width: 100%; }
    .Partners .partner > .content .logo > h3 {
      position: absolute;
      left: 12.5%;
      right: 12.5%;
      text-align: center;
      bottom: 6.25%;
      line-height: 2;
      display: none;
      color: #b8b8b8; }
      @media (min-width: 1024px) {
        .Partners .partner > .content .logo > h3 {
          display: block; } }
    @media (min-width: 1024px) {
      .Partners .partner > .content .logo {
        opacity: 0.6; } }
  .Partners .partner > .content .info {
    display: none;
    z-index: 1; }
    .Partners .partner > .content .info > .bio {
      position: relative;
      padding: 50% 12.5% 12.5% 12.5%; }
      @media (min-width: 1400px) {
        .Partners .partner > .content .info > .bio {
          padding: 100% 12.5% 12.5% 12.5%; } }
  .Partners .partner > .content > .bio {
    display: none; }
    @media (min-width: 1024px) {
      .Partners .partner > .content > .bio {
        text-align: center; } }

@media (min-width: 1024px) {
  .Partners .partner {
    width: 16.6666666667%;
    min-width: 16.6666666667%;
    max-width: 16.6666666667%;
    pointer-events: auto; } }

@media (max-width: 1100px) {
  .Partners > h5 {
    text-align: left;
    padding: 6.25% 6.25% 0; }
  .section-subtitle-partners {
    text-align: left;
    font-size: 12px;
    margin: 0 6.25% 6.25%; } }

.Partners > h4 {
  text-align: center;
  padding: 6.25%; }

.Partners .internal {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(70, 70, 70, 0.12); }

.Partners .partner {
  box-sizing: border-box;
  position: relative;
  flex-grow: 0;
  flex-basis: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  border-right: 1px solid rgba(70, 70, 70, 0.12);
  cursor: pointer;
  border-bottom: 1px solid rgba(70, 70, 70, 0.12); }
  @media (min-width: 1024px) {
    .Partners .partner > .content > .padding {
      padding: 6.25%;
      padding-top: 0; } }
  .Partners .partner > .content .logo {
    position: relative;
    z-index: 5;
    height: 0;
    padding-bottom: 100%;
    overflow: visible;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
    .Partners .partner > .content .logo:hover {
      opacity: 0.5;
      -moz-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
    @media (min-width: 1024px) {
      .Partners .partner > .content .logo {
        margin: 0 6.25%; } }
    .Partners .partner > .content .logo > img {
      display: block;
      width: 100%; }
    .Partners .partner > .content .logo > h3 {
      position: absolute;
      left: 12.5%;
      right: 12.5%;
      text-align: center;
      bottom: 6.25%;
      line-height: 2;
      display: none;
      color: #b8b8b8; }
      @media (min-width: 1024px) {
        .Partners .partner > .content .logo > h3 {
          display: block; } }
    @media (min-width: 1024px) {
      .Partners .partner > .content .logo {
        opacity: 0.6; } }
  .Partners .partner > .content .info {
    display: none;
    z-index: 1; }
    .Partners .partner > .content .info > .bio {
      position: relative;
      padding: 50% 12.5% 12.5% 12.5%; }
      @media (min-width: 1400px) {
        .Partners .partner > .content .info > .bio {
          padding: 100% 12.5% 12.5% 12.5%; } }
  .Partners .partner > .content > .bio {
    display: none; }
    @media (min-width: 1024px) {
      .Partners .partner > .content > .bio {
        text-align: center; } }

@media (min-width: 1024px) {
  .Partners .partner {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    pointer-events: auto; } }

.form {
  max-width: 400px; }
  .form label {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #595959; }
  .form input[type="text"],
  .form input[type="password"] {
    display: block;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #b8b8b8;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    line-height: 40px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    text-indent: 10px;
    border-radius: 4px; }

.MediaPlaylist {
  color: white;
  background-color: #222222;
  padding: 6.25%; }
  .MediaPlaylist.academy {
    color: #222222;
    background-color: white; }
  @media (min-width: 1024px) {
    .MediaPlaylist {
      padding: 0; } }
  @media (min-width: 1024px) {
    .MediaPlaylist > .current-video {
      padding-top: 80px;
      padding-bottom: 80px;
      display: flex; }
      .MediaPlaylist > .current-video > .left {
        margin-left: 6.25%;
        width: 50%;
        margin-right: 6.25%; }
      .MediaPlaylist > .current-video > .right {
        width: 31.25%; }
        .MediaPlaylist > .current-video > .right .bodyCopy ul {
          list-style-type: none; } }
  .MediaPlaylist > .current-video.academy > .current-video > .right .Btn {
    margin: 0 auto !important; }
  .MediaPlaylist > .current-video.academy > .all-videos {
    border-top: none; }
  .MediaPlaylist .audio-player {
    margin-bottom: 60px;
    position: relative; }
  .MediaPlaylist .VideoPlayer {
    margin-bottom: 60px;
    position: relative; }
    .MediaPlaylist .VideoPlayer > span {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
    @media (min-width: 1024px) {
      .MediaPlaylist .VideoPlayer {
        margin-bottom: 0; } }
  .MediaPlaylist hr {
    border: 0;
    border-top: 1px solid rgba(184, 184, 184, 0.18); }
  .MediaPlaylist > .videos-heading {
    color: #595959;
    padding-top: 12.5%; }
    @media (min-width: 1024px) {
      .MediaPlaylist > .videos-heading {
        padding-top: 0;
        padding-left: 6.25%; } }
  .MediaPlaylist > .all-videos {
    border-top: 1px solid rgba(184, 184, 184, 0.18); }
    @media (min-width: 1024px) {
      .MediaPlaylist > .all-videos {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 6.25%;
        width: calc(100% - 6.25%); } }

.PlaylistThumbnail {
  padding: 40px 0;
  position: relative; }
  .PlaylistThumbnail > h5 {
    margin: 0;
    margin-bottom: 6px;
    line-height: 1.5; }
  .PlaylistThumbnail > .duration {
    color: #595959; }
  .PlaylistThumbnail > .image {
    height: 0;
    padding-bottom: 60%;
    background-color: #464646;
    margin-bottom: 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .PlaylistThumbnail:hover {
    cursor: pointer; }
    .PlaylistThumbnail:hover > h5 {
      text-decoration: underline; }
  .PlaylistThumbnail > .date {
    color: #b8b8b8;
    margin: 30px 0; }
  @media (min-width: 1024px) {
    .PlaylistThumbnail {
      flex-grow: 0;
      flex-shrink: 0;
      margin-right: 6.25%;
      max-width: 27%;
      min-width: 27%; }
      .PlaylistThumbnail:nth-child(3n) {
        margin-right: 0; } }

@media (min-width: 1024px) {
  .Media .all-videos .PlaylistThumbnail {
    max-width: 19%;
    min-width: 19%; }
    .Media .all-videos .PlaylistThumbnail:nth-child(3n) {
      margin-right: 6.25%; }
    .Media .all-videos .PlaylistThumbnail:nth-child(4n) {
      margin-right: 0; } }

.VideoPlayer {
  height: 0;
  overflow: visible;
  padding-bottom: 56.4%; }
  .VideoPlayer iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.VideoGrid {
  background-color: white;
  padding: 6.25%; }
  .VideoGrid > h4 {
    padding-bottom: 6.25%; }
  .VideoGrid > .videos > .video {
    display: block;
    text-decoration: none;
    color: #464646;
    margin-bottom: 12.5%; }
    .VideoGrid > .videos > .video .image {
      height: 0;
      padding-bottom: 54%;
      margin-bottom: 20px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .VideoGrid > .videos > .video > h5 {
      margin-bottom: 6px; }
    .VideoGrid > .videos > .video > .duration {
      color: #b8b8b8; }
    .VideoGrid > .videos > .video:hover .image {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
  @media (min-width: 1024px) {
    .VideoGrid > .videos {
      display: flex;
      margin-bottom: 80px; }
      .VideoGrid > .videos > .video {
        padding: 0;
        margin-right: 6.25%;
        margin-bottom: 0;
        flex-grow: 1;
        flex-basis: 0; }
        .VideoGrid > .videos > .video:last-of-type {
          margin-right: 0; } }

.Press {
  padding: 6.25%;
  background-color: #222222;
  color: white; }
  .Press.meeting-minutes a {
    color: white; }
  .Press .title {
    font-size: 32px;
    line-height: 1.3;
    padding-bottom: 20px;
    font-weight: 300; }
  .Press .articles {
    margin-top: 50px; }
  .Press .btn-verify {
    margin-right: 10px; }
  .Press .article:not(:first-child) > div:first-child {
    font-size: 10px; }
  .Press .article {
    padding: 20px 0; }
    .Press .article:first-of-type {
      border-bottom: 1px solid rgba(184, 184, 184, 0.18); }
    .Press .article:last-of-type {
      border-bottom: 0; }
    .Press .article > .excerpt {
      margin-right: 12px; }
    .Press .article > .site-name,
    .Press .article > .excerpt,
    .Press .article > .date {
      margin-bottom: 20px; }
      .Press .article > .site-name a,
      .Press .article > .excerpt a,
      .Press .article > .date a {
        color: inherit;
        text-decoration: none; }
        .Press .article > .site-name a:hover,
        .Press .article > .excerpt a:hover,
        .Press .article > .date a:hover {
          text-decoration: underline; }

@media (min-width: 1024px) {
  .Press .article {
    display: flex;
    align-items: baseline; }
    .Press .article > .site-name,
    .Press .article > .excerpt,
    .Press .article > .date {
      margin-bottom: 0px; }
    .Press .article > .site-name {
      width: 17%; }
    .Press .article > .excerpt {
      width: 58%; }
      .Press .article > .excerpt > * {
        margin-right: 20px; }
    .Press .article > .date {
      width: 25%; }
    .Press .article > .cta {
      min-width: 210px;
      text-align: left;
      display: inline-flex; } }

@media screen and (max-width: 1024px) {
  .Press {
    padding: 12.5%; }
    .Press .title {
      font-size: 16px; }
    .Press .article {
      border-bottom: 1px solid rgba(184, 184, 184, 0.18); }
      .Press .article:first-of-type {
        display: none; }
      .Press .article:nth-child(2) {
        border-top: 1px solid rgba(184, 184, 184, 0.18); }
      .Press .article:last-of-type {
        border-bottom: 0; } }

@media screen and (max-width: 768px) {
  .Press .article {
    padding: 20px 0 50px; } }

@media screen and (max-width: 1024px) {
  .Press .article:first-of-type {
    display: inherit; } }

.BlogPosts {
  background-color: #f9f9f9;
  position: relative;
  color: #222222;
  padding: 6.25%; }
  .BlogPosts > h4 {
    padding-bottom: 6.25%; }
  @media (min-width: 1024px) {
    .BlogPosts > .posts {
      display: flex; } }

.MediumTile {
  display: block;
  text-decoration: none;
  color: #222222;
  margin-bottom: 12.5%; }
  .MediumTile > .image img {
    display: block;
    width: 100%; }
  .MediumTile > .date {
    display: block; }
  @media (min-width: 1024px) {
    .MediumTile {
      margin-bottom: 80px;
      width: auto;
      flex-grow: 1;
      flex-basis: 0;
      margin-right: 6.25%; }
      .MediumTile:last-of-type {
        margin-right: 0; } }

.Media {
  padding-top: 80px; }

.Developers {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  position: relative;
  background-color: #464646; }
  @media (min-width: 1024px) {
    .Developers {
      background-attachment: fixed; }
      .Developers.about {
        background-attachment: scroll; } }
  .Developers > .content {
    position: absolute;
    width: 87.5%;
    left: 6.25%;
    text-align: center;
    color: white;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 1024px) {
      .Developers > .content {
        width: 600px;
        left: calc(50% - 300px); } }

.auidences {
  background-size: cover;
  color: white;
  display: block;
  position: relative;
  overflow: hidden; }
  .auidences .list {
    display: flex;
    position: relative;
    z-index: 1; }
    .auidences .list .auidence {
      flex: 1;
      display: flex;
      flex-direction: column;
      margin: 0 2.75vw 0 2.75vw; }
      .auidences .list .auidence .title {
        height: 60px;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 60px;
        width: auto; }
      .auidences .list .auidence .title h2 {
        font-size: 38px;
        height: auto;
        width: auto;
        display: inline-block;
        letter-spacing: -2px;
        background: linear-gradient(160deg, #5281e7, #5a73e7 34%, #765aea);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      .auidences .list .auidence .description {
        color: #ffffff;
        font-size: 15px;
        font-weight: 300;
        line-height: 30px;
        min-height: 90px; }
    .auidences .list .auidence:first-child {
      margin: 0;
      margin-right: 2.75vw; }
    .auidences .list .auidence:last-child {
      margin: 0;
      margin-left: 2.75vw; }
  .auidences .auidence-background {
    min-width: 100%;
    min-height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0; }

@media screen and (max-width: 1100px) {
  .auidences {
    height: auto; }
    .auidences .list {
      flex-direction: column;
      height: auto; }
      .auidences .list .auidence {
        height: auto;
        margin: 0 0 65px 0;
        margin-left: 0;
        margin-right: 0; }
        .auidences .list .auidence:first-child {
          margin: 0 0 65px 0;
          margin-right: 0; }
        .auidences .list .auidence:last-child {
          margin: 0;
          margin-left: 0; }
        .auidences .list .auidence .title {
          line-height: 40px;
          flex: none;
          height: auto;
          width: auto; }
        .auidences .list .auidence .title h2 {
          font-size: 32px;
          height: auto;
          width: auto;
          display: inline-block; }
        .auidences .list .auidence .description {
          flex: none;
          height: auto;
          min-height: 0; } }

.EventRecapBanner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  position: relative;
  background-color: #464646; }
  @media (min-width: 1024px) {
    .EventRecapBanner {
      background-attachment: fixed; } }
  .EventRecapBanner > .grey {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .EventRecapBanner > .content {
    position: absolute;
    width: 87.5%;
    left: 6.25%;
    text-align: center;
    color: white;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 1024px) {
      .EventRecapBanner > .content {
        width: 600px;
        left: calc(50% - 300px); } }

.Four04 {
  height: 100vw;
  background-color: #222222;
  position: relative;
  margin-top: 80px;
  max-height: 800px; }
  .Four04 > .contents {
    color: white;
    color: white;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center; }

.Spread {
  position: relative; }
  .Spread > .image {
    height: 0;
    padding-bottom: 100%;
    overflow: visible;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .Spread > .image.features {
      order: 2; }
    .Spread > .image.hasBackground {
      height: auto;
      padding-bottom: 0; }
    .Spread > .image > .Illustration {
      box-sizing: border-box;
      padding: 6%; }
      @media (min-width: 1024px) {
        .Spread > .image > .Illustration {
          padding: 0;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0;
          right: 0; } }
      .Spread > .image > .Illustration > svg {
        display: block;
        margin: auto; }
        @media (min-width: 1024px) {
          .Spread > .image > .Illustration > svg {
            margin-left: auto;
            max-width: 600px;
            margin-right: auto; } }
      .Spread > .image > .Illustration > img {
        display: block;
        margin: 25px;
        width: calc(100% - 60px); }
        @media (min-width: 1024px) {
          .Spread > .image > .Illustration > img {
            margin: 0;
            margin-left: auto;
            max-width: 600px;
            width: 100%;
            margin-right: auto; } }
    .Spread > .image > .gradient {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 5.52%, rgba(0, 0, 0, 0) 47.51%); }
    .Spread > .image > .backgroundImageWrapper {
      width: 100%;
      min-height: 100vw;
      overflow: hidden; }
      @media (min-width: 1024px) {
        .Spread > .image > .backgroundImageWrapper {
          height: 100%;
          min-height: auto; } }
      .Spread > .image > .backgroundImageWrapper > .backgroundImage {
        object-fit: cover;
        object-position: center;
        width: auto;
        min-height: 100vw; }
        @media (min-width: 1024px) {
          .Spread > .image > .backgroundImageWrapper > .backgroundImage {
            width: 100%;
            height: 100%;
            min-height: auto; } }
      .Spread > .image > .backgroundImageWrapper > .chartImage {
        object-fit: cover;
        object-position: center;
        width: 100%;
        min-height: 100vw; }
        @media (min-width: 1024px) {
          .Spread > .image > .backgroundImageWrapper > .chartImage {
            width: 100%;
            height: 100%;
            min-height: auto; } }
      .Spread > .image > .backgroundImageWrapper > .text {
        position: absolute;
        color: white;
        left: 6.25%;
        right: 6.25%;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .Spread > .image > .backgroundImageWrapper > .text > .logo {
          max-height: 100px;
          max-width: 200px;
          margin: 0 0 40px 0; }
          @media (min-width: 1024px) {
            .Spread > .image > .backgroundImageWrapper > .text > .logo {
              margin: -60px 0 40px 0; } }
        .Spread > .image > .backgroundImageWrapper > .text > h2 {
          margin: 0 auto 50px;
          line-height: 28px;
          max-width: 600px;
          font-weight: 300;
          color: white; }
    .Spread > .image.storage, .Spread > .image.cryptocurrency, .Spread > .image.contracts {
      background-color: #464646; }
    .Spread > .image.cryptocurrency {
      order: 1 !important; }
    .Spread > .image.contracts {
      order: 2 !important; }
    .Spread > .image.storage {
      order: 1 !important; }
  .Spread > .content {
    box-sizing: border-box;
    position: relative; }
    .Spread > .content > .padding {
      padding: 12.5%; }
      @media (min-width: 1024px) {
        .Spread > .content > .padding {
          padding-bottom: 0; } }
      .Spread > .content > .padding > h3 {
        font-size: 22px; }
        @media (min-width: 1024px) {
          .Spread > .content > .padding > h3 {
            font-size: 32px; } }
      .Spread > .content > .padding p {
        font-size: 15px; }
  .Spread.is-dark {
    background-color: #222222;
    color: white; }
    .Spread.is-dark > .image {
      background-color: #464646; }
  .Spread ul {
    margin-bottom: 0; }
  @media (min-width: 1024px) {
    .Spread {
      display: flex;
      align-items: stretch;
      min-height: 800px; }
      .Spread > .image {
        width: 50%;
        overflow: hidden;
        height: auto;
        padding-bottom: 0;
        max-height: 920px; }
      .Spread.not-full > .image {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        max-height: auto; }
      .Spread > .content {
        width: 50%;
        min-height: auto; }
      .Spread:nth-child(2n-1) > .content {
        order: 1; }
      .Spread:nth-child(2n-1) > .image {
        order: 2; }
      .Spread.is-dark > .content, .Spread.is-intro > .content {
        order: 1; }
      .Spread.is-dark > .image, .Spread.is-intro > .image {
        order: 2; } }

.Illustration .cls-1,
.Illustration .cls-2 {
  fill: none;
  stroke-miterlimit: 10; }

.Illustration .cls-1 {
  stroke-linecap: square; }

.Illustration .st0 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10; }

.Illustration text {
  fill: white;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.315789px;
  text-transform: uppercase; }

.Illustration span {
  display: block;
  position: absolute; }

.image.bg--white .gradient {
  display: none; }

.image.bg--white .Illustration .cls-1 {
  stroke: #464646 !important; }

.speed-illy-text {
  text-align: center;
  font-size: 11px !important;
  width: 400px; }

.fair-illy-text {
  font-size: 10px !important; }

.security-illy-text {
  width: 60%;
  left: 20%;
  right: 20%;
  text-align: center; }
  .security-illy-text.is-1 {
    top: 40.5%; }
  .security-illy-text.is-2 {
    top: 57%; }
  .security-illy-text.is-3 {
    top: 72%; }

.speed-illy-text.is-3 {
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: none !important; }

.FAQ {
  margin-top: 80px; }
  .FAQ h2 {
    padding: 6.25%; }

.Event {
  padding: 6.25%;
  border-top: 1px solid rgba(184, 184, 184, 0.18); }
  .Event .header {
    color: #595959;
    position: relative; }
    .Event .header .title {
      cursor: pointer;
      margin-right: 20px;
      display: inline-block; }
      .Event .header .title:hover {
        color: #464646; }
    .Event .header .right .date {
      display: none; }
    .Event .header .left .date {
      display: block;
      margin-top: 10px; }
    @media (min-width: 1024px) {
      .Event .header {
        display: flex; }
        .Event .header .left,
        .Event .header .right {
          width: 50%; }
        .Event .header .left .date {
          display: none; }
        .Event .header .right {
          text-align: right; }
          .Event .header .right .date {
            display: inline-block; } }
  .Event h2 .location {
    display: block;
    margin-top: 10px; }
    @media (min-width: 1024px) {
      .Event h2 .location {
        margin-top: 0;
        display: inline-block; } }
  .Event .toggle {
    font-size: 30px;
    margin-left: 60px;
    display: inline-block;
    cursor: pointer;
    font-weight: 300;
    position: absolute;
    right: 0;
    top: -3px;
    width: 30px;
    text-align: center; }
    .Event .toggle::before {
      content: "+"; }
    @media (min-width: 1024px) {
      .Event .toggle {
        position: relative;
        top: 5px; } }
    .Event .toggle .minus {
      display: none; }
  .Event .content {
    width: 100%;
    overflow: hidden;
    height: 0; }
    .Event .content .description {
      padding-top: 3%;
      line-height: 1.5; }
    .Event .content .more {
      margin-top: 20px; }
    .Event .content .faq-video {
      height: 0;
      overflow: visible;
      padding-bottom: 33%;
      max-width: 700px;
      position: relative; }
      .Event .content .faq-video iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

.Event.is-open {
  background-color: white;
  -moz-transition: height 200ms ease-in-out;
  -o-transition: height 200ms ease-in-out;
  -webkit-transition: height 200ms ease-in-out;
  transition: height 200ms ease-in-out; }
  .Event.is-open .toggle::before {
    content: "-"; }
  .Event.is-open .content {
    height: 100%; }

.ContactForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .ContactForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .ContactForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .ContactForm {
      padding: 6.25%; } }
  .ContactForm > .contents-closed {
    text-align: center; }
  .ContactForm .hero {
    text-align: center; }
  .ContactForm .header {
    display: block;
    margin-top: -6px;
    margin-bottom: 12px;
    font-size: 24px; }
  .ContactForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .ContactForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .ContactForm .left {
        margin-bottom: 60px; } }
  .ContactForm .contents a {
    text-decoration: underline;
    color: white; }
  .ContactForm .contents ul {
    margin-left: 0; }
    .ContactForm .contents ul li {
      list-style: none; }
  @media (min-width: 1024px) {
    .ContactForm .contents {
      display: flex; }
    .ContactForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .ContactForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.ContactForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.ContactForm form.is-submitting .contents,
.ContactForm form.is-sent .contents,
.ContactForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.ContactForm fieldset {
  padding: 0;
  display: block; }
  .ContactForm fieldset.is-two {
    margin-top: 12px; }
    .ContactForm fieldset.is-two > * {
      float: left;
      width: calc(50% - 10px); }
    .ContactForm fieldset.is-two > *:first-child {
      margin-right: 10px; }
  .ContactForm fieldset.is-auto > div {
    width: 100%; }
  .ContactForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .ContactForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .ContactForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .ContactForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .ContactForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .ContactForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .ContactForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .ContactForm fieldset input[type="text"],
  .ContactForm fieldset input[role="combobox"],
  .ContactForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .ContactForm fieldset input[type="text"].is-invalid,
    .ContactForm fieldset input[role="combobox"].is-invalid,
    .ContactForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .ContactForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .ContactForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .ContactForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .ContactForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .ContactForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .ContactForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .ContactForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .ContactForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .ContactForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .ContactForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .ContactForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .ContactForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .ContactForm fieldset input[type="text"].is-half,
    .ContactForm fieldset input[role="combobox"].is-half,
    .ContactForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .ContactForm fieldset input[type="text"].is-half:first-of-type,
      .ContactForm fieldset input[role="combobox"].is-half:first-of-type,
      .ContactForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .ContactForm fieldset input[type="text"]:hover,
    .ContactForm fieldset input[role="combobox"]:hover,
    .ContactForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .ContactForm fieldset input[type="text"]:focus,
    .ContactForm fieldset input[role="combobox"]:focus,
    .ContactForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .ContactForm fieldset input[type="text"]::-webkit-input-placeholder,
    .ContactForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .ContactForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .ContactForm fieldset input[type="text"]:-moz-placeholder,
    .ContactForm fieldset input[role="combobox"]:-moz-placeholder,
    .ContactForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .ContactForm fieldset input[type="text"]::-moz-placeholder,
    .ContactForm fieldset input[role="combobox"]::-moz-placeholder,
    .ContactForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .ContactForm fieldset input[type="text"]:-ms-input-placeholder,
    .ContactForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .ContactForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .ContactForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .ContactForm fieldset {
    color: #FF4200; }

.ContactForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .ContactForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.ContactForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .ContactForm .tick.interests {
    margin-bottom: 0px; }
  .ContactForm .tick .bold {
    text-decoration: underline; }
  .ContactForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .ContactForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .ContactForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .ContactForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .ContactForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .ContactForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .ContactForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .ContactForm .tick label:focus, .ContactForm .tick label:hover {
      text-decoration: underline; }
      .ContactForm .tick label:focus .icon .line, .ContactForm .tick label:hover .icon .line {
        fill: #888; }
    .ContactForm .tick label.terms {
      display: inline-flex; }
    .ContactForm .tick label.privacy {
      display: inline-flex; }
  .ContactForm .tick input:focus + label {
    color: white; }
  .ContactForm .tick input:checked + label {
    color: white; }
    .ContactForm .tick input:checked + label:hover {
      text-decoration: none; }
    .ContactForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .ContactForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.ContactForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .ContactForm .actions {
      padding-top: 60px; } }
  .ContactForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .ContactForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .ContactForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .ContactForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.ContactForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .ContactForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .ContactForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.ContactForm .RadioInput {
  margin-bottom: 20px; }
  .ContactForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .ContactForm .RadioInput {
      margin-bottom: 0; }
      .ContactForm .RadioInput.is-1, .ContactForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .ContactForm .RadioInput.is-1 {
        margin-right: 20px; }
      .ContactForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .ContactForm .RadioInput a {
    color: white; }

.ContactForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .ContactForm .fine a {
    color: #ebebeb; }
    .ContactForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.ContactForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.ContactForm .left > .developers {
  position: relative; }
  .ContactForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .ContactForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.ContactForm .right .verification {
  position: relative; }
  .ContactForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .ContactForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.PartnerForm {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: #222222; }
  .PartnerForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .PartnerForm .heading {
    color: #222222;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -2.5px;
    line-height: 47px;
    margin-bottom: 50px; }
  .PartnerForm input {
    border-radius: 0; }
  .PartnerForm label:not(.tick),
  .PartnerForm .group-heading {
    color: #222222;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase; }
  @media (min-width: 1024px) {
    .PartnerForm {
      padding: 60px; } }
  .PartnerForm > .contents-closed {
    text-align: center; }
  .PartnerForm .header {
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px; }
  .PartnerForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .PartnerForm p {
    margin: 1rem 0; }
    .PartnerForm p:last-child {
      margin-bottom: 0; }
    .PartnerForm p.disclaimer {
      font-weight: 300;
      font-size: 8px; }
  .PartnerForm .contents {
    display: flex;
    flex-direction: column;
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .PartnerForm .contents {
        margin-bottom: 60px; } }
    .PartnerForm .contents .checkbox-group-wrapper fieldset {
      margin-top: 34px; }
      .PartnerForm .contents .checkbox-group-wrapper fieldset:first-child {
        margin-top: 24px; }
    .PartnerForm .contents a {
      text-decoration: underline;
      color: #222222; }
    .PartnerForm .contents ul {
      margin: 10px 0 0 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(10px, 1fr)); }
      .PartnerForm .contents ul li {
        list-style: none; }
      @media screen and (max-width: 768px) {
        .PartnerForm .contents ul {
          grid-template-columns: repeat(1, minmax(10px, 1fr)); } }
  @media (min-width: 1024px) {
    .PartnerForm .contents {
      display: flex; } }

.PartnerForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.PartnerForm form.is-submitting .hero,
.PartnerForm form.is-submitting .contents,
.PartnerForm form.is-sent .hero,
.PartnerForm form.is-sent .contents,
.PartnerForm form.is-error-submitting .hero,
.PartnerForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.PartnerForm fieldset,
.PartnerForm .other-input {
  padding: 0;
  display: block; }
  .PartnerForm fieldset.is-two > *,
  .PartnerForm .other-input.is-two > * {
    float: left;
    width: calc(50% - 20px); }
  .PartnerForm fieldset.is-two > *:first-child,
  .PartnerForm .other-input.is-two > *:first-child {
    margin-right: 40px; }
  @media screen and (max-width: 768px) {
    .PartnerForm fieldset.is-two > *,
    .PartnerForm .other-input.is-two > * {
      float: none; }
    .PartnerForm fieldset.is-two > *:first-child,
    .PartnerForm .other-input.is-two > *:first-child {
      margin-right: 0; } }
  .PartnerForm fieldset.is-auto > div,
  .PartnerForm .other-input.is-auto > div {
    width: 100%; }
  .PartnerForm fieldset textarea,
  .PartnerForm .other-input textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #222222;
    margin-top: 16px;
    margin-bottom: 16px; }
    .PartnerForm fieldset textarea:focus,
    .PartnerForm .other-input textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .PartnerForm fieldset textarea.is-invalid,
    .PartnerForm .other-input textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .PartnerForm fieldset textarea.is-invalid::-webkit-input-placeholder,
      .PartnerForm .other-input textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .PartnerForm fieldset textarea.is-invalid:-moz-placeholder,
      .PartnerForm .other-input textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .PartnerForm fieldset textarea.is-invalid::-moz-placeholder,
      .PartnerForm .other-input textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .PartnerForm fieldset textarea.is-invalid:-ms-input-placeholder,
      .PartnerForm .other-input textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .PartnerForm fieldset input[type="text"],
  .PartnerForm fieldset input[role="combobox"],
  .PartnerForm fieldset input[type="email"],
  .PartnerForm .other-input input[type="text"],
  .PartnerForm .other-input input[role="combobox"],
  .PartnerForm .other-input input[type="email"] {
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 35px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: #222222;
    margin: 0 0 8px 0;
    border: 1px solid #222222;
    outline: none;
    padding: 0 0 0 10px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    /*
    &:hover {
      border-bottom-color: $color-off-white;
    }
    &:focus {
      border-bottom-color: $color-white;
    }
    */ }
    .PartnerForm fieldset input[type="text"].is-invalid,
    .PartnerForm fieldset input[role="combobox"].is-invalid,
    .PartnerForm fieldset input[type="email"].is-invalid,
    .PartnerForm .other-input input[type="text"].is-invalid,
    .PartnerForm .other-input input[role="combobox"].is-invalid,
    .PartnerForm .other-input input[type="email"].is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .PartnerForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .PartnerForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .PartnerForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder,
      .PartnerForm .other-input input[type="text"].is-invalid::-webkit-input-placeholder,
      .PartnerForm .other-input input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .PartnerForm .other-input input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .PartnerForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .PartnerForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .PartnerForm fieldset input[type="email"].is-invalid:-moz-placeholder,
      .PartnerForm .other-input input[type="text"].is-invalid:-moz-placeholder,
      .PartnerForm .other-input input[role="combobox"].is-invalid:-moz-placeholder,
      .PartnerForm .other-input input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .PartnerForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .PartnerForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .PartnerForm fieldset input[type="email"].is-invalid::-moz-placeholder,
      .PartnerForm .other-input input[type="text"].is-invalid::-moz-placeholder,
      .PartnerForm .other-input input[role="combobox"].is-invalid::-moz-placeholder,
      .PartnerForm .other-input input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .PartnerForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .PartnerForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .PartnerForm fieldset input[type="email"].is-invalid:-ms-input-placeholder,
      .PartnerForm .other-input input[type="text"].is-invalid:-ms-input-placeholder,
      .PartnerForm .other-input input[role="combobox"].is-invalid:-ms-input-placeholder,
      .PartnerForm .other-input input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .PartnerForm fieldset input[type="text"].is-half,
    .PartnerForm fieldset input[role="combobox"].is-half,
    .PartnerForm fieldset input[type="email"].is-half,
    .PartnerForm .other-input input[type="text"].is-half,
    .PartnerForm .other-input input[role="combobox"].is-half,
    .PartnerForm .other-input input[type="email"].is-half {
      width: calc(50% - 20px);
      flex: 1; }
      .PartnerForm fieldset input[type="text"].is-half:first-of-type,
      .PartnerForm fieldset input[role="combobox"].is-half:first-of-type,
      .PartnerForm fieldset input[type="email"].is-half:first-of-type,
      .PartnerForm .other-input input[type="text"].is-half:first-of-type,
      .PartnerForm .other-input input[role="combobox"].is-half:first-of-type,
      .PartnerForm .other-input input[type="email"].is-half:first-of-type {
        margin-right: 40px; }
      @media screen and (max-width: 768px) {
        .PartnerForm fieldset input[type="text"].is-half,
        .PartnerForm fieldset input[role="combobox"].is-half,
        .PartnerForm fieldset input[type="email"].is-half,
        .PartnerForm .other-input input[type="text"].is-half,
        .PartnerForm .other-input input[role="combobox"].is-half,
        .PartnerForm .other-input input[type="email"].is-half {
          width: 100%; }
          .PartnerForm fieldset input[type="text"].is-half:first-of-type,
          .PartnerForm fieldset input[role="combobox"].is-half:first-of-type,
          .PartnerForm fieldset input[type="email"].is-half:first-of-type,
          .PartnerForm .other-input input[type="text"].is-half:first-of-type,
          .PartnerForm .other-input input[role="combobox"].is-half:first-of-type,
          .PartnerForm .other-input input[type="email"].is-half:first-of-type {
            margin-right: auto; } }
    .PartnerForm fieldset input[type="text"]::-webkit-input-placeholder,
    .PartnerForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .PartnerForm fieldset input[type="email"]::-webkit-input-placeholder,
    .PartnerForm .other-input input[type="text"]::-webkit-input-placeholder,
    .PartnerForm .other-input input[role="combobox"]::-webkit-input-placeholder,
    .PartnerForm .other-input input[type="email"]::-webkit-input-placeholder {
      color: #b8b8b8; }
    .PartnerForm fieldset input[type="text"]:-moz-placeholder,
    .PartnerForm fieldset input[role="combobox"]:-moz-placeholder,
    .PartnerForm fieldset input[type="email"]:-moz-placeholder,
    .PartnerForm .other-input input[type="text"]:-moz-placeholder,
    .PartnerForm .other-input input[role="combobox"]:-moz-placeholder,
    .PartnerForm .other-input input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #b8b8b8; }
    .PartnerForm fieldset input[type="text"]::-moz-placeholder,
    .PartnerForm fieldset input[role="combobox"]::-moz-placeholder,
    .PartnerForm fieldset input[type="email"]::-moz-placeholder,
    .PartnerForm .other-input input[type="text"]::-moz-placeholder,
    .PartnerForm .other-input input[role="combobox"]::-moz-placeholder,
    .PartnerForm .other-input input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #b8b8b8; }
    .PartnerForm fieldset input[type="text"]:-ms-input-placeholder,
    .PartnerForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .PartnerForm fieldset input[type="email"]:-ms-input-placeholder,
    .PartnerForm .other-input input[type="text"]:-ms-input-placeholder,
    .PartnerForm .other-input input[role="combobox"]:-ms-input-placeholder,
    .PartnerForm .other-input input[type="email"]:-ms-input-placeholder {
      color: #b8b8b8; }
  .PartnerForm fieldset.is-invalid,
  .PartnerForm .other-input.is-invalid {
    color: #FF4200; }
  .is-invalid .PartnerForm fieldset, .is-invalid
  .PartnerForm .other-input {
    color: #FF4200; }
  .PartnerForm fieldset .Select + input,
  .PartnerForm .other-input .Select + input {
    margin-top: 10px; }

.PartnerForm .dropdown {
  margin-bottom: 16px; }
  .PartnerForm .dropdown.is-half {
    width: calc(50% - 20px);
    flex: 1; }
    .PartnerForm .dropdown.is-half:first-of-type {
      margin-right: 40px; }
  @media screen and (max-width: 768px) {
    .PartnerForm .dropdown.is-half {
      width: 100%;
      flex: 1; }
      .PartnerForm .dropdown.is-half:first-of-type {
        margin-right: 0; } }
  .PartnerForm .dropdown .is-invalid .Select-control {
    border-color: #FF4200 !important; }
    .PartnerForm .dropdown .is-invalid .Select-control .Select-placeholder {
      color: #FF4200 !important; }
  .PartnerForm .dropdown .Select-placeholder {
    padding-left: 13px; }
  .PartnerForm .dropdown .Select-value-label {
    padding-left: 13px; }
  .PartnerForm .dropdown .Select-control {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); }

.PartnerForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .PartnerForm .tick.interests {
    margin-bottom: 0px; }
  .PartnerForm .tick .bold {
    text-decoration: underline; }
  .PartnerForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .PartnerForm .tick a {
    color: #222222;
    position: relative;
    top: 1px; }
  .PartnerForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #222222;
    font-size: 14px;
    letter-spacing: -0.7px;
    line-height: 17px; }
    .PartnerForm .tick label > span {
      display: block;
      width: calc(100% - 40px); }
    .PartnerForm .tick label .icon {
      position: relative;
      top: 1px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 1px solid #222222;
      margin-right: 10px;
      background-position: center center;
      background-repeat: no-repeat; }
      .PartnerForm .tick label .icon svg {
        display: block;
        width: 12px;
        height: 12px;
        position: relative;
        top: -1px;
        left: -1px; }
      .PartnerForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .PartnerForm .tick label:focus, .PartnerForm .tick label:hover {
      text-decoration: underline; }
      .PartnerForm .tick label:focus .icon .line, .PartnerForm .tick label:hover .icon .line {
        fill: #888; }
    .PartnerForm .tick label.terms {
      display: inline-flex; }
    .PartnerForm .tick label.privacy {
      display: inline-flex; }
  .PartnerForm .tick input:focus + label {
    color: #222222; }
  .PartnerForm .tick input:checked + label {
    color: #222222; }
    .PartnerForm .tick input:checked + label:hover {
      text-decoration: none; }
    .PartnerForm .tick input:checked + label .icon {
      background-color: white;
      border-color: #222222; }
      .PartnerForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.PartnerForm .actions .actions-inner-wrapper {
  display: flex;
  align-items: center;
  column-gap: 20px; }
  .PartnerForm .actions .actions-inner-wrapper .success-msg {
    color: #3EC878;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px; }
  .PartnerForm .actions .actions-inner-wrapper .Btn {
    flex: 0; }
  @media screen and (max-width: 1100px) {
    .PartnerForm .actions .actions-inner-wrapper {
      flex-direction: column;
      flex-wrap: wrap; }
      .PartnerForm .actions .actions-inner-wrapper .success-msg {
        margin-bottom: 20px; }
      .PartnerForm .actions .actions-inner-wrapper .Btn {
        margin: auto;
        width: auto; } }

.PartnerForm .actions .Btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out; }
  @media (min-width: 1024px) {
    .PartnerForm .actions .Btn {
      margin-left: auto;
      margin-right: 0; } }
  .PartnerForm .actions .Btn.is-submitting {
    background-color: #595959;
    color: white;
    pointer-events: none; }
  .PartnerForm .actions .Btn.is-sent {
    /*background-color: $color-white;
      color: $color-black;*/
    pointer-events: auto; }

.PartnerForm .actions .Btn-big {
  display: block;
  width: 100%;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  /*
    &.is-sent {
      background-color: $color-white;
      color: $color-black;
      pointer-events: none;
    }
    */ }
  @media (min-width: 1024px) {
    .PartnerForm .actions .Btn-big {
      margin-left: 0px;
      margin-right: auto;
      width: auto; } }
  .PartnerForm .actions .Btn-big.is-submitting {
    background-color: #8259ef;
    color: white;
    pointer-events: none; }

.PartnerForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .PartnerForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .PartnerForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.PartnerForm .RadioInput {
  margin-bottom: 20px; }
  .PartnerForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .PartnerForm .RadioInput {
      margin-bottom: 0; }
      .PartnerForm .RadioInput.is-1, .PartnerForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .PartnerForm .RadioInput.is-1 {
        margin-right: 20px; }
      .PartnerForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .PartnerForm .RadioInput a {
    color: #222222; }

.PartnerForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .PartnerForm .fine a {
    color: #ebebeb; }
    .PartnerForm .fine a:hover {
      text-decoration: none; }

.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #222222; }

.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #222222; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.PartnerForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

/*
.PartnerForm .left > .developers {
  position: relative;
  .recaptcha {
    margin-top: 12px;
    @include big {
      margin-top: 12px;
      position: absolute;
      top: 12px;
      right: 0;
    }
  }
}
*/
.PartnerForm .verification {
  position: relative; }
  .PartnerForm .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .PartnerForm .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.PrescriptionForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .PrescriptionForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .PrescriptionForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .PrescriptionForm {
      padding: 6.25%; } }
  .PrescriptionForm > .contents-closed {
    text-align: center; }
  .PrescriptionForm .header {
    display: block;
    margin-top: 24px;
    font-size: 24px; }
  .PrescriptionForm .dual {
    display: block;
    margin-bottom: 24px;
    font-size: 24px; }
  .PrescriptionForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .PrescriptionForm .footer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px;
    font-style: italic; }
  .PrescriptionForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .PrescriptionForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .PrescriptionForm .left {
        margin-bottom: 60px; } }
  .PrescriptionForm .contents a {
    text-decoration: underline;
    color: white; }
  .PrescriptionForm .contents ul {
    margin-left: 20px; }
    .PrescriptionForm .contents ul li {
      list-style: disc; }
  @media (min-width: 1024px) {
    .PrescriptionForm .contents {
      display: flex; }
    .PrescriptionForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .PrescriptionForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.PrescriptionForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.PrescriptionForm form.is-submitting .contents,
.PrescriptionForm form.is-sent .contents,
.PrescriptionForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.PrescriptionForm fieldset {
  padding: 0;
  display: block; }
  .PrescriptionForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .PrescriptionForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .PrescriptionForm fieldset.is-auto > div {
    width: 100%; }
  .PrescriptionForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .PrescriptionForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .PrescriptionForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .PrescriptionForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .PrescriptionForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .PrescriptionForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .PrescriptionForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .PrescriptionForm fieldset input[type="text"],
  .PrescriptionForm fieldset input[role="combobox"],
  .PrescriptionForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .PrescriptionForm fieldset input[type="text"].is-invalid,
    .PrescriptionForm fieldset input[role="combobox"].is-invalid,
    .PrescriptionForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .PrescriptionForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .PrescriptionForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .PrescriptionForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .PrescriptionForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .PrescriptionForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .PrescriptionForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .PrescriptionForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .PrescriptionForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .PrescriptionForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .PrescriptionForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .PrescriptionForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .PrescriptionForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .PrescriptionForm fieldset input[type="text"].is-half,
    .PrescriptionForm fieldset input[role="combobox"].is-half,
    .PrescriptionForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .PrescriptionForm fieldset input[type="text"].is-half:first-of-type,
      .PrescriptionForm fieldset input[role="combobox"].is-half:first-of-type,
      .PrescriptionForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .PrescriptionForm fieldset input[type="text"]:hover,
    .PrescriptionForm fieldset input[role="combobox"]:hover,
    .PrescriptionForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .PrescriptionForm fieldset input[type="text"]:focus,
    .PrescriptionForm fieldset input[role="combobox"]:focus,
    .PrescriptionForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .PrescriptionForm fieldset input[type="text"]::-webkit-input-placeholder,
    .PrescriptionForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .PrescriptionForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .PrescriptionForm fieldset input[type="text"]:-moz-placeholder,
    .PrescriptionForm fieldset input[role="combobox"]:-moz-placeholder,
    .PrescriptionForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .PrescriptionForm fieldset input[type="text"]::-moz-placeholder,
    .PrescriptionForm fieldset input[role="combobox"]::-moz-placeholder,
    .PrescriptionForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .PrescriptionForm fieldset input[type="text"]:-ms-input-placeholder,
    .PrescriptionForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .PrescriptionForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .PrescriptionForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .PrescriptionForm fieldset {
    color: #FF4200; }

.PrescriptionForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .PrescriptionForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.PrescriptionForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .PrescriptionForm .tick.interests {
    margin-bottom: 0px; }
  .PrescriptionForm .tick .bold {
    text-decoration: underline; }
  .PrescriptionForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .PrescriptionForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .PrescriptionForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .PrescriptionForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .PrescriptionForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .PrescriptionForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .PrescriptionForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .PrescriptionForm .tick label:focus, .PrescriptionForm .tick label:hover {
      text-decoration: underline; }
      .PrescriptionForm .tick label:focus .icon .line, .PrescriptionForm .tick label:hover .icon .line {
        fill: #888; }
    .PrescriptionForm .tick label.terms {
      display: inline-flex; }
    .PrescriptionForm .tick label.privacy {
      display: inline-flex; }
  .PrescriptionForm .tick input:focus + label {
    color: white; }
  .PrescriptionForm .tick input:checked + label {
    color: white; }
    .PrescriptionForm .tick input:checked + label:hover {
      text-decoration: none; }
    .PrescriptionForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .PrescriptionForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.PrescriptionForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .PrescriptionForm .actions {
      padding-top: 30px; } }
  .PrescriptionForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .PrescriptionForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .PrescriptionForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .PrescriptionForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .PrescriptionForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .PrescriptionForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        width: auto; } }
    .PrescriptionForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .PrescriptionForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.PrescriptionForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .PrescriptionForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .PrescriptionForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.PrescriptionForm .RadioInput {
  margin-bottom: 20px; }
  .PrescriptionForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .PrescriptionForm .RadioInput {
      margin-bottom: 0; }
      .PrescriptionForm .RadioInput.is-1, .PrescriptionForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .PrescriptionForm .RadioInput.is-1 {
        margin-right: 20px; }
      .PrescriptionForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .PrescriptionForm .RadioInput a {
    color: white; }

.PrescriptionForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .PrescriptionForm .fine a {
    color: #ebebeb; }
    .PrescriptionForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.PrescriptionForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.PrescriptionForm .left > .developers {
  position: relative; }
  .PrescriptionForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .PrescriptionForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.PrescriptionForm .right .verification {
  position: relative; }
  .PrescriptionForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .PrescriptionForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.ConsensusForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .ConsensusForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .ConsensusForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .ConsensusForm {
      padding: 6.25%; } }
  .ConsensusForm > .contents-closed {
    text-align: center; }
  .ConsensusForm .header {
    display: block;
    margin-top: 24px;
    font-size: 24px; }
  .ConsensusForm .dual {
    display: block;
    margin-bottom: 24px;
    font-size: 24px; }
  .ConsensusForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .ConsensusForm .footer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px;
    font-style: italic; }
  .ConsensusForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .ConsensusForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .ConsensusForm .left {
        margin-bottom: 60px; } }
  .ConsensusForm .contents a {
    text-decoration: underline;
    color: white; }
  .ConsensusForm .contents ul {
    margin-left: 20px; }
    .ConsensusForm .contents ul li {
      list-style: disc; }
  @media (min-width: 1024px) {
    .ConsensusForm .contents {
      display: flex; }
    .ConsensusForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .ConsensusForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.ConsensusForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.ConsensusForm form.is-submitting .contents,
.ConsensusForm form.is-sent .contents,
.ConsensusForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.ConsensusForm fieldset {
  padding: 0;
  display: block; }
  .ConsensusForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .ConsensusForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .ConsensusForm fieldset.is-auto > div {
    width: 100%; }
  .ConsensusForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .ConsensusForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .ConsensusForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .ConsensusForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .ConsensusForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .ConsensusForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .ConsensusForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .ConsensusForm fieldset input[type="text"],
  .ConsensusForm fieldset input[role="combobox"],
  .ConsensusForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .ConsensusForm fieldset input[type="text"].is-invalid,
    .ConsensusForm fieldset input[role="combobox"].is-invalid,
    .ConsensusForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .ConsensusForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .ConsensusForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .ConsensusForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .ConsensusForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .ConsensusForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .ConsensusForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .ConsensusForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .ConsensusForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .ConsensusForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .ConsensusForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .ConsensusForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .ConsensusForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .ConsensusForm fieldset input[type="text"].is-half,
    .ConsensusForm fieldset input[role="combobox"].is-half,
    .ConsensusForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .ConsensusForm fieldset input[type="text"].is-half:first-of-type,
      .ConsensusForm fieldset input[role="combobox"].is-half:first-of-type,
      .ConsensusForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .ConsensusForm fieldset input[type="text"]:hover,
    .ConsensusForm fieldset input[role="combobox"]:hover,
    .ConsensusForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .ConsensusForm fieldset input[type="text"]:focus,
    .ConsensusForm fieldset input[role="combobox"]:focus,
    .ConsensusForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .ConsensusForm fieldset input[type="text"]::-webkit-input-placeholder,
    .ConsensusForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .ConsensusForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .ConsensusForm fieldset input[type="text"]:-moz-placeholder,
    .ConsensusForm fieldset input[role="combobox"]:-moz-placeholder,
    .ConsensusForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .ConsensusForm fieldset input[type="text"]::-moz-placeholder,
    .ConsensusForm fieldset input[role="combobox"]::-moz-placeholder,
    .ConsensusForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .ConsensusForm fieldset input[type="text"]:-ms-input-placeholder,
    .ConsensusForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .ConsensusForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .ConsensusForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .ConsensusForm fieldset {
    color: #FF4200; }

.ConsensusForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .ConsensusForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.ConsensusForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .ConsensusForm .tick.interests {
    margin-bottom: 0px; }
  .ConsensusForm .tick .bold {
    text-decoration: underline; }
  .ConsensusForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .ConsensusForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .ConsensusForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .ConsensusForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .ConsensusForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .ConsensusForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .ConsensusForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .ConsensusForm .tick label:focus, .ConsensusForm .tick label:hover {
      text-decoration: underline; }
      .ConsensusForm .tick label:focus .icon .line, .ConsensusForm .tick label:hover .icon .line {
        fill: #888; }
    .ConsensusForm .tick label.terms {
      display: inline-flex; }
    .ConsensusForm .tick label.privacy {
      display: inline-flex; }
  .ConsensusForm .tick input:focus + label {
    color: white; }
  .ConsensusForm .tick input:checked + label {
    color: white; }
    .ConsensusForm .tick input:checked + label:hover {
      text-decoration: none; }
    .ConsensusForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .ConsensusForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.ConsensusForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .ConsensusForm .actions {
      padding-top: 30px; } }
  .ConsensusForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .ConsensusForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .ConsensusForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .ConsensusForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .ConsensusForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .ConsensusForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        width: auto; } }
    .ConsensusForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .ConsensusForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.ConsensusForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .ConsensusForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .ConsensusForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.ConsensusForm .RadioInput {
  margin-bottom: 20px; }
  .ConsensusForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .ConsensusForm .RadioInput {
      margin-bottom: 0; }
      .ConsensusForm .RadioInput.is-1, .ConsensusForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .ConsensusForm .RadioInput.is-1 {
        margin-right: 20px; }
      .ConsensusForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .ConsensusForm .RadioInput a {
    color: white; }

.ConsensusForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .ConsensusForm .fine a {
    color: #ebebeb; }
    .ConsensusForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.ConsensusForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.ConsensusForm .left > .developers {
  position: relative; }
  .ConsensusForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .ConsensusForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.ConsensusForm .right .verification {
  position: relative; }
  .ConsensusForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .ConsensusForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.HackathonForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .HackathonForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .HackathonForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .HackathonForm {
      padding: 6.25%; } }
  .HackathonForm > .contents-closed {
    text-align: center; }
  .HackathonForm .header {
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px; }
  .HackathonForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .HackathonForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .HackathonForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .HackathonForm .left {
        margin-bottom: 60px; } }
  .HackathonForm .contents a {
    text-decoration: underline;
    color: white; }
  .HackathonForm .contents ul {
    margin-left: 0; }
    .HackathonForm .contents ul li {
      list-style: none; }
  @media (min-width: 1024px) {
    .HackathonForm .contents {
      display: flex; }
    .HackathonForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .HackathonForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.HackathonForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.HackathonForm form.is-submitting .contents,
.HackathonForm form.is-sent .contents,
.HackathonForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.HackathonForm fieldset {
  padding: 0;
  display: block; }
  .HackathonForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .HackathonForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .HackathonForm fieldset.is-auto > div {
    width: 100%; }
  .HackathonForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .HackathonForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .HackathonForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .HackathonForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .HackathonForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .HackathonForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .HackathonForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .HackathonForm fieldset input[type="text"],
  .HackathonForm fieldset input[role="combobox"],
  .HackathonForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .HackathonForm fieldset input[type="text"].is-invalid,
    .HackathonForm fieldset input[role="combobox"].is-invalid,
    .HackathonForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .HackathonForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .HackathonForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .HackathonForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .HackathonForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .HackathonForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .HackathonForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .HackathonForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .HackathonForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .HackathonForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .HackathonForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .HackathonForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .HackathonForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .HackathonForm fieldset input[type="text"].is-half,
    .HackathonForm fieldset input[role="combobox"].is-half,
    .HackathonForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .HackathonForm fieldset input[type="text"].is-half:first-of-type,
      .HackathonForm fieldset input[role="combobox"].is-half:first-of-type,
      .HackathonForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .HackathonForm fieldset input[type="text"]:hover,
    .HackathonForm fieldset input[role="combobox"]:hover,
    .HackathonForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .HackathonForm fieldset input[type="text"]:focus,
    .HackathonForm fieldset input[role="combobox"]:focus,
    .HackathonForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .HackathonForm fieldset input[type="text"]::-webkit-input-placeholder,
    .HackathonForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .HackathonForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .HackathonForm fieldset input[type="text"]:-moz-placeholder,
    .HackathonForm fieldset input[role="combobox"]:-moz-placeholder,
    .HackathonForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .HackathonForm fieldset input[type="text"]::-moz-placeholder,
    .HackathonForm fieldset input[role="combobox"]::-moz-placeholder,
    .HackathonForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .HackathonForm fieldset input[type="text"]:-ms-input-placeholder,
    .HackathonForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .HackathonForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .HackathonForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .HackathonForm fieldset {
    color: #FF4200; }

.HackathonForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .HackathonForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.HackathonForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .HackathonForm .tick.interests {
    margin-bottom: 0px; }
  .HackathonForm .tick .bold {
    text-decoration: underline; }
  .HackathonForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .HackathonForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .HackathonForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .HackathonForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .HackathonForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .HackathonForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .HackathonForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .HackathonForm .tick label:focus, .HackathonForm .tick label:hover {
      text-decoration: underline; }
      .HackathonForm .tick label:focus .icon .line, .HackathonForm .tick label:hover .icon .line {
        fill: #888; }
    .HackathonForm .tick label.terms {
      display: inline-flex; }
    .HackathonForm .tick label.privacy {
      display: inline-flex; }
  .HackathonForm .tick input:focus + label {
    color: white; }
  .HackathonForm .tick input:checked + label {
    color: white; }
    .HackathonForm .tick input:checked + label:hover {
      text-decoration: none; }
    .HackathonForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .HackathonForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.HackathonForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .HackathonForm .actions {
      padding-top: 30px; } }
  .HackathonForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .HackathonForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .HackathonForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .HackathonForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .HackathonForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .HackathonForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        width: auto; } }
    .HackathonForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .HackathonForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.HackathonForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .HackathonForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .HackathonForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.HackathonForm .RadioInput {
  margin-bottom: 20px; }
  .HackathonForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .HackathonForm .RadioInput {
      margin-bottom: 0; }
      .HackathonForm .RadioInput.is-1, .HackathonForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .HackathonForm .RadioInput.is-1 {
        margin-right: 20px; }
      .HackathonForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .HackathonForm .RadioInput a {
    color: white; }

.HackathonForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .HackathonForm .fine a {
    color: #ebebeb; }
    .HackathonForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.HackathonForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.HackathonForm .left > .developers {
  position: relative; }
  .HackathonForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .HackathonForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.HackathonForm .right .verification {
  position: relative; }
  .HackathonForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .HackathonForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.CarbonForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .CarbonForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .CarbonForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .CarbonForm {
      padding: 6.25%; } }
  .CarbonForm > .contents-closed {
    text-align: center; }
  .CarbonForm .header {
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px; }
  .CarbonForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .CarbonForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .CarbonForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .CarbonForm .left {
        margin-bottom: 60px; } }
  .CarbonForm .contents a {
    text-decoration: underline;
    color: white; }
  .CarbonForm .contents ul {
    margin-left: 0; }
    .CarbonForm .contents ul li {
      list-style: none; }
  @media (min-width: 1024px) {
    .CarbonForm .contents {
      display: flex; }
    .CarbonForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .CarbonForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.CarbonForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.CarbonForm form.is-submitting .contents,
.CarbonForm form.is-sent .contents,
.CarbonForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.CarbonForm fieldset {
  padding: 0;
  display: block; }
  .CarbonForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .CarbonForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .CarbonForm fieldset.is-auto > div {
    width: 100%; }
  .CarbonForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .CarbonForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .CarbonForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .CarbonForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .CarbonForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .CarbonForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .CarbonForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .CarbonForm fieldset input[type="text"],
  .CarbonForm fieldset input[role="combobox"],
  .CarbonForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .CarbonForm fieldset input[type="text"].is-invalid,
    .CarbonForm fieldset input[role="combobox"].is-invalid,
    .CarbonForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .CarbonForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .CarbonForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .CarbonForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .CarbonForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .CarbonForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .CarbonForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .CarbonForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .CarbonForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .CarbonForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .CarbonForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .CarbonForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .CarbonForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .CarbonForm fieldset input[type="text"].is-half,
    .CarbonForm fieldset input[role="combobox"].is-half,
    .CarbonForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .CarbonForm fieldset input[type="text"].is-half:first-of-type,
      .CarbonForm fieldset input[role="combobox"].is-half:first-of-type,
      .CarbonForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .CarbonForm fieldset input[type="text"]:hover,
    .CarbonForm fieldset input[role="combobox"]:hover,
    .CarbonForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .CarbonForm fieldset input[type="text"]:focus,
    .CarbonForm fieldset input[role="combobox"]:focus,
    .CarbonForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .CarbonForm fieldset input[type="text"]::-webkit-input-placeholder,
    .CarbonForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .CarbonForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .CarbonForm fieldset input[type="text"]:-moz-placeholder,
    .CarbonForm fieldset input[role="combobox"]:-moz-placeholder,
    .CarbonForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .CarbonForm fieldset input[type="text"]::-moz-placeholder,
    .CarbonForm fieldset input[role="combobox"]::-moz-placeholder,
    .CarbonForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .CarbonForm fieldset input[type="text"]:-ms-input-placeholder,
    .CarbonForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .CarbonForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .CarbonForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .CarbonForm fieldset {
    color: #FF4200; }

.CarbonForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .CarbonForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.CarbonForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .CarbonForm .tick.interests {
    margin-bottom: 0px; }
  .CarbonForm .tick .bold {
    text-decoration: underline; }
  .CarbonForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .CarbonForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .CarbonForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .CarbonForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .CarbonForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .CarbonForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .CarbonForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .CarbonForm .tick label:focus, .CarbonForm .tick label:hover {
      text-decoration: underline; }
      .CarbonForm .tick label:focus .icon .line, .CarbonForm .tick label:hover .icon .line {
        fill: #888; }
    .CarbonForm .tick label.terms {
      display: inline-flex; }
    .CarbonForm .tick label.privacy {
      display: inline-flex; }
  .CarbonForm .tick input:focus + label {
    color: white; }
  .CarbonForm .tick input:checked + label {
    color: white; }
    .CarbonForm .tick input:checked + label:hover {
      text-decoration: none; }
    .CarbonForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .CarbonForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.CarbonForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .CarbonForm .actions {
      padding-top: 30px; } }
  .CarbonForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .CarbonForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .CarbonForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .CarbonForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .CarbonForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .CarbonForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        width: auto; } }
    .CarbonForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .CarbonForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.CarbonForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .CarbonForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .CarbonForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.CarbonForm .RadioInput {
  margin-bottom: 20px; }
  .CarbonForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .CarbonForm .RadioInput {
      margin-bottom: 0; }
      .CarbonForm .RadioInput.is-1, .CarbonForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .CarbonForm .RadioInput.is-1 {
        margin-right: 20px; }
      .CarbonForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .CarbonForm .RadioInput a {
    color: white; }

.CarbonForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .CarbonForm .fine a {
    color: #ebebeb; }
    .CarbonForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.CarbonForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.CarbonForm .left > .developers {
  position: relative; }
  .CarbonForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .CarbonForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.CarbonForm .right .verification {
  position: relative; }
  .CarbonForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .CarbonForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.EVMGuideForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .EVMGuideForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .EVMGuideForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .EVMGuideForm {
      padding: 6.25%; } }
  .EVMGuideForm > .contents-closed {
    text-align: center; }
  .EVMGuideForm .header {
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px; }
  .EVMGuideForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .EVMGuideForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .EVMGuideForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .EVMGuideForm .left {
        margin-bottom: 60px; } }
  .EVMGuideForm .contents a {
    text-decoration: underline;
    color: white; }
  .EVMGuideForm .contents ul {
    margin-left: 0; }
    .EVMGuideForm .contents ul li {
      list-style: none; }
  @media (min-width: 1024px) {
    .EVMGuideForm .contents {
      display: flex; }
    .EVMGuideForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .EVMGuideForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.EVMGuideForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.EVMGuideForm form.is-submitting .contents,
.EVMGuideForm form.is-sent .contents,
.EVMGuideForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.EVMGuideForm fieldset {
  padding: 0;
  display: block; }
  .EVMGuideForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .EVMGuideForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .EVMGuideForm fieldset.is-auto > div {
    width: 100%; }
  .EVMGuideForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .EVMGuideForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .EVMGuideForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .EVMGuideForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .EVMGuideForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .EVMGuideForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .EVMGuideForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .EVMGuideForm fieldset input[type="text"],
  .EVMGuideForm fieldset input[role="combobox"],
  .EVMGuideForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .EVMGuideForm fieldset input[type="text"].is-invalid,
    .EVMGuideForm fieldset input[role="combobox"].is-invalid,
    .EVMGuideForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .EVMGuideForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .EVMGuideForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .EVMGuideForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .EVMGuideForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .EVMGuideForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .EVMGuideForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .EVMGuideForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .EVMGuideForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .EVMGuideForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .EVMGuideForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .EVMGuideForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .EVMGuideForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .EVMGuideForm fieldset input[type="text"].is-half,
    .EVMGuideForm fieldset input[role="combobox"].is-half,
    .EVMGuideForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .EVMGuideForm fieldset input[type="text"].is-half:first-of-type,
      .EVMGuideForm fieldset input[role="combobox"].is-half:first-of-type,
      .EVMGuideForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .EVMGuideForm fieldset input[type="text"]:hover,
    .EVMGuideForm fieldset input[role="combobox"]:hover,
    .EVMGuideForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .EVMGuideForm fieldset input[type="text"]:focus,
    .EVMGuideForm fieldset input[role="combobox"]:focus,
    .EVMGuideForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .EVMGuideForm fieldset input[type="text"]::-webkit-input-placeholder,
    .EVMGuideForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .EVMGuideForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .EVMGuideForm fieldset input[type="text"]:-moz-placeholder,
    .EVMGuideForm fieldset input[role="combobox"]:-moz-placeholder,
    .EVMGuideForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .EVMGuideForm fieldset input[type="text"]::-moz-placeholder,
    .EVMGuideForm fieldset input[role="combobox"]::-moz-placeholder,
    .EVMGuideForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .EVMGuideForm fieldset input[type="text"]:-ms-input-placeholder,
    .EVMGuideForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .EVMGuideForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .EVMGuideForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .EVMGuideForm fieldset {
    color: #FF4200; }

.EVMGuideForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .EVMGuideForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.EVMGuideForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .EVMGuideForm .tick.interests {
    margin-bottom: 0px; }
  .EVMGuideForm .tick .bold {
    text-decoration: underline; }
  .EVMGuideForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .EVMGuideForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .EVMGuideForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .EVMGuideForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .EVMGuideForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .EVMGuideForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .EVMGuideForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .EVMGuideForm .tick label:focus, .EVMGuideForm .tick label:hover {
      text-decoration: underline; }
      .EVMGuideForm .tick label:focus .icon .line, .EVMGuideForm .tick label:hover .icon .line {
        fill: #888; }
    .EVMGuideForm .tick label.terms {
      display: inline-flex; }
    .EVMGuideForm .tick label.privacy {
      display: inline-flex; }
  .EVMGuideForm .tick input:focus + label {
    color: white; }
  .EVMGuideForm .tick input:checked + label {
    color: white; }
    .EVMGuideForm .tick input:checked + label:hover {
      text-decoration: none; }
    .EVMGuideForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .EVMGuideForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.EVMGuideForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .EVMGuideForm .actions {
      padding-top: 30px; } }
  .EVMGuideForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .EVMGuideForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .EVMGuideForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .EVMGuideForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .EVMGuideForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .EVMGuideForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        width: auto; } }
    .EVMGuideForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .EVMGuideForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.EVMGuideForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .EVMGuideForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .EVMGuideForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.EVMGuideForm .RadioInput {
  margin-bottom: 20px; }
  .EVMGuideForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .EVMGuideForm .RadioInput {
      margin-bottom: 0; }
      .EVMGuideForm .RadioInput.is-1, .EVMGuideForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .EVMGuideForm .RadioInput.is-1 {
        margin-right: 20px; }
      .EVMGuideForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .EVMGuideForm .RadioInput a {
    color: white; }

.EVMGuideForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .EVMGuideForm .fine a {
    color: #ebebeb; }
    .EVMGuideForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.EVMGuideForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.EVMGuideForm .left > .developers {
  position: relative; }
  .EVMGuideForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .EVMGuideForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.EVMGuideForm .right .verification {
  position: relative; }
  .EVMGuideForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .EVMGuideForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

@media (min-width: 1024px) {
  .EVMGuideForm .right img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 354px; } }

@media (max-width: 1024px) {
  .EVMGuideForm .right img {
    max-width: 60%; }
  .EVMGuideForm .right {
    text-align: center; } }

.FutureEventsForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .FutureEventsForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .FutureEventsForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .FutureEventsForm {
      padding: 6.25%; } }
  .FutureEventsForm > .contents-closed {
    text-align: center; }
  .FutureEventsForm .header {
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px; }
  .FutureEventsForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .FutureEventsForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .FutureEventsForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .FutureEventsForm .left {
        margin-bottom: 60px; } }
  .FutureEventsForm .contents a {
    text-decoration: underline;
    color: white; }
  .FutureEventsForm .contents ul {
    margin-left: 0; }
    .FutureEventsForm .contents ul li {
      list-style: none; }
  @media (min-width: 1024px) {
    .FutureEventsForm .contents {
      display: flex; }
    .FutureEventsForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .FutureEventsForm .right {
      width: 46.88%;
      margin-left: 3.12%;
      position: relative; } }

.FutureEventsForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.FutureEventsForm form.is-submitting .contents,
.FutureEventsForm form.is-sent .contents,
.FutureEventsForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.FutureEventsForm fieldset {
  padding: 0;
  display: block; }
  .FutureEventsForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .FutureEventsForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .FutureEventsForm fieldset.is-auto > div {
    width: 100%; }
  .FutureEventsForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .FutureEventsForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .FutureEventsForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .FutureEventsForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .FutureEventsForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .FutureEventsForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .FutureEventsForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .FutureEventsForm fieldset input[type="text"],
  .FutureEventsForm fieldset input[role="combobox"],
  .FutureEventsForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .FutureEventsForm fieldset input[type="text"].is-invalid,
    .FutureEventsForm fieldset input[role="combobox"].is-invalid,
    .FutureEventsForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .FutureEventsForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .FutureEventsForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .FutureEventsForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .FutureEventsForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .FutureEventsForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .FutureEventsForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .FutureEventsForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .FutureEventsForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .FutureEventsForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .FutureEventsForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .FutureEventsForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .FutureEventsForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .FutureEventsForm fieldset input[type="text"].is-half,
    .FutureEventsForm fieldset input[role="combobox"].is-half,
    .FutureEventsForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .FutureEventsForm fieldset input[type="text"].is-half:first-of-type,
      .FutureEventsForm fieldset input[role="combobox"].is-half:first-of-type,
      .FutureEventsForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .FutureEventsForm fieldset input[type="text"]:hover,
    .FutureEventsForm fieldset input[role="combobox"]:hover,
    .FutureEventsForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .FutureEventsForm fieldset input[type="text"]:focus,
    .FutureEventsForm fieldset input[role="combobox"]:focus,
    .FutureEventsForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .FutureEventsForm fieldset input[type="text"]::-webkit-input-placeholder,
    .FutureEventsForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .FutureEventsForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .FutureEventsForm fieldset input[type="text"]:-moz-placeholder,
    .FutureEventsForm fieldset input[role="combobox"]:-moz-placeholder,
    .FutureEventsForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .FutureEventsForm fieldset input[type="text"]::-moz-placeholder,
    .FutureEventsForm fieldset input[role="combobox"]::-moz-placeholder,
    .FutureEventsForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .FutureEventsForm fieldset input[type="text"]:-ms-input-placeholder,
    .FutureEventsForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .FutureEventsForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .FutureEventsForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .FutureEventsForm fieldset {
    color: #FF4200; }

.FutureEventsForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .FutureEventsForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.FutureEventsForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .FutureEventsForm .tick.interests {
    margin-bottom: 0px; }
  .FutureEventsForm .tick .bold {
    text-decoration: underline; }
  .FutureEventsForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .FutureEventsForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .FutureEventsForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .FutureEventsForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .FutureEventsForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .FutureEventsForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .FutureEventsForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .FutureEventsForm .tick label:focus, .FutureEventsForm .tick label:hover {
      text-decoration: underline; }
      .FutureEventsForm .tick label:focus .icon .line, .FutureEventsForm .tick label:hover .icon .line {
        fill: #888; }
    .FutureEventsForm .tick label.terms {
      display: inline-flex; }
    .FutureEventsForm .tick label.privacy {
      display: inline-flex; }
  .FutureEventsForm .tick input:focus + label {
    color: white; }
  .FutureEventsForm .tick input:checked + label {
    color: white; }
    .FutureEventsForm .tick input:checked + label:hover {
      text-decoration: none; }
    .FutureEventsForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .FutureEventsForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.FutureEventsForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .FutureEventsForm .actions {
      padding-top: 30px; } }
  .FutureEventsForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .FutureEventsForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .FutureEventsForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .FutureEventsForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .FutureEventsForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .FutureEventsForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        width: auto; } }
    .FutureEventsForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .FutureEventsForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.FutureEventsForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .FutureEventsForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .FutureEventsForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.FutureEventsForm .RadioInput {
  margin-bottom: 20px; }
  .FutureEventsForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .FutureEventsForm .RadioInput {
      margin-bottom: 0; }
      .FutureEventsForm .RadioInput.is-1, .FutureEventsForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .FutureEventsForm .RadioInput.is-1 {
        margin-right: 20px; }
      .FutureEventsForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .FutureEventsForm .RadioInput a {
    color: white; }

.FutureEventsForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .FutureEventsForm .fine a {
    color: #ebebeb; }
    .FutureEventsForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.FutureEventsForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.FutureEventsForm .left > .developers {
  position: relative; }
  .FutureEventsForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .FutureEventsForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.FutureEventsForm .right .verification {
  position: relative; }
  .FutureEventsForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .FutureEventsForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

@media (min-width: 1024px) {
  .FutureEventsForm .right img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 354px; } }

@media (max-width: 1024px) {
  .FutureEventsForm .right img {
    max-width: 60%; }
  .FutureEventsForm .right {
    text-align: center; } }

.HealthcareForm {
  background-color: #222222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .HealthcareForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .HealthcareForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .HealthcareForm {
      padding: 6.25%; } }
  .HealthcareForm > .contents-closed {
    text-align: center; }
  .HealthcareForm .header {
    display: block;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px; }
  .HealthcareForm .image {
    float: right;
    width: 200px;
    margin-left: 10px;
    border: 1px solid #777; }
  .HealthcareForm .body {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 16px; }
  .HealthcareForm .list {
    display: block;
    font-weight: 300;
    font-size: 16px; }
  .HealthcareForm .disclaimer {
    display: block;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 8px; }
  .HealthcareForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .HealthcareForm .left {
        margin-bottom: 60px; } }
  .HealthcareForm .contents a {
    text-decoration: underline;
    color: white; }
  .HealthcareForm .contents ul {
    margin-left: 0; }
    .HealthcareForm .contents ul li {
      list-style: none; }
  @media (min-width: 1024px) {
    .HealthcareForm .contents {
      display: flex; }
    .HealthcareForm .left {
      width: 46.88%;
      margin-right: 3.12%;
      margin-bottom: 0; }
    .HealthcareForm .right {
      width: 46.88%;
      padding-left: 1.56%;
      padding-right: 1.56%;
      position: relative;
      background-color: #222222; } }

.HealthcareForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.HealthcareForm form.is-submitting .contents,
.HealthcareForm form.is-sent .contents,
.HealthcareForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.HealthcareForm fieldset {
  padding: 0;
  display: block; }
  .HealthcareForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .HealthcareForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .HealthcareForm fieldset.is-auto > div {
    width: 100%; }
  .HealthcareForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px;
    margin-bottom: 16px; }
    .HealthcareForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
    .HealthcareForm fieldset textarea.is-invalid {
      border-color: #FF4200;
      color: #FF4200; }
      .HealthcareForm fieldset textarea.is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .HealthcareForm fieldset textarea.is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .HealthcareForm fieldset textarea.is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .HealthcareForm fieldset textarea.is-invalid:-ms-input-placeholder {
        color: #FF4200; }
  .HealthcareForm fieldset input[type="text"],
  .HealthcareForm fieldset input[role="combobox"],
  .HealthcareForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .HealthcareForm fieldset input[type="text"].is-invalid,
    .HealthcareForm fieldset input[role="combobox"].is-invalid,
    .HealthcareForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .HealthcareForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .HealthcareForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .HealthcareForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .HealthcareForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .HealthcareForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .HealthcareForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .HealthcareForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .HealthcareForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .HealthcareForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .HealthcareForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .HealthcareForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .HealthcareForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .HealthcareForm fieldset input[type="text"].is-half,
    .HealthcareForm fieldset input[role="combobox"].is-half,
    .HealthcareForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .HealthcareForm fieldset input[type="text"].is-half:first-of-type,
      .HealthcareForm fieldset input[role="combobox"].is-half:first-of-type,
      .HealthcareForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .HealthcareForm fieldset input[type="text"]:hover,
    .HealthcareForm fieldset input[role="combobox"]:hover,
    .HealthcareForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .HealthcareForm fieldset input[type="text"]:focus,
    .HealthcareForm fieldset input[role="combobox"]:focus,
    .HealthcareForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .HealthcareForm fieldset input[type="text"]::-webkit-input-placeholder,
    .HealthcareForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .HealthcareForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .HealthcareForm fieldset input[type="text"]:-moz-placeholder,
    .HealthcareForm fieldset input[role="combobox"]:-moz-placeholder,
    .HealthcareForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .HealthcareForm fieldset input[type="text"]::-moz-placeholder,
    .HealthcareForm fieldset input[role="combobox"]::-moz-placeholder,
    .HealthcareForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .HealthcareForm fieldset input[type="text"]:-ms-input-placeholder,
    .HealthcareForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .HealthcareForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .HealthcareForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .HealthcareForm fieldset {
    color: #FF4200; }

.HealthcareForm .dropdown {
  margin-bottom: 16px;
  margin-top: 10px; }
  .HealthcareForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }

.HealthcareForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .HealthcareForm .tick.interests {
    margin-bottom: 0px; }
  .HealthcareForm .tick .bold {
    text-decoration: underline; }
  .HealthcareForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .HealthcareForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .HealthcareForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .HealthcareForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .HealthcareForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .HealthcareForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .HealthcareForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .HealthcareForm .tick label:focus, .HealthcareForm .tick label:hover {
      text-decoration: underline; }
      .HealthcareForm .tick label:focus .icon .line, .HealthcareForm .tick label:hover .icon .line {
        fill: #888; }
    .HealthcareForm .tick label.terms {
      display: inline-flex; }
    .HealthcareForm .tick label.privacy {
      display: inline-flex; }
  .HealthcareForm .tick input:focus + label {
    color: white; }
  .HealthcareForm .tick input:checked + label {
    color: white; }
    .HealthcareForm .tick input:checked + label:hover {
      text-decoration: none; }
    .HealthcareForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .HealthcareForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

.HealthcareForm .actions {
  padding-top: 6.25%; }
  @media (min-width: 1024px) {
    .HealthcareForm .actions {
      padding-top: 30px; } }
  .HealthcareForm .actions .Btn {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .HealthcareForm .actions .Btn {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .HealthcareForm .actions .Btn.is-submitting {
      background-color: #595959;
      color: white;
      pointer-events: none; }
    .HealthcareForm .actions .Btn.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }
  .HealthcareForm .actions .Btn-big {
    display: block;
    width: 100%;
    -moz-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out; }
    @media (min-width: 1024px) {
      .HealthcareForm .actions .Btn-big {
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 24px;
        width: auto; } }
    .HealthcareForm .actions .Btn-big.is-submitting {
      background-color: #8259ef;
      color: white;
      pointer-events: none; }
    .HealthcareForm .actions .Btn-big.is-sent {
      background-color: white;
      color: #222222;
      pointer-events: none; }

.HealthcareForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .HealthcareForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .HealthcareForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.HealthcareForm .RadioInput {
  margin-bottom: 20px; }
  .HealthcareForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .HealthcareForm .RadioInput {
      margin-bottom: 0; }
      .HealthcareForm .RadioInput.is-1, .HealthcareForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .HealthcareForm .RadioInput.is-1 {
        margin-right: 20px; }
      .HealthcareForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .HealthcareForm .RadioInput a {
    color: white; }

.HealthcareForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .HealthcareForm .fine a {
    color: #ebebeb; }
    .HealthcareForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8; }

.Select .Select-input input {
  color: white; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.HealthcareForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.HealthcareForm .left > .developers {
  position: relative; }
  .HealthcareForm .left > .developers .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .HealthcareForm .left > .developers .recaptcha {
        margin-top: 12px;
        position: absolute;
        top: 12px;
        right: 0; } }

.HealthcareForm .right .verification {
  position: relative; }
  .HealthcareForm .right .verification .recaptcha {
    margin-top: 12px; }
    @media (min-width: 1024px) {
      .HealthcareForm .right .verification .recaptcha {
        position: absolute;
        top: 12px;
        right: 0; } }

.TeamModal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .TeamModal > .bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.01;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    background-color: rgba(34, 34, 34, 0.8); }
  .TeamModal > .internal {
    margin: 6.25%;
    position: absolute;
    background-color: #f9f9f9;
    overflow: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
    .TeamModal > .internal > a {
      text-decoration: none;
      color: #222222; }
    .TeamModal > .internal .image {
      height: auto;
      background-color: #b8b8b8;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
      .TeamModal > .internal .image img {
        display: block;
        width: 100%; }
    .TeamModal > .internal .content > .padding {
      padding: 6.25%; }
    .TeamModal > .internal .content .name {
      font-weight: 500; }
    .TeamModal > .internal .content .role {
      margin-bottom: 20px; }
      .TeamModal > .internal .content .role a {
        text-decoration: none;
        color: inherit; }
      @media (min-width: 1024px) {
        .TeamModal > .internal .content .role {
          margin-bottom: 40px; } }
    .TeamModal > .internal .close {
      width: 32px;
      height: 32px;
      position: absolute;
      color: #222222;
      right: 16px;
      top: 16px;
      cursor: pointer;
      text-align: center;
      display: block;
      font-size: 32px;
      line-height: 32px; }
      @media (min-width: 1024px) {
        .TeamModal > .internal .close {
          color: #b8b8b8;
          right: 32px;
          top: 32px; } }
      .TeamModal > .internal .close:hover {
        color: #464646; }
    @media (min-width: 1024px) {
      .TeamModal > .internal {
        display: flex;
        margin: 0;
        margin-left: 12.5%;
        margin-right: 12.5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .TeamModal > .internal > a {
          display: flex; }
        .TeamModal > .internal .image {
          width: 33.33333%;
          height: auto; }
        .TeamModal > .internal .image.partners {
          width: calc(33.3% - 12.5%);
          padding: 6.25%;
          height: auto; }
        .TeamModal > .internal .content {
          width: 66.66667%;
          box-sizing: border-box; }
          .TeamModal > .internal .content > .padding {
            padding: 8.33333%; } }
  .TeamModal.is-open {
    display: block; }
    .TeamModal.is-open > .bg {
      opacity: 1; }

.Terms {
  margin-top: 80px;
  position: relative;
  background-color: #f9f9f9;
  min-height: 100vh;
  padding: 6.25%; }
  .Terms .title {
    font-weight: 300;
    color: #464646;
    margin-bottom: 6.25%; }
  .Terms .content {
    position: relative;
    max-width: 720px;
    line-height: 25px;
    color: #464646; }
    .Terms .content a {
      text-decoration: none;
      color: #464646; }
    .Terms .content p {
      margin-bottom: 2em; }
    .Terms .content u {
      text-decoration: underline; }
    .Terms .content i,
    .Terms .content em {
      font-style: italic; }
    .Terms .content strong {
      font-weight: 500; }
    .Terms .content h2 {
      font-size: 24px;
      line-height: 38px; }

.Privacy {
  margin-top: 80px;
  position: relative;
  background-color: #f9f9f9;
  min-height: 100vh;
  padding: 6.25%; }
  .Privacy .title {
    font-weight: 300;
    color: #464646;
    margin-bottom: 6.25%; }
  .Privacy .content {
    position: relative;
    max-width: 720px;
    line-height: 25px;
    color: #464646; }
    .Privacy .content a {
      text-decoration: none;
      color: #464646; }
    .Privacy .content p {
      margin-bottom: 2em; }
    .Privacy .content strong {
      font-weight: 500; }
    .Privacy .content u {
      text-decoration: underline; }
    .Privacy .content i,
    .Privacy .content em {
      font-style: italic; }
    .Privacy .content h2 {
      font-size: 14px;
      line-height: 1.8;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 500;
      margin-bottom: 2em; }
      @media (min-width: 1024px) {
        .Privacy .content h2 {
          font-size: 15px;
          line-height: 2; } }

.events .events-section {
  padding: 6.25%;
  display: grid;
  grid-template-columns: 295px 1fr;
  gap: 3vw; }
  .events .events-section.padding-top-none {
    padding-top: 0; }
  .events .events-section.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .events .events-section.padding-bottom-none {
    padding-bottom: 0; }
  .events .events-section.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .events .events-section {
      padding: 12.5%; }
      .events .events-section.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .events .events-section.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .events .events-section .events-filter .row-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .events .events-section .events-filter .row-top .text-link {
      padding: 0;
      border: none;
      background-color: transparent;
      text-decoration: underline;
      cursor: pointer;
      font-size: 14px;
      letter-spacing: -0.88px;
      line-height: 17px;
      font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif; }
      .events .events-section .events-filter .row-top .text-link:hover {
        text-decoration: none; }
      .events .events-section .events-filter .row-top .text-link.is-red {
        color: #FF4200; }
  .events .events-section .events-filter .row-bottom {
    margin-top: 10px;
    padding-top: 16px;
    border-top: 1px solid #222222; }
    .events .events-section .events-filter .row-bottom .event-tags {
      justify-content: flex-start; }
  .events .events-section .events-list {
    display: grid;
    grid-template-columns: 33fr 33fr 33fr;
    gap: 80px 40px;
    scroll-margin-top: 100px; }
    .events .events-section .events-list.no-results::after {
      content: 'No results available. Please update filters.';
      min-width: 370px; }

.events .event {
  width: 100%;
  max-width: calc(50vw - 6.25vw - 20px);
  padding: 0;
  display: none; }
  .events .event.show {
    display: block; }
  .events .event .card-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .events .event .card-container .card-top-half .event-image-wrapper .event-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 2 / 1;
      vertical-align: middle; }
    .events .event .card-container .card-top-half .event-tags {
      padding: 20px 0;
      justify-content: left;
      min-height: auto; }
    .events .event .card-container .card-top-half .heading {
      color: #222222;
      font-size: 22px;
      letter-spacing: -0.92px;
      line-height: 26px;
      min-height: 52px; }
    .events .event .card-container .card-top-half .description {
      color: #8C8C8C;
      margin-top: 10px;
      font-size: 16px;
      letter-spacing: -1px;
      line-height: 21px; }
    .events .event .card-container .card-bottom-half {
      margin-top: 18px; }
      .events .event .card-container .card-bottom-half .date {
        color: #222222;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 14px;
        text-transform: uppercase; }
      .events .event .card-container .card-bottom-half .actions {
        display: flex;
        align-items: center;
        margin-top: 20px; }
        .events .event .card-container .card-bottom-half .actions .Btn {
          min-width: auto;
          margin-right: 20px; }

@media screen and (min-width: 1920px) {
  .events .events-section .events-list {
    grid-template-columns: 25fr 25fr 25fr 25fr; } }

@media screen and (max-width: 1460px) {
  .events .event .card-container .card-bottom-half .actions .Btn {
    margin-right: 10px; } }

@media screen and (max-width: 1440px) {
  .events .events-section .events-list {
    grid-template-columns: 50fr 50fr; } }

@media screen and (max-width: 1100px) {
  .events .events-section {
    grid-template-columns: 1fr; }
    .events .events-section .events-list {
      row-gap: 60px; }
      .events .events-section .events-list.no-results::after {
        min-width: auto; }
  .events .event {
    max-width: none; } }

@media screen and (max-width: 820px) {
  .events .events-section .events-list {
    grid-template-columns: 1fr; } }

.events-sign-up {
  background-color: #222222;
  padding: 23px 6.25%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .events-sign-up::before {
    content: '';
    height: 1px;
    width: calc(100% - 12.5%);
    background-color: #4F4F4F;
    position: absolute;
    top: 50%; }
  .events-sign-up .heading {
    color: white;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 19px;
    background-color: #222222;
    z-index: 1;
    padding-right: 20px; }
  .events-sign-up .sign-up-form-component-wrapper {
    background-color: #222222;
    z-index: 2;
    padding: 0 20px;
    width: 42%;
    max-width: 485px;
    margin-left: -10%; }
    .events-sign-up .sign-up-form-component-wrapper .events-signup-form {
      border: 1px solid #8C8C8C;
      border-radius: 50px;
      padding: 5px 5px 5px 22px; }
      .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents {
        display: flex; }
        .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents .input {
          background-color: transparent;
          border: 0;
          color: white;
          flex: 1;
          font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
          font-size: 16px;
          font-weight: 300;
          letter-spacing: -1px;
          line-height: 19px;
          height: 25px; }
          .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents .input::-webkit-input-placeholder {
            color: #4F4F4F;
            font-style: italic; }
          .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents .input:focus-within {
            outline: none; }
        .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents button {
          flex: 0; }
  .events-sign-up .bell {
    background-color: #222222;
    z-index: 3;
    padding-left: 20px; }

@media screen and (max-width: 1100px) {
  .events-sign-up {
    padding: 40px 12.5%;
    flex-direction: column; }
    .events-sign-up::before {
      display: none; }
    .events-sign-up .heading {
      padding: 0; }
    .events-sign-up .sign-up-form-component-wrapper {
      padding: 20px 0 0;
      width: 100%;
      max-width: 485px;
      margin-left: 0; }
      .events-sign-up .sign-up-form-component-wrapper .events-signup-form {
        border: none;
        border-radius: 0;
        padding: 0; }
        .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents {
          flex-direction: column;
          justify-content: end; }
          .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents .input {
            border: 1px solid #8C8C8C;
            border-radius: 50px;
            padding: 9px 5px 13px 22px; }
          .events-sign-up .sign-up-form-component-wrapper .events-signup-form .contents button {
            align-self: end;
            margin-top: 10px;
            min-width: auto; }
    .events-sign-up .bell {
      display: none; } }

.launch {
  position: relative;
  color: white;
  display: block;
  padding: 6.25%; }
  @media (min-width: 1024px) {
    .launch {
      display: flex;
      flex-wrap: wrap; } }
  .launch > .header {
    position: relative; }
    @media (min-width: 1024px) {
      .launch > .header {
        justify-content: space-between;
        align-items: baseline;
        width: 50%;
        min-width: 50%;
        margin-right: 13.5%;
        order: 1; } }
    .launch > .header .title {
      display: inline-block;
      margin-right: 20px; }
    .launch > .header .date {
      display: inline-block; }
  .launch > .video {
    margin-top: 40px; }
    @media (min-width: 1024px) {
      .launch > .video {
        margin-top: 0; } }
    .launch > .video > div {
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
    .launch > .video span {
      display: block;
      height: 0;
      overflow: visible;
      padding-bottom: 56.25%;
      position: relative; }
    .launch > .video iframe {
      position: relative;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    @media (min-width: 1024px) {
      .launch > .video {
        width: 57.14286%;
        min-width: 57.14286%;
        height: 0;
        margin-right: 6.25%;
        padding-top: 32.14286%;
        position: relative;
        display: block;
        order: 3; } }
    @media screen and (max-width: 1023px) {
      .launch > .video {
        width: 100%;
        min-width: 100%;
        height: 0;
        padding-top: 56.25%;
        position: relative;
        display: block;
        order: 3; } }
  .launch > .toc-header {
    position: relative;
    vertical-align: baseline;
    order: 2;
    padding-top: 40px;
    padding-bottom: 40px; }
    @media (min-width: 1024px) {
      .launch > .toc-header {
        width: 35.71429%;
        min-width: 35.71429%;
        padding-top: 0; } }
  .launch .toc {
    border-top: 1px solid #595959;
    padding-top: 40px;
    position: relative; }
    @media (min-width: 1024px) {
      .launch .toc {
        width: 35.71429%;
        min-width: 35.71429%;
        order: 4; } }
    .launch .toc .chapter {
      margin-bottom: 20px;
      line-height: 1.6;
      cursor: pointer; }
      .launch .toc .chapter .person {
        display: block;
        color: #595959; }
      .launch .toc .chapter .role {
        display: block;
        margin-top: 2px; }
      @media (min-width: 1024px) {
        .launch .toc .chapter .person,
        .launch .toc .chapter .role {
          float: left;
          display: block; }
        .launch .toc .chapter .role {
          margin-top: 0;
          margin-right: 10px;
          position: relative; } }
      .launch .toc .chapter:hover .person {
        text-decoration: underline; }

.LiveIndicator > .Btn > .circle {
  width: 16px;
  height: 16px;
  background-color: #FF4200;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  vertical-align: middle;
  top: -1px;
  left: 12px;
  -webkit-animation: flickerAnimation 2s ease-in-out infinite;
  -moz-animation: flickerAnimation 2s ease-in-out infinite;
  -o-animation: flickerAnimation 2s ease-in-out infinite;
  animation: flickerAnimation 2s ease-in-out infinite; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.PressGallery {
  border-top: 1px solid rgba(184, 184, 184, 0.18);
  padding: 6.25% 0;
  position: relative;
  background-color: #222222; }
  @media (min-width: 1024px) {
    .PressGallery {
      padding: 6.25% calc(6.25% - 20px); } }
  .PressGallery > .title {
    color: white; }
  .PressGallery .title {
    margin-left: 20px; }

.PressThumbnails {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-bottom: 40px;
  overflow: auto; }
  @media (min-width: 1024px) {
    .PressThumbnails {
      flex-wrap: wrap; } }
  .PressThumbnails > .image {
    position: relative;
    width: 100%;
    flex: 1 0 75%; }
    @media (min-width: 1024px) {
      .PressThumbnails > .image {
        flex: 1 0 16.666666%;
        max-width: 16.666666%; } }
    .PressThumbnails > .image .open {
      opacity: 0; }
    .PressThumbnails > .image > .thumb {
      margin: 20px;
      box-sizing: border-box;
      height: 0;
      padding-bottom: 60%;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat; }
      @media (min-width: 1024px) {
        .PressThumbnails > .image > .thumb {
          width: calc(100% - 40px); } }
    .PressThumbnails > .image > .open {
      opacity: 0; }
    .PressThumbnails > .image:hover {
      cursor: pointer; }
      .PressThumbnails > .image:hover .open {
        opacity: 1;
        z-index: 0;
        color: white;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
        font-size: 48px;
        margin: 0; }
  .PressThumbnails .Btn {
    display: none; }
    @media (min-width: 1024px) {
      .PressThumbnails .Btn {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: calc(6.25% - 40px);
        margin-right: 0; } }

.PressGalleryModal svg path {
  fill: white; }

.PressGalleryModal > .image {
  z-index: 900;
  height: auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #464646; }

.PressGalleryModal > .image-left {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 25%;
  z-index: 949;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .PressGalleryModal > .image-left {
      width: 15%; } }
  .PressGalleryModal > .image-left svg {
    position: fixed;
    left: 35px;
    bottom: 35px; }
    @media (min-width: 1024px) {
      .PressGalleryModal > .image-left svg {
        top: 50%; } }

.PressGalleryModal > .image-right {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 25%;
  z-index: 949;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .PressGalleryModal > .image-right {
      width: 15%; } }
  .PressGalleryModal > .image-right svg {
    position: fixed;
    bottom: 35px;
    right: 35px; }
    @media (min-width: 1024px) {
      .PressGalleryModal > .image-right svg {
        top: 50%; } }

.PressGalleryModal > .close {
  cursor: pointer;
  position: fixed;
  right: 35px;
  top: 35px;
  width: 34px;
  height: 34px;
  display: block;
  z-index: 950; }
  .PressGalleryModal > .close svg path {
    fill: white; }

.PressGalleryModal > .index-pos {
  position: fixed;
  color: white;
  left: 35px;
  top: 35px;
  width: 62px;
  height: 62px;
  display: block;
  z-index: 950; }

.PressGalleryModal > .download {
  position: fixed;
  bottom: 35px;
  display: inline-block;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 948; }

.BlogIndex {
  position: relative;
  background-color: #f9f9f9; }
  .BlogIndex .hero-image {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 380px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden; }
    .BlogIndex .hero-image .bgImage {
      width: 100%;
      height: auto;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .BlogIndex .hero-image > h4 {
      color: white;
      position: absolute;
      top: calc(50% - 40px);
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center; }
  .BlogIndex > .latest {
    padding-left: 6.25%;
    padding-top: 6.25%; }
  .BlogIndex > .posts {
    padding: 6.25%; }
    @media (min-width: 1024px) {
      .BlogIndex > .posts {
        padding: 3.125%;
        display: flex;
        flex-wrap: wrap; } }
    .BlogIndex > .posts .date,
    .BlogIndex > .posts .author {
      color: #595959;
      display: inline; }
    .BlogIndex > .posts .title {
      font-size: 20px; }
    .BlogIndex > .posts .author {
      margin-left: 20px; }
    .BlogIndex > .posts .meta {
      opacity: 0.5; }
    .BlogIndex > .posts .excerpt {
      color: #464646;
      line-height: 22px; }
      .BlogIndex > .posts .excerpt p {
        font-size: 12px;
        line-height: 15px;
        line-height: 22px; }
  .BlogIndex > .pagination {
    background-color: white;
    color: #464646;
    height: 104px;
    text-align: center;
    position: relative; }
    .BlogIndex > .pagination a {
      text-decoration: none;
      color: #464646; }
    .BlogIndex > .pagination > .pages {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: 400;
      display: flex;
      justify-content: center;
      align-items: center; }
      .BlogIndex > .pagination > .pages > a,
      .BlogIndex > .pagination > .pages > .current {
        display: inline-block;
        margin: 4px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid white;
        line-height: 40px; }
      .BlogIndex > .pagination > .pages > a:hover {
        border-color: #b8b8b8;
        color: #b8b8b8; }
      .BlogIndex > .pagination > .pages > .current {
        border-color: #464646;
        color: #464646; }

.BlogTile {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  display: block;
  text-decoration: none;
  color: #222222;
  box-sizing: border-box;
  margin-bottom: 12%; }
  @media (min-width: 1024px) {
    .BlogTile {
      flex: 1 0 33.3333%;
      min-width: 33.3333%;
      max-width: 33.3333%;
      margin-bottom: 0; }
      .BlogTile:last-of-type {
        margin-right: 0; }
      .BlogTile:hover {
        background-color: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } }
  @media (min-width: 1024px) {
    .BlogTile > .internal {
      padding: 9.375%; } }
  .BlogTile > .internal > .image img {
    display: block;
    width: 100%; }
  .BlogTile > .internal > .placeholder {
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 49.7%; }
  .BlogTile > .internal > .date {
    display: block; }
  .BlogTile > .internal > .excerpt p {
    line-height: 18px; }

.pagination-prev-arrow {
  display: inline-block;
  position: relative;
  background-image: url(/assets/images/black-arrow-prev.png);
  background-position: 12px 8px;
  background-size: auto 58%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 !important;
  border: none !important; }

.pagination-next-arrow {
  display: inline-block;
  position: relative;
  background-image: url(/assets/images/black-arrow.png);
  background-position: 15px 8px;
  background-size: auto 58%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 !important;
  border: none !important; }

@media (max-width: 768px) {
  .BlogIndex > .pagination > .pages > a,
  .BlogIndex > .pagination > .pages > .current {
    margin: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px; } }

.Blog {
  position: relative;
  margin-top: 80px; }
  .Blog > .hero-image {
    position: relative;
    max-height: 60vh;
    overflow: hidden; }
    .Blog > .hero-image > img {
      width: 100%;
      display: block; }

.BlogContent {
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  padding: 6.25%; }
  @media (min-width: 1024px) {
    .BlogContent {
      padding: 0; } }
  .BlogContent p:last-child,
  .BlogContent p:last-of-type {
    margin-bottom: 0; }
  .BlogContent > .left {
    order: 1;
    width: 100%; }
    .BlogContent > .left > .internal {
      padding-bottom: 50px;
      margin: 0 auto;
      max-width: 48em; }
    @media (min-width: 1024px) {
      .BlogContent > .left {
        box-sizing: border-box;
        background-color: #f9f9f9; }
        .BlogContent > .left > .internal {
          padding: 10%;
          margin: 0 auto;
          width: 48em;
          padding-top: 5%; } }
    .BlogContent > .left .title {
      line-height: 55px; }
    .BlogContent > .left .tag-btn {
      background-color: transparent; }
      .BlogContent > .left .tag-btn:hover {
        color: #222222;
        border-color: #222222; }
    .BlogContent > .left .blog-info {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      margin-bottom: 20px; }
      .BlogContent > .left .blog-info .author-item {
        flex: 0 1 auto;
        display: flex;
        margin-right: 60px;
        margin-bottom: 60px; }
        @media (max-width: 768px) {
          .BlogContent > .left .blog-info .author-item {
            flex: 1 1 100%;
            margin-right: 0; } }
        .BlogContent > .left .blog-info .author-item .avatar {
          display: block;
          position: relative;
          width: 75px; }
          .BlogContent > .left .blog-info .author-item .avatar .avatar-circle-mask {
            display: block;
            position: relative;
            width: 75px;
            height: 75px;
            border-radius: 50%;
            overflow: hidden; }
          .BlogContent > .left .blog-info .author-item .avatar img {
            display: block;
            position: absolute;
            width: auto;
            min-width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .BlogContent > .left .blog-info .author-item .meta {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: start;
          margin-left: 30px; }
          .BlogContent > .left .blog-info .author-item .meta .author strong {
            font-weight: bold; }
          .BlogContent > .left .blog-info .author-item .meta .role {
            text-align: left; }
    .BlogContent > .left .code-window {
      padding: 0; }
    .BlogContent > .left .body-text {
      -webkit-font-smoothing: antialiased; }
      .BlogContent > .left .body-text sup,
      .BlogContent > .left .body-text sub {
        font-size: 10px;
        font-weight: 400;
        position: relative; }
      .BlogContent > .left .body-text sup {
        top: -10px; }
      .BlogContent > .left .body-text sub {
        bottom: -3px; }
      .BlogContent > .left .body-text table {
        margin: 0 0 30px;
        width: 100%;
        border-collapse: collapse;
        border: none; }
        .BlogContent > .left .body-text table tr:first-child {
          font-weight: bold; }
        .BlogContent > .left .body-text table tr th, .BlogContent > .left .body-text table tr td {
          padding: 10px; }
      .BlogContent > .left .body-text.style-1 table {
        border: 1px solid #464646; }
        .BlogContent > .left .body-text.style-1 table tbody tr:nth-child(even) {
          color: #464646;
          background-color: white; }
        .BlogContent > .left .body-text.style-1 table tbody tr:nth-child(odd) {
          color: #222222;
          background-color: #f9f9f9; }
        .BlogContent > .left .body-text.style-1 table tbody tr:first-child {
          color: white;
          background-color: #464646; }
        .BlogContent > .left .body-text.style-1 table tbody tr th, .BlogContent > .left .body-text.style-1 table tbody tr td {
          border: 1px solid #464646; }
        .BlogContent > .left .body-text.style-1 table tbody tr td, .BlogContent > .left .body-text.style-1 table tbody tr td p {
          font-size: 13px; }
      .BlogContent > .left .body-text.style-2 table {
        border: 1px solid #8259ef; }
        .BlogContent > .left .body-text.style-2 table tbody tr:nth-child(even) {
          color: #464646;
          background-color: white; }
        .BlogContent > .left .body-text.style-2 table tbody tr:nth-child(odd) {
          color: #222222;
          background-color: #f9f9f9; }
        .BlogContent > .left .body-text.style-2 table tbody tr:first-child {
          color: white;
          background-color: #8259ef; }
        .BlogContent > .left .body-text.style-2 table tbody tr th, .BlogContent > .left .body-text.style-2 table tbody tr td {
          border: 1px solid #8259ef; }
        .BlogContent > .left .body-text.style-2 table tbody tr td, .BlogContent > .left .body-text.style-2 table tbody tr td p {
          font-size: 13px; }
      .BlogContent > .left .body-text.style-3 table {
        border: 1px solid #2D84EB; }
        .BlogContent > .left .body-text.style-3 table tbody tr:nth-child(even) {
          color: #464646;
          background-color: white; }
        .BlogContent > .left .body-text.style-3 table tbody tr:nth-child(odd) {
          color: #222222;
          background-color: #f9f9f9; }
        .BlogContent > .left .body-text.style-3 table tbody tr:first-child {
          color: white;
          background-color: #2D84EB; }
        .BlogContent > .left .body-text.style-3 table tbody tr th, .BlogContent > .left .body-text.style-3 table tbody tr td {
          border: 1px solid #2D84EB; }
        .BlogContent > .left .body-text.style-3 table tbody tr td, .BlogContent > .left .body-text.style-3 table tbody tr td p {
          font-size: 13px; }
      .BlogContent > .left .body-text.style-4 table {
        border: 1px solid #3EC878; }
        .BlogContent > .left .body-text.style-4 table tbody tr:nth-child(even) {
          color: #464646;
          background-color: white; }
        .BlogContent > .left .body-text.style-4 table tbody tr:nth-child(odd) {
          color: #222222;
          background-color: #f9f9f9; }
        .BlogContent > .left .body-text.style-4 table tbody tr:first-child {
          color: white;
          background-color: #3EC878; }
        .BlogContent > .left .body-text.style-4 table tbody tr th, .BlogContent > .left .body-text.style-4 table tbody tr td {
          border: 1px solid #3EC878; }
        .BlogContent > .left .body-text.style-4 table tbody tr td, .BlogContent > .left .body-text.style-4 table tbody tr td p {
          font-size: 13px; }
      @media (max-width: 1100px) {
        .BlogContent > .left .body-text .table-section {
          position: relative; }
          .BlogContent > .left .body-text .table-section::after {
            content: "";
            width: 13vw;
            background: #f9f9f9;
            background: linear-gradient(90deg, rgba(249, 249, 249, 0), #f9f9f9);
            position: absolute;
            right: -6.25vw;
            top: 0;
            height: 100%;
            pointer-events: none; }
          .BlogContent > .left .body-text .table-section .table-wrapper {
            overflow-x: auto;
            margin: 0 -6.25vw;
            padding: 0 6.25vw;
            scrollbar-width: none; }
            .BlogContent > .left .body-text .table-section .table-wrapper::-webkit-scrollbar {
              display: none; }
          .BlogContent > .left .body-text .table-section table {
            width: max-content; } }
      .BlogContent > .left .body-text img {
        max-width: 100%;
        width: auto;
        height: auto;
        display: block;
        position: relative; }
      .BlogContent > .left .body-text h1 {
        font-size: 32px;
        line-height: 48px; }
      .BlogContent > .left .body-text h2 {
        font-size: 24px;
        line-height: 38px; }
      .BlogContent > .left .body-text h3 {
        font-size: 22px;
        line-height: 33px; }
      .BlogContent > .left .body-text h4 {
        font-size: 20px;
        line-height: 30px; }
      .BlogContent > .left .body-text h5 {
        font-size: 18px;
        line-height: 27px; }
      .BlogContent > .left .body-text h6 {
        font-size: 16px;
        line-height: 24px; }
      .BlogContent > .left .body-text p {
        font-size: 18px;
        line-height: 2;
        margin-bottom: 30px;
        overflow-wrap: break-word; }
        .BlogContent > .left .body-text p em {
          font-style: italic; }
        .BlogContent > .left .body-text p strong {
          font-weight: bold;
          font-size: 18px;
          line-height: 2; }
        .BlogContent > .left .body-text p:last-child, .BlogContent > .left .body-text p:last-of-type {
          margin-bottom: 0; }
        .BlogContent > .left .body-text p + .table-section {
          margin-top: 30px; }
      .BlogContent > .left .body-text table p {
        font-size: 13px; }
      .BlogContent > .left .body-text a {
        text-decoration-line: none;
        color: #8259ef;
        word-break: break-word; }
      .BlogContent > .left .body-text em {
        font-style: italic; }
      .BlogContent > .left .body-text strong {
        font-weight: bold; }
      .BlogContent > .left .body-text ol {
        list-style: decimal;
        margin-left: 20px;
        /* offset to left-align with content */ }
      .BlogContent > .left .body-text ol ol {
        list-style: lower-alpha;
        margin-left: 20px;
        /* offset to left-align with content */ }
      .BlogContent > .left .body-text li {
        font-size: 18px;
        margin-bottom: 0px;
        line-height: 2; }
        .BlogContent > .left .body-text li ul {
          margin-top: 0px; }
    .BlogContent > .left .image img {
      width: 100%;
      display: block;
      max-width: fit-content;
      margin-left: auto;
      margin-right: auto; }
    .BlogContent > .left .image > .image-caption {
      line-height: 30px;
      text-align: center; }
    .BlogContent > .left .blog-video {
      display: block;
      height: 0;
      margin-bottom: 30px;
      overflow: visible;
      padding-bottom: 60%;
      position: relative;
      width: 100%; }
      .BlogContent > .left .blog-video iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    @media (min-width: 1024px) {
      .BlogContent > .left .share {
        padding-bottom: 0; } }
    .BlogContent > .left .share .buttons {
      display: block; }
      @media (min-width: 1024px) {
        .BlogContent > .left .share .buttons {
          display: flex;
          justify-content: space-between;
          align-items: baseline; } }
    .BlogContent > .left .share > a {
      display: inline-block;
      position: relative;
      margin-right: 16px;
      margin-bottom: 16px;
      width: 24px;
      min-width: 24px;
      height: 24px;
      float: left; }
      @media (min-width: 1024px) {
        .BlogContent > .left .share > a {
          margin-bottom: 0;
          float: none; } }
      .BlogContent > .left .share > a svg {
        display: block; }
        .BlogContent > .left .share > a svg path {
          fill: #8c8c8c; }
      .BlogContent > .left .share > a.tag-btn {
        background-color: transparent;
        margin: 0 auto 50px;
        max-width: 300px; }
        .BlogContent > .left .share > a.tag-btn:hover {
          color: #222222;
          border-color: #222222; }
    .BlogContent > .left .share .back-to-blog {
      margin-top: 20px;
      margin-bottom: 0; }
  .BlogContent > .right {
    order: 2;
    width: 100%; }
    @media (min-width: 1024px) {
      .BlogContent > .right {
        width: 100%;
        padding-left: 6.25%;
        padding-right: 6.25%;
        box-sizing: border-box; } }
    .BlogContent > .right .recent-posts {
      padding-top: 50px; }
      @media (min-width: 1024px) {
        .BlogContent > .right .recent-posts {
          padding-top: 80px; } }
      .BlogContent > .right .recent-posts ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -1.5%;
        margin-right: -1.5%; }
        @media (min-width: 1024px) {
          .BlogContent > .right .recent-posts ul {
            margin-right: 0;
            margin-left: 0; } }
        .BlogContent > .right .recent-posts ul li {
          list-style: none; }
      .BlogContent > .right .recent-posts ul > li {
        flex: 0 0 30.3333%;
        padding: 0 1.5% 30px; }
        @media (max-width: 768px) {
          .BlogContent > .right .recent-posts ul > li {
            flex: 0 0 47%; } }
        @media (max-width: 550px) {
          .BlogContent > .right .recent-posts ul > li {
            flex: 0 0 97%; } }
      .BlogContent > .right .recent-posts a {
        text-decoration: none;
        color: #464646;
        display: block;
        width: 100%;
        height: 100%; }
      .BlogContent > .right .recent-posts .image {
        margin-bottom: 10px; }
        .BlogContent > .right .recent-posts .image img {
          width: 100%;
          display: block;
          max-width: fit-content;
          margin-left: auto;
          margin-right: auto; }
      .BlogContent > .right .recent-posts .title {
        display: block;
        line-height: 24px;
        margin-bottom: 10px; }
      .BlogContent > .right .recent-posts .author {
        margin-bottom: 10px; }
      .BlogContent > .right .recent-posts .tag-btn {
        display: none;
        background-color: transparent;
        margin: 0 auto 50px;
        max-width: 300px; }
        @media (max-width: 768px) {
          .BlogContent > .right .recent-posts .tag-btn {
            display: block; } }
        .BlogContent > .right .recent-posts .tag-btn:hover {
          color: #222222;
          border-color: #222222; }
      .BlogContent > .right .recent-posts > ul {
        margin-bottom: 20px; }
    .BlogContent > .right .buttons > .Btn {
      margin-right: 10px;
      padding: 0 17px; }
      .BlogContent > .right .buttons > .Btn.tag-btn {
        color: #b8b8b8;
        margin: 0 auto 50px;
        max-width: 300px; }
        .BlogContent > .right .buttons > .Btn.tag-btn:hover {
          color: #222222;
          border-color: #222222; }
    .BlogContent > .right .buttons svg {
      width: 16px;
      vertical-align: middle;
      margin-left: -5px;
      margin-right: 10px; }

.BlogContent > .left .body-text {
  max-width: 100%; }

@media (min-width: 1024px) {
  .BlogContent > .left .image img {
    width: auto; } }

.body-text > pre {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 4px;
  color: #E1255F;
  white-space: pre-wrap;
  word-wrap: break-word;
  display: inline;
  line-height: 32px; }

.codeInline {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 4px;
  color: #E1255F;
  white-space: pre-wrap;
  word-wrap: break-word;
  display: inline; }

p.inline-p {
  display: inline; }

strong.codeInline {
  font-weight: 400 !important; }

.blog-page-title {
  font-size: 36px;
  color: #f9f9f9; }

.blog-signup .contents {
  display: flex;
  justify-content: center; }

.blog-signup input {
  border: 1px solid #595959;
  background: transparent;
  padding: 2px 2px 2px 8px;
  font-size: 14px;
  min-width: 220px;
  color: #b8b8b8;
  font-family: Styrene A Web,Helvetica Neue,Sans-Serif; }

.blog-signup input:focus {
  outline: none; }

.blog-signup .make-signup {
  margin-bottom: 48px; }

.blog-signup .make-signup .Btn {
  margin-left: 20px; }

.blog-signup .make-signup .Btn.is-full {
  width: auto;
  background: linear-gradient(160deg, #2d84eb, #8259ef);
  border: none; }

.blog-signup .make-signup .Btn.is-full:hover {
  background: linear-gradient(160deg, #2d84eb, #2d84eb);
  color: #ffffff; }

.small-caps-whitepaper {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px; }

.whitepaper {
  padding: 6.25%;
  margin-top: 80px; }
  .whitepaper > .internal > * {
    margin-bottom: 20px; }
  .whitepaper > .internal strong, .whitepaper > .internal b {
    font-weight: 500;
    font-size: 14px; }
  .whitepaper > .internal em {
    font-style: italic; }
  .whitepaper > .internal a {
    color: #222222; }
  .whitepaper p {
    font-size: 12px;
    line-height: 15px; }
  .whitepaper ul li {
    font-size: 12px;
    line-height: 15px; }
  .whitepaper p.intro {
    font-size: 14px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media (min-width: 1024px) {
      .whitepaper p.intro {
        font-size: 15px;
        line-height: 2; } }

.CookieConsent {
  position: fixed;
  overflow: visible;
  z-index: 900;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 20px;
  background-color: #8c8c8c;
  line-height: 1.7;
  font-weight: 400;
  color: white; }
  @media (min-width: 1400px) {
    .CookieConsent .break {
      display: block; } }
  .CookieConsent > p {
    width: calc(100% - 60px); }
    @media (min-width: 1024px) {
      .CookieConsent > p {
        width: calc(100% - 6.25vw);
        max-width: 1000px; } }
    .CookieConsent > p > a {
      text-decoration: underline;
      color: #f9f9f9; }
  .CookieConsent > .close {
    position: absolute;
    right: 0;
    top: 16px;
    width: 80px;
    height: 30px; }
    @media (min-width: 1024px) {
      .CookieConsent > .close {
        width: 6.25vw;
        top: 25px; } }
    .CookieConsent > .close > a {
      display: block;
      margin: 0 auto;
      width: 30px;
      height: 30px;
      background-color: white;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      color: #8c8c8c;
      font-size: 17px;
      cursor: pointer; }
      .CookieConsent > .close > a:hover {
        color: white;
        background-color: #464646; }

.cookieButtons {
  margin-top: 10px; }

@media only screen and (max-width: 510px) {
  .cookieButtons > button.Btn.is-white.secondary-cta {
    margin-left: 0px; }
  .cookieButtons > button.Btn.is-white.has-bg {
    margin-bottom: 6px; } }

.Page-Video {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .Page-Video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .Page-Video .video-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .Page-Video .video-overlay .Btn {
      width: 100%;
      height: 100%;
      background-position: center; }
    .Page-Video .video-overlay.hide {
      display: none; }

.about-page-member-list {
  --hover-color: linear-gradient(to bottom right, #2D84EB, #3EC878);
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
  justify-content: center;
  padding-top: 50px; }
  @media screen and (max-width: 540px) {
    .about-page-member-list {
      gap: 0;
      padding-top: 10px; } }
  .about-page-member-list > * {
    flex-basis: calc(25% - 32px); }
    @media screen and (max-width: 1280px) {
      .about-page-member-list > * {
        flex-basis: calc(25% - 30px); } }
    @media screen and (max-width: 1024px) {
      .about-page-member-list > * {
        flex-basis: calc(33.3% - 27px); } }
    @media screen and (max-width: 768px) {
      .about-page-member-list > * {
        flex-basis: calc(50% - 20px); } }
    @media screen and (max-width: 540px) {
      .about-page-member-list > * {
        flex-basis: 100%; } }

.about-page-member {
  overflow: visible;
  position: relative; }
  @media screen and (min-width: 541px) {
    .about-page-member {
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center; }
      .about-page-member .Btn.mobile {
        display: none; } }
  @media screen and (max-width: 540px) {
    .about-page-member {
      display: grid;
      gap: 20px;
      grid-template-columns: 1fr 1fr;
      padding: 20px 0; }
      .about-page-member:not(:last-child) {
        border-bottom: 1px solid var(--color-dark); }
      .about-page-member .Btn.desktop {
        display: none; } }
  .about-page-member-image {
    align-items: flex-end;
    aspect-ratio: 1;
    background-color: #e5e5e5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
    outline: 2px solid transparent;
    outline-offset: 0;
    transition: 0.2s outline-offset, 0.2s outline;
    transition-delay: 0.2s; }
    @media screen and (min-width: 541px) {
      .about-page-member-image {
        margin-bottom: 30px; } }
    .about-page-member-image::before {
      background: var(--hover-color);
      content: '';
      inset: 0;
      pointer-events: none;
      position: absolute;
      transition: 0.2s background; }
    .about-page-member-image::after {
      aspect-ratio: 1;
      content: '';
      background: #e5e5e5;
      border-radius: 50%;
      inset: 5px;
      pointer-events: none;
      position: absolute;
      transition: 0.4s background; }
    .about-page-member-image img {
      display: block;
      inset: 0;
      object-fit: cover;
      object-position: center;
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 1;
      transition: 0.8s transform; }
    .about-page-member-image .Btn.desktop {
      margin-bottom: 10px;
      min-width: 85px;
      opacity: 0;
      position: relative;
      transition: 0.2s margin-bottom, 0.2s opacity; }
  .about-page-member-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px; }
    @media screen and (max-width: 540px) {
      .about-page-member-info {
        align-items: flex-start; } }
  .about-page-member-name {
    font-size: clamp(16px, 2.5vw, 22px);
    letter-spacing: -0.069em;
    color: #222222; }
  .about-page-member-role {
    color: #8C8C8C;
    font-size: clamp(10px, 2vw, 15px);
    line-height: 1.3;
    text-transform: uppercase; }
  .about-page-member .Btn.mobile {
    margin-top: auto;
    min-width: 85px; }
  @media screen and (min-width: 541px) {
    .about-page-member:hover:not(.open) .about-page-member-image {
      outline: 2px solid var(--color-dark);
      outline-offset: 10px; }
      .about-page-member:hover:not(.open) .about-page-member-image::before {
        background: var(--color-dark); }
      .about-page-member:hover:not(.open) .about-page-member-image::after {
        background: var(--hover-color); }
      .about-page-member:hover:not(.open) .about-page-member-image img {
        transform: scale(1.05); }
      .about-page-member:hover:not(.open) .about-page-member-image .Btn.desktop {
        margin-bottom: 20px;
        opacity: 1; } }
  .about-page-member-modal {
    background: var(--color-dark);
    border-radius: 10px;
    color: #fff;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    padding: 0;
    left: 0;
    top: 0;
    right: 0;
    transition: 0.2s opacity, 0.2s left, 0.2s right, 0.2s top, 0.2s padding; }
    @media screen and (min-width: 541px) {
      .about-page-member-modal::after {
        background: linear-gradient(to bottom, transparent, var(--color-dark));
        content: '';
        position: absolute;
        left: 0;
        height: 30px;
        right: 0;
        bottom: 30px; } }
    .about-page-member-modal > button {
      background: transparent;
      border: none;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      padding: 12px; }
      @media screen and (max-width: 540px) {
        .about-page-member-modal > button {
          display: none; } }
    .about-page-member-modal-imagespacer {
      aspect-ratio: 1;
      width: 100%; }
      @media screen and (min-width: 541px) {
        .about-page-member-modal-imagespacer {
          margin-bottom: 30px; } }
    .about-page-member-modal .about-page-member-bio {
      font-size: 15px;
      line-height: 1.6;
      text-align: left; }
      @media screen and (min-width: 541px) {
        .about-page-member-modal .about-page-member-bio {
          margin-top: 20px;
          max-height: 360px;
          overflow: auto;
          overscroll-behavior: contain;
          padding-bottom: 30px;
          margin-inline: -15px;
          padding-inline: 15px;
          width: calc(100% + 30px); } }
      @media screen and (max-width: 540px) {
        .about-page-member-modal .about-page-member-bio {
          color: #fff;
          font-size: 14px;
          grid-column: span 2;
          letter-spacing: -0.88px;
          line-height: 1.5; } }
    @media screen and (min-width: 541px) {
      .about-page-member-modal {
        align-items: center;
        display: flex;
        flex-direction: column;
        text-align: center; } }
    @media screen and (max-width: 540px) {
      .about-page-member-modal {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
        padding: 20px 0; } }
  .about-page-member.open {
    z-index: 3; }
    .about-page-member.open .js-member-open {
      display: none; }
    .about-page-member.open .about-page-member-image::after {
      background: var(--hover-color); }
    .about-page-member.open .about-page-member-modal {
      opacity: 1;
      pointer-events: all; }
      @media screen and (min-width: 541px) {
        .about-page-member.open .about-page-member-modal {
          top: -30px;
          padding: 30px;
          left: -30px;
          right: -30px; } }
      @media screen and (max-width: 540px) {
        .about-page-member.open .about-page-member-modal {
          padding: 20px;
          left: -20px;
          right: -20px; } }

@keyframes gradient-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes gradient-spin-reverse {
  100% {
    transform: rotate(-360deg); } }

@keyframes ring-pulse {
  0%, 100% {
    box-shadow: 0 0 20px 4px #fff, 0 0 0 40px #000; }
  50% {
    box-shadow: 0 0 24px 10px #fff, 0 0 0 40px #000; } }

@keyframes background-move {
  0%, 100% {
    background-position: left top; }
  25% {
    background-position: right bottom; }
  50% {
    background-position: left bottom; }
  75% {
    background-position: right top; } }

.about-page {
  --color-back-subtle: #f5f5f5;
  --color-dark: #222;
  --cube-grid-top: clamp(-450px, -32vw, -228px);
  --cube-grid-width: clamp(773px, 100vw, 1680px);
  --font-size-thirty-twenty: clamp(22px, 2.5vw, 36px);
  --letter-spacing-thirty-twenty: -0.069em; }
  .about-page * {
    box-sizing: border-box; }
  .about-page .container {
    padding-inline: 6.25%; }
  .about-page-section-title {
    font-size: var(--font-size-thirty-twenty);
    letter-spacing: var(--letter-spacing-thirty-twenty);
    color: #222222; }
    @media screen and (min-width: 541px) {
      .about-page-section-title {
        border-bottom: 1px solid var(--color-dark);
        padding-bottom: 30px; } }
  .about-page-hero {
    background: linear-gradient(to bottom right, var(--color-dark), #5CA4D0);
    color: #fff;
    overflow: hidden;
    padding-block: 120px;
    position: relative; }
    .about-page-hero .container {
      position: relative; }
      .about-page-hero .container > * {
        max-width: 400px; }
    .about-page-hero h1 {
      font-size: 36px;
      font-weight: 300;
      letter-spacing: -1.5px;
      font-weight: 300; }
      @media screen and (max-width: 1100px) {
        .about-page-hero h1 {
          font-size: 22px;
          letter-spacing: -0.92px;
          line-height: 30px; } }
    .about-page-hero p {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.6;
      margin-top: 30px; }
      @media screen and (max-width: 1100px) {
        .about-page-hero p {
          margin-top: 10px; } }
    .about-page-hero-gradients {
      container-type: size;
      overflow: hidden;
      position: absolute;
      inset: 0; }
      .about-page-hero-gradients::after {
        content: '';
        position: absolute;
        inset: 0;
        background: url("/assets/images/about/noise-transparent.png") repeat;
        background-attachment: fixed; }
      .about-page-hero-gradients > div {
        align-items: center;
        display: flex;
        justify-content: center;
        position: absolute;
        inset: 0; }
        .about-page-hero-gradients > div:first-child img {
          animation: gradient-spin 90s linear infinite;
          opacity: 0.8;
          width: 120cqmax; }
          @media screen and (max-width: 540px) {
            .about-page-hero-gradients > div:first-child img {
              width: 200cqmax; } }
        .about-page-hero-gradients > div:nth-child(2) img {
          animation: gradient-spin-reverse 58s linear infinite;
          mix-blend-mode: screen;
          opacity: 0.7;
          width: 189cqmax; }
          @media screen and (max-width: 540px) {
            .about-page-hero-gradients > div:nth-child(2) img {
              width: 250cqmax; } }
        .about-page-hero-gradients > div:nth-child(3) img {
          animation: gradient-spin 46s linear infinite;
          mix-blend-mode: screen;
          opacity: 0.6;
          width: 189cqmax; }
          @media screen and (max-width: 540px) {
            .about-page-hero-gradients > div:nth-child(3) img {
              width: 250cqmax; } }
    .about-page-hero-back {
      mix-blend-mode: overlay;
      position: absolute;
      top: calc(100% + var(--cube-grid-top));
      right: 0;
      width: var(--cube-grid-width); }
    .about-page-hero-buttons {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 10px 12px;
      margin-top: 23px; }
  .about-page-vision {
    overflow: hidden;
    padding-block: 60px 158px;
    position: relative; }
    .about-page-vision .container {
      position: relative; }
    .about-page-vision-back {
      position: absolute;
      top: var(--cube-grid-top);
      right: 0;
      width: var(--cube-grid-width); }
    .about-page-vision-part1 {
      font-size: 15px;
      line-height: 1.2;
      margin-bottom: clamp(40px, 6vw, 60px);
      max-width: 51vw;
      text-transform: uppercase;
      text-wrap: balance; }
    .about-page-vision-part2 {
      font-size: clamp(40px, 8vw, 117px);
      font-weight: 500;
      letter-spacing: -0.09em;
      line-height: 1;
      text-wrap: balance; }
  .about-page-council {
    background-color: var(--color-back-subtle);
    position: relative; }
    @media screen and (max-width: 540px) {
      .about-page-council {
        background-color: transparent; } }
    .about-page-council-grid {
      align-items: center;
      display: grid;
      gap: 40px;
      grid-template-columns: 1fr 2fr 1fr;
      min-height: 35vw; }
      @media screen and (min-width: 541px) {
        .about-page-council-grid {
          padding-block: 40px; } }
      .about-page-council-grid > * {
        overflow: visible;
        position: relative; }
      .about-page-council-grid-tag {
        font-size: 10px;
        letter-spacing: 2px;
        line-height: 1.5;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #222222; }
      .about-page-council-grid h2 {
        font-size: var(--font-size-thirty-twenty);
        letter-spacing: var(--letter-spacing-thirty-twenty);
        font-weight: normal;
        color: #222222; }
      .about-page-council-grid p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 30px;
        color: #222222; }
        @media screen and (max-width: 768px) {
          .about-page-council-grid p {
            margin-bottom: 40px; } }
      .about-page-council-grid-image {
        aspect-ratio: 1.03;
        background: url("/assets/images/about/council-back.jpg") no-repeat;
        background-position: center;
        background-size: cover;
        border: 4px solid #8259EF;
        border-top-right-radius: 20%;
        border-bottom-left-radius: 20%;
        overflow: hidden;
        width: 100%; }
      .about-page-council-grid img {
        filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6));
        mix-blend-mode: overlay;
        padding: 20%;
        position: relative;
        width: 100%; }
      @media screen and (min-width: 1025px) {
        .about-page-council-grid-image {
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          position: absolute; } }
      @media screen and (max-width: 1024px) {
        .about-page-council-grid {
          gap: 20px;
          grid-template-columns: 1fr;
          padding-top: 0; }
          .about-page-council-grid > *:first-child {
            order: 1; }
          .about-page-council-grid > *:last-child {
            order: 2; }
          .about-page-council-grid-tag {
            margin-top: 20px;
            margin-bottom: 12px;
            max-width: 212px; }
          .about-page-council-grid-image {
            display: block;
            margin-inline: auto;
            margin-top: -50px;
            max-width: 280px; } }
  .about-page-board {
    padding-block: 170px 120px; }
    @media screen and (max-width: 540px) {
      .about-page-board {
        padding-block: 80px; } }
  .about-page-leadership-list {
    display: grid;
    gap: 40px;
    padding-top: 60px; }
    @media screen and (min-width: 961px) {
      .about-page-leadership-list {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(5, auto); } }
    @media screen and (min-width: 1281px) {
      .about-page-leadership-list {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media screen and (max-width: 960px) {
      .about-page-leadership-list {
        grid-template-areas: 'stack';
        padding-top: 30px; }
        .about-page-leadership-list > * {
          grid-area: stack; } }
  .about-page-leadership-pagination {
    align-items: center;
    display: none;
    flex-direction: column;
    gap: 9px;
    margin-top: 16px; }
    .about-page-leadership-pagination-pages {
      align-items: center;
      display: flex;
      gap: 5px; }
      .about-page-leadership-pagination-pages > * {
        background: #eaeaea;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        transition: 0.2s background; }
        .about-page-leadership-pagination-pages > *.selected {
          background: #2D84EB; }
    .about-page-leadership-pagination-buttons {
      align-items: stretch;
      display: flex;
      gap: 5px; }
      .about-page-leadership-pagination-buttons button {
        align-items: center;
        background: #fff;
        border: 1px solid var(--color-dark);
        border-radius: 5px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        width: 40px;
        height: 40px; }
    @media screen and (max-width: 960px) {
      .about-page-leadership-pagination {
        display: flex; } }
  .about-page-leadership-entry {
    border: 1px solid #ccc;
    border-radius: 10px;
    display: grid;
    font-size: 15px;
    gap: 20px;
    padding: 45px 40px 60px; }
    @media screen and (min-width: 961px) {
      .about-page-leadership-entry {
        grid-row: span 5;
        grid-template-rows: subgrid; } }
    @media screen and (max-width: 960px) {
      .about-page-leadership-entry {
        display: flex;
        flex-direction: column;
        padding: 40px 25px 50px;
        position: relative;
        opacity: 0;
        pointer-events: none;
        left: 0;
        transition: 0.2s opacity, 0.2s left; }
        .about-page-leadership-entry > *:last-child {
          margin-top: auto; }
        .about-page-leadership-entry.open {
          opacity: 1;
          pointer-events: all; }
        .about-page-leadership-entry.left {
          left: -20px; }
        .about-page-leadership-entry.right {
          left: 20px; } }
    .about-page-leadership-entry-icon {
      align-items: center;
      display: flex;
      height: 45px;
      justify-content: flex-start; }
      .about-page-leadership-entry-icon img {
        display: block;
        max-height: 100%;
        max-width: 100%; }
    .about-page-leadership-entry-name {
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 1.333;
      margin-bottom: 20px;
      text-transform: uppercase;
      color: #222222; }
    .about-page-leadership-entry-blurb1, .about-page-leadership-entry-blurb2 {
      line-height: 1.6;
      color: #222222; }
    .about-page-leadership-entry-chair-label {
      font-weight: 500;
      margin-bottom: 5px;
      color: #222222; }
    .about-page-leadership-entry-chair-box {
      align-items: center;
      background: #f1f1f1;
      border-radius: 10px;
      gap: 20px;
      padding: 20px;
      display: flex; }
      @media screen and (min-width: 655px) {
        .about-page-leadership-entry-chair-box {
          display: flex;
          flex: 1;
          gap: 20px; } }
      @media screen and (max-width: 540px) {
        .about-page-leadership-entry-chair-box {
          display: flex;
          flex-direction: column;
          text-align: center; } }
    .about-page-leadership-entry-chair-image {
      aspect-ratio: 1;
      border-radius: 50%;
      overflow: hidden;
      width: 100px; }
      .about-page-leadership-entry-chair-image img {
        display: block;
        object-fit: cover;
        height: 100%;
        width: 100%; }
    .about-page-leadership-entry-chair-name {
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 1.333;
      text-transform: uppercase;
      color: #222222; }
    .about-page-leadership-entry-chair-role, .about-page-leadership-entry-chair-org {
      color: #8C8C8C;
      line-height: 1.2; }
    .about-page-leadership-entry .Btn {
      margin-top: 20px; }
  .about-page-ledger {
    padding-top: 70px; }
    .about-page-ledger-header {
      align-items: flex-start;
      display: flex;
      gap: 40px;
      position: relative; }
      @media screen and (min-width: 769px) {
        .about-page-ledger-header {
          justify-content: space-between; } }
      @media screen and (max-width: 768px) {
        .about-page-ledger-header {
          flex-direction: column;
          gap: 20px; } }
      .about-page-ledger-header h2 {
        font-size: var(--font-size-thirty-twenty);
        letter-spacing: var(--letter-spacing-thirty-twenty);
        color: #222222; }
      .about-page-ledger-header p {
        font-size: 15px;
        line-height: 1.6;
        max-width: 592px;
        color: #222222; }
      .about-page-ledger-header a.Btn.is-black.has-bg {
        margin-top: 40px; }
    .about-page-ledger-image {
      margin-bottom: max(-160px, -10vw);
      margin-top: max(-100px, -9vw);
      overflow-x: hidden; }
      .about-page-ledger-image-inner {
        aspect-ratio: 1660 / 960;
        min-width: 700px;
        pointer-events: none;
        position: relative;
        z-index: -1; }
      .about-page-ledger-image img {
        height: auto;
        object-fit: cover;
        width: 100%;
        position: absolute;
        inset: 0; }
  .about-page-team {
    padding-bottom: 120px; }
    @media screen and (max-width: 540px) {
      .about-page-team {
        padding-bottom: 80px; } }
    .about-page-team-list {
      --hover-color: linear-gradient(to bottom right, #2D84EB, #8259EF); }
  .about-page-stats .container > * {
    background: var(--color-dark);
    background-position: center;
    background-size: cover;
    border-top-right-radius: 150px;
    border-bottom-left-radius: 150px;
    color: #fff;
    display: grid;
    min-height: 315px;
    overflow: hidden;
    padding-block: 80px;
    padding-inline: 10vw;
    position: relative; }
    .about-page-stats .container > *::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("/assets/images/about/noise-transparent.png") repeat; }
    .about-page-stats .container > * img {
      filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6)); }
    @media screen and (min-width: 769px) {
      .about-page-stats .container > * {
        align-items: flex-start;
        background-image: url("/assets/images/about/stat-back.jpg");
        display: flex;
        justify-content: space-between; } }
    @media screen and (max-width: 768px) {
      .about-page-stats .container > * {
        background-image: url("/assets/images/about/stat-back-mobile.jpg");
        gap: 70px 40px;
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 540px) {
      .about-page-stats .container > * {
        gap: 70px;
        grid-template-columns: 1fr; } }
  .about-page-stats-entry {
    align-items: center;
    display: flex;
    flex-direction: column; }
    .about-page-stats-entry > *:first-child {
      align-items: center;
      display: flex;
      width: 85px;
      height: 85px;
      border-radius: 50%;
      box-shadow: 0 0 20px 10px #fff, 0 0 0 34px #000;
      justify-content: center;
      padding: 20px;
      margin-bottom: 20px;
      mix-blend-mode: color-dodge;
      animation: ring-pulse 3s linear infinite; }
      .about-page-stats-entry > *:first-child img {
        max-height: 100%;
        max-width: 100%; }
    .about-page-stats-entry > *:nth-child(2) {
      font-size: 20px;
      font-weight: 500;
      letter-spacing: -1.44px; }
    .about-page-stats-entry > *:nth-child(3) {
      font-size: 15px;
      letter-spacing: -1.08px;
      margin-top: 4px; }
  .about-page-career {
    overflow: visible;
    padding-block: 120px 130px;
    position: relative; }
    @media screen and (max-width: 540px) {
      .about-page-career {
        padding-block: 80px 100px; } }
    .about-page-career-back {
      position: absolute;
      top: -15vw;
      right: -13vw;
      width: 63vw;
      z-index: -1; }
      @media screen and (max-width: 540px) {
        .about-page-career-back {
          display: none; } }
    .about-page-career .container {
      align-items: stretch;
      box-sizing: content-box;
      display: grid;
      gap: 40px;
      grid-template-columns: 1fr 1fr;
      max-width: 1024px; }
      .about-page-career .container > * {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .about-page-career .container > *:last-child {
          padding-top: 10px; }
      @media screen and (min-width: 769px) {
        .about-page-career .container .Btn.mobile {
          display: none; } }
      @media screen and (max-width: 768px) {
        .about-page-career .container {
          gap: 20px;
          grid-template-columns: 1fr; }
          .about-page-career .container > * {
            gap: 10px; }
            .about-page-career .container > *:last-child {
              padding-top: 0; }
          .about-page-career .container .Btn.desktop {
            display: none; } }
    .about-page-career-tag1 {
      font-size: 10px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #222222; }
    .about-page-career-tag2 {
      font-size: var(--font-size-thirty-twenty);
      letter-spacing: var(--letter-spacing-thirty-twenty);
      color: #222222; }
    .about-page-career p {
      font-size: 15px;
      line-height: 1.6;
      color: #222222; }
    .about-page-career .Btn {
      margin-top: auto; }
      .about-page-career .Btn.mobile {
        margin-top: 20px; }
  .about-page-more {
    background: var(--color-dark);
    padding-block: 120px; }
    @media screen and (max-width: 540px) {
      .about-page-more {
        padding-block: 60px 80px; } }
    .about-page-more .container {
      display: grid;
      gap: 60px;
      grid-template-columns: 1fr 1fr 1fr 1fr; }
      @media screen and (max-width: 1280px) {
        .about-page-more .container {
          gap: 40px;
          grid-template-columns: 1fr 1fr; } }
      @media screen and (max-width: 480px) {
        .about-page-more .container {
          gap: 20px;
          grid-template-columns: 1fr; } }
    .about-page-more-entry {
      --border-color: #fff;
      align-items: center;
      background: linear-gradient(var(--color-dark) 0 0) padding-box, var(--border-color) border-box;
      border: 3px solid transparent;
      border-radius: 20px;
      color: #fff;
      display: flex;
      flex-direction: column;
      padding: 60px 20px; }
      @media screen and (max-width: 480px) {
        .about-page-more-entry {
          padding: 40px 20px; } }
      .about-page-more-entry-image {
        align-items: center;
        display: flex;
        height: 64px;
        justify-content: center;
        margin-bottom: 20px; }
      .about-page-more-entry-name {
        font-size: 24px;
        font-weight: 200;
        letter-spacing: -0.97px; }
      .about-page-more-entry .Btn {
        margin-top: 40px;
        min-width: 0;
        padding-inline: 16px; }
      .about-page-more-entry:nth-child(1) {
        --border-color: linear-gradient(to bottom right, #D173DE, #943BA0); }
      .about-page-more-entry:nth-child(2) {
        --border-color: linear-gradient(to bottom right, #8259EF, #4D25B8); }
      .about-page-more-entry:nth-child(3) {
        --border-color: linear-gradient(to bottom right, #3FC878, #1F6F40); }
      .about-page-more-entry:nth-child(4) {
        --border-color: linear-gradient(to bottom right, #2D84EB, #154A89); }
  .about-page-hello {
    padding-block: 70px; }
    .about-page-hello .container {
      background-attachment: fixed;
      background-clip: text;
      background-position: center;
      background-size: cover;
      -webkit-background-clip: text;
      container-type: inline-size;
      color: transparent;
      font-size: 18cqw;
      letter-spacing: -0.1em;
      white-space: nowrap; }
      @media screen and (min-width: 541px) {
        .about-page-hello .container {
          background-image: url("/assets/images/about/future-gradient.webp");
          background-attachment: fixed; } }
      @media screen and (max-width: 540px) {
        .about-page-hello .container {
          background-image: url("/assets/images/about/future-gradient-mobile.jpg");
          animation: 30s background-move ease-in-out infinite; } }

.about-page-leadership-entry-chair-boxes {
  display: grid;
  flex: 1;
  gap: 20px; }

@media only screen and (max-width: 655px) {
  .about-page-leadership-entry-chair-boxes {
    gap: 10px;
    flex-flow: column; } }

.Section .About .integrators {
  position: relative; }
  .Section .About .integrators .integrators-list li {
    font-size: 13px;
    line-height: 25px;
    width: 50%;
    float: left; }
  .Section .About .integrators .Btn.listed {
    position: absolute;
    bottom: 12.5%; }

.About {
  position: relative; }
  .About > .integrator-info > .padding {
    padding: 12.5%; }
    @media (min-width: 1024px) {
      .About > .integrator-info > .padding {
        padding-bottom: 0; } }
  .About > .integrator-info .name {
    font-size: 26px;
    line-height: 28px;
    padding-bottom: 12.5%; }
  .About > .integrator-info .media {
    background-image: url("/assets/images/image2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 0;
    overflow: visible;
    padding-bottom: 60%;
    position: relative; }
  .About > .integrator-info .content {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.32px;
    line-height: 25px;
    padding-top: 6.25%; }
  .About > .integrator-info .visit.Btn {
    position: absolute;
    bottom: 12.5%; }
  .About > .integrator-info.is-dark {
    background-color: #464646;
    color: white; }
    .About > .integrator-info.is-dark > .image {
      background-color: #464646; }
  .About > .integrators > .padding {
    padding: 12.5%; }
    @media (min-width: 1024px) {
      .About > .integrators > .padding {
        padding: none; } }
  .About > .integrators .title {
    font-size: 26px;
    line-height: 28px; }
  .About > .integrators ul li {
    font-size: 26px;
    line-height: 42px;
    font-weight: 300; }
  @media (min-width: 1024px) {
    .About {
      display: flex; }
      .About > .integrators {
        width: 50%;
        overflow: hidden;
        height: 100vh;
        padding-bottom: 0;
        max-height: 920px; }
        .About > .integrators ul li.active::after {
          content: " \2022"; }
      .About.not-full > .integrators {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        max-height: auto; }
      .About > .integrator-info {
        display: none;
        width: 50%;
        min-height: auto; }
        .About > .integrator-info.is-active {
          display: block; }
      .About:nth-child(2n-1) > .integrator-info {
        order: 1; }
      .About:nth-child(2n-1) > .integrators {
        order: 2; }
      .About.is-dark > .integrator-info, .About.is-intro > .integrator-info {
        order: 1; }
      .About.is-dark > .integrators, .About.is-intro > .integrators {
        order: 2; } }

.learn-more {
  display: flex;
  position: relative; }
  .learn-more .left {
    margin: 6.25%;
    width: 50%; }
    .learn-more .left .header {
      display: flex;
      margin-bottom: 50px; }
      .learn-more .left .header .illustration {
        width: 6.25vw; }
      .learn-more .left .header .title {
        font-size: 24px;
        line-height: 34px;
        width: 25vw; }
  .learn-more .right {
    margin: 6.25%;
    position: relative;
    width: 50%; }
    .learn-more .right .image {
      margin-bottom: 60px;
      width: 25vw; }
      .learn-more .right .image img {
        width: 100%;
        display: block; }
    .learn-more .right .Btn.learn {
      position: absolute;
      bottom: 0; }

.learn-more .content {
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.32px;
  padding-bottom: 33px; }

.About {
  position: relative; }
  .About > .partner-info > .padding {
    padding: 12.5%; }
    @media (min-width: 1024px) {
      .About > .partner-info > .padding {
        padding-bottom: 0; } }
  .About > .partner-info .name {
    font-size: 26px;
    line-height: 28px;
    padding-bottom: 12.5%; }
  .About > .partner-info .media {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 0;
    overflow: visible;
    padding-bottom: 60%;
    position: relative; }
    .About > .partner-info .media iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .About > .partner-info .content {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.32px;
    line-height: 25px;
    padding-top: 6.25%; }
  .About > .partner-info .visit.Btn {
    position: absolute;
    bottom: 12.5%; }
  .About > .partner-info.is-dark {
    background-color: #464646;
    color: white; }
    .About > .partner-info.is-dark > .image {
      background-color: #464646; }
  .About > .partners > .padding {
    padding: 12.5%; }
    @media (min-width: 1024px) {
      .About > .partners > .padding {
        padding: none; } }
  .About > .partners .title {
    font-size: 26px;
    line-height: 28px; }
  .About > .partners ul li {
    font-size: 26px;
    line-height: 42px;
    font-weight: 300; }
  @media (min-width: 1024px) {
    .About {
      display: flex; }
      .About > .partners {
        width: 50%;
        overflow: hidden;
        height: 100vh;
        padding-bottom: 0;
        max-height: 920px; }
        .About > .partners ul li.active::after {
          content: " \2022"; }
      .About.not-full > .partners {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        max-height: auto; }
      .About > .partner-info {
        display: none;
        width: 50%;
        min-height: auto; }
        .About > .partner-info.is-active {
          display: block; }
      .About:nth-child(2n-1) > .partner-info {
        order: 2; }
      .About:nth-child(2n-1) > .partners {
        order: 1; } }

.PodcastGrid {
  background-color: white;
  padding: 6.25% 6.25% 0 6.25%; }
  .PodcastGrid > h4 {
    padding-bottom: 6.25%; }
  .PodcastGrid > .podcasts {
    padding-bottom: 6.25%; }
  .PodcastGrid > .podcasts > .podcast,
  .PodcastGrid .view-all-podcasts > .podcast {
    display: block;
    text-decoration: none;
    color: #464646;
    margin-bottom: 12.5%; }
    .PodcastGrid > .podcasts > .podcast .image,
    .PodcastGrid .view-all-podcasts > .podcast .image {
      height: 0;
      padding-bottom: 54%;
      margin-bottom: 20px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-filter: grayscale(1);
      filter: grayscale(1); }
    .PodcastGrid > .podcasts > .podcast > h5,
    .PodcastGrid .view-all-podcasts > .podcast > h5 {
      margin-bottom: 6px; }
    .PodcastGrid > .podcasts > .podcast > .duration,
    .PodcastGrid .view-all-podcasts > .podcast > .duration {
      color: #b8b8b8; }
    .PodcastGrid > .podcasts > .podcast:hover .image,
    .PodcastGrid .view-all-podcasts > .podcast:hover .image {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
  @media (min-width: 1024px) {
    .PodcastGrid > .podcasts,
    .PodcastGrid .view-all-podcasts {
      display: flex;
      flex-wrap: wrap; }
      .PodcastGrid > .podcasts > .podcast,
      .PodcastGrid .view-all-podcasts > .podcast {
        min-width: 25vw;
        max-width: 25vw;
        flex: 1 0 25vw;
        padding: 0;
        margin-right: 6.25%;
        margin-bottom: 40px; }
        .PodcastGrid > .podcasts > .podcast:last-of-type,
        .PodcastGrid .view-all-podcasts > .podcast:last-of-type {
          margin-right: 0; }
        .PodcastGrid > .podcasts > .podcast:nth-child(3n),
        .PodcastGrid .view-all-podcasts > .podcast:nth-child(3n) {
          margin-right: 0; }
      .PodcastGrid > .podcasts.hidden,
      .PodcastGrid .view-all-podcasts.hidden {
        display: none; } }
  .PodcastGrid a.view-all-button {
    margin-bottom: 6.25%; }

.RoadMap {
  height: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #f9f9f9; }
  .RoadMap > .left {
    width: 100%;
    background-color: #8259ef; }
    @media (min-width: 1024px) {
      .RoadMap > .left {
        width: 0%;
        background-position: top;
        background-color: #f9f9f9;
        background-repeat: no-repeat;
        color: #222222; } }
    .RoadMap > .left .padding {
      padding: 12.5%; }
      .RoadMap > .left .padding > .title {
        font-size: 26px;
        font-weight: 300;
        line-height: 36px;
        margin-bottom: 32px;
        color: white; }
        @media (min-width: 1024px) {
          .RoadMap > .left .padding > .title {
            color: #222222;
            margin-bottom: 48px; } }
      .RoadMap > .left .padding > .content {
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        color: white; }
        @media (min-width: 1024px) {
          .RoadMap > .left .padding > .content {
            color: #222222;
            margin-bottom: 48px; } }
      .RoadMap > .left .padding > .Btn.roadmap {
        color: #222222; }
  .RoadMap .right {
    width: 100%;
    background-color: #8259ef;
    color: white; }
    @media (min-width: 1024px) {
      .RoadMap .right {
        width: 100%; } }
    .RoadMap .right > .content {
      width: auto;
      margin-left: 12.5%;
      border-left: 1px solid white; }
      @media (min-width: 1024px) {
        .RoadMap .right > .content {
          width: 90%;
          margin-left: auto; } }
      .RoadMap .right > .content > .Btn.phase {
        background-color: #8259ef;
        left: -15px;
        margin-top: 50px;
        position: relative;
        padding: 0 45px;
        pointer-events: none; }
      .RoadMap .right > .content .timeline-event {
        padding: 36px 12.5% 14px 36px;
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid rgba(140, 140, 140, 0.1255);
        position: relative; }
        @media (min-width: 1024px) {
          .RoadMap .right > .content .timeline-event {
            padding: 36px 6.25% 12px 48px; } }
        .RoadMap .right > .content .timeline-event:last-child {
          padding-bottom: 12.5%; }
          @media (min-width: 1024px) {
            .RoadMap .right > .content .timeline-event:last-child {
              padding-bottom: 6.25%; } }
        .RoadMap .right > .content .timeline-event.completed > .dot {
          border: 1px solid white;
          background-color: white; }
        .RoadMap .right > .content .timeline-event > .dot {
          background-color: #8259ef;
          border: 1px solid white;
          height: 13px;
          width: 13px;
          position: absolute;
          left: -7px;
          top: 44px;
          border-radius: 50%;
          display: inline-block;
          box-sizing: border-box; }
        .RoadMap .right > .content .timeline-event > .line {
          height: 1px;
          background-color: white;
          width: 20px;
          position: absolute;
          left: 6px;
          top: 50px;
          margin-right: 0; }
        .RoadMap .right > .content .timeline-event > .title {
          font-weight: 300;
          line-height: 30px;
          pointer-events: none;
          width: auto; }
          @media (min-width: 1024px) {
            .RoadMap .right > .content .timeline-event > .title {
              width: 85%; } }
        .RoadMap .right > .content .timeline-event > .completed-tick {
          display: none; }
          @media (min-width: 1024px) {
            .RoadMap .right > .content .timeline-event > .completed-tick {
              display: block; } }
          .RoadMap .right > .content .timeline-event > .completed-tick > svg {
            display: block;
            width: 100%; }
            .RoadMap .right > .content .timeline-event > .completed-tick > svg path {
              fill: white; }
        .RoadMap .right > .content .timeline-event > .event {
          width: auto;
          font-size: 12px;
          line-height: 30px;
          font-weight: 400; }
          @media (min-width: 1024px) {
            .RoadMap .right > .content .timeline-event > .event {
              width: 75%; } }
          .RoadMap .right > .content .timeline-event > .event ol {
            list-style: inside; }
          .RoadMap .right > .content .timeline-event > .event li {
            list-style-type: decimal; }
      .RoadMap .right > .content:nth-child(1) {
        border-top: 0; }

.h18-intro {
  background: linear-gradient(90deg, #500089 0%, #a8087b 50.28%, #66088a 100%);
  color: white;
  font-size: 22px;
  height: 100vh;
  line-height: 28px;
  overflow: hidden;
  position: relative; }
  .h18-intro > .top .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url("/assets/images/intro.jpg");
    background-repeat: no-repeat;
    background-size: 400%;
    background-position: 50% 50%; }
    @media (min-width: 1024px) {
      .h18-intro > .top .image {
        background-position: center center; } }
  .h18-intro .h18-logo {
    position: relative;
    text-align: center;
    margin-top: 90px; }
    .h18-intro .h18-logo svg {
      width: 242px; }
  .h18-intro .heading,
  .h18-intro .location,
  .h18-intro .status {
    position: relative; }
  .h18-intro .status {
    position: absolute;
    display: inline-flex;
    bottom: 10vw;
    left: calc(46vw - 200px); }
    .h18-intro .status a {
      margin-top: 22px; }
    .h18-intro .status p {
      margin-bottom: 30px; }
  .h18-intro .status-item {
    margin: 22px;
    width: 236px; }
  .h18-intro .hashtag {
    position: absolute;
    display: inline-flex;
    left: calc(50% - 91px);
    bottom: 10%;
    font-size: 20px;
    letter-spacing: 6px;
    font-weight: 400; }
  .h18-intro .heading {
    top: 52%;
    left: 45vw;
    font-weight: 300;
    padding-left: 40px;
    border-left: 1px solid white; }
  .h18-intro .location {
    position: absolute;
    font-weight: 300;
    left: 12vw;
    top: 52vh; }

@media (min-width: 1024px) {
  .h18-intro {
    max-height: 800px;
    font-size: 32px;
    line-height: 40px; }
    .h18-intro .image {
      background-size: cover; }
    .h18-intro .h18-logo {
      /*position: absolute;
      left: 6.25%;*/
      margin-top: calc(5% - 50px); }
    .h18-intro .heading {
      top: calc(56% - 40px);
      left: 50vw; }
    .h18-intro .location {
      padding: 0;
      position: absolute;
      left: calc(50vw - 290px);
      top: calc(56% - 20px); }
    .h18-intro .status {
      left: calc(50% - 118px);
      top: calc(80% - 80px); }
    .h18-intro .hashtag {
      position: absolute;
      bottom: 5%;
      left: calc(50% - 76.5px); } }

@media screen and (max-width: 1023px) {
  .h18-intro > .top .image {
    background-size: cover;
    background-position: 29% 0; }
  .h18-intro .heading {
    padding: 0;
    border: none;
    left: auto;
    text-align: center;
    top: 33%; }
  .h18-intro .location {
    padding: 0;
    border: none;
    left: auto;
    text-align: center;
    top: 46%;
    width: 100%; }
  .h18-intro .status {
    display: block;
    margin: auto;
    width: 280px;
    position: absolute;
    bottom: auto;
    top: 54%;
    left: calc(50% - 140px); }
    .h18-intro .status a,
    .h18-intro .status .Btn {
      margin: 11px 22px; }
  .h18-intro .h18-logo {
    margin-top: 38px; }
    .h18-intro .h18-logo svg {
      width: 140px; } }

.light {
  font-weight: 300; }

.hedera18-banner {
  color: white;
  text-align: center;
  padding: 40px 6.25%;
  background: linear-gradient(160deg, #9c27b0, #ff5722 34%, #9c27b0);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover; }
  .hedera18-banner.text-color-black {
    color: #222222; }
  .hedera18-banner .yellow {
    color: #ffce07; }
  .hedera18-banner .gap-on-big {
    display: block;
    width: auto;
    height: 5px; }
    @media (min-width: 1024px) {
      .hedera18-banner .gap-on-big {
        display: inline-block;
        width: 20px; } }
  .hedera18-banner .break {
    display: block; }
    @media (max-width: 500px) {
      .hedera18-banner .break {
        display: none; } }
  .hedera18-banner.to-portal {
    background: linear-gradient(160deg, #2d84eb, #8259ef); }
    .hedera18-banner.to-portal.background-color-white {
      background: white; }
    @media (min-width: 1024px) {
      .hedera18-banner.to-portal {
        text-align: left; }
        .hedera18-banner.to-portal.banner-play-cta .hedera18-banner-main {
          flex-grow: 1;
          width: auto; }
        .hedera18-banner.to-portal.banner-play-cta .actions {
          flex-grow: 0;
          width: auto;
          text-align: center; }
          .hedera18-banner.to-portal.banner-play-cta .actions p {
            display: none; }
          .hedera18-banner.to-portal.banner-play-cta .actions .secondary-cta {
            margin-left: 12px; }
          .hedera18-banner.to-portal.banner-play-cta .actions .ButtonLauncher {
            margin-bottom: 24px; }
        .hedera18-banner.to-portal .columns {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center; }
        .hedera18-banner.to-portal .hedera18-banner-main,
        .hedera18-banner.to-portal .actions {
          flex-grow: 0;
          flex-shrink: 0; }
          .hedera18-banner.to-portal .hedera18-banner-main > h2,
          .hedera18-banner.to-portal .actions > h2 {
            margin: 0;
            padding: 0; }
        .hedera18-banner.to-portal .hedera18-banner-main {
          width: 70%; }
          .hedera18-banner.to-portal .hedera18-banner-main h2 {
            margin: 20px 0 30px; }
        .hedera18-banner.to-portal .actions {
          width: 30%;
          text-align: right;
          position: relative; }
        .hedera18-banner.to-portal .sub-heading {
          margin-top: 20px; } }

.hedera18-banner h2 {
  display: inline-block; }

.hedera18-banner h2 strong {
  font-weight: 500; }

.hedera18-time-date {
  display: inline-block;
  color: #ffce07;
  padding-bottom: 1px;
  border-bottom: 1px solid;
  text-align: left;
  position: relative;
  bottom: 0px;
  line-height: 1.4em;
  font-size: 9px;
  left: 0px;
  top: 4px; }
  @media (min-width: 1024px) {
    .hedera18-time-date {
      border-bottom: 0;
      left: 10px;
      top: 0; }
      .hedera18-time-date .underline {
        border-bottom: 1px solid #ffce07;
        display: inline-block; } }

.hello-future-lockup {
  width: 320px;
  max-width: 70vw; }

@media (max-width: 1100px) {
  .hedera18-banner h2 {
    line-height: 1.4em;
    margin-top: 4px;
    margin-bottom: 15px; }
  .banner-play-cta .secondary-cta {
    margin: 0; }
  .hello-future-lockup {
    margin-top: 18px; } }

.Future {
  margin-top: 80px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px; }
  .Future .wrapper {
    max-width: 980px;
    margin: 0 auto;
    overflow: auto;
    min-height: 100%;
    padding: 0px 10px; }
    .Future .wrapper .main {
      max-width: 100%;
      padding-top: 20px;
      padding-bottom: 100px; }
      .Future .wrapper .main h1 {
        display: block;
        font-size: 2em;
        margin-block-start: 0.67em;
        margin-block-end: 0.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        line-height: 1.25; }
      .Future .wrapper .main h2 {
        display: block;
        font-size: 1.5em;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold; }
      .Future .wrapper .main h3 {
        display: block;
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold; }
      .Future .wrapper .main p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px; }
      .Future .wrapper .main strong, .Future .wrapper .main b {
        font-weight: bold; }
      .Future .wrapper .main ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px; }
      .Future .wrapper .main li {
        display: list-item;
        text-align: -webkit-match-parent; }
      .Future .wrapper .main a {
        text-decoration: none;
        color: #2975CA; }
      .Future .wrapper .main .location {
        color: #757575;
        margin: 8px 0px; }
      .Future .wrapper .main .wrapper {
        padding: 20px; }
        .Future .wrapper .main .wrapper .level-0 .opening {
          line-height: 20px;
          margin-bottom: 25px; }
          .Future .wrapper .main .wrapper .level-0 .opening a {
            font-size: 16px;
            font-weight: bold; }
      .Future .wrapper .main .app_body {
        max-width: 600px;
        position: relative;
        padding-left: 20px; }
        .Future .wrapper .main .app_body .header {
          padding: 0 10px; }
          .Future .wrapper .main .app_body .header h1 {
            margin-bottom: 0px; }
            .Future .wrapper .main .app_body .header h1.app-title {
              margin-bottom: 0; }
          .Future .wrapper .main .app_body .header .company-name {
            font-size: 16px; }
        .Future .wrapper .main .app_body .content {
          line-height: 20px;
          padding: 0 10px; }
  @media (max-width: 640px) {
    .Future .wrapper {
      padding: 0; }
      .Future .wrapper .main .app_body {
        padding-left: 0; } }

.Academy .heading {
  background-color: black;
  padding-left: 6.25%;
  height: 160px;
  color: white; }
  .Academy .heading .content {
    display: flex;
    align-items: center;
    padding: 45px 0; }
    .Academy .heading .content .icon {
      margin-right: 20px; }
      .Academy .heading .content .icon img {
        display: block; }

.Academy .AcademyForm {
  position: relative;
  text-align: center;
  padding: 12.5% 6.25%;
  font-size: 14px;
  line-height: 2;
  color: white; }
  .Academy .AcademyForm > .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 6.94%, rgba(0, 0, 0, 0) 51.36%);
    pointer-events: none; }
  .Academy .AcademyForm input {
    border-radius: 0; }
  @media (min-width: 1024px) {
    .Academy .AcademyForm {
      padding: 6.25%; } }
  .Academy .AcademyForm > .contents-closed {
    text-align: center; }
  .Academy .AcademyForm .header {
    display: block;
    margin-bottom: 12px; }
  .Academy .AcademyForm .statement {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 50px; }
    @media (min-width: 1024px) {
      .Academy .AcademyForm .statement {
        width: 80%;
        text-align: center; } }
    .Academy .AcademyForm .statement a {
      color: white; }
  .Academy .AcademyForm .left {
    margin-bottom: 6.25%; }
    @media (min-width: 1024px) {
      .Academy .AcademyForm .left {
        margin-bottom: 60px; } }
  @media (min-width: 1024px) {
    .Academy .AcademyForm .contents {
      width: 90%;
      margin: 0 auto; }
    .Academy .AcademyForm .row {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .Academy .AcademyForm .row fieldset {
        width: 50%; }
        .Academy .AcademyForm .row fieldset.first {
          width: calc(50% - 50px);
          padding-right: 50px; }
      .Academy .AcademyForm .row .dropdown {
        width: calc(50% - 50px);
        padding-right: 50px; }
    .Academy .AcademyForm .bottom {
      width: 100%; } }

.AcademyForm form .contents {
  opacity: 1;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }

.AcademyForm form.is-submitting .contents,
.AcademyForm form.is-sent .contents,
.AcademyForm form.is-error-submitting .contents {
  opacity: 0.2;
  pointer-events: none; }

.AcademyForm fieldset {
  padding: 0;
  display: block; }
  .AcademyForm fieldset.is-two > * {
    float: left;
    width: calc(50% - 10px); }
  .AcademyForm fieldset.is-two > *:first-child {
    margin-right: 10px; }
  .AcademyForm fieldset.is-auto > div {
    width: 100%; }
  .AcademyForm fieldset textarea {
    display: block;
    width: 100%;
    height: 150px;
    border: 1px solid #595959;
    background-color: transparent;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    box-sizing: border-box;
    outline: none;
    color: #595959;
    margin-top: 16px; }
    .AcademyForm fieldset textarea:focus {
      border-color: #f9f9f9;
      color: white; }
  .AcademyForm fieldset input[type="text"],
  .AcademyForm fieldset input[role="combobox"],
  .AcademyForm fieldset input[type="email"] {
    font-size: 14px;
    line-height: 40px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    color: white;
    margin: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #595959;
    outline: none; }
    .AcademyForm fieldset input[type="text"].is-invalid,
    .AcademyForm fieldset input[role="combobox"].is-invalid,
    .AcademyForm fieldset input[type="email"].is-invalid {
      border-bottom-color: #FF4200;
      color: #FF4200; }
      .AcademyForm fieldset input[type="text"].is-invalid::-webkit-input-placeholder,
      .AcademyForm fieldset input[role="combobox"].is-invalid::-webkit-input-placeholder,
      .AcademyForm fieldset input[type="email"].is-invalid::-webkit-input-placeholder {
        color: #FF4200; }
      .AcademyForm fieldset input[type="text"].is-invalid:-moz-placeholder,
      .AcademyForm fieldset input[role="combobox"].is-invalid:-moz-placeholder,
      .AcademyForm fieldset input[type="email"].is-invalid:-moz-placeholder {
        /* Firefox 18- */
        color: #FF4200; }
      .AcademyForm fieldset input[type="text"].is-invalid::-moz-placeholder,
      .AcademyForm fieldset input[role="combobox"].is-invalid::-moz-placeholder,
      .AcademyForm fieldset input[type="email"].is-invalid::-moz-placeholder {
        /* Firefox 19+ */
        color: #FF4200; }
      .AcademyForm fieldset input[type="text"].is-invalid:-ms-input-placeholder,
      .AcademyForm fieldset input[role="combobox"].is-invalid:-ms-input-placeholder,
      .AcademyForm fieldset input[type="email"].is-invalid:-ms-input-placeholder {
        color: #FF4200; }
    .AcademyForm fieldset input[type="text"].is-half,
    .AcademyForm fieldset input[role="combobox"].is-half,
    .AcademyForm fieldset input[type="email"].is-half {
      width: calc(50% - 5px);
      flex: 1; }
      .AcademyForm fieldset input[type="text"].is-half:first-of-type,
      .AcademyForm fieldset input[role="combobox"].is-half:first-of-type,
      .AcademyForm fieldset input[type="email"].is-half:first-of-type {
        margin-right: 10px; }
    .AcademyForm fieldset input[type="text"]:hover,
    .AcademyForm fieldset input[role="combobox"]:hover,
    .AcademyForm fieldset input[type="email"]:hover {
      border-bottom-color: #f9f9f9; }
    .AcademyForm fieldset input[type="text"]:focus,
    .AcademyForm fieldset input[role="combobox"]:focus,
    .AcademyForm fieldset input[type="email"]:focus {
      border-bottom-color: white; }
    .AcademyForm fieldset input[type="text"]::-webkit-input-placeholder,
    .AcademyForm fieldset input[role="combobox"]::-webkit-input-placeholder,
    .AcademyForm fieldset input[type="email"]::-webkit-input-placeholder {
      color: #f9f9f9; }
    .AcademyForm fieldset input[type="text"]:-moz-placeholder,
    .AcademyForm fieldset input[role="combobox"]:-moz-placeholder,
    .AcademyForm fieldset input[type="email"]:-moz-placeholder {
      /* Firefox 18- */
      color: #f9f9f9; }
    .AcademyForm fieldset input[type="text"]::-moz-placeholder,
    .AcademyForm fieldset input[role="combobox"]::-moz-placeholder,
    .AcademyForm fieldset input[type="email"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #f9f9f9; }
    .AcademyForm fieldset input[type="text"]:-ms-input-placeholder,
    .AcademyForm fieldset input[role="combobox"]:-ms-input-placeholder,
    .AcademyForm fieldset input[type="email"]:-ms-input-placeholder {
      color: #f9f9f9; }
  .AcademyForm fieldset.is-invalid {
    color: #FF4200; }
  .is-invalid .AcademyForm fieldset {
    color: #FF4200; }

.AcademyForm .dropdown {
  margin-bottom: 16px; }
  .AcademyForm .dropdown.is-invalid .Select-control {
    border-color: #FF4200 !important; }
  .AcademyForm .dropdown .Select .Select-placeholder {
    color: white;
    padding-left: 0; }
  .AcademyForm .dropdown .Select .Select-control {
    text-align: left;
    border: 0;
    border-bottom: 1px solid #595959; }

.AcademyForm .tick {
  position: relative;
  margin-bottom: 6px; }
  .AcademyForm .tick.second {
    margin-left: 6px; }
  .AcademyForm .tick.interests {
    margin-bottom: 20px; }
  .AcademyForm .tick .bold {
    text-decoration: underline; }
  .AcademyForm .tick input {
    position: absolute;
    left: -5000px;
    opacity: 0; }
  .AcademyForm .tick a {
    color: #b8b8b8;
    position: relative;
    top: 1px; }
  .AcademyForm .tick label {
    display: flex;
    cursor: pointer;
    align-items: baseline;
    color: #b8b8b8; }
    .AcademyForm .tick label > span {
      display: block;
      width: calc(100% - 40px);
      line-height: 1.5em; }
    .AcademyForm .tick label .icon {
      position: relative;
      top: 5px;
      display: block;
      box-sizing: border-box;
      -moz-transition: background-color 200ms ease-in-out;
      -o-transition: background-color 200ms ease-in-out;
      -webkit-transition: background-color 200ms ease-in-out;
      transition: background-color 200ms ease-in-out;
      background-color: rgba(255, 255, 255, 0);
      content: "";
      width: 19px;
      height: 19px;
      border-radius: 50%;
      border: 1px solid #b8b8b8;
      margin-right: 12px;
      background-position: center center;
      background-repeat: no-repeat; }
      .AcademyForm .tick label .icon svg {
        display: block;
        width: 19px;
        height: 19px;
        position: relative;
        top: -1px;
        left: -1px; }
      .AcademyForm .tick label .icon .line {
        fill: rgba(255, 255, 255, 0); }
    .AcademyForm .tick label:focus, .AcademyForm .tick label:hover {
      text-decoration: underline; }
      .AcademyForm .tick label:focus .icon .line, .AcademyForm .tick label:hover .icon .line {
        fill: #888; }
    .AcademyForm .tick label.terms {
      display: inline-flex; }
    .AcademyForm .tick label.privacy {
      display: inline-flex; }
  .AcademyForm .tick input:focus + label {
    color: white; }
  .AcademyForm .tick input:checked + label {
    color: white; }
    .AcademyForm .tick input:checked + label:hover {
      text-decoration: none; }
    .AcademyForm .tick input:checked + label .icon {
      background-color: white;
      border-color: white; }
      .AcademyForm .tick input:checked + label .icon .line {
        fill: #464646; }

.is-invalid .tick,
.tick.is-invalid {
  color: #FF4200; }
  .is-invalid .tick label,
  .tick.is-invalid label {
    color: #FF4200; }
  .is-invalid .tick .icon,
  .tick.is-invalid .icon {
    border-color: #FF4200 !important;
    background-color: rgba(217, 78, 78, 0.3) !important; }
    .is-invalid .tick .icon .line,
    .tick.is-invalid .icon .line {
      fill: rgba(255, 66, 0, 0) !important; }

@media (min-width: 1024px) {
  .AcademyForm .actions {
    padding-top: 20px; } }

.AcademyForm .actions .Btn {
  display: block;
  width: 100%;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out; }
  @media (min-width: 1024px) {
    .AcademyForm .actions .Btn {
      margin-left: auto;
      margin-right: auto;
      width: auto; } }
  .AcademyForm .actions .Btn.is-submitting {
    background-color: #595959;
    color: white;
    pointer-events: none; }
  .AcademyForm .actions .Btn.is-sent {
    background-color: white;
    color: #222222;
    pointer-events: none; }

.AcademyForm .error {
  width: 100%;
  padding-bottom: 60px;
  text-align: center; }
  .AcademyForm .error > span {
    background-color: #FF4200;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 15px;
    color: #222222; }
    @media (min-width: 1024px) {
      .AcademyForm .error > span {
        margin-left: auto;
        margin-right: auto; } }

.AcademyForm .RadioInput {
  margin-bottom: 20px; }
  .AcademyForm .RadioInput .header {
    line-height: 1.5;
    display: block;
    margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .AcademyForm .RadioInput {
      margin-bottom: 0; }
      .AcademyForm .RadioInput.is-1, .AcademyForm .RadioInput.is-2 {
        width: calc(50% - 20px);
        float: left; }
      .AcademyForm .RadioInput.is-1 {
        margin-right: 20px; }
      .AcademyForm .RadioInput.is-3 {
        clear: left;
        margin-top: 20px; } }
  .AcademyForm .RadioInput a {
    color: white; }

.AcademyForm .fine {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #b8b8b8;
  clear: left; }
  .AcademyForm .fine a {
    color: #ebebeb; }
    .AcademyForm .fine a:hover {
      text-decoration: none; }

.Select .Select-placeholder {
  color: #b8b8b8 !important; }

.Select .Select-input {
  color: #b8b8b8 !important; }
  .Select .Select-input input {
    color: #b8b8b8; }

.Select.Select--single > .Select-control .Select-value {
  padding-left: 0 !important; }

.Select .Select-menu-outer {
  background-color: #595959;
  z-index: 5; }

.AcademyForm .error-msg {
  display: block;
  text-align: center;
  color: #FF4200; }

.AcademyForm .verification {
  margin-top: 50px;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  .AcademyForm .verification .ticks {
    margin-right: 40px;
    margin-bottom: 20px; }
  .AcademyForm .verification .actions {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      .AcademyForm .verification .actions {
        margin-left: auto;
        margin-top: 0; } }

.Home.free-fair-voting {
  margin-top: 80px; }

.card {
  background-color: #222222; }

.card h2 {
  font-size: 33px;
  color: #ffffff; }

.card p {
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.46px;
  line-height: 25px; }

.card.Spread:nth-child(2n-1) > .image {
  order: 1 !important; }

.card .image {
  background: url(/assets/images/card/card-hero.jpg);
  background-repeat: no-repeat;
  background-position: center left;
  height: 958px;
  background-size: cover; }

.card .Btn {
  height: 25px;
  width: 244px;
  border-radius: 13px;
  background-color: #8259ef;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 24px;
  text-align: center;
  font-weight: 300; }

.card .Btn:hover {
  background-color: transparent;
  border: 1px solid #ffffff; }

.card .row {
  clear: both;
  margin-bottom: 61px; }

.card .row h4 {
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 12px;
  text-transform: uppercase;
  padding-bottom: 4px;
  display: table;
  font-weight: 500; }

.card .icon {
  width: 115px;
  float: left;
  text-align: left;
  height: 100%;
  display: table-cell; }

.card .icon img {
  width: 81px; }

.card .text {
  display: table-cell;
  vertical-align: top; }

.card .text p {
  font-weight: 300; }

.card .button {
  margin-bottom: 50px; }

.card .intro a,
.card .text a {
  color: white;
  text-decoration: underline; }

@media (min-width: 1024px) {
  .hide-desk {
    display: none !important; } }

@media (max-width: 1222px) {
  .card .image {
    height: auto;
    max-height: 1508px; } }

@media (max-width: 1100px) {
  .card .image {
    background: url(/assets/images/card/card-hero-mobile.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 263px;
    background-size: 100%;
    padding: 0; }
  .card h2 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 21px; }
  .card .intro {
    margin-bottom: 65px; }
  .card .row {
    margin-bottom: 72px; }
  .card .icon {
    width: 100%;
    float: left;
    text-align: center;
    height: auto;
    display: block;
    padding-bottom: 24px; }
    .card .icon img {
      width: auto;
      height: auto;
      max-width: 90px !important;
      margin-bottom: 12px; }
  .card .text {
    display: block;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .card .text h4 {
    display: none; }
  .card .icon h4 {
    display: block;
    padding-bottom: 30px; }
  .card .button {
    text-align: center;
    margin-bottom: 120px; } }

.solidity {
  background-color: #222222;
  display: inline-block; }
  .solidity .wrapper {
    display: flex; }
    .solidity .wrapper .solidity-graphic {
      flex: 50%;
      padding: 8px 60px 0 0; }
      .solidity .wrapper .solidity-graphic img {
        width: 100%;
        height: auto;
        max-width: 700px;
        padding-bottom: 65px; }
      .solidity .wrapper .solidity-graphic a {
        margin: 0 auto; }
    .solidity .wrapper .solidity-features {
      flex: 50%; }
      .solidity .wrapper .solidity-features .solidity-feature-item {
        display: flex;
        margin-bottom: 96px; }
        .solidity .wrapper .solidity-features .solidity-feature-item:last-child {
          margin-bottom: 0; }
        .solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-icon {
          padding: 8px 32px 0 0; }
          .solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-icon img {
            width: 82px; }
        .solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-text .solidity-feature-title {
          color: #FFFFFF;
          width: auto;
          font-size: 14px;
          letter-spacing: 2.8px;
          line-height: 26px;
          margin-bottom: 24px;
          text-transform: uppercase; }
        .solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-text .solidity-feature-description {
          color: #FFFFFF;
          font-size: 14px;
          font-weight: 300;
          line-height: 30px;
          letter-spacing: 0.5px; }
  @media screen and (max-width: 1100px) {
    .solidity .wrapper {
      flex-direction: column-reverse; }
      .solidity .wrapper .solidity-graphic {
        padding: 0; }
        .solidity .wrapper .solidity-graphic img {
          display: none; }
      .solidity .wrapper .solidity-features .solidity-feature-item {
        flex-direction: column;
        margin-bottom: 72px; }
        .solidity .wrapper .solidity-features .solidity-feature-item:last-child {
          margin-bottom: 32px; }
        .solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-icon {
          padding: 0 0 16px 0; }
        .solidity .wrapper .solidity-features .solidity-feature-item .solidity-feature-text .solidity-feature-title {
          margin-bottom: 16px; } }

.token-service-cta {
  display: flex;
  height: 400px;
  padding: 0 6.25%; }

.build-on-trust-cta {
  display: flex;
  height: 400px;
  padding: 0 6.25%; }

.build-on-trust {
  display: flex;
  height: 400px;
  padding: 6.25% 6.25% 0; }

.rebuild-on-trust {
  display: flex;
  height: 400px;
  margin: 0;
  padding: 6.25% 6.25% 0 6.25%; }

.consensus-for-any-application {
  display: flex;
  min-height: 600px;
  margin: 0;
  padding: 6.25% 6.25% 20px 6.25%; }

.real-time-auditable-log {
  display: flex;
  min-height: 600px;
  margin: 0;
  padding: 6.25% 6.25% 20px 6.25%; }

.permissioned-networks {
  display: flex;
  min-height: 760px;
  margin: 0;
  padding: 6.25% 6.25% 20px 6.25%; }

.download-paper {
  display: flex;
  height: 440px;
  margin: 0;
  padding: 6.25% 6.25% 0 6.25%; }

.data-compliance {
  display: flex;
  height: 600px;
  margin: 0;
  padding: 6.25% 6.25% 0 6.25%; }

.fraud-mitigation {
  display: flex;
  height: 520px;
  margin: 0;
  padding: 6.25% 6.25% 0 6.25%; }

.stablecoin-settlement {
  display: flex;
  margin: 0;
  padding: 6.25% 6.25% 0 6.25%; }

.trust-content {
  flex: 1;
  margin-top: 40px;
  /* arbitrary attempt to center */ }

.consensus-content {
  flex: 1;
  margin-top: 0px;
  /* arbitrary attempt to center */ }

.dual-content {
  flex: 1;
  margin-top: 0px;
  /* arbitrary attempt to center */
  min-width: 50%; }

.trust-content-title {
  font-size: 32px !important;
  margin-bottom: 48px; }

.trust-content-body {
  height: 180px;
  color: #464646;
  font-size: 15px;
  line-height: 30px;
  font-weight: 300;
  max-width: 640px; }
  .trust-content-body > a {
    color: #464646; }

.trust-icon {
  flex: 1;
  height: 400px;
  text-align: center;
  z-index: -1; }

.sod-icon {
  flex: 1;
  height: 400px;
  text-align: center;
  z-index: 2; }

.dual-icon {
  flex: 1;
  height: 400px;
  text-align: center; }

.trust-globe {
  margin: auto auto 0 auto;
  width: auto;
  height: 100%;
  z-index: -2; }

.consensus-globe {
  margin: 240px auto 0 auto;
  width: auto;
  height: 100%;
  z-index: -2; }

.auditable-log {
  margin: 40px auto 0 auto;
  width: auto;
  height: 100%;
  z-index: -2; }

.fraud-mitigation-icon {
  margin: 120px auto 0 auto;
  width: auto;
  height: 100%;
  z-index: -2; }

.stablecoin-settlement-icon {
  margin: 160px auto 0 auto;
  width: auto;
  height: 100%;
  z-index: -2; }

.trust-cta {
  margin-top: 36px; }

@media screen and (max-width: 1300px) {
  .trust-content-title {
    margin-bottom: 16px;
    line-height: 32px; }
  .trust-cta {
    margin-top: 12px; } }

@media screen and (max-width: 1100px) {
  .token-service-cta {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 0 12.5%; }
  .build-on-trust-cta {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 0 12.5%; }
  .build-on-trust {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 65px 12.5% 0; }
  .rebuild-on-trust {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 0 12.5% 0 12.5%; }
  .consensus-for-any-application {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 65px 12.5% 0 12.5%; }
  .real-time-auditable-log {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 65px 12.5% 0 12.5%; }
  .permissioned-networks {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 65px 12.5% 0 12.5%; }
  .download-paper {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 65px 12.5% 0 12.5%; }
  .fraud-mitigation {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 12.5% 12.5% 0; }
  .stablecoin-settlement {
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 12.5% 12.5% 0; }
  .trust-content {
    margin: 0 auto; }
  .consensus-content {
    margin: 0 auto; }
  .dual-content {
    margin: 0 auto; }
  .trust-content-title {
    font-size: 22px !important;
    margin-bottom: 32px; }
  .trust-content-body {
    height: auto;
    width: 100%; }
  .trust-icon {
    display: block;
    position: relative;
    height: auto;
    max-height: 100%;
    margin-top: 65px; }
  .dual-icon {
    display: block;
    position: relative;
    height: auto;
    max-height: 100%;
    margin-top: 65px; }
  .trust-cta {
    margin-top: 24px; }
  .trust-globe {
    width: 100%;
    margin: auto auto 0 auto;
    height: auto;
    display: block; }
  .consensus-globe {
    width: 100%;
    margin: auto auto 0 auto;
    height: auto;
    display: block; }
  .fraud-mitigation-icon {
    display: block;
    position: relative;
    height: auto;
    max-height: 100%;
    margin-top: 65px; }
  .stablecoin-settlement-icon {
    display: block;
    position: relative;
    height: auto;
    max-height: 100%;
    margin-top: 65px; }
  .auditable-log {
    width: 100%;
    margin: auto auto 0 auto;
    height: auto;
    display: block; } }

.benefit-platform-services {
  margin: 0 auto 0 auto;
  display: flex;
  min-height: 300px; }

.benefit-platform-service {
  margin: 0 2.75vw 0 2.75vw;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  flex: 1; }

.benefit-platform-service:nth-child(1) {
  margin: 0 2.75vw auto 0; }

.benefit-platform-service:nth-child(3) {
  margin: 0 0 auto 2.75vw; }

.benefits-image {
  background-size: contain;
  background-repeat: no-repeat;
  height: 110px; }

.benefits-image img {
  height: 110px;
  width: auto;
  max-width: 100%; }

.benefits-graph {
  background-size: contain;
  background-repeat: no-repeat; }

.benefits-graph img {
  height: auto;
  width: 330px;
  max-width: 100%; }

.benefits-title {
  height: auto;
  color: #ffffff;
  font-size: 26px;
  font-weight: 300;
  line-height: 38px;
  min-height: 76px; }

.benefits-subtitle {
  height: 10px;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 12px; }

.benefits-description {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  min-height: 100px;
  margin: 0;
  margin-bottom: 48px; }
  .benefits-description a {
    color: white; }

.benefits-title-night {
  height: auto;
  color: #000000;
  font-size: 26px;
  font-weight: 300;
  line-height: 38px;
  min-height: 76px; }

.benefits-subtitle-night {
  height: 10px;
  color: #000000;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 12px; }

.benefits-description-night {
  color: #000000;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  min-height: 100px;
  margin: 0;
  margin-bottom: 48px; }
  .benefits-description-night a {
    color: #222222; }

.benefits-link {
  height: 40px;
  margin: 12px 0 12px 0; }

@media screen and (max-width: 1100px) {
  .benefit-platform-services {
    flex-direction: column;
    margin: 0 auto 0 auto;
    height: auto;
    min-width: 0; }
  .benefit-platform-service {
    min-width: 0;
    min-height: 0;
    margin: 0;
    margin-bottom: 65px; }
  .benefits-title {
    line-height: normal; }
  .benefits-subtitle {
    height: auto;
    line-height: normal; }
  .benefit-platform-service:nth-child(1) {
    margin: 0;
    margin-bottom: 64px; }
  .benefit-platform-service:nth-child(3) {
    margin: 0; }
  .benefit-platform-service:last-child > .benefits-description {
    margin-bottom: 112px; }
  .benefits-description {
    min-height: auto;
    height: auto; }
  .benefits-link {
    margin-bottom: 0; }
  .sdks {
    display: none; } }

.seo h1,
.seo h2,
.seo h3,
.seo h4,
.seo h5,
.seo h6,
.seo img,
.seo ul,
.seo ol {
  margin-bottom: 18px; }

.seo p {
  margin-bottom: 12px; }

.seo img {
  max-width: 720px; }

.seo * {
  max-width: 720px;
  margin: auto; }

@media screen and (max-width: 1100px) {
  .seo img {
    max-width: 100%; } }

.subnav {
  background-color: #222222;
  width: 100vw;
  max-width: 100%;
  position: relative; }
  .subnav .list {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    padding: 0 6.25%;
    min-height: 70px; }
    .subnav .list .subnav-label {
      color: white;
      text-decoration: none;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.22px;
      padding: 12px 42px 12px 0;
      position: relative;
      text-align: center;
      align-items: center;
      display: none; }
    .subnav .list .items {
      display: flex; }
    .subnav .list .item, .subnav .list .external-item, .subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
      color: white;
      text-decoration: none;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 0.22px;
      padding: 12px 0;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      margin: 0 20px;
      line-height: 20px; }
      .subnav .list .item.active::after, .subnav .list .active.external-item::after, .subnav .list .active.item-list-heading::after, .subnav .list .active.item-list-heading-mobile::after, .subnav .list .item:hover::after, .subnav .list .external-item:hover::after, .subnav .list .item-list-heading:hover::after, .subnav .list .item-list-heading-mobile:hover::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 10px;
        left: 0;
        background: #D173DE;
        width: 100%;
        height: 2px; }
      .subnav .list .item.has-icon, .subnav .list .has-icon.external-item, .subnav .list .has-icon.item-list-heading, .subnav .list .has-icon.item-list-heading-mobile {
        padding-left: 50px; }
      .subnav .list .item .label-icon, .subnav .list .external-item .label-icon, .subnav .list .item-list-heading .label-icon, .subnav .list .item-list-heading-mobile .label-icon {
        display: inline;
        position: absolute;
        top: 50%;
        left: 10px;
        width: 30px;
        height: 30px;
        transform: translateY(-50%); }
        .subnav .list .item .label-icon .icon, .subnav .list .external-item .label-icon .icon, .subnav .list .item-list-heading .label-icon .icon, .subnav .list .item-list-heading-mobile .label-icon .icon {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      @media screen and (max-width: 768px) {
        .subnav .list .item, .subnav .list .external-item, .subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
          margin-left: 0px; } }
    .subnav .list .item-list-heading .list-title, .subnav .list .item-list-heading-mobile .list-title {
      color: white;
      text-decoration: none;
      width: 100%;
      text-align: center;
      font-weight: 400; }
    .subnav .list .item-list-heading .sublist, .subnav .list .item-list-heading-mobile .sublist {
      display: none; }
      .subnav .list .item-list-heading .sublist a, .subnav .list .item-list-heading-mobile .sublist a {
        padding: 18px;
        font-weight: 300;
        text-decoration: none; }
    .subnav .list .item-list-heading:hover .sublist, .subnav .list .item-list-heading-mobile:hover .sublist {
      display: flex; }
      .subnav .list .item-list-heading:hover .sublist .sublist-item, .subnav .list .item-list-heading-mobile:hover .sublist .sublist-item {
        text-decoration: none;
        opacity: 0.8;
        font-weight: 300;
        font-size: 13px; }
        .subnav .list .item-list-heading:hover .sublist .sublist-item:hover, .subnav .list .item-list-heading-mobile:hover .sublist .sublist-item:hover {
          opacity: 1; }
    .subnav .list .item-list-heading-mobile {
      display: none !important; }
  .subnav.subnav-dropdown .subnav-cta-desktop {
    background-color: white;
    border-color: white;
    color: #662d8f;
    display: block;
    position: absolute;
    top: 15px;
    right: 20px; }
    .subnav.subnav-dropdown .subnav-cta-desktop:hover {
      background-color: #662d8f;
      color: white; }
  .subnav.subnav-dropdown .subnav-cta-mobile {
    display: none; }
  .subnav.subnav-dropdown .subnav-hamburger {
    display: none; }

@media screen and (max-width: 1100px) {
  .subnav .list {
    padding: 40px 12.5%;
    flex-direction: column;
    align-items: start;
    min-height: 60px; }
    .subnav .list .subnav-label {
      display: block;
      padding: 10px 0;
      width: 100%; }
    .subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
      display: none; }
    .subnav .list .item-list-heading-mobile {
      display: flex !important; }
    .subnav .list .items {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .subnav .list .item, .subnav .list .external-item, .subnav .list .item-list-heading, .subnav .list .item-list-heading-mobile {
      padding: 10px 0;
      color: white;
      margin: 0; }
      .subnav .list .item br, .subnav .list .external-item br, .subnav .list .item-list-heading br, .subnav .list .item-list-heading-mobile br {
        display: none; }
      .subnav .list .item:hover, .subnav .list .external-item:hover, .subnav .list .item-list-heading:hover, .subnav .list .item-list-heading-mobile:hover {
        color: white; }
      .subnav .list .item:after, .subnav .list .external-item:after, .subnav .list .item-list-heading:after, .subnav .list .item-list-heading-mobile:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: transparent;
        width: 100%;
        height: 1px; }
      .subnav .list .item:hover::after, .subnav .list .external-item:hover::after, .subnav .list .item-list-heading:hover::after, .subnav .list .item-list-heading-mobile:hover::after {
        height: 1px;
        background: transparent; }
      .subnav .list .item.has-icon, .subnav .list .has-icon.external-item, .subnav .list .has-icon.item-list-heading, .subnav .list .has-icon.item-list-heading-mobile {
        padding-left: 0; }
      .subnav .list .item .label-icon, .subnav .list .external-item .label-icon, .subnav .list .item-list-heading .label-icon, .subnav .list .item-list-heading-mobile .label-icon {
        display: inline-block;
        position: relative;
        top: inherit;
        left: inherit;
        width: 30px;
        height: 14px;
        transform: none;
        margin-right: 10px; }
        .subnav .list .item .label-icon .icon, .subnav .list .external-item .label-icon .icon, .subnav .list .item-list-heading .label-icon .icon, .subnav .list .item-list-heading-mobile .label-icon .icon {
          display: inline;
          position: absolute;
          margin-top: 0;
          margin-bottom: 0;
          width: 30px;
          height: 30px;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
  .subnav.subnav-dropdown .subnav-cta-desktop {
    display: none; }
  .subnav.subnav-dropdown .subnav-cta-mobile {
    display: block;
    background-color: white;
    border-color: white;
    color: #662d8f;
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0); }
    .subnav.subnav-dropdown .subnav-cta-mobile:hover {
      background-color: #662d8f;
      color: white; }
  .subnav.subnav-dropdown .subnav-hamburger {
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer; }
    .subnav.subnav-dropdown .subnav-hamburger svg {
      display: block;
      width: 30px;
      height: 30px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    .subnav.subnav-dropdown .subnav-hamburger #subnavMeatstack {
      display: none;
      position: relative; }
    .subnav.subnav-dropdown .subnav-hamburger #subnavClose {
      display: none;
      position: relative; }
  .subnav.subnav-dropdown.subnav-dropdown-open {
    height: var(--open-height, auto); }
    .subnav.subnav-dropdown.subnav-dropdown-open #subnavMeatstack {
      display: none; }
    .subnav.subnav-dropdown.subnav-dropdown-open #subnavClose {
      display: block; }
    .subnav.subnav-dropdown.subnav-dropdown-open .list {
      display: flex;
      padding-top: 30px;
      padding-bottom: 30px; }
      .subnav.subnav-dropdown.subnav-dropdown-open .list .item.has-icon, .subnav.subnav-dropdown.subnav-dropdown-open .list .has-icon.external-item, .subnav.subnav-dropdown.subnav-dropdown-open .list .has-icon.item-list-heading, .subnav.subnav-dropdown.subnav-dropdown-open .list .has-icon.item-list-heading-mobile {
        padding-right: 0; }
  .subnav.subnav-dropdown.stick {
    height: 60px; }
    .subnav.subnav-dropdown.stick.stick-open, .subnav.subnav-dropdown.stick.stick-close {
      transition: height 350ms; }
    .subnav.subnav-dropdown.stick .subnav-hamburger {
      display: block;
      right: 12.5%; }
      .subnav.subnav-dropdown.stick .subnav-hamburger #subnavMeatstack {
        display: block; }
      .subnav.subnav-dropdown.stick .subnav-hamburger #subnavClose {
        display: none; }
    .subnav.subnav-dropdown.stick .list {
      padding: 0 12.5%;
      max-width: none;
      min-height: 60px;
      justify-content: center; }
      .subnav.subnav-dropdown.stick .list .items {
        opacity: 0; }
        .subnav.subnav-dropdown.stick .list .items .item, .subnav.subnav-dropdown.stick .list .items .external-item, .subnav.subnav-dropdown.stick .list .items .item-list-heading, .subnav.subnav-dropdown.stick .list .items .item-list-heading-mobile {
          display: none; }
    .subnav.subnav-dropdown.stick.subnav-dropdown-open {
      height: var(--open-sticky-height, auto);
      transition: height 750ms ease; }
      .subnav.subnav-dropdown.stick.subnav-dropdown-open .subnav-hamburger #subnavMeatstack {
        display: none; }
      .subnav.subnav-dropdown.stick.subnav-dropdown-open .subnav-hamburger #subnavClose {
        display: block; }
      .subnav.subnav-dropdown.stick.subnav-dropdown-open .list {
        padding-top: 14px; }
        .subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items {
          transition: opacity 500ms ease 150ms;
          opacity: 1; }
          .subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .item, .subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .external-item, .subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .item-list-heading, .subnav.subnav-dropdown.stick.subnav-dropdown-open .list .items .item-list-heading-mobile {
            display: block; } }

/* NFT Page Override */
.page-nft .stick.scrolling-up {
  top: 0; }

.page-nft .stick.scroll-up {
  top: 0; }

.page-nft .stick.scroll-down {
  top: 0; }

.page-nft .stick.scrolling-up::after {
  height: 0; }

@media screen and (max-width: 1100px) {
  .page-nft .subnav.subnav-dropdown-open .list {
    padding-top: 40px;
    padding-bottom: 40px; } }

.short-hero-image {
  background-attachment: scroll;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  height: 100%; }

.short-intro {
  height: 50vh !important; }

.v2-intro-title {
  font-weight: 300 !important;
  max-width: 800px;
  margin: 40px auto 60px auto; }

.v3-intro-title {
  font-weight: 300 !important;
  max-width: 800px;
  margin: 40px auto 60px auto;
  text-align: center; }

.v2-intro-subtitle {
  line-height: 2;
  font-size: 14px;
  font-weight: 300;
  margin: auto;
  max-width: 620px; }

.video-btn {
  text-align: center;
  text-decoration: none;
  margin: 0 auto 40px auto;
  height: 60px;
  min-width: 120px;
  max-width: 270px;
  display: flex; }

.video-btn-img {
  background-image: url("/assets/images/Icon-Play-White.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 66px; }

.video-btn-img:hover {
  background-image: url("/assets/images/Play-Icon-Hover.png"); }

.video-btn-img-inverted {
  background-image: url("/assets/images/Play-Icon-Hover.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 66px; }

.video-btn-img-inverted:hover {
  background-image: url("/assets/images/Icon-Play-White.png"); }

.video-btn-img-blue {
  background-image: url("/assets/images/Icon-Play-Color.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 66px; }

.video-btn-img-blue:hover {
  background-image: url("/assets/images/Play-Icon-Gradient-Filled.png"); }

.video-btn-txt {
  color: white;
  text-decoration: none;
  text-align: left;
  margin: auto 0 auto 18px;
  letter-spacing: 1.63px;
  line-height: 18px;
  height: auto;
  flex: 1; }

.video-btn-txt-blue {
  color: #464646;
  text-decoration: none;
  text-align: left;
  margin: auto 0 auto 18px;
  letter-spacing: 1.63px;
  line-height: 18px;
  height: auto;
  flex: 1; }

.secondary-cta {
  margin-left: 12px; }

@media screen and (max-width: 1100px) {
  .short-intro {
    min-height: 100vh !important; }
  .v2-intro-title {
    max-width: 300px; }
  .short-title {
    margin: 40px auto 60px auto; } }

@media screen and (max-width: 600px) {
  .short-intro.full-height-on-mobile {
    height: 100vh !important; } }

.dappdays-container {
  display: block;
  position: relative;
  background-color: #222; }
  .dappdays-container .dappdays {
    padding: 0; }
  .dappdays-container h2.section-title {
    font-weight: 300;
    margin: 0 0 45px;
    color: white; }
  .dappdays-container .section-subtitle {
    max-width: 530px;
    margin: 0 auto 45px;
    position: relative; }
    .dappdays-container .section-subtitle p {
      margin: 0;
      font-size: 15px;
      color: white;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 2; }
  .dappdays-container h2.section-title a,
  .dappdays-container .section-subtitle a,
  .dappdays-container .section-subtitle p a {
    color: white; }
    .dappdays-container h2.section-title a:active, .dappdays-container h2.section-title a:visited,
    .dappdays-container .section-subtitle a:active,
    .dappdays-container .section-subtitle a:visited,
    .dappdays-container .section-subtitle p a:active,
    .dappdays-container .section-subtitle p a:visited {
      color: white; }
    .dappdays-container h2.section-title a:hover,
    .dappdays-container .section-subtitle a:hover,
    .dappdays-container .section-subtitle p a:hover {
      text-decoration: underline; }
  .dappdays-container .dappdays-iframe {
    display: block;
    position: relative;
    width: 100%;
    min-height: 1070px;
    background: #222; }

.fee-overview {
  display: flex;
  line-height: 1.5;
  font-weight: 300;
  width: 100vw;
  max-width: 100%; }
  .fee-overview .content {
    margin-right: 5%; }
    .fee-overview .content h2 {
      text-align: left; }
    .fee-overview .content p {
      font-size: 15px;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0; }
  .fee-overview .items {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    margin: 0; }
  .fee-overview .tabs {
    width: 900px;
    display: flex;
    flex-direction: column; }
    .fee-overview .tabs .options {
      height: 68px;
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-content: center; }
      .fee-overview .tabs .options .option {
        background-color: #F2F2F2;
        border: 0.5px solid #aaaaaa;
        border-bottom: 0;
        width: auto;
        flex: 1;
        text-align: center; }
        .fee-overview .tabs .options .option .title {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          padding: 0 22px 0 22px; }
      .fee-overview .tabs .options .option:last-child {
        border-left: 0; }
      .fee-overview .tabs .options .option:nth-child(2) {
        border-left: 0;
        border-right: 0; }
      .fee-overview .tabs .options .option:nth-child(4) {
        border-left: 0; }
    .fee-overview .tabs .description {
      border: 0.5px solid #aaaaaa;
      border-bottom: 0;
      padding: 6%;
      padding-bottom: 0;
      min-height: 0;
      font-size: 15px;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0; }
    .fee-overview .tabs .prices {
      border: 0.5px solid #aaaaaa;
      border-top: 0;
      padding: 6%;
      height: auto;
      min-height: 0;
      display: flex;
      flex-direction: column; }
      .fee-overview .tabs .prices .titles {
        background-color: #F2F2F2;
        height: 60px;
        display: flex;
        flex-direction: row;
        position: relative; }
        .fee-overview .tabs .prices .titles .left {
          padding-left: 48px;
          flex: 1; }
          .fee-overview .tabs .prices .titles .left p {
            font-weight: 500;
            line-height: 60px;
            text-align: left; }
        .fee-overview .tabs .prices .titles .right {
          flex: 1; }
          .fee-overview .tabs .prices .titles .right p {
            font-weight: bold;
            line-height: 60px;
            text-align: center; }
      .fee-overview .tabs .prices .list {
        display: flex;
        flex-direction: column; }
        .fee-overview .tabs .prices .list .item, .fee-overview .tabs .prices .subnav .list .external-item, .subnav .fee-overview .tabs .prices .list .external-item, .fee-overview .tabs .prices .subnav .list .item-list-heading, .subnav .fee-overview .tabs .prices .list .item-list-heading, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile {
          border-top: 1px solid solid #eaeaea;
          height: 60px;
          min-height: 60px;
          max-height: 60px;
          padding: 0;
          flex: 1;
          display: flex;
          flex-direction: row; }
          .fee-overview .tabs .prices .list .item .left, .fee-overview .tabs .prices .subnav .list .external-item .left, .subnav .fee-overview .tabs .prices .list .external-item .left, .fee-overview .tabs .prices .subnav .list .item-list-heading .left, .subnav .fee-overview .tabs .prices .list .item-list-heading .left, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .left, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .left {
            padding-left: 48px;
            line-height: 60px;
            text-align: left;
            flex: 1;
            position: relative; }
          .fee-overview .tabs .prices .list .item .right, .fee-overview .tabs .prices .subnav .list .external-item .right, .subnav .fee-overview .tabs .prices .list .external-item .right, .fee-overview .tabs .prices .subnav .list .item-list-heading .right, .subnav .fee-overview .tabs .prices .list .item-list-heading .right, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right {
            line-height: 60px;
            text-align: center;
            flex: 1;
            display: flex;
            position: relative; }
            .fee-overview .tabs .prices .list .item .right .usd, .fee-overview .tabs .prices .subnav .list .external-item .right .usd, .subnav .fee-overview .tabs .prices .list .external-item .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd {
              text-align: right;
              flex: 1; }
              .fee-overview .tabs .prices .list .item .right .usd .usd-text, .fee-overview .tabs .prices .subnav .list .external-item .right .usd .usd-text, .subnav .fee-overview .tabs .prices .list .external-item .right .usd .usd-text, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd .usd-text, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd .usd-text, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd .usd-text, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd .usd-text {
                margin-right: 18px; }
            .fee-overview .tabs .prices .list .item .right .usd:after, .fee-overview .tabs .prices .subnav .list .external-item .right .usd:after, .subnav .fee-overview .tabs .prices .list .external-item .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd:after {
              height: 16px;
              display: flex;
              position: relative;
              width: 1.6px;
              background: #b8b8b8;
              content: '';
              top: -38px;
              left: 100%; }
            .fee-overview .tabs .prices .list .item .right .hbar, .fee-overview .tabs .prices .subnav .list .external-item .right .hbar, .subnav .fee-overview .tabs .prices .list .external-item .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .hbar {
              text-align: left;
              flex: 1; }
              .fee-overview .tabs .prices .list .item .right .hbar .hbar-text, .fee-overview .tabs .prices .subnav .list .external-item .right .hbar .hbar-text, .subnav .fee-overview .tabs .prices .list .external-item .right .hbar .hbar-text, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .hbar .hbar-text, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .hbar .hbar-text, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .hbar .hbar-text, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .hbar .hbar-text {
                margin-left: 18px; }
            .fee-overview .tabs .prices .list .item .right .free, .fee-overview .tabs .prices .subnav .list .external-item .right .free, .subnav .fee-overview .tabs .prices .list .external-item .right .free, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .free, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .free, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .free, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .free {
              text-align: center;
              width: 100%; }
        .fee-overview .tabs .prices .list .item:last-child, .fee-overview .tabs .prices .subnav .list .external-item:last-child, .subnav .fee-overview .tabs .prices .list .external-item:last-child, .fee-overview .tabs .prices .subnav .list .item-list-heading:last-child, .subnav .fee-overview .tabs .prices .list .item-list-heading:last-child, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile:last-child, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile:last-child {
          border-bottom: 1px solid solid #eaeaea; }

.react-tabs__tab--selected {
  background-color: #f9f9f9 !important;
  border-bottom: 3px solid #f9f9f9 !important;
  border-top: 0.5px solid #aaaaaa;
  border-right: 0.5px solid #aaaaaa;
  color: #2D84EB;
  margin-bottom: -2px;
  /* offset to cover border */
  outline: none; }
  .react-tabs__tab--selected h2 {
    font-weight: bold !important; }

.fee-disclaimer {
  margin: 32px auto -32px auto;
  text-align: center;
  color: #8c8c8c;
  font-size: 11px; }

@media screen and (max-width: 1400px) {
  .fee-overview {
    flex-direction: column;
    margin: auto; }
    .fee-overview .content {
      max-width: 700px;
      margin: auto auto 48px auto; }
      .fee-overview .content h2 {
        text-align: center; }
      .fee-overview .content p {
        text-align: center; }
      .fee-overview .content > * {
        text-align: center; }
    .fee-overview .tabs {
      margin: auto; } }

@media screen and (max-width: 1100px) {
  .mobile-full-width {
    width: 100vw !important;
    max-width: 100vw;
    margin: 0 !important;
    margin-left: -16.929% !important; }
  .fee-overview .content > * {
    text-align: left !important; }
  .fee-overview .content h2 {
    text-align: left; }
  .fee-overview .content p {
    text-align: left; }
  .fee-overview .tabs {
    width: 100%;
    border-left: 0;
    border-right: 0; }
    .fee-overview .tabs .description {
      border: 0;
      padding: 12.5%;
      padding-bottom: 6.25%; }
    .fee-overview .tabs .options {
      margin-left: 0;
      border: 0;
      flex-direction: column;
      height: auto;
      text-align: center; }
      .fee-overview .tabs .options .option {
        background-color: #f9f9f9;
        border: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid solid #eaeaea; }
        .fee-overview .tabs .options .option .title {
          text-align: center;
          padding: 8px;
          margin: 8px;
          top: 0;
          transform: none; }
    .fee-overview .tabs .prices {
      border: 0;
      padding: 12.5%; }
      .fee-overview .tabs .prices .titles .right {
        display: none; }
      .fee-overview .tabs .prices .titles .left {
        padding-left: 0;
        padding: 0; }
        .fee-overview .tabs .prices .titles .left p {
          text-align: center; }
      .fee-overview .tabs .prices .list .item, .fee-overview .tabs .prices .subnav .list .external-item, .subnav .fee-overview .tabs .prices .list .external-item, .fee-overview .tabs .prices .subnav .list .item-list-heading, .subnav .fee-overview .tabs .prices .list .item-list-heading, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile {
        height: auto;
        min-height: 120px;
        flex-direction: column;
        padding: 0; }
        .fee-overview .tabs .prices .list .item .left, .fee-overview .tabs .prices .subnav .list .external-item .left, .subnav .fee-overview .tabs .prices .list .external-item .left, .fee-overview .tabs .prices .subnav .list .item-list-heading .left, .subnav .fee-overview .tabs .prices .list .item-list-heading .left, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .left, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .left {
          line-height: 16px;
          padding-left: 0;
          padding: 0;
          text-align: center;
          margin-top: 28px;
          margin-bottom: 8px; }
        .fee-overview .tabs .prices .list .item .right, .fee-overview .tabs .prices .subnav .list .external-item .right, .subnav .fee-overview .tabs .prices .list .external-item .right, .fee-overview .tabs .prices .subnav .list .item-list-heading .right, .subnav .fee-overview .tabs .prices .list .item-list-heading .right, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right {
          padding-top: 16px;
          padding-bottom: 12px;
          margin-bottom: 36px;
          line-height: 16px; }
          .fee-overview .tabs .prices .list .item .right .usd, .fee-overview .tabs .prices .subnav .list .external-item .right .usd, .subnav .fee-overview .tabs .prices .list .external-item .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd {
            border-right: 1px solid #b8b8b8;
            font-size: 14px;
            height: 100%;
            /* attempt to ensure it fills the entire container */ }
          .fee-overview .tabs .prices .list .item .right .usd:after, .fee-overview .tabs .prices .subnav .list .external-item .right .usd:after, .subnav .fee-overview .tabs .prices .list .external-item .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .usd:after, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .usd:after, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .usd:after {
            content: none;
            height: 0;
            width: 0; }
          .fee-overview .tabs .prices .list .item .right .hbar, .fee-overview .tabs .prices .subnav .list .external-item .right .hbar, .subnav .fee-overview .tabs .prices .list .external-item .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading .right .hbar, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .right .hbar, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .right .hbar {
            font-size: 14px; }
  .react-tabs__tab--selected {
    background-color: #f9f9f9 !important;
    border-bottom: 3px solid  #2D84EB !important;
    color: #2D84EB;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    outline: none; }
    .react-tabs__tab--selected h2 {
      font-weight: bold !important; }
  .fee-disclaimer {
    padding: 0 12.5%;
    margin: 0 auto 32px auto;
    text-align: left; } }

@media screen and (max-width: 400px) {
  .fee-overview .tabs .prices .list .item .left, .fee-overview .tabs .prices .subnav .list .external-item .left, .subnav .fee-overview .tabs .prices .list .external-item .left, .fee-overview .tabs .prices .subnav .list .item-list-heading .left, .subnav .fee-overview .tabs .prices .list .item-list-heading .left, .fee-overview .tabs .prices .subnav .list .item-list-heading-mobile .left, .subnav .fee-overview .tabs .prices .list .item-list-heading-mobile .left {
    font-size: 14px; } }

.calculator-container {
  display: block;
  position: relative;
  background-color: #222;
  padding: 6.25% 0; }
  .calculator-container .calculator {
    padding: 0; }
  .calculator-container h2.section-title {
    font-weight: 300;
    margin: 0 0 45px;
    color: white; }
  .calculator-container .section-subtitle {
    max-width: 530px;
    margin: 0 auto 45px;
    position: relative; }
    .calculator-container .section-subtitle p {
      margin: 0;
      font-size: 15px;
      color: white;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 2; }
  .calculator-container h2.section-title a,
  .calculator-container .section-subtitle a,
  .calculator-container .section-subtitle p a {
    color: white; }
    .calculator-container h2.section-title a:active, .calculator-container h2.section-title a:visited,
    .calculator-container .section-subtitle a:active,
    .calculator-container .section-subtitle a:visited,
    .calculator-container .section-subtitle p a:active,
    .calculator-container .section-subtitle p a:visited {
      color: white; }
    .calculator-container h2.section-title a:hover,
    .calculator-container .section-subtitle a:hover,
    .calculator-container .section-subtitle p a:hover {
      text-decoration: underline; }
  .calculator-container .calc-iframe {
    display: block;
    position: relative;
    width: 100%;
    min-height: 1070px;
    background: #222; }

.calculator-overhang {
  display: none; }

@media screen and (max-width: 1100px) {
  .calculator-overhang {
    display: block;
    position: relative; }
  .calculator-container {
    display: none; } }

.diagram {
  text-align: center;
  display: flex;
  flex-direction: column; }
  .diagram p {
    text-align: center; }
  .diagram .blue-text {
    color: #2D84EB;
    font-size: 12px;
    letter-spacing: 4px;
    line-height: 1.5;
    font-weight: 400; }
  .diagram .icon-first {
    margin: 24px auto 0 auto;
    height: 100px;
    width: 100px; }
  .diagram .icon-second {
    margin: -2px auto 0 auto;
    height: 100px;
    width: auto;
    max-width: 40px; }
  .diagram .icon {
    position: relative;
    z-index: 2;
    margin: 0 auto 0 auto;
    height: 100px;
    width: 100px; }
  .diagram .add-trust {
    position: relative;
    z-index: 2;
    margin: 0 auto 0 auto;
    width: 50%; }
  .diagram .offset-left {
    padding-right: 7.75%; }
  .diagram .offset-right {
    padding-left: 7.75%; }
  .diagram .fee-bar {
    background: linear-gradient(160deg, #2d84eb, #8259ef);
    height: 80px;
    width: 100%; }
    .diagram .fee-bar h2 {
      color: white;
      text-align: center;
      margin: 0 auto 0 auto;
      line-height: 80px; }
  .diagram .two-col {
    display: flex;
    flex-direction: row;
    height: 80px;
    width: 100%; }
    .diagram .two-col .first-col {
      flex: 1;
      margin-left: 7.75%; }
    .diagram .two-col .second-col {
      margin: 0 auto 0 auto; }
  .diagram .three-col {
    display: flex;
    flex-direction: row;
    height: 80px;
    width: 100%; }
    .diagram .three-col .item, .diagram .three-col .subnav .list .external-item, .subnav .list .diagram .three-col .external-item, .diagram .three-col .subnav .list .item-list-heading, .subnav .list .diagram .three-col .item-list-heading, .diagram .three-col .subnav .list .item-list-heading-mobile, .subnav .list .diagram .three-col .item-list-heading-mobile {
      flex: 1; }
      .diagram .three-col .item .arrow, .diagram .three-col .subnav .list .external-item .arrow, .subnav .list .diagram .three-col .external-item .arrow, .diagram .three-col .subnav .list .item-list-heading .arrow, .subnav .list .diagram .three-col .item-list-heading .arrow, .diagram .three-col .subnav .list .item-list-heading-mobile .arrow, .subnav .list .diagram .three-col .item-list-heading-mobile .arrow {
        height: 80px;
        margin: 0 auto 0 auto; }
      .diagram .three-col .item .hbar-icon, .diagram .three-col .subnav .list .external-item .hbar-icon, .subnav .list .diagram .three-col .external-item .hbar-icon, .diagram .three-col .subnav .list .item-list-heading .hbar-icon, .subnav .list .diagram .three-col .item-list-heading .hbar-icon, .diagram .three-col .subnav .list .item-list-heading-mobile .hbar-icon, .subnav .list .diagram .three-col .item-list-heading-mobile .hbar-icon {
        height: 40px;
        width: 40px;
        margin: -20px auto 0 auto; }
      .diagram .three-col .item .offset-left, .diagram .three-col .subnav .list .external-item .offset-left, .subnav .list .diagram .three-col .external-item .offset-left, .diagram .three-col .subnav .list .item-list-heading .offset-left, .subnav .list .diagram .three-col .item-list-heading .offset-left, .diagram .three-col .subnav .list .item-list-heading-mobile .offset-left, .subnav .list .diagram .three-col .item-list-heading-mobile .offset-left {
        padding-right: 7.75%; }
      .diagram .three-col .item .offset-right, .diagram .three-col .subnav .list .external-item .offset-right, .subnav .list .diagram .three-col .external-item .offset-right, .diagram .three-col .subnav .list .item-list-heading .offset-right, .subnav .list .diagram .three-col .item-list-heading .offset-right, .diagram .three-col .subnav .list .item-list-heading-mobile .offset-right, .subnav .list .diagram .three-col .item-list-heading-mobile .offset-right {
        padding-left: 7.75%; }
    .diagram .three-col .funky-lines {
      border-top: 1.5px solid #464646;
      margin-left: 15.4%;
      margin-right: 15.4%;
      margin-top: -2.2px;
      opacity: 0.5; }
    .diagram .three-col .box {
      border: 0.8px solid #222222;
      flex: 1;
      min-height: 200px;
      margin: -52px 5.5% 0 5.5%;
      padding: calc(4% + 20px) 4% 4% 4%; }
      .diagram .three-col .box > * {
        text-align: left !important; }
      .diagram .three-col .box > p {
        font-size: 15px;
        font-weight: 300;
        line-height: 30px;
        letter-spacing: 0; }
    .diagram .three-col .box:first-child {
      margin: -52px 0 0 0; }
    .diagram .three-col .box:last-child {
      margin: -52px 0 0 0; }
    .diagram .three-col.last {
      height: auto; }

.diagram-image {
  display: none; }

.mobile-boxes {
  display: none; }

@media screen and (max-width: 1100px) {
  .diagram {
    display: none; }
  .diagram-image {
    display: flex;
    width: 400px;
    max-width: 100%;
    margin: auto; }
  .mobile-boxes {
    display: flex;
    flex-direction: column; }
    .mobile-boxes .icon {
      height: 120px;
      width: 100%;
      margin-top: 12px;
      margin-bottom: 12px;
      text-align: center;
      z-index: 2; }
      .mobile-boxes .icon:first-child {
        height: 120px; }
      .mobile-boxes .icon img {
        height: 120px;
        width: 120px; }
    .mobile-boxes .box {
      border: 0.8px solid #222222;
      border-radius: 12px;
      padding: 80px 6.25% 12.5% 6.25%;
      margin: -60px auto 0 auto;
      flex: 1;
      flex-direction: column; }
      .mobile-boxes .box > * {
        text-align: center;
        font-weight: 300; }
  .mobile-boxes:first-child {
    margin: 72px auto; } }

.tooltip {
  height: 20px;
  width: 20px;
  margin: auto 0 auto 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  z-index: 97; }
  .tooltip .text {
    font-size: 12px;
    font-weight: 300 !important;
    visibility: hidden;
    width: 120px;
    background-color: #222222;
    color: #b8b8b8;
    text-align: left;
    padding: 16px;
    position: absolute;
    bottom: 180%;
    left: 300%;
    margin-left: -62px;
    opacity: 1;
    transition: opacity 0.2s;
    line-height: 1.2;
    z-index: 99; }
  .tooltip .text:after {
    content: "";
    background: linear-gradient(160deg, #2d84eb, #8259ef);
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-left: -16px;
    /* offset for text padding */ }
  .tooltip--light .text {
    background-color: white;
    color: #464646;
    letter-spacing: normal; }

.tooltip:before {
  content: "";
  background: url("/assets/images/Pricing-Info-Icon-Hover.png");
  background-size: contain;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 98; }

.tooltip:hover .text, tooltip:active .text {
  visibility: visible;
  opacity: 1; }

.tooltip:hover:before, tooltip:active:before {
  opacity: 1; }

.tooltip--white:before {
  background: url("/assets/images/Pricing-Info-Icon-White.png");
  background-size: contain;
  opacity: 0.5; }

.tooltip--white .text {
  background-color: white;
  color: #464646;
  letter-spacing: normal; }

@media screen and (max-width: 1100px) {
  .tooltip .text {
    left: auto;
    right: 0;
    margin-left: -72px;
    width: 120px; } }

@media screen and (max-width: 400px) {
  .tooltip .text {
    margin-left: -62px;
    width: 98px; } }

.three-column-details {
  padding-left: 3.05%;
  padding-right: 3.05%; }

.detail-details {
  margin: auto;
  min-height: 200px;
  display: flex;
  margin-bottom: 98px; }
  .detail-details:last-child {
    margin-bottom: 0; }

.detail-detail {
  flex: 0 0 26.9333%;
  display: flex;
  flex-direction: column;
  padding: 0 3.2% 0 3.2%; }

.detail-image {
  background-size: contain;
  background-repeat: no-repeat;
  height: 90px;
  margin: 0 0 60px 0;
  width: 112px; }

.detail-image img {
  height: 110px;
  width: 110px; }

.details-title {
  height: 30px;
  width: auto;
  color: #2d84eb;
  font-size: 14px;
  letter-spacing: 2.8px;
  line-height: 26px;
  text-transform: uppercase; }

.detail-description {
  color: #464646;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  min-height: 120px; }

.detail-link {
  flex: 1;
  height: 40px; }

.detail-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 48px; }

.detail-btn {
  margin: auto; }

@media screen and (max-width: 1200px) {
  .details-title {
    height: 52px; } }

@media screen and (max-width: 1100px) {
  .three-column-details,
  .detail-homepage-section {
    height: auto;
    padding: calc(12.5% - 20px) 12.5% 12.5%; }
  .detail-details {
    flex-direction: column;
    width: auto;
    height: auto;
    margin: 0 auto; }
  .detail-details:last-child .detail-detail:last-child {
    margin-bottom: 0; }
  .detail-detail {
    height: auto;
    padding: 0;
    margin: 0 0 72px 0;
    min-height: 0; }
  .detail-description {
    flex: none;
    height: auto;
    min-height: 0; }
  .details-title {
    flex: none;
    height: auto;
    width: auto; }
  .details-title h2 {
    height: auto;
    width: auto;
    display: inline-block; } }

@media screen and (max-width: 768px) {
  .three-column-details,
  .detail-homepage-section {
    height: auto;
    padding: 12.5%; } }

.users-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto; }
  .users-list .user {
    height: auto;
    margin: 0 3.33%;
    width: calc(100% / 3.8);
    display: flex;
    flex-direction: column; }
    .users-list .user .hashgraph {
      min-height: 80px;
      max-height: 300px;
      margin: 0 auto;
      width: 80%; }
    .users-list .user .mobile-hashgraph {
      display: none; }
    .users-list .user .industry {
      color: #2D84EB;
      height: auto;
      text-align: center;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 2.4px;
      position: relative;
      margin: -30px auto 12px auto; }
      .users-list .user .industry p {
        min-height: 12px; }
    .users-list .user .box {
      background-color: #222222;
      padding: 8.5% 40px 60px 40px;
      min-height: 400px;
      max-height: 440px;
      /* hopefully ensure user box without graph stays the same height */
      text-decoration: none;
      height: 100%; }
      .users-list .user .box .logo {
        text-align: center;
        min-height: 80px;
        margin: auto auto 6.25% auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .users-list .user .box .logo img {
          margin: auto;
          height: 100%;
          width: 50%; }
      .users-list .user .box .gradient {
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        height: 2px;
        width: 100%;
        margin-bottom: 24px; }
      .users-list .user .box .subtitle {
        padding: 12px 0 24px 0;
        font-weight: 300;
        font-size: 16px;
        color: #2D84EB;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 22px;
        letter-spacing: 2.4px;
        min-height: 44px;
        /* three lines of subtitle, adjust as needed */ }
      .users-list .user .box .description {
        padding: 0;
        color: white;
        font-weight: 300;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0;
        text-decoration: none;
        min-height: 120px; }
      .users-list .user .box .cta {
        margin-top: 36px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px; }
        .users-list .user .box .cta a:last-child .Btn {
          margin-top: 10px; }
        .users-list .user .box .cta a:first-child .Btn {
          margin-top: 0;
          margin-right: 10px; }
      .users-list a.box:hover .cta .Btn {
        background-color: white;
        color: #222222; }
        .users-list a.box:hover .cta .Btn.has-bg {
          border: 1px solid white;
          background-color: #222222;
          color: white; }
  .users-list .bottom-graph {
    align-items: start;
    justify-content: start; }
  .users-list .disclaimer {
    font-size: 14px;
    line-height: 1.5;
    width: 80%;
    max-width: 500px;
    margin: auto;
    text-align: center;
    color: #8c8c8c;
    padding: 6.25% 0; }

.js-pages-wrapper .pagination {
  color: #464646;
  height: 104px;
  text-align: center;
  position: relative; }
  .js-pages-wrapper .pagination a {
    text-decoration: none;
    color: #464646; }
  .js-pages-wrapper .pagination > .pages {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center; }
    .js-pages-wrapper .pagination > .pages > a,
    .js-pages-wrapper .pagination > .pages > .current {
      display: inline-block;
      margin: 4px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid white;
      line-height: 40px; }
    @media (hover: hover) {
      .js-pages-wrapper .pagination > .pages > a:hover {
        border-color: #b8b8b8;
        color: #b8b8b8; } }
    .js-pages-wrapper .pagination > .pages > .current {
      border-color: #464646;
      color: #464646; }

.user-detail .no-results {
  padding: 6.25%;
  text-align: center; }

.user-detail .disclaimer-container {
  padding: 6.25%; }
  .user-detail .disclaimer-container .disclaimer {
    font-size: 14px;
    line-height: 1.5;
    width: 80%;
    max-width: 500px;
    margin: auto;
    text-align: center;
    color: #8c8c8c; }

@media (max-width: 768px) {
  .user-detail .no-results {
    width: 230px;
    margin: 0 auto; } }

.short-intro-user-filter .Home-intro > .text h2 {
  margin-top: 0; }

.short-intro-user-filter .Home-intro > .text a {
  margin-bottom: 48px; }

.short-intro-user-filter .user-filters {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 768px;
  z-index: 2; }

.short-intro-user-filter .filter {
  flex: 0 0 calc(33.3333% - 20px);
  display: block;
  position: relative;
  padding: 0 10px; }
  .short-intro-user-filter .filter *,
  .short-intro-user-filter .filter *::before,
  .short-intro-user-filter .filter *::after {
    box-sizing: border-box; }
  .short-intro-user-filter .filter label {
    width: 100%;
    height: auto;
    padding: 5px;
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
    display: block;
    position: relative;
    text-align: center;
    margin: 0 0 25px; }
  .short-intro-user-filter .filter .filter-button {
    display: block;
    border: none;
    background-color: transparent;
    padding: 2px 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    outline: none;
    color: white;
    letter-spacing: -0.01em;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    text-transform: uppercase;
    text-align: center; }
  .short-intro-user-filter .filter .dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 6px 0; }
    .short-intro-user-filter .filter .dropdown::before {
      content: "";
      background: rgba(0, 0, 0, 0.8);
      display: block;
      position: absolute;
      z-index: -1;
      top: 11px;
      left: 0;
      width: 100%;
      height: calc(100% - 11px); }
  .short-intro-user-filter .filter.show-dropdown .filter-button {
    opacity: 0;
    pointer-events: none; }
  .short-intro-user-filter .filter.show-dropdown .dropdown {
    display: block; }
  .short-intro-user-filter .filter .dropdown-item {
    text-transform: uppercase;
    color: white;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 1.1;
    padding: 5px 2px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center; }
  .short-intro-user-filter .filter .dropdown-item:hover,
  .short-intro-user-filter .filter .dropdown-item.selected {
    font-weight: 500; }
  .short-intro-user-filter .filter .filter-select {
    width: 100%;
    padding: 6px 5px 5px;
    cursor: pointer;
    display: block;
    position: relative;
    background: rgba(0, 0, 0, 0.8); }
    .short-intro-user-filter .filter .filter-select::before {
      content: "";
      width: 100%;
      height: 2px;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateY(-100%);
      background: #6561d5; }
    .short-intro-user-filter .filter .filter-select::after {
      content: "";
      width: 20px;
      height: 20px;
      display: block;
      position: absolute;
      top: -2px;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-45deg);
      border-top: 2px solid #6561d5;
      border-right: 2px solid #6561d5;
      background: rgba(0, 0, 0, 0.8); }

@media (max-width: 768px) {
  .short-intro-user-filter .user-filters {
    flex-direction: column;
    width: 100%;
    max-width: 260px; }
    .short-intro-user-filter .user-filters .filter:nth-child(1),
    .short-intro-user-filter .user-filters .filter:nth-child(2) {
      padding-bottom: 20px; }
  .short-intro-user-filter .short-intro {
    height: calc(80vh + 373px) !important; }
  .short-intro-user-filter .Home-intro > .text {
    top: 37%; }
  .short-intro-user-filter .short-hero-image {
    height: calc(80vh + 373px); } }

@media screen and (max-width: 1480px) {
  .users-list .user .box .logo {
    margin-top: -12px; }
  .users-list .user .box .subtitle {
    min-height: 66px;
    /* bump to three lines, adjust as needed */ }
  .users-list .user .box .description {
    min-height: 180px;
    /* bump to five lines, adjust as needed */ } }

@media screen and (max-width: 1300px) {
  .users-list .user .box {
    max-height: 520px; }
    .users-list .user .box .description {
      min-height: 240px;
      /* bump to seven lines, adjust as needed */ } }

@media screen and (max-width: 1100px) {
  .users-list {
    flex-direction: column;
    flex-wrap: nowrap; }
    .users-list .user {
      width: 50%;
      margin: 0 auto; }
      .users-list .user .mobile-hashgraph {
        display: flex;
        min-height: 80px;
        max-height: 300px;
        margin: 0 auto;
        width: 80%; }
      .users-list .user .box {
        min-height: 0; }
        .users-list .user .box .subtitle {
          min-height: 0; }
        .users-list .user .box .description {
          min-height: 0;
          margin-bottom: 12px; }
    .users-list .bottom-graph:not(:first-child) {
      display: none; }
    .users-list .disclaimer {
      width: auto;
      padding: 12.5%; } }

@media screen and (max-width: 600px) {
  .mobile-no-padding {
    padding: 0 !important; }
    .mobile-no-padding .section-title {
      padding: 12.5%;
      padding-bottom: 0;
      text-align: center; }
    .mobile-no-padding .users-list {
      margin-bottom: 12.5%; }
  .users-list {
    flex-direction: column;
    flex-wrap: nowrap; }
    .users-list .user {
      width: 100%; }
      .users-list .user .box {
        padding: 12.5%;
        min-height: 0; }
        .users-list .user .box .logo img {
          width: 60%; }
        .users-list .user .box .gradient {
          width: 100%; }
        .users-list .user .box .subtitle {
          min-height: 0; }
        .users-list .user .box .description {
          min-height: 0; } }

.libra-banner {
  background-color: #222222;
  color: white;
  max-height: 400px;
  display: flex;
  flex-direction: row;
  padding: 24px 6.25% 24px 6.25%; }
  .libra-banner .main-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .libra-banner .main-content .banner-icon {
      width: 100px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 24px; }
      .libra-banner .main-content .banner-icon img {
        height: 80%;
        width: auto;
        margin-bottom: 0; }
    .libra-banner .main-content .banner-content {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .libra-banner .main-content .banner-content .title {
        margin-top: 18px;
        width: 100%;
        /* arbitrary, adjust with screen size QA */ }
  .libra-banner .cta {
    width: 265px;
    /* arbitrary, adjust when rest is complete */
    display: flex;
    align-items: center;
    justify-content: center; }

@media screen and (max-width: 1100px) {
  .libra-banner {
    border-top: 0;
    padding: 24px 12.5% 24px 12.5%;
    flex-direction: column; }
    .libra-banner .main-content {
      justify-content: center; }
      .libra-banner .main-content .banner-icon {
        min-height: 80px;
        max-width: 80px; }
      .libra-banner .main-content .banner-content .title {
        margin-top: 12px;
        margin-bottom: 12px;
        width: 100%; }
    .libra-banner .cta {
      margin-top: 24px;
      width: auto;
      margin-bottom: 12px; } }

.user-hero, .seo-hero {
  background: linear-gradient(160deg, #2d84eb, #8259ef);
  background-attachment: scroll;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  width: 100%;
  max-width: 100vw;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .user-hero .hero-content, .seo-hero .hero-content {
    margin: auto;
    max-width: 1100px;
    width: 1100px; }
    .user-hero .hero-content .top-row, .seo-hero .hero-content .top-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .user-hero .hero-content .top-row h1, .seo-hero .hero-content .top-row h1 {
        color: white;
        font-size: 48px;
        max-width: 50%; }
      .user-hero .hero-content .top-row .user-logo, .seo-hero .hero-content .top-row .user-logo {
        height: 60px;
        width: auto; }
        .user-hero .hero-content .top-row .user-logo img, .seo-hero .hero-content .top-row .user-logo img {
          min-height: 52px;
          height: auto;
          max-height: 60px;
          width: auto;
          max-width: 80vw;
          object-fit: contain; }
      .user-hero .hero-content .top-row .back-btn, .seo-hero .hero-content .top-row .back-btn {
        color: white;
        height: 18px;
        width: auto;
        border-bottom: 0.6px solid white; }
        .user-hero .hero-content .top-row .back-btn a, .seo-hero .hero-content .top-row .back-btn a {
          color: white;
          text-decoration: none;
          font-size: 12px; }
          .user-hero .hero-content .top-row .back-btn a :active, .seo-hero .hero-content .top-row .back-btn a :active {
            color: white; }
    .user-hero .hero-content .middle-row, .seo-hero .hero-content .middle-row {
      margin-top: 36px; }
      .user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
        color: white;
        font-size: 14px;
        line-height: 30px;
        font-weight: 300;
        max-width: 50%; }
    .user-hero .hero-content .bottom-row, .seo-hero .hero-content .bottom-row {
      margin-top: 36px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .user-hero .hero-content .bottom-row .ctas, .seo-hero .hero-content .bottom-row .ctas {
        min-width: 100px;
        width: auto; }
        .user-hero .hero-content .bottom-row .ctas a:first-child, .seo-hero .hero-content .bottom-row .ctas a:first-child {
          margin-right: 12px; }
      .user-hero .hero-content .bottom-row .socials, .seo-hero .hero-content .bottom-row .socials {
        min-width: 100px;
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .user-hero .hero-content .bottom-row .socials .icon, .seo-hero .hero-content .bottom-row .socials .icon {
          height: 30px;
          width: 30px;
          padding: 0 8px; }
          .user-hero .hero-content .bottom-row .socials .icon a, .seo-hero .hero-content .bottom-row .socials .icon a {
            fill: white;
            height: 100%;
            width: 100%; }
        .user-hero .hero-content .bottom-row .socials .icon:first-child, .seo-hero .hero-content .bottom-row .socials .icon:first-child {
          padding-left: 0; }
        .user-hero .hero-content .bottom-row .socials .icon:last-child, .seo-hero .hero-content .bottom-row .socials .icon:last-child {
          padding-right: 0; }

.seo-hero {
  align-items: flex-start;
  min-height: 412px; }
  .seo-hero .hero-content {
    width: 100%;
    max-width: 100%;
    margin: 120px 6.25%; }

/* Large screens (4k monitors) */
@media screen and (min-width: 1800px) {
  .user-hero .hero-content, .seo-hero .hero-content {
    max-width: 70%;
    width: 70%; }
    .user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
      max-width: 40%;
      /* keeps content more compact, adjust as needed */ } }

/* Tablets */
@media screen and (max-width: 1240px) {
  .user-hero .hero-content, .seo-hero .hero-content {
    max-width: 900px;
    width: 900px; }
    .user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
      max-width: 60%; }
    .user-hero .hero-content .bottom-row, .seo-hero .hero-content .bottom-row {
      align-items: start; } }

/* Tablets, phones, etc */
@media screen and (max-width: 1100px) {
  .user-hero, .seo-hero {
    padding: 0;
    min-height: 100vh;
    width: auto;
    max-width: 100%;
    display: flex; }
    .user-hero .hero-content, .seo-hero .hero-content {
      max-width: 100%;
      width: auto;
      padding-top: 0;
      padding: 12.5%; }
      .user-hero .hero-content .top-row, .seo-hero .hero-content .top-row {
        flex-direction: column-reverse;
        height: 20vh;
        padding-top: 0; }
        .user-hero .hero-content .top-row .user-logo img, .seo-hero .hero-content .top-row .user-logo img {
          max-width: 65vw; }
        .user-hero .hero-content .top-row .back-btn, .seo-hero .hero-content .top-row .back-btn {
          border: 0;
          margin-top: 20px; }
          .user-hero .hero-content .top-row .back-btn a, .seo-hero .hero-content .top-row .back-btn a {
            border-bottom: 0.6px solid white; }
      .user-hero .hero-content .middle-row, .seo-hero .hero-content .middle-row {
        max-width: 500px; }
        .user-hero .hero-content .middle-row p, .seo-hero .hero-content .middle-row p {
          max-width: 500px;
          width: 100%; }
      .user-hero .hero-content .bottom-row, .seo-hero .hero-content .bottom-row {
        flex-direction: column;
        margin-bottom: 36px; }
        .user-hero .hero-content .bottom-row .ctas, .seo-hero .hero-content .bottom-row .ctas {
          display: flex;
          flex-direction: column; }
          .user-hero .hero-content .bottom-row .ctas a:first-child, .seo-hero .hero-content .bottom-row .ctas a:first-child {
            margin: 18px 0; }
        .user-hero .hero-content .bottom-row .socials, .seo-hero .hero-content .bottom-row .socials {
          justify-content: start;
          width: 100%; }
          .user-hero .hero-content .bottom-row .socials .icon, .seo-hero .hero-content .bottom-row .socials .icon {
            margin-top: 18vh; }
  .seo-hero {
    min-height: 550px;
    max-height: 100%; }
    .seo-hero .hero-content {
      padding: 6.25%;
      margin: 0; }
      .seo-hero .hero-content .top-row h1 {
        font-size: 36px; } }

@media (max-width: 745px) {
  .seo-hero .hero-content .top-row h1 {
    max-width: 100%; } }

@media (max-width: 380px) {
  .seo-hero .hero-content .top-row {
    height: 22vh;
    margin-top: 90px; } }

.user-stats {
  margin: auto;
  padding: 0;
  margin-bottom: 6.25%;
  max-width: 1100px;
  height: 140px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row; }
  .user-stats .stat {
    border-left: 1px solid #eaeaea;
    /* presumes 3 'stats' */
    border-right: 1px solid #eaeaea;
    border-top: 0;
    border-bottom: 0;
    height: 140px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .user-stats .stat .stat-title {
      height: 60px; }
      .user-stats .stat .stat-title h2 {
        color: #222222;
        font-size: 36px;
        font-weight: 500; }
    .user-stats .stat .stat-detail {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1.5;
      font-weight: 300;
      color: #464646;
      max-width: 80%; }
      .user-stats .stat .stat-detail p {
        color: #aaa;
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        letter-spacing: 1.2px;
        max-width: 80%;
        margin: auto; }
  .user-stats .stat:first-child {
    border: 0;
    border-left: 1px solid #eaeaea; }
  .user-stats .stat:last-child {
    border: 0;
    border-right: 1px solid #eaeaea; }

/* Large devices (4k monitors) */
@media screen and (min-width: 1800px) {
  .user-stats {
    max-width: 70%; } }

/* Tablets */
@media screen and (max-width: 1240px) {
  .user-stats {
    max-width: 900px; } }

/* Tablets, phones */
@media screen and (max-width: 700px) {
  .user-stats {
    flex-direction: column;
    height: auto;
    padding: 54px 0; }
    .user-stats .stat {
      height: auto;
      border: 0;
      margin-top: 54px; }
      .user-stats .stat .stat-title h2 {
        margin-bottom: 4px; }
      .user-stats .stat .stat-detail {
        max-width: 100%; }
    .user-stats .stat:first-child {
      margin-top: 0;
      border: 0; }
    .user-stats .stat:last-child {
      border: 0; } }

.user-body {
  margin: auto;
  padding: 3.125% 0 6.25% 0;
  min-height: 200px;
  max-width: 1100px;
  display: flex;
  flex-direction: row; }
  .user-body .user-body-content {
    flex: 1;
    padding-right: 80px;
    font-weight: 300;
    line-height: 1.5; }
    .user-body .user-body-content .body-content h1 {
      padding-top: 36px;
      font-size: 50px;
      line-height: 60px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      letter-spacing: -0.015em; }
      @media (min-width: 1024px) {
        .user-body .user-body-content .body-content h1 {
          font-size: 96px;
          line-height: 96px; } }
    .user-body .user-body-content .body-content h2 {
      padding-top: 36px;
      font-size: 26px;
      line-height: 30px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      letter-spacing: -0.015em; }
      @media (min-width: 1024px) {
        .user-body .user-body-content .body-content h2 {
          font-size: 40px;
          line-height: 50px; } }
    .user-body .user-body-content .body-content h3 {
      padding-top: 36px;
      font-size: 13px;
      line-height: 26px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media (min-width: 1024px) {
        .user-body .user-body-content .body-content h3 {
          font-size: 18px;
          line-height: 36px; } }
    .user-body .user-body-content .body-content h4 {
      padding-top: 36px;
      font-size: 13px;
      line-height: 26px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* only goes down to m; s == <p> */ }
      @media (min-width: 1024px) {
        .user-body .user-body-content .body-content h4 {
          font-size: 18px;
          line-height: 36px; } }
    .user-body .user-body-content .body-content p {
      font-size: 14px;
      line-height: 1.8;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media (min-width: 1024px) {
        .user-body .user-body-content .body-content p {
          font-size: 15px;
          line-height: 2; } }
    .user-body .user-body-content .body-content strong {
      font-weight: bold; }
    .user-body .user-body-content .body-content em {
      font-style: italic; }
    .user-body .user-body-content .body-content a {
      color: #222222; }
    .user-body .user-body-content .body-content ol {
      list-style: decimal;
      margin-left: 20px;
      /* offset to left-align with content */ }
    .user-body .user-body-content .body-content img {
      max-width: 100%;
      padding: 20px 0; }
    .user-body .user-body-content p {
      font-size: 15px;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0; }
    .user-body .user-body-content .disclaimer {
      margin: 36px auto 0 0;
      width: 80%;
      font-size: 14px;
      text-align: left; }
    .user-body .user-body-content .user-video {
      height: 380px;
      width: auto;
      margin: 0 0 36px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: cover; }
      .user-body .user-body-content .user-video.is-quote {
        display: flex;
        flex-direction: column;
        flex-direction: column;
        justify-content: start; }
        .user-body .user-body-content .user-video.is-quote h3 {
          color: white;
          font-style: italic;
          font-size: 24px;
          font-weight: 200;
          letter-spacing: 0;
          line-height: 1.2;
          max-width: 85%;
          margin: 48px auto auto 48px; }
        .user-body .user-body-content .user-video.is-quote div {
          color: white;
          width: 300px;
          margin: auto auto auto 0;
          display: flex;
          flex-direction: column;
          justify-content: end; }
          .user-body .user-body-content .user-video.is-quote div .quote-author {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 1px;
            margin: 48px auto auto 48px;
            text-transform: uppercase; }
          .user-body .user-body-content .user-video.is-quote div .quote-author-details {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 1px;
            margin: 0 auto auto 48px;
            text-transform: uppercase; }
  .user-body .user-side-panel {
    color: white;
    width: 320px; }
    .user-body .user-side-panel.mobile-panel {
      display: none; }
    .user-body .user-side-panel .side-panel-container {
      background-color: #222222;
      height: auto;
      display: flex;
      flex-direction: column;
      padding: 36px; }
      .user-body .user-side-panel .side-panel-container .panel-item-title {
        color: white;
        text-transform: uppercase;
        height: auto; }
        .user-body .user-side-panel .side-panel-container .panel-item-title p {
          letter-spacing: 1px;
          line-height: 20px;
          font-size: 14px;
          padding-bottom: 12px; }
      .user-body .user-side-panel .side-panel-container .panel-item-gradient {
        height: 2px;
        background: linear-gradient(160deg, #2d84eb, #8259ef); }
      .user-body .user-side-panel .side-panel-container .panel-item-content {
        height: auto; }
        .user-body .user-side-panel .side-panel-container .panel-item-content p {
          color: #b8b8b8;
          font-size: 14px;
          font-weight: 300;
          padding-top: 12px;
          padding-bottom: 36px;
          line-height: 28px; }
        .user-body .user-side-panel .side-panel-container .panel-item-content ul li {
          line-height: 18px;
          font-size: 14px;
          padding-bottom: 20px; }
        .user-body .user-side-panel .side-panel-container .panel-item-content ul li:first-child {
          padding-top: 20px; }
        .user-body .user-side-panel .side-panel-container .panel-item-content a {
          color: white;
          opacity: 0.8; }
        .user-body .user-side-panel .side-panel-container .panel-item-content a:hover {
          opacity: 1.0; }
      .user-body .user-side-panel .side-panel-container .panel-item-content:last-child p {
        padding-bottom: 0; }

/* Larger devices (4k monitors) */
@media screen and (min-width: 1800px) {
  .user-body {
    max-width: 70%; }
    .user-body .user-side-panel {
      width: 380px; } }

/* Tablets */
@media screen and (max-width: 1240px) {
  .user-body {
    max-width: 900px; }
    .user-body .user-body-content {
      padding-right: 40px; }
    .user-body .user-side-panel {
      width: 300px; } }

/* Tablets, phones, etc. */
@media screen and (max-width: 1100px) {
  .user-body {
    flex-direction: column-reverse;
    padding: 0; }
    .user-body .user-body-content {
      padding-right: 0; }
      .user-body .user-body-content .body-content {
        padding: 12.5%; }
      .user-body .user-body-content .disclaimer {
        margin: auto auto 12.5% auto;
        text-align: center;
        max-width: 300px; }
      .user-body .user-body-content .user-video {
        max-width: 475px;
        /* arbitrarily match sidepanel box? */
        min-height: 260px;
        height: auto;
        margin: 0 auto; }
        .user-body .user-body-content .user-video.is-quote h3 {
          font-size: 22px;
          max-width: 100%;
          margin: 48px 48px 0 48px; }
        .user-body .user-body-content .user-video.is-quote div .quote-author {
          font-size: 14px; }
        .user-body .user-body-content .user-video.is-quote div .quote-author-details {
          font-size: 14px;
          margin: 0 auto 48px 48px;
          /* forces a min bottom margin of 48px on the image */ }
      .user-body .user-body-content .btn-mobile-shift {
        margin-left: 12.5%;
        margin-bottom: 12.5%;
        margin-top: 0 !important; }
    .user-body .user-side-panel {
      width: auto;
      margin: auto auto 36px auto; }
      .user-body .user-side-panel .side-panel-container {
        padding: 12.5%; }
      .user-body .user-side-panel.mobile-panel {
        display: flex; }
      .user-body .user-side-panel.desktop-panel {
        display: none; } }

::marker {
  font-weight: 400; }

.use-case-items {
  padding: 6.25% 0 6.25% 6.25%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .use-case-items .first-item {
    border-right: 0.8px solid #8c8c8c;
    width: calc(33% - 6.25%); }
    .use-case-items .first-item h2, .use-case-items .first-item p {
      padding-right: 32px;
      text-align: left !important; }
    .use-case-items .first-item img {
      max-width: 100%;
      margin-top: 36px; }
  .use-case-items .main-item {
    width: 33%; }
    .use-case-items .main-item .main-content {
      width: 96%;
      margin: auto; }
      .use-case-items .main-item .main-content .item, .use-case-items .main-item .main-content .subnav .list .external-item, .subnav .list .use-case-items .main-item .main-content .external-item, .use-case-items .main-item .main-content .subnav .list .item-list-heading, .subnav .list .use-case-items .main-item .main-content .item-list-heading, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile {
        padding-top: 72px;
        display: flex;
        flex-direction: column; }
        .use-case-items .main-item .main-content .item .title, .use-case-items .main-item .main-content .subnav .list .external-item .title, .subnav .list .use-case-items .main-item .main-content .external-item .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile .title {
          font-weight: 400;
          font-size: 16px;
          text-transform: uppercase;
          text-align: left !important;
          letter-spacing: 3px;
          margin: -8px 0 18px 0; }
        .use-case-items .main-item .main-content .item .description, .use-case-items .main-item .main-content .subnav .list .external-item .description, .subnav .list .use-case-items .main-item .main-content .external-item .description, .use-case-items .main-item .main-content .subnav .list .item-list-heading .description, .subnav .list .use-case-items .main-item .main-content .item-list-heading .description, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile .description, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile .description {
          font-weight: 300;
          font-size: 15px;
          line-height: 30px;
          text-align: left !important; }
        .use-case-items .main-item .main-content .item img, .use-case-items .main-item .main-content .subnav .list .external-item img, .subnav .list .use-case-items .main-item .main-content .external-item img, .use-case-items .main-item .main-content .subnav .list .item-list-heading img, .subnav .list .use-case-items .main-item .main-content .item-list-heading img, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile img, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile img {
          max-height: 100px;
          max-width: 100px; }
      .use-case-items .main-item .main-content .graph {
        padding-top: 72px;
        display: flex;
        flex-direction: column; }
        .use-case-items .main-item .main-content .graph .title {
          font-weight: 400;
          font-size: 16px;
          text-transform: uppercase;
          text-align: left !important;
          letter-spacing: 3px;
          margin: -8px 0 18px 0; }
        .use-case-items .main-item .main-content .graph .description {
          font-weight: 300;
          font-size: 15px;
          line-height: 30px;
          text-align: left !important; }
        .use-case-items .main-item .main-content .graph img {
          max-height: 50px;
          max-width: 50px; }
      .use-case-items .main-item .main-content .item:first-child, .use-case-items .main-item .main-content .subnav .list .external-item:first-child, .subnav .list .use-case-items .main-item .main-content .external-item:first-child, .use-case-items .main-item .main-content .subnav .list .item-list-heading:first-child, .subnav .list .use-case-items .main-item .main-content .item-list-heading:first-child, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile:first-child, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile:first-child {
        padding-top: 0; }
  .use-case-items .third-item {
    width: 33%; }
    .use-case-items .third-item img {
      max-width: 100%; }

@media screen and (max-width: 1100px) {
  .use-case-items {
    flex-direction: column;
    padding: 12.5%; }
    .use-case-items .first-item {
      border: 0;
      width: 100%; }
      .use-case-items .first-item img {
        display: none; }
    .use-case-items .main-item {
      width: 100%; }
      .use-case-items .main-item .main-content {
        width: 100%; }
        .use-case-items .main-item .main-content .item .title, .use-case-items .main-item .main-content .subnav .list .external-item .title, .subnav .list .use-case-items .main-item .main-content .external-item .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading .title, .use-case-items .main-item .main-content .subnav .list .item-list-heading-mobile .title, .subnav .list .use-case-items .main-item .main-content .item-list-heading-mobile .title {
          line-height: 1.5; }
    .use-case-items .third-item {
      display: none; } }

.why-hedera {
  background-color: #222222; }
  .why-hedera .why-hedera-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%; }
    .why-hedera .why-hedera-items .item, .why-hedera .why-hedera-items .subnav .list .external-item, .subnav .list .why-hedera .why-hedera-items .external-item, .why-hedera .why-hedera-items .subnav .list .item-list-heading, .subnav .list .why-hedera .why-hedera-items .item-list-heading, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile {
      flex: 1;
      margin: 2.75vw; }
      .why-hedera .why-hedera-items .item .top-row, .why-hedera .why-hedera-items .subnav .list .external-item .top-row, .subnav .list .why-hedera .why-hedera-items .external-item .top-row, .why-hedera .why-hedera-items .subnav .list .item-list-heading .top-row, .subnav .list .why-hedera .why-hedera-items .item-list-heading .top-row, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile .top-row, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile .top-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 80px; }
        .why-hedera .why-hedera-items .item .top-row .why-item-title, .why-hedera .why-hedera-items .subnav .list .external-item .top-row .why-item-title, .subnav .list .why-hedera .why-hedera-items .external-item .top-row .why-item-title, .why-hedera .why-hedera-items .subnav .list .item-list-heading .top-row .why-item-title, .subnav .list .why-hedera .why-hedera-items .item-list-heading .top-row .why-item-title, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile .top-row .why-item-title, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile .top-row .why-item-title {
          color: white;
          width: calc(100% - 80px);
          font-size: 24px;
          font-weight: 300;
          letter-spacing: 1.2px;
          margin: 0; }
        .why-hedera .why-hedera-items .item .top-row .item-image, .why-hedera .why-hedera-items .subnav .list .external-item .top-row .item-image, .subnav .list .why-hedera .why-hedera-items .external-item .top-row .item-image, .why-hedera .why-hedera-items .subnav .list .item-list-heading .top-row .item-image, .subnav .list .why-hedera .why-hedera-items .item-list-heading .top-row .item-image, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile .top-row .item-image, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile .top-row .item-image {
          height: 80px;
          margin: 0; }
      .why-hedera .why-hedera-items .item .gradient, .why-hedera .why-hedera-items .subnav .list .external-item .gradient, .subnav .list .why-hedera .why-hedera-items .external-item .gradient, .why-hedera .why-hedera-items .subnav .list .item-list-heading .gradient, .subnav .list .why-hedera .why-hedera-items .item-list-heading .gradient, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile .gradient, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile .gradient {
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        height: 2px;
        width: 100%;
        margin-bottom: 24px; }
      .why-hedera .why-hedera-items .item .description, .why-hedera .why-hedera-items .subnav .list .external-item .description, .subnav .list .why-hedera .why-hedera-items .external-item .description, .why-hedera .why-hedera-items .subnav .list .item-list-heading .description, .subnav .list .why-hedera .why-hedera-items .item-list-heading .description, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile .description, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile .description {
        color: white;
        font-size: 15px;
        font-weight: 300;
        line-height: 30px; }
    .why-hedera .why-hedera-items .item:first-child, .why-hedera .why-hedera-items .subnav .list .external-item:first-child, .subnav .list .why-hedera .why-hedera-items .external-item:first-child, .why-hedera .why-hedera-items .subnav .list .item-list-heading:first-child, .subnav .list .why-hedera .why-hedera-items .item-list-heading:first-child, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile:first-child, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile:first-child {
      margin-left: 0; }
    .why-hedera .why-hedera-items .item:last-child, .why-hedera .why-hedera-items .subnav .list .external-item:last-child, .subnav .list .why-hedera .why-hedera-items .external-item:last-child, .why-hedera .why-hedera-items .subnav .list .item-list-heading:last-child, .subnav .list .why-hedera .why-hedera-items .item-list-heading:last-child, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile:last-child, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile:last-child {
      margin-right: 0; }

@media screen and (max-width: 1100px) {
  .why-hedera .why-hedera-items {
    flex-direction: column; }
    .why-hedera .why-hedera-items .item, .why-hedera .why-hedera-items .subnav .list .external-item, .subnav .list .why-hedera .why-hedera-items .external-item, .why-hedera .why-hedera-items .subnav .list .item-list-heading, .subnav .list .why-hedera .why-hedera-items .item-list-heading, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile {
      margin: 62px 0 0 0; }
    .why-hedera .why-hedera-items .item:first-child, .why-hedera .why-hedera-items .subnav .list .external-item:first-child, .subnav .list .why-hedera .why-hedera-items .external-item:first-child, .why-hedera .why-hedera-items .subnav .list .item-list-heading:first-child, .subnav .list .why-hedera .why-hedera-items .item-list-heading:first-child, .why-hedera .why-hedera-items .subnav .list .item-list-heading-mobile:first-child, .subnav .list .why-hedera .why-hedera-items .item-list-heading-mobile:first-child {
      margin: 0; } }

.resources {
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-size: cover;
  background-position: end;
  position: relative;
  overflow: hidden; }
  .resources .resource-background {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  .resources .first-column {
    min-width: 30%;
    margin-right: 40px;
    z-index: 1; }
    .resources .first-column h2, .resources .first-column p {
      font-weight: 300;
      text-align: left !important;
      letter-spacing: 1.2; }
  .resources .second-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 1; }
    .resources .second-column .resource {
      color: #222222;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 38%;
      padding: 6% 6% 0 6%; }
      .resources .second-column .resource > * {
        text-decoration: none; }
      .resources .second-column .resource .resource-title {
        font-weight: 300;
        margin-bottom: 24px;
        min-height: 52px;
        /* approx two lines */ }
      .resources .second-column .resource .resource-icon {
        max-width: 200px;
        width: 90%;
        height: 90px; }
        .resources .second-column .resource .resource-icon img {
          display: block;
          position: relative;
          width: 100%;
          max-width: 100%; }
      .resources .second-column .resource .resource-description {
        font-weight: 300;
        margin-bottom: 0;
        margin: 12px 0;
        line-height: 1.3;
        min-height: 124px; }
      .resources .second-column .resource .resource-btn {
        margin: 24px 0 calc(6% + 24px) 0;
        width: 120px; }
      .resources .second-column .resource .gradient {
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        height: 2px;
        width: 100%; }
      .resources .second-column .resource:hover {
        padding: 6% 6% 0 6%;
        background-color: white;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        transition: all 0.4s ease;
        /* offset gradient for resource padding on hover */ }
        .resources .second-column .resource:hover .gradient {
          transition: all 0.4s ease;
          /* seems excessive.. but cool! */
          margin-left: -15.625%;
          width: 131.5%; }
        .resources .second-column .resource:hover .resource-btn {
          transition: all 0.4s ease;
          background-color: #222222 !important;
          /* override btn styles */
          color: white !important;
          /* override btn styles */ }

/* adjust resources on small-desktops */
@media screen and (max-width: 1400px) {
  .resources .second-column .resource .resource-title {
    min-height: 60px;
    /* bump to 3 lines */ }
  .resources .second-column .resource .resource-description {
    min-height: 166px;
    /* bump to 5 lines */ } }

@media screen and (max-width: 1100px) {
  .resources {
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center;
    flex-direction: column; }
    .resources .section-subtitle {
      margin-bottom: 0px; }
    .resources .second-column {
      flex-direction: column; }
      .resources .second-column .resource {
        padding: 60px 0 0 0;
        /* adjust as needed to size cards */
        width: 100%; }
        .resources .second-column .resource .resource-title {
          min-height: auto; }
        .resources .second-column .resource .resource-icon {
          height: auto; }
        .resources .second-column .resource .resource-description {
          min-height: auto; }
        .resources .second-column .resource .resource-btn {
          margin: 24px 0 60px 0;
          /* adjust as needed to size cards */ }
        .resources .second-column .resource:hover {
          padding: 60px 0 0 0;
          /* adjust to match above */
          background-color: white;
          box-shadow: none;
          transition: none; }
          .resources .second-column .resource:hover .gradient {
            transition: none;
            margin-left: 0;
            width: 100%; }
          .resources .second-column .resource:hover .resource-btn {
            transition: none;
            background-color: #222222 !important;
            /* override btn styles */
            color: white !important;
            /* override btn styles */ } }

.logos-wrapper {
  background-color: #222222; }

.logos-wrapper h2 {
  margin: 0 auto 20px 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 2.8px;
  line-height: 30px; }

.logos {
  padding: 0 6.25% 6.25% 6.25%; }

.logos .container {
  margin: 0 auto 0 auto;
  width: 100%;
  max-width: 100%; }

.logos .container .row {
  display: flex;
  width: 100%; }

.logos .container .row .logo {
  display: flex;
  justify-content: center;
  height: 200px;
  text-align: center;
  min-height: 250px; }

.logos .container .row .logo img {
  height: auto;
  width: auto;
  max-width: 78%;
  margin: auto;
  object-fit: contain; }

.logos .container .row .logo a {
  display: inherit;
  justify-content: inherit;
  height: inherit;
  text-align: inherit; }

.logos .cta {
  margin: 0 auto;
  text-align: center; }

.logos .cta .Btn {
  margin-top: 32px; }

@media screen and (max-width: 1100px) {
  .logos-wrapper h2 {
    margin: 0 auto 40px auto; }
  .logos .container .row {
    flex-direction: column; }
  .logos .container .row .logo {
    height: 140px; }
  .logos .container .row .logo img {
    max-width: 191px; }
  .logos {
    padding: 0 12.5% 12.5% 12.5%; } }

@media screen and (max-width: 500px) {
  .logos .cta .secondary-cta {
    margin-left: 0;
    display: block; } }

.two-column-details .section-subtitle a, .two-column-details .section-subtitle a:visited, .two-column-details .section-subtitle a:hover, .two-column-details .section-subtitle a:active {
  color: #464646; }

.two-column-details .detail-details {
  min-height: 200px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 3.2%; }

.two-column-details .detail-detail {
  flex: 1 0 100%;
  display: flex;
  flex-direction: column;
  margin: 0 0 100px;
  padding: 0; }

.two-column-details .detail-detail:last-child, .two-column-details .detail-detail:nth-last-child(2) {
  margin: 0; }

.two-column-details .detail-image {
  background-size: contain;
  background-repeat: no-repeat;
  height: 90px;
  margin: 0 0 60px 0;
  width: 112px; }

.two-column-details .detail-image img {
  height: 110px;
  width: 110px; }

.two-column-details .details-title {
  height: auto;
  width: auto;
  color: #2d84eb;
  font-size: 18px !important;
  letter-spacing: 0;
  line-height: 26px;
  text-transform: none;
  font-weight: 500 !important; }

.two-column-details .detail-description {
  color: #464646;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px; }

.two-column-details .detail-description p {
  margin-bottom: 30px; }

.two-column-details .detail-description a {
  color: #222222; }

.two-column-details .detail-description p:last-child {
  margin-bottom: 0; }

.two-column-details .detail-link {
  flex: 1;
  height: 40px; }

.two-column-details .detail-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 48px; }

.two-column-details .detail-btn {
  margin: auto; }

@media screen and (max-width: 1100px) {
  .two-column-details .section-subtitle {
    margin: 0; }
  .two-column-details .detail-homepage-section {
    height: auto;
    padding: 12.5%; }
  .two-column-details .detail-details {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .two-column-details .detail-details:last-child {
    margin-bottom: 0 !important; }
  .two-column-details .detail-details .detail-detail {
    height: auto;
    margin: 72px 0 0 0;
    min-height: 0;
    max-width: 100%; }
  .two-column-details .detail-details:first-of-type .detail-detail:first-child {
    margin: 0; }
  .two-column-details .detail-description {
    flex: none;
    height: auto; }
  .two-column-details .details-title {
    flex: none;
    height: auto;
    width: auto; }
  .two-column-details .details-title h2 {
    height: auto;
    width: auto;
    display: inline-block; } }

.dual-role {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 6.25%; }
  .dual-role .col {
    flex: 1; }
  .dual-role .col:first-child {
    margin-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .dual-role .col:last-child {
    margin-left: 60px; }
  .dual-role .roles-content-container .content-title {
    margin-right: 45px; }
  .dual-role .roles-content-container .content-body {
    margin-right: 45px;
    display: inline-block;
    height: auto; }
  .dual-role .role-image img {
    height: 77px;
    margin: 0; }
  .dual-role .role-title {
    font-weight: 300;
    margin: 0 0 24px 0; }
  .dual-role .role-description {
    font-size: 15px;
    line-height: 30px;
    font-weight: 300; }
  .dual-role .role-description p {
    margin-bottom: 20px; }
  .dual-role .roles-content-container .content-title {
    margin-bottom: 48px; }
  .dual-role .content-body {
    height: 180px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    max-width: 640px; }
  .dual-role .cta {
    margin-top: 60px; }
  @media screen and (min-width: 1100px) {
    .dual-role .content-title {
      font-size: 32px; }
    .dual-role .role-title {
      font-size: 26px; }
    .dual-role .roles-content-container .content-title {
      font-size: 32px; } }
  @media screen and (max-width: 1100px) {
    .dual-role {
      padding: 12.5%;
      flex-direction: column; }
      .dual-role .content-container {
        width: 100%;
        margin-right: 0; }
      .dual-role .col {
        margin-bottom: 64px; }
      .dual-role .col:first-child {
        margin-right: 0; }
      .dual-role .col:last-child {
        margin-left: 0;
        margin-bottom: 0; }
      .dual-role .roles-content-container .content-title {
        margin-right: 0; }
      .dual-role .roles-content-container .content-body {
        margin-right: 0; }
      .dual-role .role-title {
        font-size: 20px; }
      .dual-role .content-title {
        font-size: 22px; } }

.native-services {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0%; }
  .native-services .col {
    flex: 1; }
  .native-services .col:first-child {
    margin-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .native-services .col:last-child {
    margin-left: 0px; }
  .native-services .roles-content-container .content-title {
    margin-right: 45px; }
  .native-services .roles-content-container .content-body {
    margin-right: 45px;
    display: inline-block;
    height: auto; }
  .native-services .role-image img {
    height: 77px;
    margin: 0; }
  .native-services .role-title {
    font-weight: 300;
    margin: 0 0 24px 0; }
  .native-services .role-description {
    font-size: 15px;
    line-height: 30px;
    font-weight: 300; }
  .native-services .role-description p {
    margin-bottom: 20px; }
  .native-services .roles-content-container .content-title {
    margin-bottom: 48px; }
  .native-services .content-body {
    height: 180px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    max-width: 640px; }
  .native-services .cta {
    margin-top: 60px; }
  @media screen and (min-width: 1100px) {
    .native-services .content-title {
      font-size: 32px; }
    .native-services .role-title {
      font-size: 26px; }
    .native-services .roles-content-container .content-title {
      font-size: 32px; } }
  @media screen and (max-width: 1100px) {
    .native-services {
      padding: 0%;
      flex-direction: column; }
      .native-services .content-container {
        width: 100%;
        margin-right: 0; }
      .native-services .col {
        margin-bottom: 64px; }
      .native-services .col:first-child {
        margin-right: 0; }
      .native-services .col:last-child {
        margin-left: 0;
        margin-bottom: 0; }
      .native-services .roles-content-container .content-title {
        margin-right: 0; }
      .native-services .roles-content-container .content-body {
        margin-right: 0; }
      .native-services .role-title {
        font-size: 20px; }
      .native-services .content-title {
        font-size: 22px; } }

.dlt {
  display: flex;
  margin: 0;
  padding: 6.25%;
  overflow: hidden;
  background: #222;
  position: relative; }

.dlt * {
  box-sizing: border-box; }

.dlt-wrapper {
  display: flex;
  position: relative;
  flex: 0 0 100%; }

.dlt-wrapper p {
  position: relative; }

.dlt-left {
  width: 35%;
  padding-right: 90px; }

.dlt-right {
  width: 65%; }

.dlt-content {
  flex: 1;
  margin-top: 60px; }

.dlt-content-title {
  color: white;
  margin-bottom: 40px;
  text-align: left; }

.dlt-content-body {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  font-weight: 300; }

.dlt-content-body a, .dlt-content-body a:active, .dlt-content-body a:visited {
  color: #ffffff; }

.dlt-chart {
  display: block;
  position: relative;
  width: 100%; }

.dlt-chart-wrapper {
  color: white;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }

.dlt-chart-wrapper p {
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase; }

.dlt-gen-0,
.dlt-gen-1,
.dlt-gen-2,
.dlt-gen-3 {
  flex: 1 1 24%; }

.dlt-gen-1,
.dlt-gen-2 {
  border-left: 1px solid #3A3A3A; }

.dlt-gen-1.dlt-row-1,
.dlt-gen-2.dlt-row-1 {
  border-left: none; }

.dlt-row-1 {
  padding: 30px 0;
  text-align: center;
  position: relative; }

.dlt-row-2,
.dlt-row-3,
.dlt-row-4,
.dlt-row-5 {
  padding: 0;
  height: 150px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-top: 1px solid #3A3A3A; }

.dlt-gen-0.dlt-row-2,
.dlt-gen-0.dlt-row-3,
.dlt-gen-0.dlt-row-4,
.dlt-gen-0.dlt-row-5 {
  align-items: flex-end;
  padding-right: 30px; }

.dlt-row-1 img {
  max-width: 66px;
  max-height: 66px;
  margin: 20px auto;
  z-index: 1;
  display: block;
  position: relative; }

.dlt-column-title,
.dlt-column-title p,
.dlt-subtitle,
.dlt-subtitle p,
.dlt-nickname,
.dlt-nickname p {
  font-size: 14px;
  color: #8c8c8c;
  text-transform: uppercase;
  text-align: center; }

.dlt-row-1 p {
  font-size: 14px;
  letter-spacing: 2.8px;
  line-height: 19px;
  font-weight: normal;
  bottom: 50px;
  left: 0;
  width: 100%;
  position: static; }

.dlt-row-1 strong {
  font-weight: 500; }

.dlt-row-2 p,
.dlt-row-3 p,
.dlt-row-4 p,
.dlt-row-5 p {
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 4px; }

.dlt-row-2 span,
.dlt-row-2 span p,
.dlt-row-3 span,
.dlt-row-3 span p,
.dlt-row-4 span,
.dlt-row-4 span p,
.dlt-row-5 span,
.dlt-row-5 span p {
  font-size: 14px;
  font-weight: normal;
  display: block;
  position: relative;
  letter-spacing: 2px; }

.dlt-gen-3.dlt-row-4 span p:last-child {
  font-size: 12px;
  text-transform: lowercase;
  letter-spacing: 1px;
  line-height: 1.25; }

.dlt-gen-1 p,
.dlt-gen-2 p {
  color: #8c8c8c; }

.dlt-gen-3 p {
  color: white; }

.dlt-chart-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
  background: linear-gradient(135deg, #2d84eb 0%, #2d84eb 0%, #8259ef 100%);
  z-index: 0; }

.dlt-gen-3.dlt-row-1::before {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 665px;
  background: linear-gradient(135deg, #2d84eb 0%, #2d84eb 0%, #8259ef 100%);
  z-index: 0; }

.dlt-subtitle,
.dlt-subtitle p {
  font-weight: 500; }

.dlt-gen-0.dlt-row-1 {
  order: 1; }

.dlt-gen-0.dlt-row-2 {
  order: 5; }

.dlt-gen-0.dlt-row-3 {
  order: 9; }

.dlt-gen-0.dlt-row-4 {
  order: 13; }

.dlt-gen-0.dlt-row-5 {
  order: 17; }

.dlt-gen-1.dlt-row-1 {
  order: 2; }

.dlt-gen-1.dlt-row-2 {
  order: 6; }

.dlt-gen-1.dlt-row-3 {
  order: 10; }

.dlt-gen-1.dlt-row-4 {
  order: 14; }

.dlt-gen-1.dlt-row-5 {
  order: 18; }

.dlt-gen-2.dlt-row-1 {
  order: 3; }

.dlt-gen-2.dlt-row-2 {
  order: 7; }

.dlt-gen-2.dlt-row-3 {
  order: 11; }

.dlt-gen-2.dlt-row-4 {
  order: 15; }

.dlt-gen-2.dlt-row-5 {
  order: 19; }

.dlt-gen-3.dlt-row-1 {
  order: 4; }

.dlt-gen-3.dlt-row-2 {
  order: 8; }

.dlt-gen-3.dlt-row-3 {
  order: 12; }

.dlt-gen-3.dlt-row-4 {
  order: 16; }

.dlt-gen-3.dlt-row-5 {
  order: 20; }

.dlt-divider span,
.dlt-divider span p {
  font-size: 14px;
  color: white;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 1.5px;
  text-align: right;
  display: block;
  position: relative;
  z-index: 1; }

.dlt-footnote {
  font-size: 11px;
  color: #8C8C8C;
  text-align: right;
  margin: 32px 0;
  line-height: 1.5; }

.dlt-footnote p {
  padding-bottom: 10px; }

.dlt-footnote p:last-child {
  padding-bottom: 0; }

.dlt-footnote a, .dlt-footnote a:active, .dlt-footnote a:visited {
  color: #8C8C8C;
  word-break: break-all; }

.dlt sup {
  font-size: 11px;
  color: #8C8C8C;
  vertical-align: super;
  position: absolute; }

.dlt-gen-3 sup {
  color: #ffffff; }

@media screen and (max-width: 1375px) {
  .dlt-gen-0.dlt-row-2,
  .dlt-gen-0.dlt-row-3,
  .dlt-gen-0.dlt-row-4,
  .dlt-gen-0.dlt-row-5 {
    padding-right: 0.5vW; } }

@media screen and (max-width: 1250px) {
  .dlt-row-1 p {
    font-size: 10px; }
  .dlt-row-2 p,
  .dlt-row-3 p,
  .dlt-row-4 p,
  .dlt-row-5 p {
    font-size: 20px; } }

@media screen and (max-width: 1215px) {
  .dlt-wrapper {
    flex-direction: column; }
  .dlt-left {
    display: block;
    width: 100%;
    padding-right: 0;
    margin: 0 auto 60px; }
  .dlt-right {
    display: block;
    width: 100%; }
  .dlt-content {
    margin: 0 auto;
    text-align: left; } }

@media screen and (max-width: 1100px) {
  .dlt {
    padding: 12.5%; } }

@media screen and (max-width: 1000px) {
  .dlt-left {
    max-width: 100%; }
  .dlt-chart-wrapper {
    height: auto; }
  .dlt-content-title {
    text-align: left; }
  .dlt-subtitle,
  .dlt-chart-wrapper::before {
    display: none; }
  .dlt-gen-3.dlt-row-1::before {
    width: 100%;
    height: 743px;
    display: block; }
  .dlt-gen-3.dlt-row-4 span p:last-child {
    font-size: 6px; }
  .dlt-gen-3 .dlt-column-title {
    z-index: 1; }
  .dlt-gen-3 .dlt-nickname {
    z-index: 2; }
  .dlt-column-title,
  .dlt-column-title p {
    font-size: 6px;
    line-height: 1.2;
    letter-spacing: .75px; }
  .dlt-nickname,
  .dlt-nickname p {
    font-size: 10px;
    line-height: 1.2; }
  .dlt-row-2 p,
  .dlt-row-3 p,
  .dlt-row-4 p,
  .dlt-row-5 p {
    font-size: 14px;
    line-height: 1.2; }
  .dlt-row-2 span,
  .dlt-row-2 span p,
  .dlt-row-3 span,
  .dlt-row-3 span p,
  .dlt-row-4 span,
  .dlt-row-4 span p,
  .dlt-row-5 span,
  .dlt-row-5 span p {
    font-size: 6px; }
  .dlt-divider span,
  .dlt-divider span p {
    font-size: 7.5px;
    color: #fff; }
  .dlt-row-1 img {
    max-width: 37px;
    max-height: 37px;
    margin: 10px auto; }
  .dlt-gen-3 {
    border-left: 1px solid;
    border-top: none;
    border-color: rgba(225, 225, 225, 0.1); }
  .dlt-content {
    text-align: left; }
  .dlt-divider span,
  .dlt-divider span p {
    font-size: 12px; } }

@media screen and (max-width: 768px) {
  .dlt {
    padding: 12.5% 0; }
  .dlt-chart {
    margin: 40px 0; }
  .dlt-content-title {
    text-align: left; }
  .dlt-left {
    max-width: 100%;
    margin-bottom: 0;
    padding: 0 12.5%; }
  .dlt-right {
    padding: 0 5%; }
  .dlt-divider span,
  .dlt-divider span p {
    font-size: 7px;
    letter-spacing: 0;
    word-break: break-all; }
  .dlt-gen-3.dlt-row-4 span p:last-child {
    font-size: 6px; }
  .dlt-row-1 img {
    max-width: 37px;
    max-height: 37px;
    margin: 5px auto; }
  .dlt-footnote {
    text-align: left; }
  .dlt sup {
    font-size: 8px; } }

@media screen and (max-width: 320px) {
  .dlt-divider span,
  .dlt-divider span p {
    font-size: 6.5px; } }

.lifecycle {
  display: flex;
  margin: 0;
  padding: 6.25%;
  overflow: hidden;
  position: relative; }

.lifecycle * {
  box-sizing: border-box; }

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

.lifecycle--gray {
  background-color: #f9f9f9; }

.lifecycle-wrapper {
  display: flex;
  position: relative;
  flex: 0 0 100%;
  flex-direction: row; }

.lifecycle-left {
  display: block;
  position: relative;
  flex: 0 0 850px; }

.lifecycle-right {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  padding-left: 7vW; }

.lifecycle-content {
  flex: 1;
  margin-top: 20px; }

.lifecycle-content-buttons {
  padding-bottom: 20px; }

.lifecycle-content-buttons .Btn:last-child {
  margin-left: 12px; }

.lifecycle-content-title {
  color: #464646;
  margin-bottom: 40px;
  font-size: 32px; }

.lifecycle-content-body {
  color: #464646;
  font-size: 15px;
  line-height: 30px; }

.lifecycle-content-body-title {
  color: #2D84EB;
  font-size: 14px;
  letter-spacing: 2.8px;
  line-height: 30px;
  text-transform: uppercase; }

.lifecycle-content-body-description {
  font-weight: 300; }

.lifecycle-hover {
  display: block;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transform: scale(0.5); }

.lifecycle-hover.active {
  opacity: 1; }

.lifecycle-hover-1 {
  top: -112px;
  left: 263px; }

.lifecycle-hover-2 {
  top: 78px;
  left: 25px; }

.lifecycle-hover-3 {
  top: 79px;
  left: 498px; }

.lifecycle-hover-4 {
  top: 310px;
  left: 25px; }

.lifecycle-hover-5 {
  top: 310px;
  left: 498px; }

.lifecycle-chart-image {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 0; }

.lifecycle-chart-image-mobile {
  display: none;
  margin: 0 auto 20px;
  width: 100%; }

.lifecycle-mobile {
  display: none; }

#content-0,
#content-1,
#content-2,
#content-3,
#content-4,
#content-5 {
  display: none; }

#content-0.show,
#content-1.show,
#content-2.show,
#content-3.show,
#content-4.show,
#content-5.show {
  display: block; }

/* Hover Animation */
.spin-cycle-hover {
  width: 125px;
  height: 125px; }

.spin-cycle-hover::before,
.spin-cycle-hover::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%; }

.spin {
  padding: 0;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%) scale(1) rotate(43deg); }

.ani-in .spin {
  transform: translate(-50%, -50%) scale(1.2) rotate(43deg);
  opacity: 0;
  transition: transform 0.75s ease 0.75s, opacity 0.4s linear 0.76s; }

.spin::before, .spin::after {
  top: 0;
  left: 0; }

.spin::before {
  border: 1px solid transparent; }

.ani-in .spin::before {
  border-top-color: #3e80e8;
  border-right-color: #3e80e8;
  border-bottom-color: #3e80e8;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; }

.spin::after {
  border: 0 solid transparent; }

.ani-in .spin::after {
  border-top: 1px solid #3e80e8;
  border-left-width: 1px;
  border-right-width: 1px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }

.ani-in .spin.active {
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: none; }

.ani-in .spin.active::before {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transition: none; }

.ani-in .spin.active::after {
  border-top: 0px solid transparent;
  border-left-width: 0;
  border-right-width: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: none; }

/* #3e80e8 -> #7465ea */
.spin-4 {
  top: 485px;
  left: 200px; }

.spin-2 {
  top: 254px;
  left: 200px; }

.spin-1 {
  top: 62px;
  left: 438px; }

.spin-3 {
  top: 254px;
  left: 672px; }

.spin-5 {
  top: 485px;
  left: 672px; }

.circle {
  border-radius: 100%;
  box-shadow: none; }

.circle::before, .circle::after {
  border-radius: 100%; }

/* Break Points */
@media screen and (max-width: 1370px) {
  .lifecycle-left {
    flex: 0 0 50%; }
  .lifecycle-chart {
    width: 336px;
    margin: 0 auto;
    position: relative; }
  .lifecycle-chart-image {
    display: none; }
  .spin {
    width: 86px;
    height: 86px; }
  .spin-4 {
    top: 450px;
    left: 55px; }
  .spin-2 {
    top: 239px;
    left: 55px; }
  .spin-1 {
    top: 81px;
    left: 173px; }
  .spin-3 {
    top: 239px;
    left: 291px; }
  .spin-5 {
    top: 450px;
    left: 291px; }
  .lifecycle-chart-image-mobile {
    display: block;
    width: 336px; }
  .lifecycle-hover {
    transform: scale(0.34); }
  .lifecycle-hover-1 {
    top: -94px;
    left: -2px; }
  .lifecycle-hover-2 {
    top: 64px;
    left: -120px; }
  .lifecycle-hover-3 {
    top: 64px;
    left: 117px; }
  .lifecycle-hover-4 {
    top: 276px;
    left: -120px; }
  .lifecycle-hover-5 {
    top: 276px;
    left: 117px; } }

@media screen and (max-width: 768px) {
  .ani-in .spin {
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: none; }
  .ani-in .spin::before {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    transition: none; }
  .ani-in .spin::after {
    border-top: 0px solid transparent;
    border-left-width: 0;
    border-right-width: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: none; }
  .lifecycle-wrapper {
    flex-direction: column; }
  .lifecycle-chart {
    width: 100%;
    margin: 0 auto;
    position: static; }
  .lifecycle-left {
    display: block;
    width: 100%;
    margin: 0 auto;
    flex: 1; }
  .lifecycle-right {
    display: block;
    width: 100%;
    padding-left: 0; }
  .lifecycle-content {
    margin: 0 auto; }
  .lifecycle-hover,
  .lifecycle-chart-image {
    display: none; }
  .lifecycle-chart-image-mobile {
    display: block;
    max-width: 350px;
    width: 100%; }
  .lifecycle-mobile {
    display: block;
    margin-bottom: 65px; }
  #content-0, #content-0.show, .lifecycle-right .lifecycle-content-title {
    display: none; }
  #content-1,
  #content-2,
  #content-3,
  #content-4,
  #content-5 {
    display: block; }
  .lifecycle-right .lifecycle-content-body {
    margin-top: 80px; }
  .lifecycle-content-title {
    font-size: 22px; }
  .lifecycle-content-buttons {
    display: none; } }

@media screen and (max-width: 768px) {
  .lifecycle {
    padding: 12.5%; } }

.price-volume {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 6.25%;
  overflow: hidden;
  background: #222; }
  .price-volume h3 {
    letter-spacing: 2.8px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 5px;
    position: relative; }
  .price-volume .row {
    width: 100%; }
  .price-volume-wrapper {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 0 -25px -95px; }
  .price-volume-block {
    width: 50%;
    padding: 0 25px;
    margin-bottom: 95px;
    box-sizing: border-box; }
    .price-volume-block-content {
      border: 1px solid #fff;
      border-radius: 10px; }
  .price-volume-graphic {
    height: 113px;
    width: 113px;
    margin: -57px auto 0; }
  .price-volume-content-title {
    margin: 0 auto 124px;
    color: #fff;
    text-align: center; }
    .price-volume-content-title.with-subtitle {
      margin: 0 auto 32px; }
  .price-volume .section-subtitle {
    text-align: center;
    margin: 0 auto 124px auto; }
  .price-volume .content-title {
    color: #fff; }
  .price-volume .content-body {
    color: #fff;
    font-size: 54px;
    font-weight: 500;
    line-height: 65px;
    height: auto;
    margin: 0;
    max-width: 100%; }
  .price-volume .content-unit {
    font-size: 14px;
    color: #fff;
    letter-spacing: 2.8px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 55px; }
  .price-volume .last-update-time {
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    padding-top: 95px;
    color: white; }

.price-volume-cta {
  text-align: center;
  margin-bottom: 89px; }

@media screen and (max-width: 768px) {
  .price-volume {
    flex-direction: column;
    height: auto;
    padding: 12.5% 12.5%; }
    .price-volume-wrapper {
      flex-direction: column; }
    .price-volume-content-title {
      text-align: left; }
    .price-volume .section-subtitle {
      text-align: left; }
    .price-volume-right {
      width: 100%; }
    .price-volume-block {
      width: 100%; }
    .price-volume h3 {
      padding: 0 30px;
      margin-bottom: 0; }
    .price-volume .content-body {
      font-size: 38px;
      line-height: 45px; }
    .price-volume .content-unit {
      margin-top: 0; }
    .price-volume .last-update-time {
      max-width: 212px;
      /* 2 lines */
      margin: 0 0 0 auto;
      /* force to right */ } }

.coin-economics {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 6.25%; }
  .coin-economics .content-container {
    width: calc(100% / 3 * 1 - 61px);
    margin-right: 60px; }
  .coin-economics .chart-container {
    width: calc(100% / 3 * 2);
    margin-top: 14px; }
  .coin-economics .chart-desktop {
    height: 421px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right; }
  .coin-economics .chart-mobile {
    display: none; }
  .coin-economics .content-title {
    margin-bottom: 48px; }
  .coin-economics .content-body {
    height: 180px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    max-width: 640px; }
  .coin-economics .cta {
    margin-top: 60px; }
  @media screen and (min-width: 1100px) {
    .coin-economics .content-title {
      font-size: 32px; } }
  @media screen and (max-width: 1100px) {
    .coin-economics {
      padding: 12.5%; }
      .coin-economics .content-container {
        width: 100%;
        margin-right: 0; }
      .coin-economics .chart-container {
        width: 100%;
        margin-top: 50px; }
      .coin-economics .chart-desktop {
        display: none; }
      .coin-economics .chart-mobile {
        display: block; } }
  @media screen and (max-width: 768px) {
    .coin-economics {
      padding: 0; }
      .coin-economics .content-container {
        padding: 12.5% 12.5% 0; }
      .coin-economics .chart-container {
        padding: 0 5% 12.5% 5%; }
      .coin-economics .chart-mobile img {
        height: auto;
        width: 100%; } }

.proxy {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 6.25% 0 6.25% 6.25%;
  overflow: hidden;
  background: #222; }
  .proxy .proxy-wrapper {
    display: flex;
    flex: 0 0 100%; }
  .proxy .proxy-left {
    width: 50%; }
  .proxy .proxy-right {
    width: 50%;
    margin: -158px 0 0 0; }
  .proxy .proxy-left-graphic {
    background-size: cover;
    background-position: left top;
    height: 144px;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .proxy .proxy-left-graphic img.mobile {
      display: none; }
  .proxy .proxy-right-graphic {
    background-size: cover;
    background-position: left top;
    height: 744px;
    background-repeat: no-repeat;
    width: 100%;
    position: relative; }
  .proxy .proxy-content {
    flex: 1;
    margin-top: 60px; }
  .proxy .proxy-content-title {
    font-size: 32px;
    margin-bottom: 48px;
    color: #fff; }
  .proxy .proxy-content-body {
    height: 180px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    max-width: 640px; }
  .proxy .cta {
    margin-top: 60px; }
  @media screen and (max-width: 1100px) {
    .proxy {
      flex-direction: column;
      height: auto;
      margin: 0;
      padding: 65px 0 12.5% 12.5%; }
      .proxy .proxy-content-title {
        font-size: 22px !important;
        margin-bottom: 32px; }
      .proxy .proxy-content-body {
        height: auto;
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .proxy {
      padding: 0 0 12.5% 0; }
      .proxy .proxy-content {
        margin: 0 auto; }
      .proxy .proxy-left {
        width: 100%; }
      .proxy .proxy-right {
        display: none; }
      .proxy .proxy-left-graphic {
        height: 435px;
        background-repeat: no-repeat;
        width: 100%;
        overflow: hidden;
        display: block; }
        .proxy .proxy-left-graphic img.desktop {
          display: none !important; }
        .proxy .proxy-left-graphic img.mobile {
          display: block;
          position: absolute;
          width: 750px;
          top: -315px;
          left: 0; }
      .proxy .proxy-content {
        padding: 40px 12.5% 0 12.5%; } }

.oa-announcement-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  height: 100%;
  /* changed from 100vh for longer hero content */ }
  .oa-announcement-hero .oa-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: 100vh;
    width: 100%; }
    .oa-announcement-hero .oa-content .oa-body-content {
      color: white;
      margin-top: calc(6.25vh + 90px);
      /* offset for nav */
      margin-left: 6.25%;
      margin-bottom: 6.25%;
      max-width: 480px;
      min-height: 76vh; }
      .oa-announcement-hero .oa-content .oa-body-content h1 {
        font-size: 72px;
        font-weight: 200;
        letter-spacing: -4px; }
        .oa-announcement-hero .oa-content .oa-body-content h1 :first-child {
          padding-top: 240px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
        margin-top: 48px;
        display: flex;
        flex-direction: column;
        /* "OPEN ACCESS" */
        /* "VIRTUAL EVENT" */ }
        .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy strong {
          font-weight: 500;
          font-size: 39px;
          letter-spacing: -2px; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy p {
          margin-top: 8px;
          font-size: 29px;
          font-weight: 280;
          letter-spacing: -2px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-date {
        font-size: 42px;
        font-weight: 400;
        margin-top: 36px;
        margin-bottom: 18px;
        letter-spacing: -2px; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-date p {
          font-size: 42px;
          font-weight: 400;
          margin-top: 36px;
          margin-bottom: 36px;
          letter-spacing: -2px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-signup {
        max-width: 240px;
        margin-bottom: 36px;
        font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important;
        font-weight: 300; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-signup * {
          font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif !important; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents input {
          background-color: #222222;
          border: 1px solid #8c8c8c;
          color: white;
          height: 18px;
          width: 220px;
          padding: 8px;
          margin: 18px 0;
          font-size: 18px;
          font-weight: 500; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents .input::placeholder {
          color: white;
          opacity: 1;
          /* Firefox */ }
        .oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents .is-error {
          font-size: 14px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-details {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -1px;
        color: white;
        text-decoration: none; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-details:hover {
        color: #f9f9f9;
        text-decoration: underline; }
      .oa-announcement-hero .oa-content .oa-body-content .play-btn-container {
        margin-top: 36px; }
    .oa-announcement-hero .oa-content .hellofuture-container {
      max-height: 100vh;
      display: flex;
      flex-direction: column-reverse;
      justify-content: end;
      margin-right: 80px; }
      .oa-announcement-hero .oa-content .hellofuture-container img {
        height: auto;
        max-height: 36px;
        width: 260px;
        margin-left: auto;
        margin-bottom: 6vh; }

/* 
    short desktops: ensure entire hero doesn't get cutoff 
     note: may be easier/preferred to resize the h1, h2, etc. 
     content to force everything above the fold
  */
@media screen and (max-height: 800px) {
  .oa-announcement-hero {
    min-height: 100%;
    height: auto; }
    .oa-announcement-hero .oa-content .hellofuture-container {
      margin-right: 60px;
      margin-bottom: 18px; } }

/* tablets - arbitrarily (1100px - 600px) */
@media screen and (max-width: 1100px) {
  .oa-announcement-hero {
    min-height: 100vh;
    height: 100%; }
    .oa-announcement-hero .oa-content {
      flex-direction: column; }
      .oa-announcement-hero .oa-content .oa-body-content {
        margin-top: 16vh; }
      .oa-announcement-hero .oa-content .hellofuture-container {
        position: initial;
        bottom: 0;
        display: flex;
        justify-content: center;
        margin: 0;
        left: 0; }
        .oa-announcement-hero .oa-content .hellofuture-container div {
          display: flex;
          width: 100vw;
          max-width: 100%; }
          .oa-announcement-hero .oa-content .hellofuture-container div img {
            height: 42px;
            max-height: 42px;
            width: auto;
            margin: 24px auto; } }

/* tablet sizes (with short heights) */
@media screen and (max-width: 1100px) and (max-height: 900px) {
  .oa-announcement-hero .oa-content {
    min-height: 100vh;
    height: 100%; }
    .oa-announcement-hero .oa-content .oa-body-content {
      margin-top: 112px; } }

@media screen and (max-width: 600px) {
  .oa-announcement-hero {
    background-position: 75% center;
    min-height: 100vh;
    height: auto; }
    .oa-announcement-hero .oa-content {
      height: auto;
      min-height: 100%; }
      .oa-announcement-hero .oa-content .oa-body-content {
        margin: 0;
        padding: 14vh 36px 62px 10%;
        /* may only change to 6.25% on mobile */ }
        .oa-announcement-hero .oa-content .oa-body-content h1 {
          font-size: 44px;
          font-weight: 200; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
          margin-top: 36px; }
          .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy strong {
            font-size: 25px; }
          .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy p {
            padding-top: 2px;
            font-size: 19px;
            font-weight: 300; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-date {
          margin-top: 30px;
          margin-bottom: 30px;
          font-size: 37px; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-details {
          font-size: 15px;
          color: white; }
        .oa-announcement-hero .oa-content .oa-body-content .play-btn-container {
          margin-top: 48px; }
        .oa-announcement-hero .oa-content .oa-body-content .oa-signup {
          margin-bottom: 48px; }
          .oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents input {
            width: 40vw;
            max-width: 220px;
            font-size: 14px; }
      .oa-announcement-hero .oa-content .hellofuture-container {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: center;
        margin: 0;
        left: 0; }
        .oa-announcement-hero .oa-content .hellofuture-container img {
          height: 43px;
          width: auto;
          margin: auto auto 24px auto; } }

/* "unlock" hello future lockup on mobile */
@media screen and (max-width: 600px) {
  .oa-announcement-hero .oa-content {
    flex-direction: column; }
    .oa-announcement-hero .oa-content .oa-body-content {
      min-height: 64vh;
      /* attempt to force hellofuture lockup to bottom of any height */ }
    .oa-announcement-hero .oa-content .hellofuture-container {
      position: initial;
      display: flex;
      justify-content: center;
      margin: 0;
      left: calc(50vw - 120px);
      /* could target larger/smaller sizes down */ }
      .oa-announcement-hero .oa-content .hellofuture-container div img {
        height: auto;
        max-height: auto;
        width: auto;
        max-width: 72vw;
        margin: auto auto 24px auto; } }

/* target "large height" phones - iPhone XR/XR/XS/etc. */
@media screen and (max-width: 600px) and (min-height: 720px) {
  .oa-announcement-hero .oa-content {
    /* bump body content height to force "hellofuture" to the bottom */ }
    .oa-announcement-hero .oa-content .oa-body-content {
      min-height: 67vh; } }

/* target iPhone 6/7/8 */
/* shrink spacing between subtitle -> date -> register -> learn more */
@media screen and (max-width: 420px) and (max-height: 732px) {
  .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
    margin-top: 28px; }
  .oa-announcement-hero .oa-content .oa-body-content .oa-date {
    margin-top: 28px;
    margin-bottom: 28px; } }

/* target iPhone 5s */
@media screen and (max-width: 360px) {
  .oa-announcement-hero .oa-content .oa-body-content {
    margin: 0;
    padding: 16vh 36px 36px 36px !important;
    min-height: 68vh; }
    .oa-announcement-hero .oa-content .oa-body-content h1 {
      font-size: 40px;
      font-weight: 300; }
    .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy {
      margin-top: 28px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy strong {
        font-size: 22px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-body-copy p {
        font-size: 18px;
        font-weight: 300; }
    .oa-announcement-hero .oa-content .oa-body-content .oa-date {
      margin-top: 22px;
      margin-bottom: 22px;
      font-size: 32px; }
    .oa-announcement-hero .oa-content .oa-body-content .oa-signup {
      margin-bottom: 32px; }
      .oa-announcement-hero .oa-content .oa-body-content .oa-signup form .contents input {
        width: 50vw; }
    .oa-announcement-hero .oa-content .oa-body-content .play-btn-container {
      margin-top: 32px; } }

.use-cases2 .small-caps-header {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  margin-bottom: 10px; }

.use-cases2 .row {
  display: flex;
  padding-bottom: 80px; }

.use-cases2 .row:last-child {
  padding-bottom: 0; }

.use-cases2 .col {
  text-align: left;
  position: relative; }

.use-cases2 .col-1 .section-title,
.use-cases2 .col-1 .section-subtitle {
  text-align: left; }

.use-cases2 .col-1 {
  flex: 1 1 22%;
  min-width: 22%;
  padding-right: 40px; }

.use-cases2 .col-2,
.use-cases2 .col-3,
.use-cases2 .col-4,
.use-cases2 .col-5 {
  flex: 1 1 19.5%;
  padding: 0 20px;
  position: relative; }

.use-cases2 .item-icon {
  flex: 1;
  max-width: 200px;
  width: 90%;
  height: 90px;
  margin: 0;
  position: relative; }
  .use-cases2 .item-icon img {
    display: block;
    position: relative;
    width: 100%; }

.use-cases2 .use-case-icon {
  width: auto;
  max-width: 100%; }

.use-cases2 .item-small-cap-title {
  min-height: 20px;
  margin-bottom: 24px; }

.use-cases2 .item-description {
  font-weight: 300;
  margin: 12px 0 80px;
  line-height: 1.3; }

.use-cases2 .item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  position: absolute;
  bottom: 0; }

.use-cases2 .Btn {
  left: 20px; }

@media (max-width: 1024px) {
  .use-cases2 .col-1,
  .use-cases2 .col-2,
  .use-cases2 .col-3,
  .use-cases2 .col-4,
  .use-cases2 .col-5 {
    flex: 1 1 100%;
    padding: 0; }
  .use-cases2 .col-2,
  .use-cases2 .col-3,
  .use-cases2 .col-4,
  .use-cases2 .col-5 {
    flex: 1 1 100%;
    padding-bottom: 40px; }
  .use-cases2 .row {
    flex-direction: column;
    padding-bottom: 40px; }
  .use-cases2 .row:last-child,
  .use-cases2 .row:last-child .col-5 {
    padding-bottom: 0; }
  .use-cases2 .section-subtitle {
    margin-bottom: 40px; }
  .use-cases2 > .section-subtitle {
    margin-bottom: 80px; }
  .use-cases2 .item-icon {
    min-height: 0;
    height: auto; }
  .use-cases2 .item-description {
    margin: 20px 0; }
  .use-cases2 .item-actions {
    position: relative; }
  .use-cases2 .Btn {
    position: relative;
    left: inherit;
    bottom: inherit; } }

.buying-guide {
  background-color: #222;
  padding: 6.25%; }
  .buying-guide .buying-guide-content-title {
    color: #fff;
    padding-top: 20px; }
  .buying-guide h3.grid-heading {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    margin-bottom: 32px;
    -webkit-font-smoothing: antialiased; }
    .buying-guide h3.grid-heading:after {
      content: "";
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      display: block;
      height: 3px;
      width: 100%;
      bottom: 0;
      margin-top: 28px; }
  .buying-guide .grid {
    display: block;
    padding: 0;
    margin: 0 -10px 30px;
    text-align: left;
    font-size: 0; }
    .buying-guide .grid .grid-cell {
      display: inline-block;
      margin: 0 0 45px 0;
      padding: 0 10px;
      text-align: left;
      vertical-align: top;
      width: 16.66666667%;
      font-size: 16px;
      box-sizing: border-box; }
      .buying-guide .grid .grid-cell a {
        text-decoration: none; }
        .buying-guide .grid .grid-cell a .square {
          height: 0;
          width: 100%;
          padding-bottom: 100%;
          position: relative;
          display: inline-block;
          vertical-align: top;
          background-color: #464646;
          transition: background-color 0.1s ease-out; }
        .buying-guide .grid .grid-cell a .item-label {
          color: #FFFFFF;
          font-size: 13px;
          line-height: 15px;
          text-align: center; }
        .buying-guide .grid .grid-cell a .item-cta {
          text-align: center;
          color: #2D84EB;
          font-size: 15px;
          letter-spacing: 1.4px;
          line-height: 30px;
          text-decoration: none;
          margin-top: 10px;
          margin-bottom: 5px; }
        .buying-guide .grid .grid-cell a:hover .square {
          background-color: #8c8c8c; }
        .buying-guide .grid .grid-cell a:hover .item-cta {
          text-decoration: underline; }
        .buying-guide .grid .grid-cell a:visited {
          text-decoration: none; }
  .buying-guide .cta {
    text-align: center; }
    .buying-guide .cta-primary {
      margin-bottom: 58px; }
    .buying-guide .cta-secondary {
      margin-top: 58px; }
  .buying-guide .section-disclaimer {
    max-width: 530px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    text-align: center; }

@media (max-width: 1100px) {
  .buying-guide {
    padding: 12.5%; }
    .buying-guide .grid .grid-cell {
      width: 25%; } }

@media (max-width: 768px) {
  .buying-guide h3.grid-heading {
    font-size: 20px;
    line-height: 24px; }
  .buying-guide .grid .grid-cell {
    width: 50%; } }

.applications {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 6.25%;
  overflow: visible;
  background: #fff;
  position: relative; }
  .applications .applications-icon {
    height: 113px;
    width: 113px;
    position: absolute;
    top: -56px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
  .applications .row {
    width: 100%;
    display: flex; }
    .applications .row > div {
      flex: 1;
      display: block;
      position: relative; }
      .applications .row > div.col-1, .applications .row > div.col-3 {
        overflow: hidden; }
  .applications .applications-title {
    text-align: left; }
    .applications .applications-title:after {
      content: "";
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      display: block;
      height: 3px;
      width: 100%;
      bottom: 0;
      margin-top: 40px; }
  .applications .applications-content {
    font-size: 15px;
    line-height: 30px;
    font-weight: 300; }
  .applications .col-2 {
    margin: 0 3% 0;
    background-color: #F2F2F2;
    min-width: 350px; }
    .applications .col-2.applications-disclaimer {
      background-color: transparent;
      font-size: 11px;
      line-height: 1.5;
      color: #464646; }
      .applications .col-2.applications-disclaimer p:first-child {
        margin-top: 32px; }
      .applications .col-2.applications-disclaimer p a, .applications .col-2.applications-disclaimer p a:active, .applications .col-2.applications-disclaimer p a:hover, .applications .col-2.applications-disclaimer p a:visited {
        color: #464646; }
  .applications .applications-content-wrapper {
    padding: 40px; }
  .applications .vertical-solid-line--preapplication {
    padding: 99px 0 0 0; }
  @media screen and (max-width: 1100px) {
    .applications {
      flex-direction: column;
      height: auto;
      padding: 0 0 12.5%; }
      .applications .applications-content-wrapper {
        max-width: 50%;
        margin: auto;
        background-color: #F2F2F2; }
      .applications .row > div.col-1 {
        display: none; }
      .applications .col-2 {
        margin: 0 auto;
        background-color: transparent; }
        .applications .col-2.applications-disclaimer p {
          max-width: 58%;
          margin: auto; }
      .applications .row > div.col-3 {
        display: none; } }
  @media screen and (max-width: 768px) {
    .applications .applications-content-wrapper {
      padding: 12.5%; }
    .applications .col-2 {
      min-width: 100%; }
      .applications .col-2.applications-disclaimer p {
        max-width: 100%;
        margin: auto 12.5%; } }
  @media screen and (max-width: 600px) {
    .applications .col-2 {
      margin: 0; }
    .applications .applications-content-wrapper {
      max-width: 100%; } }

.consensus {
  display: flex;
  flex-wrap: wrap;
  padding: 113px 6.25% 0 6.25%;
  overflow: visible;
  background: white;
  position: relative; }
  .consensus .consensus-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    overflow: visible;
    background: #222;
    position: relative; }
    .consensus .consensus-wrapper:after {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -12px;
      margin-left: auto;
      margin-right: auto;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      border-radius: 50%; }
    .consensus .consensus-wrapper .consensus-icon {
      height: 113px;
      width: 113px;
      position: absolute;
      top: -56px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
    .consensus .consensus-wrapper .row {
      width: 100%;
      display: flex; }
      .consensus .consensus-wrapper .row > div {
        flex: 1; }
    .consensus .consensus-wrapper .col-1 {
      margin: 6.25% 0 6.25% 40px; }
    .consensus .consensus-wrapper .consensus-title {
      color: #fff;
      text-align: left; }
      .consensus .consensus-wrapper .consensus-title:after {
        content: "";
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        display: block;
        height: 3px;
        width: 100%;
        bottom: 0;
        margin-top: 40px; }
    .consensus .consensus-wrapper .consensus-content {
      color: #fff;
      font-size: 15px;
      line-height: 30px;
      font-weight: 300; }
    .consensus .consensus-wrapper .col-2 {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
      display: block; }
  @media screen and (max-width: 768px) {
    .consensus {
      padding: 113px 0 0 0; }
      .consensus .consensus-wrapper {
        flex-direction: column;
        height: auto;
        padding: 80px 40px;
        max-width: 50%; }
        .consensus .consensus-wrapper .col-1 {
          width: 100%;
          margin: 48px 0 0 0; }
        .consensus .consensus-wrapper .col-2 {
          display: none; } }
  @media screen and (max-width: 600px) {
    .consensus .consensus-wrapper {
      padding: 12.5%;
      max-width: 100%; }
      .consensus .consensus-wrapper .consensus-cta {
        margin-bottom: 0; } }

.horizontal-solid-line {
  background: #fff;
  padding-bottom: 36px;
  width: 100%;
  margin: auto; }
  .horizontal-solid-line:after {
    content: '';
    border-bottom: 1px solid #aaaaaa;
    margin: auto;
    width: 46.5%;
    display: block; }
  .horizontal-solid-line--bottom {
    padding-bottom: 0; }

.vertical-solid-line {
  padding: 12.5% 0 0 0; }

.node {
  display: flex;
  flex-wrap: wrap;
  padding: 61px 3.5% 0;
  overflow: visible;
  background: white;
  position: relative; }
  .node .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
  .node .col {
    background: #222;
    flex: 35%;
    margin: 0 2.75% 99px 2.75%;
    padding: 40px;
    position: relative; }
    .node .col:before {
      content: '';
      padding: 42px 0 0 0;
      border-right: 1px solid #aaaaaa;
      margin: auto;
      width: 1px;
      position: absolute;
      top: -98px;
      left: calc(50% - 1px); }
    .node .col:after {
      content: '';
      padding: 90px 0 0 0;
      border-right: 1px solid #aaaaaa;
      margin: auto;
      width: 1px;
      position: absolute;
      bottom: -100px;
      left: calc(50% - 1px); }
    .node .col:nth-of-type(1) .node-connector, .node .col:nth-of-type(1):after {
      display: none; }
    .node .col:nth-of-type(2) .node-connector, .node .col:nth-of-type(2):after {
      display: none; }
    .node .col:nth-of-type(3):before, .node .col:nth-of-type(4):before {
      display: none; }
    .node .col:first-child {
      margin-left: 2.75%; }
    .node .col:last-child {
      margin-right: 2.75%; }
    .node .col:last-child .node-connector:after {
      display: none; }
    .node .col .node-connector {
      position: absolute;
      width: 24px;
      height: 24px;
      left: 0;
      right: 0;
      bottom: -12px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 50%;
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      z-index: 1; }
    .node .col .node-icon {
      width: 113px;
      height: 113px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
    .node .col .node-content-wrapper {
      margin-top: 48px; }
    .node .col .node-content {
      color: #ffffff;
      font-size: 15px;
      line-height: 30px;
      font-weight: 300; }
    .node .col .node-title {
      color: #ffffff;
      margin: 0 0 48px 0;
      font-size: 26px;
      font-weight: 300;
      line-height: 33px;
      text-align: left; }
      .node .col .node-title:after {
        content: "";
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        display: block;
        height: 2px;
        width: 100%;
        bottom: 0;
        margin-top: 40px; }

@media screen and (max-width: 1100px) {
  .node {
    padding: 61px 0 0; }
    .node .row {
      flex-direction: column; }
    .node .col {
      margin: 0 auto 99px auto;
      flex: 1;
      max-width: 50%; }
      .node .col:first-child {
        margin-left: auto; }
      .node .col:last-child {
        margin-right: auto;
        margin-bottom: 0; }
      .node .col:nth-of-type(1) .node-connector, .node .col:nth-of-type(1):after {
        display: block; }
      .node .col:nth-of-type(2) .node-connector, .node .col:nth-of-type(2):after {
        display: block; }
      .node .col:nth-of-type(3):before, .node .col:nth-of-type(4):before {
        display: block; }
      .node .col:after {
        padding: 45px 0 0 0;
        bottom: -40px; }
  #nodes .horizontal-solid-line {
    display: none; } }

@media screen and (max-width: 768px) {
  .node {
    padding: 0; }
    .node .col {
      margin: 0 auto 150px auto; }
      .node .col:after {
        padding: 90px 0 0 0;
        bottom: -90px; }
  .vertical-solid-line {
    padding: 12.5% 0 0 0; } }

@media screen and (max-width: 600px) {
  .node .col {
    max-width: 100%;
    padding: 12.5%; } }

#ledger .vertical-solid-line {
  padding: 12.5% 0 0 0; }

.public-ledger {
  display: flex;
  flex-wrap: wrap;
  padding: 0 6.25%;
  overflow: visible;
  position: relative;
  width: 100%;
  background: white;
  margin: 0 auto;
  box-sizing: border-box;
  justify-content: center; }
  .public-ledger .vertical-solid-line {
    padding: 6.25% 0 0 0;
    border-right: 1px solid #595959;
    margin: auto;
    width: 1px; }
  .public-ledger .public-ledger-mobile-icon {
    display: none;
    width: 113px;
    height: 113px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
  .public-ledger .public-ledger-content-wrapper hr {
    display: none;
    width: 100%; }
  .public-ledger .row {
    width: 100%;
    display: flex;
    flex-direction: row;
    max-width: 1350px; }
    .public-ledger .row > div {
      flex: 1 1 33.3333%;
      position: relative; }
  .public-ledger .public-ledger-title {
    text-align: left;
    font-size: 32px; }
  .public-ledger .public-ledger-content {
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 10% 48px 0; }
    .public-ledger .public-ledger-content p {
      margin-bottom: 30px; }
      .public-ledger .public-ledger-content p:last-child {
        margin-bottom: 0; }
  .public-ledger .col-1 {
    margin-top: 133px;
    z-index: 1; }
    .public-ledger .col-1 .public-ledger-title:after {
      content: "";
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      display: block;
      height: 2px;
      width: calc(100% + 4px);
      bottom: 0;
      margin-top: 40px; }
  .public-ledger .col-2 {
    position: relative; }
    .public-ledger .col-2 .vertical-solid-line {
      padding: 0;
      display: block;
      height: 100%; }
    .public-ledger .col-2 .public-ledger-graphic {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center;
      height: 444px;
      width: 452px;
      transform: translateX(4px); }
      .public-ledger .col-2 .public-ledger-graphic:before {
        content: "";
        background: #8259ef;
        display: block;
        height: 2px;
        width: 138px;
        top: 223px;
        position: absolute; }
      .public-ledger .col-2 .public-ledger-graphic:after {
        content: "";
        background: #2d84eb;
        display: block;
        height: 2px;
        width: 9px;
        top: 223px;
        right: -9px;
        position: absolute; }
  .public-ledger .col-3 {
    margin-top: 133px;
    z-index: 1; }
    .public-ledger .col-3 .public-ledger-title {
      margin: 0 10% 48px 10%; }
      .public-ledger .col-3 .public-ledger-title:after {
        content: "";
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        display: block;
        height: 2px;
        width: 110%;
        margin-left: -10%;
        bottom: 0;
        margin-top: 40px; }
    .public-ledger .col-3 .public-ledger-content {
      margin: 0 10%; }
  .public-ledger .vertical-solid-line {
    display: none; }

@media screen and (max-width: 1460px) {
  .public-ledger .col-2 .public-ledger-graphic:before {
    width: 138px;
    top: 222px; }
  .public-ledger .col-2 .public-ledger-graphic:after {
    top: 222px; }
  .public-ledger .public-ledger-title {
    font-size: 22px;
    margin: 0 auto 38px auto; }
  .public-ledger .col-1 {
    margin-top: 140px; }
  .public-ledger .public-ledger-content {
    margin: 0 10% 0 0; }
  .public-ledger .col-1 .public-ledger-title:after {
    margin-top: 32px; }
  .public-ledger .col-3 {
    margin-top: 140px; }
  .public-ledger .col-3 .public-ledger-title {
    margin: 0 10% 38px 10%; }
  .public-ledger .col-3 .public-ledger-title:after {
    margin-top: 32px; }
  .public-ledger .col-3 .public-ledger-content {
    margin: 0 10% 38px 10%; } }

@media screen and (max-width: 1400px) {
  .public-ledger .col-2 .public-ledger-graphic {
    width: 399px;
    height: 392px; }
    .public-ledger .col-2 .public-ledger-graphic:before {
      width: 121px;
      top: 197px; }
    .public-ledger .col-2 .public-ledger-graphic:after {
      top: 197px; }
  .public-ledger .col-1 {
    margin-top: 115px; }
  .public-ledger .col-3 {
    margin-top: 115px; } }

@media screen and (max-width: 1275px) {
  .public-ledger .col-2 .public-ledger-graphic {
    width: 366px;
    height: 361px; }
    .public-ledger .col-2 .public-ledger-graphic:before {
      width: 111px;
      top: 180px; }
    .public-ledger .col-2 .public-ledger-graphic:after {
      top: 180px; }
  .public-ledger .col-1 {
    margin-top: 98px; }
  .public-ledger .col-3 {
    margin-top: 98px; } }

@media screen and (max-width: 1100px) {
  .public-ledger {
    padding: 0;
    margin: 0;
    background: #fff; }
    .public-ledger .row {
      flex-direction: column; }
    .public-ledger .col-1 .public-ledger-title:after {
      width: 100%; }
    .public-ledger .public-ledger-content {
      margin: 0 0 48px 0; }
    .public-ledger .col-2 {
      display: none; }
    .public-ledger .col-3 .public-ledger-title {
      margin: 0 0 48px 0; }
      .public-ledger .col-3 .public-ledger-title:after {
        width: 100%;
        margin-left: 0; }
    .public-ledger .col-3 .public-ledger-content {
      margin: 0 0 48px 0; }
    .public-ledger .col-1, .public-ledger .col-3 {
      background: #F2F2F2;
      margin: 56px auto 0 auto;
      padding: 80px 40px 40px 40px;
      max-width: 50%; }
    .public-ledger .col-1:after, .public-ledger .col-3:after {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -12px;
      margin-left: auto;
      margin-right: auto;
      background: url(/assets/images/HIW-Connector-Node.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .public-ledger .public-ledger-mobile-icon {
      display: block; }
    .public-ledger .vertical-solid-line {
      display: block; } }

@media screen and (max-width: 768px) {
  .public-ledger .row {
    flex-direction: column; }
  .public-ledger > div {
    flex: 1 1 100%; }
  .public-ledger .col-2.spacer {
    display: none; }
  .public-ledger .public-ledger-mobile-icon {
    display: block; }
  .public-ledger .col-1, .public-ledger .col-3 {
    margin: 56px auto 0 auto;
    padding: 80px 40px 40px 40px; } }

@media screen and (max-width: 600px) {
  .public-ledger .col-1, .public-ledger .col-3 {
    padding: 12.5%;
    max-width: 100%; }
  .public-ledger .public-ledger-content-wrapper {
    margin-top: 48px; } }

.services {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  overflow: visible;
  position: relative;
  width: 100%;
  background: white;
  margin: 0 auto;
  box-sizing: border-box; }
  .services .col-1 {
    flex: auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative; }
    .services .col-1 img {
      display: block;
      position: absolute;
      height: 100%;
      width: auto;
      right: 0;
      margin: 0; }
  .services .col-3 {
    flex: auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative; }
    .services .col-3 img {
      display: block;
      position: absolute;
      height: 100%;
      width: auto;
      left: 0;
      margin: 0; }
  .services .services-content-wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 65px 40px;
    max-width: 450px;
    background: linear-gradient(90deg, #2d84eb, #8259ef);
    box-sizing: border-box;
    color: white;
    text-align: left; }
    .services .services-content-wrapper p {
      display: block;
      position: relative;
      margin: 0;
      font-size: 15px;
      line-height: 30px;
      font-weight: 300; }
      .services .services-content-wrapper p a, .services .services-content-wrapper p a:active, .services .services-content-wrapper p a:visited {
        color: #ffffff; }
    .services .services-content-wrapper .Btn {
      margin-top: 48px; }
    .services .services-content-wrapper .services-title {
      font-size: 26px;
      text-align: left;
      margin: 0 auto 40px auto;
      line-height: 1; }
      .services .services-content-wrapper .services-title:after {
        content: "";
        background-color: #fff;
        display: block;
        height: 2px;
        width: 100%;
        bottom: 0;
        margin-top: 40px; }

@media screen and (max-width: 1100px) {
  .services .services-content-wrapper:after {
    content: '';
    padding: 90px 0 0 0;
    border-right: 1px solid #aaaaaa;
    margin: auto;
    width: 1px;
    position: absolute;
    bottom: -90px;
    left: calc(50% - 1px); } }

@media screen and (max-width: 768px) {
  .services {
    padding: 0; }
    .services .col-1 {
      display: none; }
    .services .col-3 {
      display: none; }
    .services .services-content-wrapper {
      margin: 0 auto 150px;
      padding: 12.5%; } }

.vertical-solid-line {
  padding: 6.25% 0 0 0;
  border-right: 1px solid #aaaaaa;
  margin: auto;
  width: 1px; }

@media screen and (max-width: 768px) {
  .vertical-solid-line {
    padding: 12.5% 0 0 0; }
    .vertical-solid-line--last {
      display: none; } }

.about-vision {
  background-color: #222222;
  background-size: contain;
  background-position: 70%;
  background-repeat: no-repeat;
  color: white;
  padding: 6.25%;
  display: flex; }
  .about-vision .content {
    width: 750px;
    /* set to = h1 width? */ }
    .about-vision .content small {
      margin: 0;
      padding: 0; }
    .about-vision .content h1 {
      font-size: 56px;
      font-weight: 400;
      line-height: 1.2;
      margin: 58px auto; }

@media screen and (max-width: 1100px) {
  .about-vision {
    background-size: cover;
    background-position: center;
    padding: 12.5%; }
    .about-vision .content {
      width: 100%; }
      .about-vision .content h1 {
        font-size: 42px;
        margin: 42px auto; } }

.about-stats {
  padding: 6.25%; }
  .about-stats .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .about-stats .content .stat {
      text-align: center;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .about-stats .content .stat img {
        max-height: 100px;
        max-width: 100px;
        margin-bottom: 28px; }
      .about-stats .content .stat h2 {
        height: auto;
        font-size: 34px;
        font-weight: 400;
        margin-bottom: 12px; }
      .about-stats .content .stat p {
        height: auto;
        font-weight: 200;
        font-size: 14px;
        margin: 0;
        line-height: 1.2;
        max-width: 120px; }

@media screen and (max-width: 1100px) {
  .about-stats {
    padding: 12.5%; }
    .about-stats .content {
      flex-direction: column; }
      .about-stats .content .stat {
        margin: 28px auto; }
        .about-stats .content .stat img {
          max-height: 80px;
          max-width: 80px;
          margin-bottom: 12px; } }

.about-team-distribution {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #222222;
  color: white;
  min-height: 800px;
  width: 100vw;
  max-width: 100%; }
  .about-team-distribution .content {
    padding: 6.25%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .about-team-distribution .content h1 {
      color: white;
      margin: 0; }
    .about-team-distribution .content p {
      color: white;
      max-width: 400px;
      line-height: 2;
      font-weight: 300; }

@media screen and (max-width: 1100px) {
  .about-team-distribution {
    min-height: 600px; }
    .about-team-distribution .content {
      padding: 12.5%;
      flex-direction: column; }
      .about-team-distribution .content h1 {
        margin-bottom: 72px; } }

.about-governance {
  background-color: #222222;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 6.25% 6.25% 0 6.25%;
  /* set to 6.25% all around w/out logos */
  margin: 0; }
  .about-governance .col-1 {
    width: 33%;
    max-width: 33vw;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .about-governance .col-1 h1 {
      text-align: left !important;
      /* override section title */
      line-height: 1.2;
      max-width: 340px;
      margin-left: 0; }
    .about-governance .col-1 small {
      margin-bottom: 62px; }
  .about-governance .col-2 {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 6.25% 0 0;
    padding: 0;
    width: 33%;
    max-width: 33vw; }
    .about-governance .col-2 img {
      max-height: 100%;
      max-width: 100%;
      margin: 6.25%; }
  .about-governance .col-3 {
    width: 33%;
    max-width: 33vw;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .about-governance .col-3 a {
      margin-top: 62px;
      max-width: 200px; }

@media screen and (max-width: 1100px) {
  .about-governance {
    flex-direction: column;
    padding: 12.5% 12.5% 0 12.5%;
    /* set to 12.5% all around w/out logos */ }
    .about-governance .col-1 {
      width: auto;
      max-width: 100%; }
      .about-governance .col-1 h1 {
        font-size: 28px !important;
        /* overwrite section title */
        margin-bottom: 52px !important;
        /* overwrite section title */
        max-width: 100%; }
      .about-governance .col-1 small {
        margin-bottom: 26px; }
    .about-governance .col-2 {
      width: 100%;
      max-width: 100vw;
      margin: 6.25% 0; }
      .about-governance .col-2 img {
        margin: 0; }
    .about-governance .col-3 {
      width: auto;
      max-width: 100%; } }

.about-careers-v2 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-content: center;
  color: white;
  min-height: 600px;
  padding: 6.25%; }
  .about-careers-v2 .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-content: center;
    min-height: 320px;
    max-height: 420px;
    margin: auto; }
    .about-careers-v2 .content .col-1 {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      line-height: 1.2; }
      .about-careers-v2 .content .col-1 h1 {
        text-align: left !important;
        /* overwrite section title */
        max-width: 300px;
        margin: 0; }
      .about-careers-v2 .content .col-1 a {
        max-width: 240px; }
    .about-careers-v2 .content .col-2 {
      flex: 1; }
      .about-careers-v2 .content .col-2 .mobile-cta {
        max-width: 240px;
        display: none; }

@media screen and (max-width: 1100px) {
  .about-careers-v2 {
    padding: 12.5%;
    min-height: 480px;
    /* adjust to ensure "rocketship" stays on screen for Claudio */
    background-position: right; }
    .about-careers-v2 .content {
      flex-direction: column;
      min-height: auto;
      max-height: auto; }
      .about-careers-v2 .content .col-1 h1 {
        margin-bottom: 42px; }
      .about-careers-v2 .content .col-1 .desktop-cta {
        display: none; }
      .about-careers-v2 .content .col-2 div {
        margin-bottom: 72px; }
      .about-careers-v2 .content .col-2 .mobile-cta {
        display: inline-flex; } }

.about-investors .header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
  max-height: 420px; }
  .about-investors .header .content {
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 600px;
    margin: 0;
    padding: 6.25%; }
    .about-investors .header .content h1 {
      text-align: left !important;
      /* overwrite section title */
      margin: 0 0 48px 0; }
    .about-investors .header .content p {
      line-height: 1.5;
      font-weight: 300; }

@media screen and (max-width: 1100px) {
  .about-investors .header {
    background: linear-gradient(160deg, #2d84eb, #8259ef); }
    .about-investors .header .content {
      text-align: center;
      padding: 12.5%;
      max-width: 100%; }
      .about-investors .header .content h1 {
        text-align: center !important;
        /* overwrite section title */ } }

.about-resources {
  background-color: #222222;
  color: white;
  padding: 6.25%; }
  .about-resources .whitepaper-content {
    min-height: 200px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .about-resources .whitepaper-content .col-1 {
      width: 400px; }
    .about-resources .whitepaper-content .col-2 {
      flex: 1;
      padding: 0 3.125%; }
      .about-resources .whitepaper-content .col-2 .whitepaper-quote {
        margin-bottom: 72px; }
        .about-resources .whitepaper-content .col-2 .whitepaper-quote * {
          font-weight: 300; }
        .about-resources .whitepaper-content .col-2 .whitepaper-quote p {
          font-size: 24px;
          font-weight: 300;
          line-height: 2; }

@media screen and (max-width: 1100px) {
  .about-resources {
    padding: 12.5%; }
    .about-resources .whitepaper-content {
      flex-direction: column; }
      .about-resources .whitepaper-content .col-1 {
        margin-bottom: 52px;
        width: auto; }
        .about-resources .whitepaper-content .col-1 small {
          font-weight: 200; }
      .about-resources .whitepaper-content .col-2 {
        padding: 0; }
        .about-resources .whitepaper-content .col-2 .whitepaper-quote {
          margin-bottom: 52px; }
          .about-resources .whitepaper-content .col-2 .whitepaper-quote p {
            line-height: 1.5; } }

.oa-video {
  height: 100%;
  width: 100%; }

.mobile-bg {
  display: none; }

.video-content {
  color: white;
  min-width: 400px;
  position: absolute;
  top: calc(50% - 100px);
  /* problematic for screenheights sub eh.. 600px? */
  left: 6.25%; }
  .video-content h1 {
    font-size: 72px;
    letter-spacing: -4px;
    font-weight: 100;
    margin-bottom: 18px;
    margin-left: -4px; }
  .video-content small {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 4px; }
  .video-content .body {
    line-height: 1.4;
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300;
    margin-top: 124px;
    /* problematic for screenheights sub eh.. 600px? */
    max-width: 360px; }
  .video-content .play-btn-container {
    margin-top: 48px; }

@media screen and (max-width: 1300px) {
  .video-content {
    top: 200px;
    /* problematic for screenheights sub eh.. 600px? */ } }

/* short desktops */
@media screen and (max-height: 700px) {
  .video-content {
    top: 200px; } }

/* tablets and down */
@media screen and (max-width: 1100px) {
  .oa-video {
    display: none; }
  .mobile-bg {
    display: inline-flex;
    height: 100vh;
    min-height: 100%;
    width: 100vw;
    max-width: 100%;
    background-image: url("/assets/images/hedera-oa-mobile-v2.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat; }
  .video-content {
    min-width: 0;
    top: 160px;
    left: 0;
    padding: 10%; }
    .video-content h1 {
      font-size: 48px;
      letter-spacing: -2px; }
    .video-content small {
      max-width: 220px;
      line-height: 1.5; }
    .video-content .body {
      font-size: 20px; } }

.seo-body {
  background-color: #f9f9f9;
  margin: auto;
  padding: 6.25%;
  min-height: 200px;
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .seo-body p:last-child,
  .seo-body p:last-of-type {
    margin-bottom: 0; }
  .seo-body sup,
  .seo-body sub {
    font-size: 10px;
    font-weight: 400;
    position: relative; }
  .seo-body sup {
    top: -10px; }
  .seo-body sub {
    bottom: -3px; }
  .seo-body .user-body-content {
    flex: 1;
    font-weight: 300;
    line-height: 1.5;
    max-width: 100%;
    width: 100%; }
    .seo-body .user-body-content .body-content {
      margin-top: 0;
      /* assumes content leads with h# tag and offsets accordingly */
      width: 100%;
      /* match images, youtube videos, and code windows */
      max-width: 100%; }
      .seo-body .user-body-content .body-content .body-text {
        overflow-x: auto;
        /* START: FREEZE FIRST TWO COLUMNS */
        /* END: FREEZE FIRST TWO COLUMNS */ }
        .seo-body .user-body-content .body-content .body-text table {
          margin: 0 0 30px;
          width: 100%;
          border-collapse: collapse;
          border: none; }
          .seo-body .user-body-content .body-content .body-text table tr:first-child {
            font-weight: bold; }
          .seo-body .user-body-content .body-content .body-text table tr th, .seo-body .user-body-content .body-content .body-text table tr td {
            padding: 10px; }
        .seo-body .user-body-content .body-content .body-text.style-1 table {
          border: 1px solid #464646; }
          .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr:nth-child(even) {
            color: #464646;
            background-color: white; }
          .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr:nth-child(odd) {
            color: #222222;
            background-color: #f9f9f9; }
          .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr:first-child {
            color: white;
            background-color: #464646; }
          .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr td {
            border: 1px solid #464646; }
          .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-1 table tbody tr td p {
            font-size: 13px; }
        .seo-body .user-body-content .body-content .body-text.style-2 table {
          border: 1px solid #8259ef; }
          .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr:nth-child(even) {
            color: #464646;
            background-color: white; }
          .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr:nth-child(odd) {
            color: #222222;
            background-color: #f9f9f9; }
          .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr:first-child {
            color: white;
            background-color: #8259ef; }
          .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr td {
            border: 1px solid #8259ef; }
          .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-2 table tbody tr td p {
            font-size: 13px; }
        .seo-body .user-body-content .body-content .body-text.style-3 table {
          border: 1px solid #2D84EB; }
          .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr:nth-child(even) {
            color: #464646;
            background-color: white; }
          .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr:nth-child(odd) {
            color: #222222;
            background-color: #f9f9f9; }
          .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr:first-child {
            color: white;
            background-color: #2D84EB; }
          .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr td {
            border: 1px solid #2D84EB; }
          .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-3 table tbody tr td p {
            font-size: 13px; }
        .seo-body .user-body-content .body-content .body-text.style-4 table {
          border: 1px solid #3EC878; }
          .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr:nth-child(even) {
            color: #464646;
            background-color: white; }
          .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr:nth-child(odd) {
            color: #222222;
            background-color: #f9f9f9; }
          .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr:first-child {
            color: white;
            background-color: #3EC878; }
          .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr th, .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr td {
            border: 1px solid #3EC878; }
          .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr td, .seo-body .user-body-content .body-content .body-text.style-4 table tbody tr td p {
            font-size: 13px; }
        @media (max-width: 1100px) {
          .seo-body .user-body-content .body-content .body-text .table-section {
            position: relative; }
            .seo-body .user-body-content .body-content .body-text .table-section::after {
              content: "";
              width: 13vw;
              background: #f9f9f9;
              background: linear-gradient(90deg, rgba(249, 249, 249, 0), #f9f9f9);
              position: absolute;
              right: -6.25vw;
              top: 0;
              height: 100%;
              pointer-events: none; }
            .seo-body .user-body-content .body-content .body-text .table-section .table-wrapper {
              overflow-x: auto;
              margin: 0 -6.25vw;
              padding: 0 6.25vw;
              scrollbar-width: none; }
              .seo-body .user-body-content .body-content .body-text .table-section .table-wrapper::-webkit-scrollbar {
                display: none; }
            .seo-body .user-body-content .body-content .body-text .table-section table {
              width: max-content; } }
        .seo-body .user-body-content .body-content .body-text table {
          width: fit-content; }
        @media (min-width: 1101px) {
          .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper {
            overflow-x: scroll; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper table {
              border-collapse: separate;
              border-spacing: 0;
              box-sizing: border-box; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper th:nth-child(1),
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td:nth-child(1) {
              position: sticky;
              left: 0;
              width: 100px;
              min-width: 100px;
              z-index: 2; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper th:nth-child(2),
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td:nth-child(2) {
              position: sticky;
              left: 122px;
              width: 50px;
              min-width: 50px; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td[colspan="2"] + td {
              position: static;
              left: auto; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td.sticky {
              position: sticky;
              left: 122px;
              width: 50px;
              min-width: 50px; }
              .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper td.sticky + td {
                position: static;
                left: auto; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper tbody tr:first-child td {
              color: white;
              background-color: #8259ef; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper tbody tr:nth-child(even):not(:first-child) td {
              background-color: #ffffff; }
            .seo-body .user-body-content .body-content .body-text .freeze-two-columns .table-wrapper tbody tr:nth-child(odd):not(:first-child) td {
              background-color: #f9f9f9; } }
        @media (max-width: 1100px) {
          .seo-body .user-body-content .body-content .body-text .table-section::after {
            padding-right: 6.25vw; } }
      .seo-body .user-body-content .body-content .table-scroll {
        overflow-x: auto; }
        .seo-body .user-body-content .body-content .table-scroll table {
          white-space: nowrap; }
      .seo-body .user-body-content .body-content .body-text table.cipher th, .seo-body .user-body-content .body-content .body-text table.cipher td {
        padding: 0 0.35vw; }
        .seo-body .user-body-content .body-content .body-text table.cipher th p, .seo-body .user-body-content .body-content .body-text table.cipher td p {
          margin: 15px 0; }
      .seo-body .user-body-content .body-content .body-text table.cipher tr td:first-child {
        padding-right: 10px; }
      @media (max-width: 768px) {
        .seo-body .user-body-content .body-content .body-text table.cipher td p {
          font-size: 2vw;
          margin: 15px 0; } }
      .seo-body .user-body-content .body-content h1 {
        font-size: 32px;
        line-height: 48px; }
      .seo-body .user-body-content .body-content h2 {
        font-size: 24px;
        line-height: 36px; }
      .seo-body .user-body-content .body-content h3 {
        font-size: 22px;
        line-height: 33px; }
      .seo-body .user-body-content .body-content h4 {
        font-size: 20px;
        line-height: 30px; }
      .seo-body .user-body-content .body-content h5 {
        font-size: 18px;
        line-height: 27px; }
      .seo-body .user-body-content .body-content h6 {
        font-size: 16px;
        line-height: 24px; }
      .seo-body .user-body-content .body-content p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 30px; }
        .seo-body .user-body-content .body-content p:last-child, .seo-body .user-body-content .body-content p:last-of-type {
          margin-bottom: 0; }
      .seo-body .user-body-content .body-content strong {
        font-weight: bold; }
      .seo-body .user-body-content .body-content em {
        font-style: italic; }
      .seo-body .user-body-content .body-content a {
        text-decoration-line: none;
        color: #8259ef; }
      .seo-body .user-body-content .body-content ol {
        padding-top: 0;
        list-style: decimal;
        /* offset to left-align with content */
        margin: 0 0 0 20px; }
        .seo-body .user-body-content .body-content ol li {
          font-size: 15px;
          margin-bottom: 0px;
          line-height: 30px; }
      .seo-body .user-body-content .body-content ul {
        padding-top: 0;
        /* offset to left-align with content */
        margin: 0 0 0 20px; }
        .seo-body .user-body-content .body-content ul li {
          font-size: 15px;
          margin-bottom: 0px;
          line-height: 30px; }
          .seo-body .user-body-content .body-content ul li li {
            list-style-type: circle; }
      .seo-body .user-body-content .body-content li {
        font-size: 15px;
        margin-bottom: 0px;
        line-height: 30px; }
    .seo-body .user-body-content p {
      padding: 0px 0;
      font-size: 15px;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0; }
    .seo-body .user-body-content .code-window {
      margin: 32px 0; }
      .seo-body .user-body-content .code-window .code-page p {
        padding: 0 !important;
        font-size: 14px; }
    .seo-body .user-body-content .disclaimer {
      margin: 32px auto 0 0;
      width: 80%;
      font-size: 14px;
      text-align: left; }
    .seo-body .user-body-content .blog-video {
      margin: 32px 0; }
    .seo-body .user-body-content .image {
      margin: 32px 0 0 0;
      padding: 0;
      width: 100%;
      height: auto; }
      .seo-body .user-body-content .image img {
        margin-bottom: 10px;
        width: 100%; }
      .seo-body .user-body-content .image .graphicImageMobile {
        display: none; }
    .seo-body .user-body-content .body-text {
      margin: 0 0 32px; }
    .seo-body .user-body-content .user-video {
      height: 380px;
      width: auto;
      margin: 0 0 32px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: cover; }
      .seo-body .user-body-content .user-video.is-quote {
        display: flex;
        flex-direction: column;
        flex-direction: column;
        justify-content: start; }
        .seo-body .user-body-content .user-video.is-quote h3 {
          color: white;
          font-style: italic;
          font-size: 24px;
          font-weight: 200;
          letter-spacing: 0;
          line-height: 1.2;
          max-width: 85%;
          margin: 48px auto auto 48px; }
        .seo-body .user-body-content .user-video.is-quote div {
          color: white;
          width: 300px;
          margin: auto auto auto 0;
          display: flex;
          flex-direction: column;
          justify-content: end; }
          .seo-body .user-body-content .user-video.is-quote div .quote-author {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 1px;
            margin: 48px auto auto 48px;
            text-transform: uppercase; }
          .seo-body .user-body-content .user-video.is-quote div .quote-author-details {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 1px;
            margin: 0 auto auto 48px;
            text-transform: uppercase; }
  .seo-body .user-side-panel {
    color: white;
    width: 320px; }
    .seo-body .user-side-panel.mobile-panel {
      display: none; }
    .seo-body .user-side-panel .side-panel-container {
      background-color: #222222;
      height: auto;
      display: flex;
      flex-direction: column;
      padding: 36px;
      position: sticky;
      top: 180px;
      /* may be too large for small desktops */ }
      .seo-body .user-side-panel .side-panel-container .panel-item-title {
        color: white;
        text-transform: uppercase;
        height: auto; }
        .seo-body .user-side-panel .side-panel-container .panel-item-title p {
          letter-spacing: 1px;
          line-height: 20px;
          font-size: 14px;
          padding-bottom: 12px; }
      .seo-body .user-side-panel .side-panel-container .panel-item-gradient {
        height: 2px;
        background: linear-gradient(160deg, #2d84eb, #8259ef); }
      .seo-body .user-side-panel .side-panel-container .panel-item-content {
        height: auto; }
        .seo-body .user-side-panel .side-panel-container .panel-item-content p {
          color: #b8b8b8;
          font-size: 14px;
          font-weight: 300;
          padding-top: 12px;
          padding-bottom: 36px;
          line-height: 28px; }
        .seo-body .user-side-panel .side-panel-container .panel-item-content ul li {
          line-height: 18px;
          font-size: 14px;
          padding-bottom: 20px; }
        .seo-body .user-side-panel .side-panel-container .panel-item-content ul li:first-child {
          padding-top: 20px; }
        .seo-body .user-side-panel .side-panel-container .panel-item-content a {
          color: white;
          opacity: 0.8; }
        .seo-body .user-side-panel .side-panel-container .panel-item-content a:hover {
          opacity: 1; }
      .seo-body .user-side-panel .side-panel-container .panel-item-content:last-child p {
        padding-bottom: 0; }

/* Tablets */
@media screen and (max-width: 1340px) {
  .seo-body {
    padding: 6.25% 5.38%; }
    .seo-body .user-body-content {
      padding: 0; }
      .seo-body .user-body-content .body-content {
        width: 100%; }
        .seo-body .user-body-content .body-content iframe {
          max-width: 100%; }
    .seo-body .user-side-panel {
      width: 300px; } }

/* Tablets, phones, etc. */
@media screen and (max-width: 1100px) {
  .seo-body {
    flex-direction: column-reverse;
    padding: 12.5%; }
    .seo-body .user-body-content {
      padding: 0; }
      .seo-body .user-body-content .body-content {
        padding: 0; }
        .seo-body .user-body-content .body-content p {
          font-size: 14px;
          line-height: 1.8;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; } }
        @media screen and (max-width: 1100px) and (min-width: 1024px) {
          .seo-body .user-body-content .body-content p {
            font-size: 15px;
            line-height: 2; } }

@media screen and (max-width: 1100px) {
        .seo-body .user-body-content .body-content ul li {
          font-size: 14px; }
      .seo-body .user-body-content .disclaimer {
        margin: auto auto 12.5% auto;
        font-size: 12px;
        text-align: center;
        max-width: 300px; }
      .seo-body .user-body-content .code-window {
        margin: 16px 0; }
        .seo-body .user-body-content .code-window .code-page p {
          padding: 0 !important;
          font-size: 12px; }
      .seo-body .user-body-content .image {
        margin: 36px 0; }
        .seo-body .user-body-content .image .graphicImageHasMobile {
          display: none; }
        .seo-body .user-body-content .image .graphicImageMobile {
          display: block; }
      .seo-body .user-body-content .user-video {
        max-width: 475px;
        /* arbitrarily match sidepanel box? */
        min-height: 260px;
        height: auto;
        margin: auto; }
        .seo-body .user-body-content .user-video.is-quote h3 {
          font-size: 22px;
          max-width: 100%;
          margin: 48px 48px 0 48px; }
        .seo-body .user-body-content .user-video.is-quote div .quote-author {
          font-size: 14px; }
        .seo-body .user-body-content .user-video.is-quote div .quote-author-details {
          font-size: 14px;
          margin: 0 auto 48px 48px;
          /* forces a min bottom margin of 48px on the image */ }
      .seo-body .user-body-content .btn-mobile-shift {
        margin-left: 12.5%;
        margin-bottom: 12.5%;
        margin-top: 0 !important; }
    .seo-body .user-side-panel {
      width: auto;
      margin: auto auto 36px auto; }
      .seo-body .user-side-panel .side-panel-container {
        padding: 12.5%;
        position: revert; }
      .seo-body .user-side-panel.mobile-panel {
        display: block;
        width: 100%; }
      .seo-body .user-side-panel.desktop-panel {
        display: none; } }

.milestones {
  width: 100%;
  position: relative; }

.milestones .row {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  position: relative;
  height: 279px; }

.milestones .row .col-1 {
  flex: 1 1 32%;
  position: relative; }

.milestones .row .col-2 {
  flex: 1 1 36%;
  position: relative; }

.milestones .row .col-3 {
  flex: 1 1 32%;
  position: relative; }

.milestones .row .col-1 {
  background-size: 452px auto;
  background-repeat: no-repeat;
  background-position: right top;
  overflow: hidden; }
  .milestones .row .col-1 .bgCol {
    display: block;
    position: absolute;
    width: 452px;
    height: auto;
    top: 0;
    right: 0; }

.milestones:nth-child(even) .row .col-1 {
  background-position: right bottom; }
  .milestones:nth-child(even) .row .col-1 .bgCol {
    top: inherit;
    bottom: 0; }

.milestones.last-blank-row .row::after {
  display: none; }

.milestones-last--even.milestones:nth-child(even) .row .col-1 {
  background-position: right -279px;
  background-repeat: repeat; }
  .milestones-last--even.milestones:nth-child(even) .row .col-1 .bgCol {
    top: -279px;
    bottom: inherit; }

.milestones .row .col-2 {
  padding: 30px;
  margin: 60px 5% 0;
  align-self: flex-start; }

.milestones .row .col-2.main-phase {
  background-color: #F9F9F9; }

.milestones .row .milestone-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 18px;
  position: relative; }

.milestones .row .col-2 .milestone-title:after {
  content: "";
  background: linear-gradient(160deg, #2d84eb, #8259ef);
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  margin: 0;
  z-index: 2;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.5s ease 0s; }

.milestones.ani-in .row .col-2 .milestone-title:after {
  transform: scaleX(1); }

.milestones .row .col-2 .milestone-title:before {
  content: "";
  background: #EAEAEA;
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  margin: 0;
  z-index: 1; }

.milestones .row .milestone-title h3,
.milestones .row .milestone-title .h2 {
  color: #464646;
  font-size: 24px;
  letter-spacing: -0.6px;
  line-height: 29px; }

.milestones .row .milestone-title h3 {
  color: #464646;
  font-size: 18px;
  letter-spacing: -0.45px;
  line-height: 25px;
  text-transform: uppercase; }

.milestones .row .milestone-title h4 {
  color: blue;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.5px; }

.milestones .row .milestone-description {
  color: #464646;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400; }

.milestones .row .col-3 {
  margin-top: 60px; }

.milestones .row .col-3 .media-container {
  display: block;
  position: relative;
  background-size: 0;
  background-repeat: no-repeat;
  max-width: 555px;
  width: 100%;
  height: auto;
  overflow: hidden; }

.milestones .row .col-3 img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0; }

.milestones .row .col-3.overlap-image .media-container {
  height: 100%;
  width: auto;
  overflow: visible; }

.milestones .row .col-3.overlap-image img {
  width: 100%;
  max-height: 558px;
  position: absolute;
  top: 0;
  left: 0; }

.milestones .row .col-3.overlap-image.video-nav .media-container {
  width: 100%;
  height: auto;
  overflow: hidden; }

.milestones .row .col-3.overlap-image.video-nav img {
  width: 100%;
  max-height: 100%;
  position: relative; }

.milestones .row .col-3.video-nav .media-container {
  background-size: contain;
  background-position: center; }

.milestones .button-launcher {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  max-width: 235px;
  width: 90%; }

.milestones .Btn.is-play-white {
  max-width: 235px;
  width: 90%; }

.milestones .Btn.is-play-white.no-label {
  background-position: center; }

.milestones .row .circle-icon {
  display: block;
  position: absolute;
  top: 73px;
  right: 10px;
  width: 64px;
  height: 64px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(-0.04em); }

.milestones:nth-child(odd) .row .circle-icon {
  top: 74px;
  transform: translateX(-0.04em) translateY(0.04em); }

.milestones .row .circle-icon.phasei {
  background-image: url("/assets/images/milestones_phase_1-3.png"); }

.milestones .row .circle-icon.phaseii {
  background-image: url("/assets/images/milestones_phase_2-3.png"); }

.milestones .row .circle-icon.phaseiii {
  background-image: url("/assets/images/milestones_phase_3-3.png"); }

.milestones .row .circle-icon-mobile {
  display: none; }

@media screen and (max-width: 1100px) {
  .subnav .list .item.item-phasei, .subnav .list .item-phasei.external-item, .subnav .list .item-phasei.item-list-heading, .subnav .list .item-phasei.item-list-heading-mobile {
    padding-top: 0; }
  .milestones .row {
    height: auto;
    flex-wrap: wrap;
    flex-direction: column; }
  .milestones.blank-row .row .col-2 {
    margin: 0; }
  .milestones .row::after {
    z-index: 0;
    width: 1px;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 12.5%;
    background-color: #eaeaea; }
  .milestones-last {
    padding-bottom: 12.5%;
    background: white; }
  .milestones .row .col-1,
  .milestones .row .col-2,
  .milestones .row .col-3 {
    z-index: 1; }
  .milestones .row .col-1 {
    display: none; }
  .milestones .row .col-2 {
    align-self: auto;
    margin: 12.5% 12.5% 0; }
  .milestones .row .col-3 {
    flex: auto;
    background: initial !important;
    margin-top: 0; }
  .milestones .row .col-3.has-media--image {
    height: auto;
    margin-top: 12.5%; }
  .milestones .row .col-3 .media-container {
    background: none !important;
    width: 100%;
    max-width: none; }
  .milestones .row .col-3 img,
  .milestones .row .col-3.overlap-image img,
  .milestones .row .col-3.video-nav img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: none;
    max-height: none; }
  .milestones .row .circle-icon-mobile {
    position: absolute;
    top: 25px;
    left: -16px;
    width: 33px;
    height: 33px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    display: block; }
    .milestones .row .circle-icon-mobile .circleIcon {
      width: 33px; }
  .milestones .row .circle-icon-mobile.phasei {
    top: -15px;
    background-image: url("/assets/images/milestone-phase-1-mobile.png"); }
  .milestones .row .circle-icon-mobile.phaseii {
    top: -15px;
    background-image: url("/assets/images/milestone-phase-2-mobile.png"); }
  .milestones .row .circle-icon-mobile.phaseiii {
    top: -15px;
    background-image: url("/assets/images/milestone-phase-3-mobile.png"); } }

@media screen and (max-width: 650px) {
  .milestones .row .milestone-title h3,
  .milestones .row .milestone-title .h2 {
    font-size: 18px; }
  .milestones .row .col-2.main-phase .milestone-title:after {
    font-size: 18px; } }

.get-started-resources .section-title {
  text-align: left; }

.get-started-resources .section-subtitle {
  text-align: left;
  max-width: none;
  margin-left: 4px;
  margin-bottom: 64px; }

.get-started-resources .second-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .get-started-resources .second-column .resource {
    border: 1px solid #2d84eb;
    background-color: #222222;
    color: white;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20%;
    padding: 6% 6% 0 6%;
    margin-bottom: 24px; }
    .get-started-resources .second-column .resource > * {
      text-decoration: none; }
    .get-started-resources .second-column .resource .resource-title {
      font-weight: 300;
      min-height: 52px;
      /* approx two lines */ }
    .get-started-resources .second-column .resource .resource-description {
      font-weight: 300;
      margin-bottom: 0;
      margin: 32px 0;
      line-height: 1.3;
      min-height: 62px; }
    .get-started-resources .second-column .resource .resource-btn {
      margin: 24px 0 calc(6% + 24px) 0;
      max-width: 100%; }
    .get-started-resources .second-column .resource .gradient {
      background: linear-gradient(160deg, #2d84eb, #8259ef);
      height: 2px;
      width: 100%; }
    .get-started-resources .second-column .resource:hover {
      padding: 6% 6% 0 6%;
      background-color: #222222;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
      transition: all 0.4s ease;
      /* offset gradient for resource padding on hover */ }
      .get-started-resources .second-column .resource:hover .gradient {
        transition: all 0.4s ease;
        /* seems excessive.. but cool! */
        margin-left: -15.625%;
        width: 131.5%; }
      .get-started-resources .second-column .resource:hover .resource-btn {
        transition: all 0.6s ease;
        background-color: white !important;
        /* override btn styles */
        color: #222222 !important;
        /* override btn styles */ }

/* adjust resources on small-desktops */
@media screen and (max-width: 1400px) {
  .get-started-resources .second-column .resource .resource-title {
    min-height: 78px;
    /* bump to 3 lines */ }
  .get-started-resources .second-column .resource .resource-description {
    min-height: 102px;
    /* bump to 5 lines */ } }

@media screen and (max-width: 1100px) {
  .get-started-resources {
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center;
    flex-direction: column; }
    .get-started-resources .second-column {
      flex-direction: column; }
      .get-started-resources .second-column .resource {
        padding: 60px 20px;
        /* adjust as needed to size cards */
        width: calc(100% - 40px); }
        .get-started-resources .second-column .resource .resource-title {
          min-height: 32px; }
        .get-started-resources .second-column .resource .resource-btn {
          margin: 24px 0 0 0;
          /* adjust as needed to size cards */ }
        .get-started-resources .second-column .resource .resource-description {
          min-height: 0; }
        .get-started-resources .second-column .resource:hover {
          padding: 60px 0 0 0;
          /* adjust to match above */
          background-color: white;
          box-shadow: none;
          transition: none; }
          .get-started-resources .second-column .resource:hover .gradient {
            transition: none;
            margin-left: 0;
            width: 100%; }
          .get-started-resources .second-column .resource:hover .resource-btn {
            transition: none;
            background-color: #222222 !important;
            /* override btn styles */
            color: white !important;
            /* override btn styles */ } }

/* header */
.subnav .list .item-selected:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 4px; }

.section-v2-top {
  padding-bottom: 5px; }

.sb-custom-tabset {
  display: none; }

.tabset-selected {
  display: block; }

.top-iframes {
  overflow: hidden;
  background: #ffffff;
  border: .5px solid #aaa;
  border-radius: 5px; }

.content-spacing {
  margin: 0 0 20px 0; }

.with-subtitle {
  margin-bottom: 10px; }

iframe {
  overflow: hidden; }

.sb-custom-tabs {
  padding-top: 20px; }

.sb-custom-tabs .tabs .options .option {
  background-color: #f2f2f2;
  border: .5px solid #aaa;
  border-bottom: 0;
  width: auto;
  flex: 1;
  text-align: center; }

.sb-custom-tabs .tabs .options {
  height: 68px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-content: center; }

.sb-custom-tab--selected {
  border-top: .5px solid #aaa;
  border-right: .5px solid #aaa;
  color: #2d84eb;
  margin-bottom: -2px;
  outline: none; }

.sb-grafana .tabs .sb-custom-tab--selected {
  background-color: #ffffff !important;
  border-bottom: 3px solid #ffffff !important; }

.sb-kibana .tabs .sb-custom-tab--selected {
  background-color: #fafbfd !important;
  border-bottom: 3px solid #fafbfd !important; }

.sb-custom-tabs ul.items {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  margin: 0; }

.sb-custom-tabs .tabs .options .option .title {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 22px; }

.sb-custom-tab--selected h2 {
  font-weight: 700 !important; }

.sb-custom-tabs .tabs .tab-content {
  border: .5px solid #aaa;
  padding: 25px;
  min-height: 0;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  display: none; }

.sb-grafana .tabs .tab-content {
  background: #ffffff; }

.sb-kibana .tabs .tab-content {
  background: #fafbfd; }

.sb-custom-tabs .tabs .sb-tab-content-selected {
  display: block; }

.sb-custom-tabs .tabs .options .option:nth-child(2) {
  border-left: 0;
  border-right: 0; }

.sb-custom-tabs .tabs .options .option:nth-child(4) {
  border-left: 0;
  border-right: 0; }

.sb-custom-tabs .tabs .options .option-last {
  border-right: .5px solid #aaa !important; }

.globe-section {
  width: 100%;
  height: 998px;
  overflow: hidden;
  display: block;
  position: relative;
  background: black; }

.globe-subtitle-light {
  font-weight: 100; }

.globe-subtitle {
  font-weight: 200; }

.globe-bg {
  display: block;
  position: absolute;
  width: auto;
  height: 100%;
  object-fit: cover;
  min-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#globe {
  display: block;
  position: absolute;
  top: -86px;
  right: -230px;
  height: 1400px;
  width: 1400px;
  opacity: 0; }

#globe canvas {
  height: 1400px;
  width: 1400px;
  display: block;
  position: relative;
  margin: 0 auto; }

#globe.show {
  opacity: 1;
  transition: opacity 1s ease-out 0s; }

.globe-video-content {
  color: white;
  min-width: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 622px;
  left: 6.25%; }
  .globe-video-content h1 {
    font-size: 72px;
    letter-spacing: -0.063em;
    font-weight: 100;
    margin-bottom: 14px;
    margin-left: -4px;
    pointer-events: none;
    display: block;
    position: relative;
    width: 610px; }
  .globe-video-content #ani-heading {
    display: block;
    position: absolute;
    width: 450px;
    height: 92px;
    overflow: hidden;
    top: 0;
    left: 180px; }
    .globe-video-content #ani-heading .ani-heading-container {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      transition: top 0s linear 0.75s; }
      .globe-video-content #ani-heading .ani-heading-container span {
        display: block;
        position: relative;
        width: 450px;
        height: 92px;
        opacity: 0;
        transition: opacity 0.75s linear 0s;
        font-weight: 300; }
    .globe-video-content #ani-heading.ani-slide-1 .ani-heading-container {
      top: 0; }
      .globe-video-content #ani-heading.ani-slide-1 .ani-heading-container span:nth-child(1) {
        opacity: 1; }
    .globe-video-content #ani-heading.ani-slide-2 .ani-heading-container {
      top: -92px; }
      .globe-video-content #ani-heading.ani-slide-2 .ani-heading-container span:nth-child(2) {
        opacity: 1;
        transition: opacity 0.75s linear 0.75s; }
    .globe-video-content #ani-heading.ani-slide-3 .ani-heading-container {
      top: -184px; }
      .globe-video-content #ani-heading.ani-slide-3 .ani-heading-container span:nth-child(3) {
        opacity: 1;
        transition: opacity 0.75s linear 0.75s; }
    .globe-video-content #ani-heading.ani-slide-4 .ani-heading-container {
      top: -276px; }
      .globe-video-content #ani-heading.ani-slide-4 .ani-heading-container span:nth-child(4) {
        opacity: 1;
        transition: opacity 0.75s linear 0.75s; }
    .globe-video-content #ani-heading.ani-slide-5 .ani-heading-container {
      top: -368px; }
      .globe-video-content #ani-heading.ani-slide-5 .ani-heading-container span:nth-child(5) {
        opacity: 1;
        transition: opacity 0.75s linear 0.75s; }
  .globe-video-content small {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.214em;
    line-height: 28px;
    pointer-events: none;
    display: block;
    position: relative;
    width: 610px; }
  .globe-video-content .play-btn-container {
    margin-top: 46px;
    width: 210px; }
  .globe-video-content h1,
  .globe-video-content small,
  .globe-video-content .body,
  .globe-video-content .play-btn-container {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.5s linear 0, transform 1.5s ease-in-out 0; }
  .globe-video-content.show h1,
  .globe-video-content.show small,
  .globe-video-content.show .body,
  .globe-video-content.show .play-btn-container {
    opacity: 1;
    transform: translateY(0); }
  .globe-video-content.show h1 {
    transition: opacity 1.5s ease 0.5s, transform 1.5s ease 0.5s; }
  .globe-video-content.show small {
    transition: opacity 1.5s ease 0.6s, transform 1.5s ease 0.6s; }
  .globe-video-content.show .body {
    transition: opacity 1.5s ease 0.7s, transform 1.5s ease 0.7s; }
  .globe-video-content.show .play-btn-container {
    transition: opacity 1.5s ease 0.8s, transform 1.5s ease 0.8s; }

#tooltip {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  padding: 25px;
  width: 118px;
  min-height: 25px;
  text-align: center;
  font-family: monospace;
  background: #222222;
  color: white;
  opacity: 0;
  transition: opacity 0.25s linear;
  pointer-events: none;
  margin-top: 3px;
  transform: translate(-50%, -100%); }
  #tooltip::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #3487e8;
    background: -moz-linear-gradient(90deg, #3487e8 2%, #815fec 98%);
    background: -webkit-linear-gradient(90deg, #3487e8 2%, #815fec 98%);
    background: linear-gradient(90deg, #3487e8 2%, #815fec 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3487e8", endColorstr="#815fec", GradientType=1);
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0; }

.tooltip-bg-overlay {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%; }

#tooltipimage {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0; }
  #tooltipimage img {
    display: block;
    position: relative;
    width: 100%;
    height: auto; }

#tooltipaddress {
  display: block;
  position: relative;
  padding: 15px 0 0;
  width: 100%;
  height: auto;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  text-align: left;
  line-height: 1.1;
  text-align: center; }

#tooltipid {
  display: block;
  position: relative;
  padding: 10px 0 0;
  width: 100%;
  height: auto;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  text-align: left;
  line-height: 1.1;
  word-wrap: break-word;
  text-align: center; }

#tooltipdate {
  display: block;
  position: relative;
  padding: 10px 0 0;
  width: 100%;
  height: auto;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  text-align: left;
  line-height: 1.1;
  text-align: center; }

@media screen and (max-width: 1300px) {
  .globe-video-content {
    top: 200px; } }

@media screen and (max-width: 1100px) {
  .globe-section {
    height: 800px; }
  #globe.show {
    top: 140px;
    left: 0;
    width: 100%; }
    #globe.show canvas {
      left: 50%;
      transform: translateX(-50%); }
  .globe-video-content {
    min-width: 0;
    top: 126px;
    left: 0;
    padding: 0 100px;
    width: 80%; }
    .globe-video-content h1 {
      font-size: 48px;
      letter-spacing: -2px;
      width: 100%; }
    .globe-video-content #ani-heading {
      left: 130px;
      height: 60px; }
    .globe-video-content small {
      max-width: 100%;
      line-height: 1.5;
      width: 100%; } }

@media screen and (min-width: 1100px) and (max-height: 875px) {
  .globe-video-content {
    top: 68vh; } }

@media screen and (min-width: 1100px) and (max-height: 810px) {
  .globe-video-content {
    top: 66vh; } }

@media screen and (min-width: 1100px) and (max-height: 750px) {
  .globe-video-content {
    top: 57vh; } }

@media screen and (max-width: 768px) {
  .globe-section {
    height: 700px; }
  #globe.show {
    top: 70px; }
  .globe-video-content {
    padding: 0 70px; } }

@media screen and (max-width: 568px) {
  .globe-section {
    height: 660px; }
  #globe.show {
    top: 40px; }
  .globe-video-content {
    padding: 0 56px; } }

@media screen and (max-width: 400px) {
  .globe-section {
    height: 660px; }
  #globe.show {
    top: -30px; }
  .globe-video-content {
    padding: 0 37px; }
    .globe-video-content h1 {
      font-size: 37px; }
    .globe-video-content #ani-heading {
      left: 95px; }
    .globe-video-content small {
      font-size: 18px; } }

@media screen and (max-width: 320px) {
  .globe-video-content {
    padding: 0 32px; }
    .globe-video-content h1 {
      font-size: 33px; }
    .globe-video-content #ani-heading {
      left: 85px; }
    .globe-video-content small {
      font-size: 16px; } }

/* Globe Small */
.globe-small-section {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  padding-top: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%); }

#globe-small {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  width: 118.5%;
  height: 100%;
  opacity: 0;
  transform: translate(-50%, 0);
  flex-direction: column;
  justify-content: center; }

#globe-small canvas {
  height: 1400px;
  width: 1400px;
  display: block;
  position: relative;
  margin: 0 auto; }

#globe-small.show {
  opacity: 1;
  transition: opacity 1s ease-out 0s; }

@media screen and (min-width: 1321px) {
  .globe-small-section {
    max-width: 673px;
    padding-top: 673px; }
  #globe-small {
    width: 797px;
    height: 673px; }
  .networks .col-2 .network-button-group {
    max-width: 673px; } }

@media screen and (max-width: 1110px) {
  .globe-small-section {
    width: 673px;
    padding-top: 673px;
    top: 0;
    transform: none;
    margin: 0 auto 15px; }
  #globe-small {
    width: 797px;
    height: 673px;
    justify-content: flex-start; }
  .networks .col-2 {
    margin-top: 20px; } }

@media screen and (max-width: 800px) {
  .globe-small-section {
    width: 100%;
    padding-top: 83%;
    top: 0;
    transform: none;
    margin: 0 auto 91px; }
  #globe-small {
    width: 118.5%;
    height: 100%; } }

@media screen and (max-width: 420px) {
  .globe-small-section {
    margin: 0 auto 110px; } }

/* NETWORKS */
.network-nodes-intro .v2-intro-subtitle {
  max-width: 420px; }

.networks {
  padding: 5px 0 140px 6.25%;
  display: flex;
  background: white;
  position: relative;
  overflow: hidden; }
  .networks .size--l {
    font-size: 32px; }
  .networks * {
    position: relative; }
  .networks .col-1 {
    flex: 1 1 45%; }
  .networks .col-2 {
    flex: 1 1 55%; }
  .networks .col-3 {
    flex: 1 1 100%;
    display: none; }
  .networks .col-1 .content-title {
    margin-top: 70px;
    margin-bottom: 20px;
    font-weight: 300; }
  .networks .col-1 .content-body {
    margin-bottom: -9px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300; }
  .networks .col-1 .divider {
    width: 100%;
    height: 100px; }
    .networks .col-1 .divider::after {
      content: "";
      width: 100%;
      height: 1px;
      background: #ebebeb;
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
  .networks .accounts {
    display: flex; }
    .networks .accounts .account-item {
      flex: 1 1 50%;
      padding: 35px 35px 80px;
      background: #f9f9f9; }
      .networks .accounts .account-item:first-child {
        margin-right: 20px; }
      .networks .accounts .account-item:last-child {
        margin-left: 20px; }
      .networks .accounts .account-item img {
        max-width: 100px;
        margin-bottom: 20px; }
      .networks .accounts .account-item .account-title {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 300; }
      .networks .accounts .account-item .account-description {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 20px;
        font-weight: 300; }
      .networks .accounts .account-item .cta {
        position: absolute;
        bottom: 50px; }
  .networks .col-2 .network-button-group {
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -15px; }
  .networks .network-status {
    min-height: 20px;
    border: 3px solid grey;
    color: grey;
    padding: 10px 16px 10px 36px;
    margin: 0 auto 15px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    line-height: 17px;
    font-weight: 300; }
    .networks .network-status::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: grey;
      display: block;
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%); }
    .networks .network-status.green {
      color: #07E78E;
      border-color: #07E78E; }
      .networks .network-status.green::before {
        background: #07E78E; }
    .networks .network-status.yellow {
      color: #EADA0B;
      border-color: #EADA0B; }
      .networks .network-status.yellow::before {
        background: #EADA0B; }
    .networks .network-status.red {
      color: #FF4200;
      border-color: #FF4200; }
      .networks .network-status.red::before {
        background: #FF4200; }
  .networks .cta {
    margin: 0 auto; }

@media screen and (min-width: 1321px) {
  .networks {
    justify-content: center; }
    .networks .globe-small-section {
      left: 50%;
      transform: translate(-50%, -50%); }
  .networks .col-1 {
    flex: 0 0 44%; }
  .networks .col-2 {
    flex: 0 0 56%; }
    .networks .col-2 .network-button-group {
      max-width: 100%;
      bottom: inherit;
      top: 88%; } }

@media screen and (max-width: 1110px) {
  .networks {
    padding: 0;
    flex-direction: column; }
    .networks .col-1,
    .networks .col-2 {
      flex: 1 1 100%;
      padding-left: 6.25%;
      padding-right: 6.25%; }
    .networks .col-1 .divider {
      display: none; }
    .networks .accounts-desktop {
      display: none; }
    .networks .col-3 {
      display: block;
      padding-top: 40px; }
      .networks .col-3 .accounts .account-item {
        padding-left: 6.25%;
        padding-right: 6.25%; } }

@media screen and (max-width: 768px) {
  .networks .accounts {
    flex-direction: column; }
    .networks .accounts .account-item:first-child {
      margin-right: 0;
      margin-bottom: 40px; }
    .networks .accounts .account-item:last-child {
      margin-left: 0; } }

/* CONSENSUS NODES */
.consensus-nodes {
  padding: 0 6.25% 80px;
  position: relative;
  color: white;
  background: #222222;
  overflow: hidden; }
  .consensus-nodes * {
    position: relative; }
  .consensus-nodes .size--l {
    font-size: 32px; }
  .consensus-nodes .bgImage {
    z-index: 0;
    height: 70%;
    top: 0;
    transform: translate(-50%, 0); }
  .consensus-nodes .row {
    display: flex; }
  .consensus-nodes .row-1 {
    display: block; }
    .consensus-nodes .row-1 .image-row {
      display: block;
      position: relative;
      width: 100%;
      padding-bottom: 50px; }
      .consensus-nodes .row-1 .image-row::after {
        content: "";
        display: block;
        position: relative;
        width: 1px;
        height: 1px;
        clear: both; }
      .consensus-nodes .row-1 .image-row img {
        display: block; }
      .consensus-nodes .row-1 .image-row .mirror-nodes-left {
        width: 50%;
        float: left; }
      .consensus-nodes .row-1 .image-row .mirror-nodes-right {
        width: 50%;
        position: absolute;
        top: calc(50% - 44px);
        left: 50%;
        transform: translateY(-50%); }
      .consensus-nodes .row-1 .image-row .mirror-nodes-mobile {
        width: 100%;
        display: none; }
    .consensus-nodes .row-1 .cta {
      text-transform: uppercase;
      display: inline-block;
      position: relative;
      font-size: 10px;
      line-height: 1;
      font-weight: 400;
      letter-spacing: 2px; }
      .consensus-nodes .row-1 .cta a {
        color: white;
        text-decoration: none;
        display: inline-block;
        padding-right: 35px; }
        .consensus-nodes .row-1 .cta a::after {
          content: "";
          line-height: 1;
          color: white;
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          background-image: url("/assets/images/HH-MirrorNodes-Icon-Arrow.svg");
          background-repeat: no-repeat;
          background-position: center right;
          background-size: 20px auto;
          width: 20px;
          height: 13px; }
    .consensus-nodes .row-1 .mirror-nodes {
      width: 50%;
      display: block;
      position: absolute;
      right: 0;
      top: 60%;
      min-width: 512px; }
      .consensus-nodes .row-1 .mirror-nodes .content-title {
        margin-bottom: 40px;
        font-weight: 300; }
        .consensus-nodes .row-1 .mirror-nodes .content-title span {
          text-transform: uppercase;
          font-size: 10px;
          letter-spacing: 2px;
          line-height: 1;
          font-weight: 400;
          margin-top: 9px;
          display: inline-block;
          position: absolute; }
      .consensus-nodes .row-1 .mirror-nodes .content-body {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 40px;
        font-weight: 300; }
  .consensus-nodes .row-2 {
    margin-top: 60px; }
    .consensus-nodes .row-2 .col {
      flex: 1 1 50%; }
    .consensus-nodes .row-2 .col-1 {
      padding-right: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .consensus-nodes .row-2 .col-1 .content-title {
        margin-bottom: 20px; }
      .consensus-nodes .row-2 .col-1 .content-body {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 40px;
        font-weight: 300; }
    .consensus-nodes .row-2 .col-2 {
      padding-left: 10px; }
      .consensus-nodes .row-2 .col-2 img {
        width: 80%;
        float: right; }
    .consensus-nodes .row-2 .mirror-nodes-button-group {
      display: flex;
      flex-direction: row; }
      .consensus-nodes .row-2 .mirror-nodes-button-group .is-white {
        padding-left: 20px;
        padding-right: 20px; }
      .consensus-nodes .row-2 .mirror-nodes-button-group .cta {
        margin-right: 20px; }
        .consensus-nodes .row-2 .mirror-nodes-button-group .cta:last-child {
          margin-right: 0; }
  .consensus-nodes .row-3 {
    margin-top: 60px;
    padding: 0 40px;
    background: linear-gradient(160deg, #2d84eb, #8259ef);
    min-height: 350px;
    position: relative; }
    .consensus-nodes .row-3 .col {
      flex: 0 0 50%;
      position: relative; }
    .consensus-nodes .row-3 .col-1 .content-title {
      margin-top: 40px;
      margin-bottom: 20px;
      font-weight: 300; }
    .consensus-nodes .row-3 .col-1 .content-body {
      font-size: 15px;
      line-height: 30px;
      margin-bottom: 40px;
      font-weight: 300; }
    .consensus-nodes .row-3 .col-1 .mirror-nodes-button-group {
      margin-bottom: 40px; }
    .consensus-nodes .row-3 .mirror-nodes-button-group {
      display: flex;
      flex-direction: row; }
      .consensus-nodes .row-3 .mirror-nodes-button-group .is-white {
        padding-left: 20px;
        padding-right: 20px; }
      .consensus-nodes .row-3 .mirror-nodes-button-group .cta {
        margin-right: 20px; }
        .consensus-nodes .row-3 .mirror-nodes-button-group .cta:last-child {
          margin-right: 0; }
    .consensus-nodes .row-3 .mobile-icon {
      display: none; }
    .consensus-nodes .row-3 .desktop-icon {
      height: 100%;
      display: block;
      position: absolute;
      right: 0;
      top: 0; }

@media (max-width: 1100px) {
  .consensus-nodes .row-1 .image-row .mirror-nodes-right {
    top: calc(50% - 42px); }
  .consensus-nodes .row-3 {
    min-height: 0;
    padding-bottom: 40px; }
    .consensus-nodes .row-3 .col-1 {
      flex: 0 0 100%; }
    .consensus-nodes .row-3 .col-2 {
      width: 50%;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      opacity: 0.2; } }

@media (max-width: 895px) {
  .consensus-nodes .row-2 {
    flex-direction: column; }
    .consensus-nodes .row-2 .col-1 {
      flex: 0 0 100%;
      padding: 0; }
    .consensus-nodes .row-2 .col-2 {
      margin-top: 40px;
      flex: 0 0 100%;
      padding: 0; }
      .consensus-nodes .row-2 .col-2 img {
        width: 100%;
        float: none; }
  .consensus-nodes .row-3 {
    margin-top: 120px; } }

@media (max-width: 768px) {
  .consensus-nodes {
    padding: 60px 0 0; }
    .consensus-nodes .row-2 {
      padding-left: 6.25%;
      padding-right: 6.25%;
      padding-bottom: 40px; }
    .consensus-nodes .row-1 {
      display: flex;
      flex-direction: column;
      margin-top: 40px; }
      .consensus-nodes .row-1 .image-row {
        order: 2;
        margin-top: 60px;
        padding-left: 6.25%; }
        .consensus-nodes .row-1 .image-row .mirror-nodes-left,
        .consensus-nodes .row-1 .image-row .mirror-nodes-right {
          display: none; }
        .consensus-nodes .row-1 .image-row .mirror-nodes-mobile {
          display: block; }
      .consensus-nodes .row-1 .mirror-nodes {
        order: 1;
        position: relative;
        top: 0;
        min-width: 0;
        width: calc(100% - 12.5%);
        padding-left: 6.25%;
        padding-right: 6.25%; }
    .consensus-nodes .row-3 {
      margin-top: 40px;
      padding-left: 6.25%;
      padding-right: 6.25%;
      width: calc(100% - 12.5%); }
      .consensus-nodes .row-3 .mobile-icon {
        display: block;
        position: relative;
        width: 120px;
        margin-top: 40px;
        margin-bottom: 0; }
      .consensus-nodes .row-3 .col-2 {
        display: none; }
  .network-nodes-gradient-banner h2 {
    margin-bottom: 20px; } }

@media (max-width: 580px) {
  .consensus-nodes .row-1 .mirror-nodes-button-group {
    display: block; }
    .consensus-nodes .row-1 .mirror-nodes-button-group .cta {
      float: left; }
    .consensus-nodes .row-1 .mirror-nodes-button-group .btn-docs {
      margin-bottom: 30px;
      float: none; }
    .consensus-nodes .row-1 .mirror-nodes-button-group .button-group-label {
      margin-left: 0;
      float: left; } }

.BlogContent .body-text img,
.BlogContent .image img {
  cursor: pointer; }

.image-modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #1d1f20;
  opacity: .9;
  z-index: 2000;
  cursor: pointer;
  display: none; }

.image-modal-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 8;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2001; }

.image-modal-table {
  display: table;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  max-width: 100%; }

.image-modal-table-cell {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  max-width: 100%; }

.image-modal {
  display: block;
  position: relative;
  padding: 40px;
  margin: 0 auto;
  max-width: 1200px;
  width: calc(85vw - 80px);
  background: white; }

.image-modal img {
  width: 100%;
  max-width: 100%; }

.image-modal-close {
  display: inline;
  position: absolute;
  top: 20px;
  right: 20px;
  color: grey;
  font-size: 20px;
  text-transform: uppercase;
  z-index: 2;
  transform: translate(50%, -50%); }

.modal-open {
  overflow: hidden; }

.benefits-graph img,
.use-case-items .third-item img {
  cursor: pointer; }

@media (min-width: 1024px) {
  .BlogContent .left .body-text img,
  .BlogContent .left .image img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-height: 700px; } }

@media (max-width: 1024px) {
  .image-modal {
    max-width: 100%; } }

.ellipse-hero {
  display: block;
  position: relative;
  background-color: white;
  padding: 0; }

.ellipse-hero-background {
  width: 108%;
  height: calc(100% + 200px);
  position: absolute;
  top: -200px;
  left: 0;
  display: block;
  overflow: hidden;
  z-index: 0; }

.ellipse-hero-background-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100.25%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: cover;
  object-position: center right; }

.ellipse-hero-top {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: end; }
  .ellipse-hero-top .col-2 {
    flex: 0 0 calc(48% - 290px);
    padding: 0 245px 0 45px; }
    .ellipse-hero-top .col-2 .ellipse-hero-logo {
      display: block;
      width: 83px;
      height: 69px;
      margin: 40px auto 0;
      cursor: pointer;
      position: relative; }
      .ellipse-hero-top .col-2 .ellipse-hero-logo .ellipse-hero-logo-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        position: absolute;
        z-index: 1; }

.ellipse-hero-image-right {
  display: block;
  position: absolute;
  max-width: 273px;
  height: auto;
  top: 76px;
  right: 0; }

.ellipse-hero-image-right-mobile {
  display: none; }

.ellipse-hero-inner {
  display: flex;
  position: relative;
  width: 100%;
  height: calc(100% - 200px);
  padding: 200px 0 0;
  justify-content: space-between; }
  .ellipse-hero-inner .col-1 {
    flex: 0 0 39.8%;
    padding: 0 5.95% 0 6.25%;
    display: block;
    position: relative;
    display: flex;
    flex-direction: column; }
  .ellipse-hero-inner .col-2 {
    flex: 0 0 calc(48% - 290px);
    padding: 0 245px 0 45px; }
  .ellipse-hero-inner .ellipse-hero-title,
  .ellipse-hero-inner .ellipse-hero-subtitle {
    z-index: 1;
    display: block;
    position: relative; }
  .ellipse-hero-inner .ellipse-hero-title {
    padding-right: 40px;
    margin: 0 0 30px; }
  .ellipse-hero-inner .ellipse-hero-title,
  .ellipse-hero-inner .ellipse-hero-title p {
    height: 126px;
    max-width: 457px;
    color: #FFFFFF;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    font-size: 36px;
    letter-spacing: -2.5px;
    line-height: 42px; }
  .ellipse-hero-inner .ellipse-hero-subtitle,
  .ellipse-hero-inner .ellipse-hero-subtitle p {
    height: 21px;
    max-width: 598px;
    color: #FFFFFF;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 21px; }
  .ellipse-hero-inner .ellipse-hero-subtitle {
    margin-bottom: 30px; }
  .ellipse-hero-inner .ellipse-hero-form-title {
    color: #464646;
    font-size: 22px;
    line-height: 1.18;
    letter-spacing: -0.05em;
    text-align: center;
    margin: 30px 35px 10px; }
  .ellipse-hero-inner .ellipse-hero-form-subtitle {
    color: #464646;
    font-size: 16px;
    line-height: 1.18;
    letter-spacing: -0.05em;
    margin: 0 35px 10px;
    text-align: center; }
  .ellipse-hero-inner .ellipse-hero-form-body {
    color: #FFFFFF;
    font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px; }
  .ellipse-hero-inner .ellipse-hero-body {
    color: #464646;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: -1px;
    margin: 0 auto 25px;
    text-align: center;
    max-width: 460px; }
  .ellipse-hero-inner .ellipse-hero-cta {
    text-align: center;
    margin-bottom: 10px; }
    .ellipse-hero-inner .ellipse-hero-cta .ellipse-hero-btn {
      background-color: #662d8f;
      border-color: #662d8f;
      color: white;
      margin: 0 auto; }
      .ellipse-hero-inner .ellipse-hero-cta .ellipse-hero-btn:hover {
        background-color: white;
        color: #662d8f; }

.ellipse-hero-gallery {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 25.5%;
  margin-top: auto;
  overflow: hidden;
  z-index: 1; }
  .ellipse-hero-gallery .ellipse-hero-gallery-inner {
    display: flex;
    position: absolute;
    width: 100%;
    top: 0; }
    .ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon {
      flex: 1 1 auto;
      width: calc(33.3333% - 14px);
      padding: 0 7px;
      object-fit: contain;
      object-position: top; }
      .ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(1) {
        padding-left: 0; }
      .ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(3) {
        padding-right: 0; }

.ellipse-hero-form {
  display: flex;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 460px;
  width: 100%;
  margin: 0 auto; }
  .ellipse-hero-form .contents {
    width: 100%; }
  .ellipse-hero-form.has-valid-email input {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 22px;
    border: 1px solid transparent;
    color: #979797;
    margin: 0 0 9px;
    font-size: 14px;
    font-style: italic;
    padding: 14px 24px;
    box-sizing: border-box; }
  .ellipse-hero-form.has-error input {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 22px;
    border: 1px solid #ff4300;
    color: #ff4300;
    margin: 0 0 9px;
    font-size: 14px;
    font-style: italic;
    padding: 14px 24px;
    box-sizing: border-box; }
  .ellipse-hero-form.has-error .input {
    color: #ff4300; }

.ellipse-hero-inner input[type="email"] {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 22px;
  border: 1px solid #fff;
  color: #fff;
  margin: 0 0 9px;
  font-size: 14px;
  font-weight: 300;
  padding: 14px 24px;
  box-sizing: border-box;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  background: transparent; }

.ellipse-hero-form input[type="email"]::placeholder {
  color: #b8b8b8;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  font-style: italic;
  font-weight: 300; }

.ellipse-hero-form input[type="email"]::-moz-placeholder {
  color: #b8b8b8;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  font-style: italic;
  font-weight: 300; }

.ellipse-hero-form input[type="email"]::-ms-input-placeholder {
  color: #b8b8b8;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  font-style: italic;
  font-weight: 300; }

.ellipse-hero-form input[type="email"]::-webkit-input-placeholder {
  color: #b8b8b8;
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  font-style: italic;
  font-weight: 300; }

.ellipse-hero-form input[type="submit"],
.ellipse-hero-form button[type="submit"],
.ellipse-hero-form button.Btn {
  float: right; }

@media (max-width: 1200px) {
  .ellipse-hero-top .col-2 {
    padding: 0;
    flex: 100%; }
    .ellipse-hero-top .col-2 .ellipse-hero-logo {
      margin-top: 11px;
      width: 60px; }
  .ellipse-hero-inner {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 190px; }
    .ellipse-hero-inner .col-1 {
      flex: 1 1 100%;
      width: 100%;
      padding: 0 12.5% 0;
      display: block; }
    .ellipse-hero-inner .col-2 {
      flex: 1 1 100%;
      width: 100%;
      padding: 45px 12.5%;
      background: white; }
    .ellipse-hero-inner .ellipse-hero-title {
      padding-right: 90px;
      width: calc(100% - 90px); }
    .ellipse-hero-inner .ellipse-hero-subtitle {
      margin-bottom: 0; }
    .ellipse-hero-inner .ellipse-hero-form-title {
      margin: 30px 0 10px; }
    .ellipse-hero-inner .ellipse-hero-form-subtitle {
      margin: 0 0 10px; }
    .ellipse-hero-inner .ellipse-hero-form-body {
      max-width: 335px;
      margin: 0 auto 10px;
      padding: 0;
      font-size: 14px;
      color: #222; }
  .ellipse-hero-background {
    width: 100vw;
    height: calc(100% + 100px);
    top: -100px; }
  .ellipse-hero-background-image {
    width: 115%; }
  .ellipse-hero-image-right-mobile {
    display: block;
    position: relative;
    margin: 45px auto 0;
    max-width: 256px;
    width: 100%; }
  .ellipse-hero-image-right {
    display: none; }
  .ellipse-hero-form {
    max-width: 335px; }
  .ellipse-hero-form input[type="submit"],
  .ellipse-hero-form button[type="submit"],
  .ellipse-hero-form button.Btn {
    width: 100%; }
  .ellipse-hero-gallery {
    margin-top: 90px; } }

@media (max-width: 768px) {
  .ellipse-hero-top .col-2 .ellipse-hero-logo {
    width: 72px;
    height: 62px;
    margin-top: 80px; }
  .ellipse-hero-inner .ellipse-hero-title,
  .ellipse-hero-inner .ellipse-hero-title p {
    font-size: 24px;
    letter-spacing: -1.01px;
    line-height: 32px;
    max-width: 365px; }
  .ellipse-hero-inner .ellipse-hero-subtitle,
  .ellipse-hero-inner .ellipse-hero-subtitle p {
    font-size: 16px; }
  .ellipse-hero-inner .ellipse-hero-form-title {
    font-size: 18px; }
  .ellipse-hero-inner .ellipse-hero-form-subtitle {
    font-size: 14px; }
  .ellipse-hero-inner .ellipse-hero-body {
    font-size: 14px; }
  .ellipse-hero-inner .ellipse-hero-gallery {
    padding-top: 30.5%; } }

@media (max-width: 650px) {
  .ellipse-hero-inner .ellipse-hero-title {
    padding-right: 0;
    width: 100%; }
  .ellipse-hero-inner .ellipse-hero-form {
    max-width: 335px;
    margin-top: 34px; }
  .ellipse-hero-background-image {
    width: 125%;
    object-position: top; }
  .ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon {
    width: calc(33.3333% - 8px);
    padding: 0 4px; }
  .ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(1) {
    padding-left: 0; }
  .ellipse-hero-gallery .ellipse-hero-gallery-inner .ellipse-hero-icon:nth-child(3) {
    padding-right: 0; } }

@media (max-width: 1200px) {
  .ellipse-hero-inner input[type="email"] {
    border: 1px solid #222;
    color: #222; } }

.ellipse-left {
  position: relative; }
  .ellipse-left .ellipse-left-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    z-index: -1; }
    .ellipse-left .ellipse-left-background .ellipse-left-background-image {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: contain;
      object-position: top left; }
    .ellipse-left .ellipse-left-background .ellipse-left-background-image-mobile {
      display: none;
      object-position: bottom left; }
  .ellipse-left.rightImage .ellipse-left-background .ellipse-left-background-image {
    width: 50%;
    left: auto;
    right: 0;
    object-fit: cover; }
  .ellipse-left .ellipse-left-title {
    color: #8C8C8C;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px;
    max-width: 690px;
    margin: 0 0 24px 0; }
  .ellipse-left .ellipse-left-body {
    color: #464646;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 42px;
    max-width: 690px;
    padding-bottom: 6.25%; }

@media (max-width: 1330px) {
  .ellipse-left .ellipse-left-title {
    max-width: 55%; }
  .ellipse-left .ellipse-left-body {
    max-width: 55%;
    padding-bottom: 6.25%; } }

@media (max-width: 1200px) {
  .ellipse-left .ellipse-left-background .ellipse-left-background-image {
    width: 110%; } }

@media (max-width: 1100px) {
  .ellipse-left .ellipse-left-background .ellipse-left-background-image {
    display: none; }
  .ellipse-left .ellipse-left-background .ellipse-left-background-image-mobile {
    display: block;
    width: 100%; }
  .ellipse-left.rightImage .ellipse-left-background .ellipse-left-background-image-mobile {
    object-fit: contain;
    width: 100%;
    object-position: bottom 0 right -2px;
    width: 102%; }
  .ellipse-left.rightImage .ellipse-left-body {
    padding-bottom: 30%; }
  .ellipse-left .ellipse-left-title {
    max-width: 100%;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px; }
  .ellipse-left .ellipse-left-body {
    max-width: 100%;
    padding-bottom: 0%;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 36px; }
  .section-v2 {
    padding: 12.5% 12.5% 0% 12.5%; } }

.ellipse-cta {
  background-color: #F4F4F4;
  display: block;
  position: relative; }
  .ellipse-cta .Btn {
    color: white; }
    .ellipse-cta .Btn:hover {
      color: #fff; }

.ellipse-cta-inner {
  padding: 120px 6.25%;
  display: block;
  position: relative; }

.ellipse-cta-background {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%; }

.ellipse-cta-desktop-background {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center; }

.ellipse-cta-mobile-background {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center left; }

.ellipse-cta-title {
  color: #8C8C8C;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: -1px;
  max-width: 690px;
  width: 100%;
  padding: 0 0 10px; }

.ellipse-cta-body {
  color: #464646;
  font-size: 26px;
  line-height: 1.61;
  padding-bottom: 60px;
  max-width: 690px;
  width: 100%; }

.ellipse-cta-collection-nav {
  display: flex;
  position: relative;
  width: 100%; }
  .ellipse-cta-collection-nav::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #464646;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; }

.ellipse-cta-collection-nav-item {
  color: #464646;
  font-size: 18px;
  line-height: 1;
  padding: 25px 60px;
  display: block;
  position: relative;
  cursor: pointer; }
  .ellipse-cta-collection-nav-item.selected::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #464646;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; }
  @media (min-width: 768px) {
    .ellipse-cta-collection-nav-item:hover::after {
      content: "";
      width: 100%;
      height: 3px;
      background-color: #464646;
      display: block;
      position: absolute;
      left: 0;
      bottom: 0; } }

.ellipse-cta-collections {
  display: block;
  width: 100%;
  position: relative;
  margin: 90px 0 0; }

.ellipse-cta-collections-item {
  display: none;
  justify-content: space-between;
  position: relative;
  grid-gap: 84px 40px; }
  .ellipse-cta-collections-item.selected {
    display: flex; }

.ellipse-cta-collection {
  border-radius: 20px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex: 1;
  border: 1px solid #464646;
  justify-content: center;
  align-items: center;
  padding: 50px 0 60px;
  background-color: #F4F4F4; }
  .ellipse-cta-collection::after {
    content: "";
    display: block;
    position: absolute;
    width: 52px;
    height: 3px;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: F4F4F4;
    z-index: 1; }

.ellipse-cta-collection-image-wrapper {
  height: 47px;
  padding: 5px 8px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #F4F4F4;
  border-radius: 8px; }
  .ellipse-cta-collection-image-wrapper img {
    width: auto;
    height: 47px;
    display: block;
    position: relative;
    object-fit: contain;
    object-position: center center;
    max-width: 156px; }

.ellipse-cta-collection-title {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  color: #464646;
  font-weight: 500;
  flex: 1 1 100%;
  text-align: center;
  padding: 0 18% 12px;
  max-width: 400px; }

.ellipse-cta-collection-body {
  font-size: 16px;
  line-height: 1.625;
  color: #464646;
  flex: 1 1 100%;
  text-align: center;
  padding: 0 18% 35px;
  max-width: 400px; }

.ellipse-cta-collection-cta {
  display: block;
  position: relative;
  width: 100%;
  max-width: 150px;
  cursor: pointer; }

.ellipse-cta-collection-number-wrapper {
  width: 35px;
  padding: 0 8px;
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2; }
  .ellipse-cta-collection-number-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    position: relative; }

@media (max-width: 1250px) {
  .ellipse-cta-collection-title {
    padding: 0 30px 12px; }
  .ellipse-cta-collection-body {
    padding: 0 30px 35px; } }

@media (max-width: 1100px) {
  .ellipse-cta-inner {
    padding: 12.5%; }
  .ellipse-cta-collection-nav-item {
    flex: 1 1 auto;
    text-align: center;
    padding: 20px 0; }
  .ellipse-cta-collections-item {
    flex-wrap: wrap;
    justify-content: center; }
  .ellipse-cta-collection {
    flex: 0 0 calc(50% - 32px); } }

@media (max-width: 900px) {
  .ellipse-cta-collections-item {
    grid-gap: 0; }
  .ellipse-cta-collections {
    min-height: 940px; }
  .ellipse-cta-collection {
    flex: 0 0 100%;
    flex-flow: column;
    margin-bottom: 104px; }
    .ellipse-cta-collection:last-child {
      margin-bottom: 0; }
  .ellipse-cta-desktop-background {
    display: none; }
  .ellipse-cta-mobile-background {
    display: block; }
  .ellipse-cta-background {
    height: 58%;
    left: 0;
    bottom: 170px; } }

@media (max-width: 768px) {
  .ellipse-cta-body {
    font-size: 22px; } }

.ellipse-footnote {
  background-color: #464646; }
  .ellipse-footnote .ellipse-footnote-body {
    max-width: 826px;
    text-align: center;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px; }
    .ellipse-footnote .ellipse-footnote-body a {
      text-decoration: none;
      color: #FFFFFF;
      text-decoration: underline; }
      .ellipse-footnote .ellipse-footnote-body a:hover {
        color: #FFFFFF; }

.ellipse-gallery {
  display: block;
  position: relative; }

.ellipse-gallery-inner {
  display: flex;
  position: relative;
  padding: 20px 6.25% 150px; }
  .ellipse-gallery-inner > .col-1,
  .ellipse-gallery-inner > .col-2 {
    flex: 1 1 50%;
    display: block;
    position: relative; }
  .ellipse-gallery-inner > .col-1 {
    padding-right: 30px; }
  .ellipse-gallery-inner > .col-2 {
    padding-left: 30px; }
  .ellipse-gallery-inner .container {
    display: flex;
    position: relative;
    padding: 0 0 5vw; }
    .ellipse-gallery-inner .container .container-col-1 {
      padding-right: 30px;
      flex: 1 1 45%; }
      .ellipse-gallery-inner .container .container-col-1 .ellipse-gallery-image-1 {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        margin-bottom: 30px; }
    .ellipse-gallery-inner .container .container-col-2 {
      padding-left: 30px;
      flex: 1 1 55%; }
      .ellipse-gallery-inner .container .container-col-2 .ellipse-gallery-body {
        font-size: 16px;
        letter-spacing: -1px;
        line-height: 1.625; }
  .ellipse-gallery-inner .market-container {
    display: flex;
    position: relative;
    justify-content: space-between; }
    .ellipse-gallery-inner .market-container .place {
      flex: 0 0 calc(33.3333% - 30px);
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: self-end; }
      .ellipse-gallery-inner .market-container .place img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        margin-bottom: 40px;
        max-width: 90%;
        max-height: 118px;
        object-fit: contain; }
      .ellipse-gallery-inner .market-container .place .Btn {
        line-height: 1.3;
        min-height: 30px;
        padding: 3px 20px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative; }

.ellipse-gallery-title {
  font-size: 36px;
  color: #464646;
  line-height: 1.3;
  padding: 20px 0;
  border-bottom: 1px solid #464646;
  margin-bottom: 45px; }

.ellipse-gallery-collection-body {
  line-height: 1.625;
  letter-spacing: -1px;
  padding: 0 0 30px;
  font-size: 16px; }

.ellipse-gallery-collection {
  display: block;
  position: relative;
  padding: 0 0 45px; }

.ellipse-gallery-collection-inner {
  display: flex;
  justify-content: space-between; }
  .ellipse-gallery-collection-inner .collection {
    flex: 0 0 28%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center; }
    .ellipse-gallery-collection-inner .collection .collection-image {
      max-width: 240px;
      width: 100%;
      height: auto;
      display: block;
      position: relative;
      margin: 0 0 15px; }
    .ellipse-gallery-collection-inner .collection .collection-caption {
      margin: 0 0 5px;
      font-size: 16px;
      letter-spacing: -1px;
      line-height: 1.2;
      font-weight: 500;
      width: 100%;
      text-align: center; }
    .ellipse-gallery-collection-inner .collection .collection-button-row {
      display: flex;
      align-items: center;
      margin: auto 0 0;
      flex-wrap: wrap;
      justify-content: center; }
    .ellipse-gallery-collection-inner .collection .collection-button {
      flex: 1 1 auto;
      position: relative;
      margin: 10px 10px 0 0; }
    .ellipse-gallery-collection-inner .collection .collection-social {
      flex: 0 0 30px;
      border: 1px solid #3FC878;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px 0 0;
      transition: background-color 0.1s ease-out; }
      .ellipse-gallery-collection-inner .collection .collection-social:hover {
        background-color: #3FC878; }
        .ellipse-gallery-collection-inner .collection .collection-social:hover .collection-icon #NFT-LP---Desktop---1 {
          fill: #ffffff; }
      .ellipse-gallery-collection-inner .collection .collection-social .collection-icon {
        width: 14px;
        height: auto; }
        .ellipse-gallery-collection-inner .collection .collection-social .collection-icon svg {
          margin-top: 4px;
          width: 100%; }

.ellipse-gallery-banner {
  display: flex;
  position: absolute;
  justify-content: space-between;
  border: 1px solid #464646;
  border-radius: 17px;
  height: 102px;
  overflow: hidden;
  align-items: center;
  padding: 0 20px;
  bottom: 0;
  width: calc(100% - 70px); }

.ellipse-gallery-banner-background {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  right: 0;
  top: 0;
  z-index: 0; }

.ellipse-gallery-banner-title {
  z-index: 1;
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 1.625;
  color: #fff;
  width: 60%; }

.ellipse-gallery-banner-btn {
  z-index: 1;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ellipse-gallery-banner-btn:hover .ellipse-gallery-banner-icon #NFT-LP---Desktop---1 {
    stroke: #3FC878; }

.ellipse-gallery-banner-icon {
  width: 16px;
  height: auto;
  display: inline-block;
  margin: 6px 10px 0 0; }

@media (max-width: 1100px) {
  .ellipse-gallery-inner {
    flex-wrap: wrap;
    padding: 12.5%; }
    .ellipse-gallery-inner > .col-1,
    .ellipse-gallery-inner > .col-2 {
      flex: 1 1 100%; }
    .ellipse-gallery-inner > .col-1 {
      padding-right: 0; }
    .ellipse-gallery-inner > .col-2 {
      padding-left: 0; }
    .ellipse-gallery-inner .container {
      padding-bottom: 60px; }
      .ellipse-gallery-inner .container .container-col-1 .ellipse-gallery-image-1 {
        max-width: 350px; }
    .ellipse-gallery-inner .market-container {
      padding-bottom: 60px; }
      .ellipse-gallery-inner .market-container .place {
        max-width: 200px; }
        .ellipse-gallery-inner .market-container .place img {
          max-width: 200px; }
  .ellipse-gallery-collection-body {
    padding: 0 0 60px; }
  .ellipse-gallery-banner {
    position: relative;
    width: calc(100% - 40px);
    bottom: inherit;
    flex-direction: column;
    align-items: start;
    padding: 30px 20px; }
  .ellipse-gallery-collection {
    padding: 0 0 80px; }
  .ellipse-gallery-banner-background {
    display: none; }
  .ellipse-gallery-banner-background-mobile {
    display: block;
    width: 100%; } }

@media (max-width: 600px) {
  .ellipse-gallery-inner .container {
    flex-wrap: wrap; }
    .ellipse-gallery-inner .container .container-col-1 {
      padding-right: 0;
      flex: 1 1 100%;
      order: 2; }
    .ellipse-gallery-inner .container .container-col-2 {
      padding-left: 0;
      padding-bottom: 30px;
      flex: 1 1 100%;
      order: 1; }
  .ellipse-gallery-banner-background-mobile {
    width: 100%; } }

@media (max-width: 500px) {
  .ellipse-gallery-title {
    font-size: 28px; }
  .ellipse-gallery-inner .container .container-col-1 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ellipse-gallery-inner .container .container-col-1 .ellipse-gallery-image-1 {
      width: 50%;
      max-width: 180px;
      margin-bottom: 0; }
  .ellipse-gallery-inner .market-container {
    justify-content: center;
    flex-wrap: wrap; }
    .ellipse-gallery-inner .market-container .place {
      max-width: 100%;
      flex: 1 1 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap; }
      .ellipse-gallery-inner .market-container .place:not(:last-child) {
        margin-bottom: 30px; }
      .ellipse-gallery-inner .market-container .place img {
        width: 50%;
        margin-bottom: 0;
        max-width: 180px;
        height: auto;
        object-fit: contain;
        object-position: left center;
        max-height: 112px; }
  .ellipse-gallery-collection {
    padding: 0;
    width: 100vw;
    height: 414px;
    left: -12.5vw;
    overflow-x: auto;
    display: block;
    position: absolute;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
  .ellipse-gallery-collection::-webkit-scrollbar {
    display: none; }
  .ellipse-gallery-collection-inner {
    width: 832px;
    padding: 0 12.5vw; }
  .ellipse-gallery-banner {
    height: auto;
    margin-top: 464px;
    flex-direction: column;
    align-items: flex-start; }
  .ellipse-gallery-banner-title {
    width: 100%;
    max-width: 230px;
    padding-bottom: 20px; } }

@media (max-width: 767px) {
  .market-container .Btn, .container-col-1 .Btn {
    min-width: 115px; } }

.Btn.is-white.has-bg {
  z-index: 1; }

.ellipse-graph .ellipse-graph-title {
  padding-bottom: 20px;
  color: #464646;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43px;
  border-bottom: 1px solid #464646; }

.ellipse-graph .ellipse-graph-inner {
  position: relative;
  height: 50vw; }
  .ellipse-graph .ellipse-graph-inner .ellipse-graph-body {
    color: #464646;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px;
    max-width: 690px;
    margin-bottom: 65px;
    padding-top: 20px; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-body a {
      color: #464646; }
  .ellipse-graph .ellipse-graph-inner .ellipse-graph-study-image {
    width: 283px;
    height: auto;
    margin-bottom: 60px; }
  .ellipse-graph .ellipse-graph-inner .ellipse-graph-key {
    display: flex; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-image {
      width: 24px;
      height: auto; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text {
      margin-left: 16px; }
      .ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-title {
        color: #464646;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 31px; }
      .ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-subtitle {
        color: #464646;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 22px; }
  .ellipse-graph .ellipse-graph-inner .ellipse-graph-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    z-index: -1; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: contain;
      object-position: top left; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph-mobile {
      display: none; }

@media (max-width: 1100px) {
  .ellipse-graph .ellipse-graph-title {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px; }
  .ellipse-graph .ellipse-graph-inner {
    height: auto; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-body {
      font-size: 16px;
      letter-spacing: -0.95px;
      line-height: 26px;
      margin-bottom: 40px; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-study-image {
      margin-bottom: 40px; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-key {
      margin-bottom: 40px; }
      .ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-title {
        font-size: 19px;
        letter-spacing: 0;
        line-height: 23px; }
      .ellipse-graph .ellipse-graph-inner .ellipse-graph-key .ellipse-graph-key-text .ellipse-graph-key-subtitle {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 22px; }
    .ellipse-graph .ellipse-graph-inner .ellipse-graph-image {
      position: relative; }
      .ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph {
        display: none;
        position: relative; }
      .ellipse-graph .ellipse-graph-inner .ellipse-graph-image .ellipse-graph-image-graph-mobile {
        display: block; } }

.ellipse-image {
  position: relative; }
  .ellipse-image .ellipse-image-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    z-index: -1; }
    .ellipse-image .ellipse-image-background .ellipse-image-background-image {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center; }
    .ellipse-image .ellipse-image-background .ellipse-image-background-image-mobile {
      width: 100%;
      display: none; }
  .ellipse-image .ellipse-image-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #464646;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 43px;
    border-bottom: 1px solid #464646; }
  .ellipse-image .ellipse-image-body {
    color: #464646;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px;
    max-width: 690px;
    margin-bottom: 40px; }
    .ellipse-image .ellipse-image-body a {
      color: #464646; }
  .ellipse-image .row {
    display: flex; }
    .ellipse-image .row.justify-content--left {
      justify-content: start; }
    .ellipse-image .row.justify-content--right {
      justify-content: end; }
    .ellipse-image .row .col {
      padding: 0;
      width: 50%;
      box-sizing: border-box; }
    .ellipse-image .row .col-1 {
      padding: 0 30px 0; }
    .ellipse-image .row .col-2 {
      padding: 0 0 0 30px; }
  .ellipse-image .ellipse-image-main-image {
    width: 100%;
    margin-top: 42px;
    margin-bottom: 42px; }

@media (max-width: 1250px) {
  .ellipse-image .ellipse-image-background .ellipse-image-background-image {
    width: 120%; } }

@media (max-width: 1100px) {
  .ellipse-image .ellipse-image-background .ellipse-image-background-image {
    display: none;
    width: 100%;
    object-fit: cover; }
  .ellipse-image .ellipse-image-background .ellipse-image-background-image-mobile {
    display: block;
    object-position: top -25px left 0; }
  .ellipse-image .ellipse-image-title {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px; }
  .ellipse-image .ellipse-image-body {
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px;
    max-width: 100%; }
  .ellipse-image .row .col {
    width: 100%; }
  .ellipse-image .row .col-1 {
    padding: 0; }
  .ellipse-image .row .col-2 {
    padding: 0; } }

.ellipse-table {
  position: relative; }
  .ellipse-table .ellipse-table-background {
    background-color: #FFFAF4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    z-index: -1; }
    .ellipse-table .ellipse-table-background .ellipse-table-background-image {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center; }
    .ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
      width: 100%;
      display: none; }
  .ellipse-table .ellipse-table-title {
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px;
    max-width: 550px;
    margin: 0 0 24px 0; }
  .ellipse-table .ellipse-table-body {
    color: #fff;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 42px;
    max-width: 550px;
    margin-bottom: 160px; }
  .ellipse-table .row {
    display: flex; }
    .ellipse-table .row .col {
      padding: 0;
      width: 50%;
      box-sizing: border-box; }
    .ellipse-table .row .col-1 {
      padding: 0 30px 0; }
    .ellipse-table .row .col-2 {
      padding: 0 0 0 30px; }
  .ellipse-table .ellipse-table-title-title {
    margin-bottom: 20px;
    color: #fff;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 43px; }
  .ellipse-table .ellipse-table-table {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 0; }
    .ellipse-table .ellipse-table-table table {
      width: 100%;
      border-collapse: collapse; }
    .ellipse-table .ellipse-table-table tr {
      padding: 0 0 10px; }
      .ellipse-table .ellipse-table-table tr th {
        text-align: left;
        color: #fff;
        font-size: 16px;
        letter-spacing: -0.95px;
        line-height: 26px; }
      .ellipse-table .ellipse-table-table tr th:first-child {
        min-width: 9vw; }
      .ellipse-table .ellipse-table-table tr th:last-child {
        text-align: right; }
      .ellipse-table .ellipse-table-table tr td {
        padding: 10px 0;
        text-align: left;
        font-size: 16px;
        letter-spacing: -1px;
        color: #fff; }
      .ellipse-table .ellipse-table-table tr td:last-child {
        text-align: right; }

@media (max-width: 1500px) {
  .ellipse-table .ellipse-table-body {
    max-width: 400px; }
  .ellipse-table .ellipse-table-background {
    /*
            .ellipse-table-background-image {
                display: none          
            }

            .ellipse-table-background-image-mobile {
                display: block;          
            }
*/ } }

/*
@media (max-width: 1330px) {
    .ellipse-table {
        
        .ellipse-table-title {
            max-width: 55%;
        }

        .ellipse-table-body {
            max-width: 55%;
        }
    }

}
*/
@media (max-width: 1100px) {
  .ellipse-table .ellipse-table-title {
    max-width: 100%;
    font-size: 16px;
    letter-spacing: -0.95px;
    line-height: 26px; }
  .ellipse-table .ellipse-table-body {
    max-width: 500px;
    padding-bottom: 0px;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 36px; }
  .ellipse-table .ellipse-table-background .ellipse-table-background-image {
    display: none; }
  .ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
    display: block;
    width: 102%;
    left: -1%; }
  .ellipse-table .row .col {
    width: 100%; }
  .ellipse-table .row .col-1 {
    padding: 0;
    height: 270px; }
  .ellipse-table .row .col-2 {
    padding: 0; }
  .ellipse-table .row.first-table {
    margin-bottom: 0px; }
  .ellipse-table .ellipse-table-title-title {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 34px; }
  .ellipse-table .ellipse-table-table table {
    table-layout: fixed; }
  .ellipse-table .ellipse-table-table tr th {
    font-size: 11px;
    letter-spacing: -0.65px;
    line-height: normal; }
  .ellipse-table .ellipse-table-table tr td {
    font-size: 11px;
    letter-spacing: -0.65px; } }

@media (max-width: 700px) {
  .ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
    width: 110%; } }

@media (max-width: 500px) {
  .ellipse-table .ellipse-table-background .ellipse-table-background-image-mobile {
    width: 102%; } }

.ellipse-table .row.justify-content--right {
  gap: 60px;
  display: flex;
  flex-direction: inherit;
  padding-bottom: 100px; }

@media (max-width: 1100px) {
  .ellipse-table .row.justify-content--right {
    gap: 60px;
    display: flex;
    flex-direction: column;
    padding-bottom: 60px; } }

@media only screen and (min-width: 1100px) {
  .ellipse-table .ellipse-table-table table {
    min-height: 284px; } }

@media screen and (max-width: 1100px) {
  .ellipse-table .ellipse-table-background {
    padding-bottom: 20px; }
  div#colTwo {
    margin-bottom: 30px; } }

.ecosystem-section {
  background-color: white;
  padding: 90px 0 0;
  position: relative;
  overflow: hidden; }
  .ecosystem-section.fallback-bg {
    background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Desktop-Flat.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
  .ecosystem-section .bgImage {
    position: absolute;
    width: 101%;
    height: 101%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .ecosystem-section .bgImageMobile {
    display: none; }
  .ecosystem-section svg {
    width: 100%;
    height: 100%; }
    .ecosystem-section svg path, .ecosystem-section svg polygon, .ecosystem-section svg polyline, .ecosystem-section svg line {
      vector-effect: non-scaling-stroke; }
  .ecosystem-section .ecosystem-filter {
    margin: 0 6.25% 0 6.25%;
    position: relative; }
    .ecosystem-section .ecosystem-filter .row-top {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding-bottom: 10px;
      padding-right: 20px; }
      .ecosystem-section .ecosystem-filter .row-top .heading {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -1px;
        line-height: 19px;
        color: #222222; }
      .ecosystem-section .ecosystem-filter .row-top .text-link {
        padding: 0;
        border: none;
        background-color: transparent;
        text-decoration: underline;
        cursor: pointer;
        font-size: 14px;
        letter-spacing: -0.88px;
        line-height: 17px;
        font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif; }
        .ecosystem-section .ecosystem-filter .row-top .text-link:hover {
          text-decoration: none; }
        .ecosystem-section .ecosystem-filter .row-top .text-link.is-red {
          color: #FF4200; }
    .ecosystem-section .ecosystem-filter .row-bottom {
      padding: 16px 0;
      border-top: 1px solid #222222;
      border-bottom: 1px solid #222222;
      background-color: #FFFFFFB3;
      display: flex;
      flex-direction: column; }
    .ecosystem-section .ecosystem-filter .ecosystem-filter-section {
      display: flex; }
      .ecosystem-section .ecosystem-filter .ecosystem-filter-section:not(:last-child) {
        padding-bottom: 20px; }
      .ecosystem-section .ecosystem-filter .ecosystem-filter-section .filter-label {
        color: #222222;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -0.72px;
        padding: 0 35px 0 0;
        position: relative;
        text-align: left;
        align-items: center;
        white-space: nowrap; }
      .ecosystem-section .ecosystem-filter .ecosystem-filter-section .ecosystem-tags {
        align-items: center;
        justify-content: start;
        align-self: flex-start;
        padding: 0;
        min-height: auto; }

@media screen and (max-width: 1100px) {
  .ecosystem-section {
    padding: 60px 0 0; }
    .ecosystem-section.fallback-bg {
      background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Mobile-Flat.jpg");
      background-position: top;
      background-size: 100%;
      background-repeat: repeat; }
    .ecosystem-section .bgImageMobile {
      display: block; }
    .ecosystem-section .bgImageHasMobile {
      display: none; }
    .ecosystem-section .ecosystem-filter {
      padding: 16px 0 0;
      margin: 0 12.5%; }
      .ecosystem-section .ecosystem-filter .row-bottom {
        flex-direction: column;
        padding: 10px 0; }
      .ecosystem-section .ecosystem-filter .ecosystem-filter-section {
        flex-direction: column;
        gap: 10px; }
        .ecosystem-section .ecosystem-filter .ecosystem-filter-section .filter-label {
          max-width: 100%;
          padding-right: 0;
          margin-right: 0; }
          .ecosystem-section .ecosystem-filter .ecosystem-filter-section .filter-label br {
            display: none; } }

.ecosystem-hero {
  height: 430px;
  overflow: hidden; }
  .ecosystem-hero .hero-image {
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden; }
    .ecosystem-hero .hero-image .bgImage {
      display: block;
      position: absolute;
      min-width: 101%;
      height: 101%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      object-fit: cover; }
  .ecosystem-hero .text {
    position: absolute;
    left: 6.25%;
    right: 6.25%;
    top: 125px;
    color: white; }
    .ecosystem-hero .text .back-button {
      margin-bottom: 30px;
      font-weight: 500; }
    .ecosystem-hero .text .heading {
      font-size: 36px;
      letter-spacing: -2.5px; }
    .ecosystem-hero .text .content-body {
      margin-top: 10px;
      font-size: 15px;
      font-weight: 400;
      letter-spacing: -1px;
      line-height: 24px;
      max-width: 600px; }
    .ecosystem-hero .text .actions {
      display: flex;
      flex-wrap: wrap;
      margin-top: 23px;
      column-gap: 12px; }
      .ecosystem-hero .text .actions .secondary-cta {
        margin-left: 0; }

@media screen and (max-width: 1100px) {
  .ecosystem-hero {
    min-height: 85vh; }
    .ecosystem-hero .hero-image .bgImage {
      min-height: 100%;
      width: auto;
      object-fit: cover;
      object-position: bottom; }
    .ecosystem-hero .text {
      left: 12.5%;
      right: 12.5%;
      top: 135px; }
      .ecosystem-hero .text .content-body {
        margin-top: 20px; }
      .ecosystem-hero .text .actions {
        row-gap: 10px; } }

@media screen and (max-width: 768px) {
  .ecosystem-hero .text .actions {
    flex-direction: column;
    align-items: start;
    row-gap: 0; }
    .ecosystem-hero .text .actions .Btn:not(:first-child) {
      margin-top: 10px; } }

.ecosystem-carousels {
  background-color: white;
  background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Desktop-Flat.jpg");
  background-size: cover; }
  .ecosystem-carousels .ecosystem-carousel {
    padding: 90px 6.25% 30px 6.25%; }
    .ecosystem-carousels .ecosystem-carousel:last-child {
      padding-bottom: 120px; }
    .ecosystem-carousels .ecosystem-carousel .heading-row {
      border-bottom: 1px solid #222222;
      padding-bottom: 20px;
      margin-bottom: 35px;
      display: flex;
      justify-content: space-between;
      align-items: end; }
      .ecosystem-carousels .ecosystem-carousel .heading-row .heading {
        font-size: 36px;
        font-weight: 300;
        color: #222222;
        line-height: 43px;
        letter-spacing: -2.5px; }
      .ecosystem-carousels .ecosystem-carousel .heading-row .Btn {
        min-width: 140px; }
    .ecosystem-carousels .ecosystem-carousel .slider-controls {
      position: relative; }
      .ecosystem-carousels .ecosystem-carousel .slider-controls button {
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        top: 106px;
        width: 80px;
        height: 80px;
        display: inline-block;
        background-color: transparent;
        border: none;
        cursor: pointer; }
        .ecosystem-carousels .ecosystem-carousel .slider-controls button.swiper-button-disabled {
          display: none; }
        .ecosystem-carousels .ecosystem-carousel .slider-controls button.next {
          right: 0;
          z-index: 10;
          background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg"); }
        .ecosystem-carousels .ecosystem-carousel .slider-controls button.prev {
          left: 0;
          z-index: 5;
          background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg");
          -moz-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
          filter: FlipH;
          -ms-filter: "FlipH"; }
    .ecosystem-carousels .ecosystem-carousel .fade-wrapper-next {
      -webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .ecosystem-carousels .ecosystem-carousel .fade-wrapper-next.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .ecosystem-carousels .ecosystem-carousel .fade-wrapper-prev {
      -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .ecosystem-carousels .ecosystem-carousel .fade-wrapper-prev.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }

@media screen and (max-width: 1100px) {
  .ecosystem-carousels {
    background-image: url("/assets/images/ecosystem/HH-Ecosystem-Lines-BG-Mobile-Flat.jpg"); }
    .ecosystem-carousels .ecosystem-carousel {
      padding: 80px 0 0 0;
      overflow: hidden; }
      .ecosystem-carousels .ecosystem-carousel .heading-row {
        flex-direction: column;
        align-items: start;
        row-gap: 20px;
        margin-left: 12.5%;
        margin-right: 12.5%; }
        .ecosystem-carousels .ecosystem-carousel .heading-row .heading {
          font-size: 28px;
          letter-spacing: -1.94px;
          line-height: 34px; }
      .ecosystem-carousels .ecosystem-carousel .slider-controls {
        display: none; }
      .ecosystem-carousels .ecosystem-carousel .fade-wrapper-next {
        -webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .ecosystem-carousels .ecosystem-carousel .fade-wrapper-prev {
        -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 0 12.5%;
        transition: 0.25s padding ease-out; }
      .ecosystem-carousels .ecosystem-carousel .swiper {
        overflow: visible; } }

.ecosystem-archive {
  position: relative; }
  .ecosystem-archive .no-results {
    padding: 6.25%; }
  .ecosystem-archive .pagination + .ecosystem-list {
    padding-top: 0;
    padding-bottom: 0; }
  .ecosystem-archive .ecosystem-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(276px, 1fr));
    gap: 40px;
    padding: 60px 6.25% 6.25%; }
    .ecosystem-archive .ecosystem-list .ecosystem-card.swiper-slide {
      width: 100%;
      max-width: calc(50vw - 6.25vw - 20px); }
      .ecosystem-archive .ecosystem-list .ecosystem-card.swiper-slide .card-container {
        width: 100%; }

@media screen and (max-width: 1100px) {
  .ecosystem-archive .ecosystem-list {
    padding: 60px 12.5% 12.5%; }
    .ecosystem-archive .ecosystem-list .ecosystem-card.swiper-slide {
      max-width: none; } }

@media screen and (max-width: 480px) {
  .ecosystem-archive .ecosystem-list {
    gap: 0; }
    .ecosystem-archive .ecosystem-list .ecosystem-card:not(:last-child) {
      margin-bottom: 40px; } }

.ecosystem-card {
  display: flex; }
  .ecosystem-card.swiper-slide {
    width: 276px;
    height: auto; }
  .ecosystem-card .card-container {
    background-image: radial-gradient(circle at 100% 100%, transparent 8px, #2d84eb 8px, #2d84eb 10px, transparent 10px), linear-gradient(to right, #2d84eb, #8259ef), radial-gradient(circle at 0% 100%, transparent 8px, #8259ef 8px, #8259ef 10px, transparent 10px), linear-gradient(to bottom, #8259ef, #2e86eb), radial-gradient(circle at 0% 0%, transparent 8px, #2e86eb 8px, #2e86eb 10px, transparent 10px), linear-gradient(to left, #2e86eb, #2d85eb), radial-gradient(circle at 100% 0%, transparent 8px, #2d85eb 8px, #2d85eb 10px, transparent 10px), linear-gradient(to top, #2d85eb, #2d84eb);
    background-size: 10px 10px, calc(100% - 20px) 2px, 10px 10px, 2px calc(100% - 20px);
    background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
    background-repeat: no-repeat;
    background-color: #FFFFFFB3;
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 276px;
    box-sizing: border-box; }
    .ecosystem-card .card-container .content .logo {
      height: 80px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .ecosystem-card .card-container .content .logo img {
        margin: auto;
        height: 100%;
        width: 70%;
        max-height: 80px;
        object-fit: contain; }
    .ecosystem-card .card-container .content .divider {
      width: 100%;
      height: 1px;
      background-color: #222222;
      margin-top: 10px; }
    .ecosystem-card .card-container .content .title {
      min-height: 16px;
      font-size: 16px;
      letter-spacing: -1px;
      color: #222222;
      margin-top: 10px;
      text-align: center;
      font-weight: 500; }
    .ecosystem-card .card-container .content .contentSub {
      min-height: 72px;
      font-size: 16px;
      letter-spacing: -1px;
      color: #222222;
      margin-top: 10px;
      text-align: center;
      line-height: 24px; }
    .ecosystem-card .card-container .content .subtitle {
      min-height: 12px;
      font-size: 12px;
      letter-spacing: -1px;
      text-transform: uppercase;
      color: #8c8c8c;
      text-align: center;
      margin-top: 8px; }
    .ecosystem-card .card-container .content .links {
      padding-top: 17px;
      display: flex;
      justify-content: center;
      gap: 14px;
      min-height: 18px; }
      .ecosystem-card .card-container .content .links .link {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 18px;
        height: 18px;
        display: inline-block; }
      .ecosystem-card .card-container .content .links .link-case-study {
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-CaseStudy.png"); }
      .ecosystem-card .card-container .content .links .link-website {
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Site.png"); }
      .ecosystem-card .card-container .content .links .link-discord {
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Discord.png"); }
      .ecosystem-card .card-container .content .links .link-telgram {
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Telgram.png"); }
      .ecosystem-card .card-container .content .links .link-twitter {
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Tweet.png"); }
  .ecosystem-card.item-theme-transparent {
    width: 33%; }
    .ecosystem-card.item-theme-transparent .card-container {
      background-image: none;
      background-color: transparent;
      width: 100%;
      padding: 48px 20px 68px; }
      .ecosystem-card.item-theme-transparent .card-container .content .logo {
        align-items: start;
        height: 50px; }
        .ecosystem-card.item-theme-transparent .card-container .content .logo img {
          margin: 0;
          max-height: 50px;
          object-position: left; }
      .ecosystem-card.item-theme-transparent .card-container .content .contentSub {
        text-align: left;
        color: white;
        font-size: 16px;
        letter-spacing: -1px;
        line-height: 21px; }
      .ecosystem-card.item-theme-transparent .card-container .content .subtitle {
        text-align: left;
        color: white;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        min-height: 15px;
        margin-top: 20px; }
      .ecosystem-card.item-theme-transparent .card-container .content .lowerCard {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        min-height: 72px; }
        .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links {
          padding: 0;
          min-height: 30px; }
          .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links:first-child {
            min-height: 30px; }
          .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links:last-child {
            min-height: 32px; }
          .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links .link {
            background-size: 14px;
            width: 30px;
            height: 30px;
            border: 1px solid white;
            border-radius: 30px; }
            .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links .link.link-case-study {
              background-image: url("/assets/images/ecosystem/HH-Eco-Icon-CaseStudy-white.png"); }
            .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links .link.link-website {
              background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Site-white.png"); }
            .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links .link.link-discord {
              background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Discord-white.png"); }
            .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links .link.link-telgram {
              background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Telgram-white.png"); }
            .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links .link.link-twitter {
              background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Tweet-white.png"); }

.lowerCard {
  display: grid;
  align-content: center;
  min-height: 82px; }

@media screen and (max-width: 1100px) {
  .ecosystem-card {
    min-height: 262px; }
    .ecosystem-card.swiper-slide {
      width: 220px; }
    .ecosystem-card .card-container {
      padding: 20px 22px; }
    .ecosystem-card.item-theme-transparent {
      width: 100%; }
      .ecosystem-card.item-theme-transparent .card-container {
        width: 100%;
        padding: 48px 0 155px; }
        .ecosystem-card.item-theme-transparent .card-container .content .subtitle {
          min-height: auto;
          line-height: 24px; }
        .ecosystem-card.item-theme-transparent .card-container .content .lowerCard {
          flex-direction: column;
          min-height: auto;
          margin-top: 20px; }
          .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links {
            justify-content: start; }
            .ecosystem-card.item-theme-transparent .card-container .content .lowerCard .links:not(:last-child) {
              margin: 0 0 10px; } }

.ecosystem-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  padding-bottom: 15px;
  min-height: 43px; }
  .ecosystem-tags .tag {
    border: 1px solid #222222;
    border-radius: 9px;
    font-size: 10px;
    color: #222222;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.42px;
    padding: 2px 10px;
    cursor: pointer; }
    .ecosystem-tags .tag.selected {
      border: none;
      color: white;
      padding: 3px 11px;
      background: linear-gradient(135.9deg, #496EAE 0%, #835397 100%); }
    @media (hover: hover) {
      .ecosystem-tags .tag:hover {
        border: none;
        color: white;
        padding: 3px 11px;
        background: linear-gradient(135.9deg, #496EAE 0%, #835397 100%); } }
    .ecosystem-tags .tag.hover {
      border: 1px solid #222222;
      color: #222222;
      padding: 2px 10px;
      background: none; }

.ecosystem-banner {
  background-color: #b8b8b8;
  border-top-right-radius: 154px;
  border-bottom-left-radius: 154px;
  padding: 6px;
  margin: -40px 6.25% 60px; }
  .ecosystem-banner .ecosystem-banner-content {
    background-color: #222222;
    border-top-right-radius: 150px;
    border-bottom-left-radius: 150px;
    display: flex;
    gap: 8%;
    padding: 4.5% 5.5%; }
    .ecosystem-banner .ecosystem-banner-content .heading {
      color: white;
      font-size: 36px;
      letter-spacing: -2.5px;
      line-height: 43px; }
    .ecosystem-banner .ecosystem-banner-content .content-body {
      color: white;
      font-size: 16px;
      font-weight: 300;
      letter-spacing: -1px;
      line-height: 21px;
      margin-top: 10px; }
    .ecosystem-banner .ecosystem-banner-content .logo img {
      object-fit: contain;
      height: 33px;
      min-height: 33px; }
    .ecosystem-banner .ecosystem-banner-content .Btn {
      margin-top: 20px; }
    .ecosystem-banner .ecosystem-banner-content .column {
      flex: 1 1 0px;
      position: relative;
      padding: 10px 0; }
    .ecosystem-banner .ecosystem-banner-content .column-1 {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .ecosystem-banner .ecosystem-banner-content .column-1.has-logo {
        display: block; }
      .ecosystem-banner .ecosystem-banner-content .column-1 .Btn {
        align-self: flex-start; }
    .ecosystem-banner .ecosystem-banner-content .column-2::before,
    .ecosystem-banner .ecosystem-banner-content .column-3::before {
      content: '';
      position: absolute;
      left: -12%;
      top: 0;
      height: 100%;
      width: 1px;
      background-color: white; }

@media screen and (max-width: 1100px) {
  .ecosystem-banner {
    margin: 0 6.25% 60px; }
    .ecosystem-banner .ecosystem-banner-content {
      flex-direction: column;
      gap: 60px;
      padding: 52px 6.25% 110px; }
      .ecosystem-banner .ecosystem-banner-content .logo img {
        height: 40px; }
      .ecosystem-banner .ecosystem-banner-content .column {
        padding: 0; }
      .ecosystem-banner .ecosystem-banner-content .column-2::before,
      .ecosystem-banner .ecosystem-banner-content .column-3::before {
        display: none; } }

.home-hero {
  min-height: 600px;
  position: relative;
  overflow: hidden; }
  .home-hero .parallax-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: inset(0); }
    .home-hero .parallax-bg > * {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute; }
    .home-hero .parallax-bg .hero-layer-1 {
      mix-blend-mode: screen; }
    .home-hero .parallax-bg .hero-layer-2 {
      mix-blend-mode: screen; }
    .home-hero .parallax-bg .hero-layer-3 {
      mix-blend-mode: screen; }
  .home-hero .bgImage {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .home-hero .bgImageMobile {
    display: none; }
  .home-hero .text {
    position: relative;
    padding: 208px 6.25%; }
    .home-hero .text h1 {
      font-size: 9vw;
      line-height: 8.3vw;
      letter-spacing: -3px;
      color: white;
      margin-bottom: 20px; }
      .home-hero .text h1 .text-outline {
        line-height: 10.3vw;
        letter-spacing: 0px; }
        @supports (-webkit-text-stroke: 1px white) {
          .home-hero .text h1 .text-outline {
            -webkit-text-stroke: 1px white;
            color: transparent; } }
      .home-hero .text h1 .cursor-fx {
        display: inline-block;
        width: 4px;
        height: 8vw;
        background-color: white;
        margin-left: 8px;
        animation: pulsate .5s linear infinite alternate; }

@keyframes pulsate {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .home-hero .text .description {
      max-width: 582px;
      color: white;
      font-size: 24px;
      letter-spacing: -0.85px;
      line-height: 32px; }
    .home-hero .text .actions {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }

@media screen and (min-width: 1440px) {
  .home-hero .text h1 {
    font-size: 130px;
    letter-spacing: -4.6px;
    line-height: 120px; }
    .home-hero .text h1 .text-outline {
      line-height: 144px; }
    .home-hero .text h1 .cursor-fx {
      height: 96px; } }

@media screen and (max-width: 1100px) {
  .home-hero .parallax-bg {
    display: none; }
  .home-hero .bgImageMobile {
    display: block; }
  .home-hero .text {
    padding: 130px 12.5% 190px; }
    .home-hero .text h1 {
      font-size: 10.25vw;
      line-height: 10.75vw;
      letter-spacing: -1px; }
      .home-hero .text h1 .text-outline {
        line-height: 8.75vw;
        letter-spacing: 0px; }
      .home-hero .text h1 .cursor-fx {
        width: 2px;
        height: 8vw;
        margin-left: 4px; }
    .home-hero .text .description {
      font-size: 18px;
      letter-spacing: -0.64px;
      line-height: 26px;
      max-width: 542px; }
    @supports (-webkit-touch-callout: none) and (not (translate: none)) {
      .home-hero .text .actions a:not(:last-child) {
        margin-right: 10px;
        margin-bottom: 10px; } } }

/* Home Hero Takeover styles are dependant on Home Hero styles. */
.home-hero-takeover {
  background: #222;
  position: relative; }
  .home-hero-takeover-gradients {
    container-type: size;
    overflow: hidden;
    position: absolute;
    inset: 0; }

@keyframes home-gradient-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes home-gradient-spin-reverse {
  100% {
    transform: rotate(-360deg); } }
    .home-hero-takeover-gradients::after {
      content: '';
      position: absolute;
      inset: 0;
      background: url("/assets/images/home/noise-transparent.png") repeat;
      background-attachment: fixed; }
    .home-hero-takeover-gradients > div {
      align-items: center;
      display: flex;
      justify-content: center;
      position: absolute;
      inset: 0; }
      .home-hero-takeover-gradients > div:first-child img {
        animation: home-gradient-spin 240s linear infinite;
        width: max(143cqw, 252cqh);
        height: max(143cqw, 252cqh); }
        @media screen and (max-width: 540px) {
          .home-hero-takeover-gradients > div:first-child img {
            width: 200cqmax; } }
      .home-hero-takeover-gradients > div:nth-child(2) img {
        animation: home-gradient-spin-reverse 220s linear infinite;
        mix-blend-mode: screen;
        width: max(143cqw, 252cqh);
        height: max(143cqw, 252cqh); }
        @media screen and (max-width: 540px) {
          .home-hero-takeover-gradients > div:nth-child(2) img {
            width: 250cqmax; } }
      .home-hero-takeover-gradients > div:nth-child(3) img {
        animation: home-gradient-spin 200s linear infinite;
        mix-blend-mode: screen;
        width: max(143cqw, 252cqh);
        height: max(143cqw, 252cqh); }
        @media screen and (max-width: 540px) {
          .home-hero-takeover-gradients > div:nth-child(3) img {
            width: 250cqmax; } }
  .home-hero-takeover .text {
    padding-top: 150px;
    padding-bottom: 130px; }
    .home-hero-takeover .text .eyebrow {
      position: relative;
      display: inline-block;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      font-size: 24px;
      color: black;
      padding: 9px 50px 9px 0;
      background: rgba(255, 255, 255, 0.5) url("/assets/images/black-cutout.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(100% - 5px); }
      .home-hero-takeover .text .eyebrow::before {
        content: '';
        background-color: rgba(255, 255, 255, 0.5);
        display: block;
        position: absolute;
        height: 100%;
        width: 6.25vw;
        left: -6.25vw;
        top: 0; }
    .home-hero-takeover .text h1 {
      padding-top: 54px;
      font-size: 110px;
      letter-spacing: -3.89px;
      line-height: 100px;
      min-height: 300px;
      width: calc(87vw - 487px);
      max-width: 1150px;
      margin: 0; }
      .home-hero-takeover .text h1 .text-outline {
        font-size: 110px;
        line-height: 100px;
        letter-spacing: 0; }
      .home-hero-takeover .text h1 .cursor-fx {
        height: 6vw;
        max-height: 94px; }
    .home-hero-takeover .text .description {
      margin-top: 40px;
      max-width: 750px; }
    .home-hero-takeover .text .actions {
      margin-top: 40px; }
    .home-hero-takeover .text .disclaimer {
      margin-top: 80px;
      color: white;
      max-width: 410px;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: -0.63px;
      line-height: 16px;
      text-transform: uppercase; }
  @media screen and (min-width: 1101px) {
    .home-hero-takeover .stablecoin-coin-scroll > * > img:last-child {
      display: none; } }
  @media screen and (min-width: 1101px) {
    .home-hero-takeover .stablecoin-coin-scroll {
      bottom: 0;
      position: absolute;
      right: calc(6.25% - 43.1px);
      top: -60px; } }
  @media screen and (max-width: 1100px) {
    .home-hero-takeover .stablecoin-coin-scroll {
      height: 586px;
      margin: 0 auto;
      padding: 0 45px;
      position: relative; } }
  .home-hero-takeover .mobile-hide {
    display: inline-block; }
  .home-hero-takeover .desktop-hide {
    display: none; }
  .home-hero-takeover .desktop-hide-large {
    display: none; }

@media screen and (max-width: 1680px) {
  .home-hero-takeover .text h1 {
    min-height: 402px; }
  .home-hero-takeover .desktop-hide-large {
    display: block; } }

@media screen and (max-width: 1440px) {
  .home-hero-takeover .text h1 {
    font-size: 7.65vw;
    line-height: 7vw;
    min-height: 28vw; }
    .home-hero-takeover .text h1 .text-outline {
      font-size: 7.65vw;
      line-height: 7vw; } }

@media screen and (max-width: 1100px) {
  .home-hero-takeover {
    margin-bottom: 50px; }
    .home-hero-takeover .bgImage {
      height: calc(100% - 370px); }
    .home-hero-takeover .text {
      padding-top: 100px;
      padding-bottom: 40px; }
      .home-hero-takeover .text .eyebrow {
        font-size: 18px;
        line-height: 22px;
        padding: 13px 56px 13px 0; }
        .home-hero-takeover .text .eyebrow::before {
          width: 12.5vw;
          left: -12.5vw; }
      .home-hero-takeover .text h1 {
        padding-top: 20px;
        font-size: 48px;
        letter-spacing: -1.7px;
        line-height: 50px;
        width: 100%;
        max-width: none;
        min-height: auto; }
        .home-hero-takeover .text h1 .text-outline {
          font-size: 48px;
          line-height: 50px; }
        .home-hero-takeover .text h1 .cursor-fx {
          height: 10vw;
          max-height: 40px; }
      .home-hero-takeover .text .actions {
        margin-top: 40px; }
      .home-hero-takeover .text .disclaimer {
        margin-top: 40px; }
    .home-hero-takeover .mobile-hide {
      display: none; }
    .home-hero-takeover .desktop-hide {
      display: block; } }

@media screen and (max-width: 768px) {
  .home-hero-takeover .text h1 {
    min-height: 200px; } }

@media screen and (max-width: 500px) {
  .home-hero-takeover {
    margin-bottom: 90px; } }

/* Home Hero Takeover styles are dependant on Home Hero styles. */
.home-hero-takeover-rwa {
  background: #222;
  position: relative;
  clip-path: inset(0 0 0 0); }
  .home-hero-takeover-rwa-gradients {
    container-type: size;
    overflow: hidden;
    position: absolute;
    inset: 0; }

@keyframes home-gradient-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes home-gradient-spin-reverse {
  100% {
    transform: rotate(-360deg); } }
    .home-hero-takeover-rwa-gradients::after {
      content: '';
      position: absolute;
      inset: 0;
      background: url("/assets/images/home/noise-transparent.png") repeat;
      background-attachment: fixed; }
    .home-hero-takeover-rwa-gradients > div {
      align-items: center;
      display: flex;
      justify-content: center;
      position: absolute;
      inset: 0; }
      .home-hero-takeover-rwa-gradients > div:first-child img {
        animation: home-gradient-spin 240s linear infinite; }
      .home-hero-takeover-rwa-gradients > div:nth-child(2) {
        top: 900px; }
        .home-hero-takeover-rwa-gradients > div:nth-child(2) img {
          animation: home-gradient-spin-reverse 220s linear infinite;
          mix-blend-mode: screen; }
      .home-hero-takeover-rwa-gradients > div:nth-child(3) {
        left: 50%;
        mix-blend-mode: screen; }
        .home-hero-takeover-rwa-gradients > div:nth-child(3) img {
          transform: scale(0.6);
          animation: home-gradient-spin 200s linear infinite; }
  .home-hero-takeover-rwa .circles-container {
    position: fixed;
    top: 219px;
    right: -5px; }
    .home-hero-takeover-rwa .circles-container .spinning-element {
      position: absolute;
      top: 99px;
      left: 359px; }
    .home-hero-takeover-rwa .circles-container .object {
      position: absolute;
      top: 130px;
      left: 400px; }
  .home-hero-takeover-rwa .text {
    padding-top: 150px;
    padding-bottom: 130px; }
    .home-hero-takeover-rwa .text .eyebrow {
      position: relative;
      display: inline-block;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      font-size: 24px;
      color: black;
      padding: 9px 50px 9px 0;
      background: rgba(255, 255, 255, 0.5) url("/assets/images/black-cutout.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: calc(100% - 5px); }
      .home-hero-takeover-rwa .text .eyebrow::before {
        content: '';
        background-color: rgba(255, 255, 255, 0.5);
        display: block;
        position: absolute;
        height: 100%;
        width: 6.25vw;
        left: -6.25vw;
        top: 0; }
    .home-hero-takeover-rwa .text h1 {
      padding-top: 54px;
      font-size: 83px;
      letter-spacing: -3.89px;
      line-height: 92px;
      min-height: 368px;
      width: 100%;
      max-width: 720px;
      margin: 0; }
      .home-hero-takeover-rwa .text h1 .text-outline {
        font-size: 83px;
        letter-spacing: 0;
        line-height: 92px; }
      .home-hero-takeover-rwa .text h1 .cursor-fx {
        height: 5vw;
        max-height: 62px; }
    .home-hero-takeover-rwa .text .description {
      margin-top: 40px;
      max-width: 750px; }
    .home-hero-takeover-rwa .text .actions {
      margin-top: 40px; }
    .home-hero-takeover-rwa .text .disclaimer {
      margin-top: 80px;
      color: white;
      max-width: 410px;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: -0.63px;
      line-height: 16px;
      text-transform: uppercase; }
  .home-hero-takeover-rwa .mobile-hide {
    display: inline-block; }
  .home-hero-takeover-rwa .desktop-hide {
    display: none; }
  .home-hero-takeover-rwa .desktop-hide-large {
    display: none; }

@media screen and (max-width: 1680px) {
  .home-hero-takeover-rwa .desktop-hide-large {
    display: block; } }

@media screen and (max-width: 1440px) {
  .home-hero-takeover-rwa .text h1 {
    font-size: 5.75vw;
    line-height: 6.4vw;
    min-height: 26vw; }
    .home-hero-takeover-rwa .text h1 .text-outline {
      font-size: 5.75vw;
      line-height: 6.4vw; } }

@media screen and (max-width: 1100px) {
  .home-hero-takeover-rwa {
    margin-bottom: -50px; }
    .home-hero-takeover-rwa-gradients > div:first-child {
      left: -12%;
      top: 10%; }
    .home-hero-takeover-rwa-gradients > div:nth-child(2) {
      top: 42%;
      left: -64%;
      transform: scale(0.55); }
    .home-hero-takeover-rwa-gradients > div:nth-child(3) {
      left: 160%;
      top: -20%; }
    .home-hero-takeover-rwa .circles-container {
      position: absolute;
      top: auto;
      bottom: -357px;
      left: 50%;
      right: auto;
      transform: translateX(-50%) scale(0.7); }
    .home-hero-takeover-rwa .text {
      padding-top: 100px;
      padding-bottom: 355px; }
      .home-hero-takeover-rwa .text .eyebrow {
        font-size: 18px;
        line-height: 22px;
        padding: 13px 56px 13px 0; }
        .home-hero-takeover-rwa .text .eyebrow::before {
          width: 12.5vw;
          left: -12.5vw; }
      .home-hero-takeover-rwa .text h1 {
        padding-top: 20px;
        font-size: 34px;
        letter-spacing: -1.2px;
        line-height: 42px;
        width: 100%;
        max-width: none;
        min-height: auto; }
        .home-hero-takeover-rwa .text h1 .text-outline {
          font-size: 34px;
          letter-spacing: -1.2px;
          line-height: 42px; }
        .home-hero-takeover-rwa .text h1 .cursor-fx {
          height: 9vw;
          max-height: 30px; }
      .home-hero-takeover-rwa .text .description {
        margin-top: 20px; }
      .home-hero-takeover-rwa .text .actions {
        margin-top: 40px; }
      .home-hero-takeover-rwa .text .disclaimer {
        margin-top: 40px; }
    .home-hero-takeover-rwa .mobile-hide {
      display: none; }
    .home-hero-takeover-rwa .desktop-hide {
      display: block; } }

@media screen and (max-width: 590px) {
  .home-hero-takeover-rwa {
    margin-bottom: 25px; }
    .home-hero-takeover-rwa .text h1 {
      min-height: 168px; } }

@media screen and (max-width: 375px) {
  .home-hero-takeover-rwa .text h1 {
    font-size: 32px; }
    .home-hero-takeover-rwa .text h1 .text-outline {
      font-size: 32px; } }

.home-hero {
  background: linear-gradient(-45deg, #0031ff, #8259ef, #00156e);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  overflow: hidden;
  position: relative; }

.home-hero #stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1834px 1704px #FFFFFF80, 1147px 1846px #FFFFFF90, 1186px 99px #FFFFFF90, 844px 1855px #FFFFFF90, 1203px 33px #FFFFFF90, 1094px 1006px #FFFFFF90, 1844px 224px #FFFFFF90, 918px 360px #FFFFFF90, 290px 1254px #FFFFFF90, 348px 1371px #FFFFFF90, 755px 1016px #FFFFFF90, 1383px 1820px #FFFFFF90, 426px 1194px #FFFFFF90, 565px 927px #FFFFFF90, 325px 443px #FFFFFF90, 970px 769px #FFFFFF90, 878px 904px #FFFFFF90, 1896px 1551px #FFFFFF90, 1828px 415px #FFFFFF90, 1680px 1476px #FFFFFF90, 1910px 1251px #FFFFFF90, 686px 841px #FFFFFF90, 671px 817px #FFFFFF90, 448px 1973px #FFFFFF90, 1211px 778px #FFFFFF90, 1837px 1461px #FFFFFF90, 36px 897px #FFFFFF90, 62px 424px #FFFFFF90, 856px 506px #FFFFFF90, 1724px 1827px #FFFFFF90, 1551px 1338px #FFFFFF90, 52px 632px #FFFFFF90, 175px 647px #FFFFFF90, 189px 1577px #FFFFFF90, 248px 974px #FFFFFF90, 979px 1787px #FFFFFF90, 1998px 1900px #FFFFFF90, 1102px 1213px #FFFFFF90, 1593px 1964px #FFFFFF90, 392px 1213px #FFFFFF90, 1441px 775px #FFFFFF90, 1718px 1955px #FFFFFF90, 1376px 1361px #FFFFFF90, 1916px 1422px #FFFFFF90, 400px 355px #FFFFFF90, 454px 903px #FFFFFF90, 741px 1917px #FFFFFF90, 1476px 446px #FFFFFF90, 1405px 721px #FFFFFF90, 1375px 1813px #FFFFFF90, 1932px 1052px #FFFFFF90, 1621px 562px #FFFFFF90, 1317px 971px #FFFFFF90, 149px 1136px #FFFFFF90, 335px 23px #FFFFFF90, 1025px 87px #FFFFFF90, 449px 724px #FFFFFF90, 850px 1858px #FFFFFF90, 580px 781px #FFFFFF90, 386px 62px #FFFFFF90, 589px 913px #FFFFFF90, 505px 529px #FFFFFF90, 1857px 1865px #FFFFFF90, 1735px 855px #FFFFFF90, 1511px 868px #FFFFFF90, 67px 943px #FFFFFF90, 881px 1186px #FFFFFF90, 1072px 1905px #FFFFFF90, 1637px 1252px #FFFFFF90, 1909px 1572px #FFFFFF90, 576px 1928px #FFFFFF90, 1962px 1227px #FFFFFF90, 1380px 1326px #FFFFFF90, 974px 1982px #FFFFFF90, 1334px 162px #FFFFFF90, 1664px 541px #FFFFFF90, 191px 1239px #FFFFFF90, 946px 909px #FFFFFF90, 428px 727px #FFFFFF90, 449px 1533px #FFFFFF90, 456px 1398px #FFFFFF90, 1012px 1315px #FFFFFF90, 1071px 829px #FFFFFF90, 1503px 71px #FFFFFF90, 258px 268px #FFFFFF90, 1823px 413px #FFFFFF90, 159px 1469px #FFFFFF90, 1590px 1037px #FFFFFF90, 648px 957px #FFFFFF90, 521px 759px #FFFFFF90, 1489px 863px #FFFFFF90, 691px 369px #FFFFFF90, 1659px 23px #FFFFFF90, 1040px 1856px #FFFFFF90, 173px 512px #FFFFFF90, 197px 559px #FFFFFF90, 1140px 920px #FFFFFF90, 1617px 1564px #FFFFFF90, 1541px 1937px #FFFFFF90, 815px 1686px #FFFFFF90, 333px 1152px #FFFFFF90, 1250px 1236px #FFFFFF90, 357px 717px #FFFFFF90, 1853px 827px #FFFFFF90, 206px 1156px #FFFFFF90, 1460px 1849px #FFFFFF90, 1181px 1184px #FFFFFF90, 1851px 1066px #FFFFFF90, 336px 112px #FFFFFF90, 749px 1234px #FFFFFF90, 99px 926px #FFFFFF90, 275px 1363px #FFFFFF90, 1881px 1973px #FFFFFF90, 887px 949px #FFFFFF90, 677px 1074px #FFFFFF90, 1131px 608px #FFFFFF90, 1566px 1771px #FFFFFF90, 663px 105px #FFFFFF90, 1362px 745px #FFFFFF90, 868px 1385px #FFFFFF90, 428px 352px #FFFFFF90, 1830px 378px #FFFFFF90, 1104px 1475px #FFFFFF90, 1399px 1146px #FFFFFF90, 949px 1003px #FFFFFF90, 1021px 1354px #FFFFFF90, 692px 659px #FFFFFF90, 783px 203px #FFFFFF90, 1947px 240px #FFFFFF90, 1227px 44px #FFFFFF90, 1878px 1736px #FFFFFF90, 532px 871px #FFFFFF90, 1021px 217px #FFFFFF90, 743px 348px #FFFFFF90, 694px 1312px #FFFFFF90, 1801px 1174px #FFFFFF90, 1756px 1086px #FFFFFF90, 625px 1798px #FFFFFF90, 1203px 519px #FFFFFF90, 1508px 622px #FFFFFF90, 1951px 784px #FFFFFF90, 495px 164px #FFFFFF90, 1923px 1244px #FFFFFF90, 276px 1067px #FFFFFF90, 62px 1755px #FFFFFF90, 520px 1552px #FFFFFF90, 1567px 1678px #FFFFFF90, 1205px 921px #FFFFFF90, 604px 1626px #FFFFFF90, 749px 541px #FFFFFF90, 590px 1939px #FFFFFF90, 1477px 1318px #FFFFFF90, 358px 951px #FFFFFF90, 484px 1178px #FFFFFF90, 1097px 412px #FFFFFF90, 1081px 1976px #FFFFFF90, 1412px 1802px #FFFFFF90, 129px 1361px #FFFFFF90, 930px 741px #FFFFFF90, 1937px 1143px #FFFFFF90, 696px 1401px #FFFFFF90, 1120px 1623px #FFFFFF90, 71px 1411px #FFFFFF90, 1830px 954px #FFFFFF90, 404px 973px #FFFFFF90, 1008px 899px #FFFFFF90, 68px 816px #FFFFFF90, 1806px 828px #FFFFFF90, 539px 1066px #FFFFFF90, 1672px 1087px #FFFFFF90, 624px 270px #FFFFFF90, 1328px 346px #FFFFFF90, 812px 570px #FFFFFF90, 1551px 490px #FFFFFF90, 1437px 1060px #FFFFFF90, 1339px 203px #FFFFFF90, 1908px 1024px #FFFFFF90, 1205px 866px #FFFFFF90, 851px 1885px #FFFFFF90, 1460px 919px #FFFFFF90, 125px 635px #FFFFFF90, 1680px 1422px #FFFFFF90, 1754px 589px #FFFFFF90, 1619px 994px #FFFFFF90, 996px 1261px #FFFFFF90, 1546px 1988px #FFFFFF90, 834px 1674px #FFFFFF90, 796px 48px #FFFFFF90, 865px 1538px #FFFFFF90, 1844px 76px #FFFFFF90, 546px 214px #FFFFFF90, 619px 403px #FFFFFF90, 165px 1999px #FFFFFF90, 1335px 1902px #FFFFFF90, 706px 548px #FFFFFF90, 1732px 1732px #FFFFFF90, 338px 1805px #FFFFFF90, 967px 1241px #FFFFFF90, 667px 533px #FFFFFF90, 1751px 1913px #FFFFFF90, 861px 1696px #FFFFFF90, 1685px 1678px #FFFFFF90, 11px 142px #FFFFFF90, 1885px 1427px #FFFFFF90, 1721px 223px #FFFFFF90, 620px 1770px #FFFFFF90, 1245px 1350px #FFFFFF90, 291px 1429px #FFFFFF90, 963px 533px #FFFFFF90, 865px 1166px #FFFFFF90, 807px 172px #FFFFFF90, 1592px 2000px #FFFFFF90, 1746px 1122px #FFFFFF90, 1776px 753px #FFFFFF90, 1015px 1395px #FFFFFF90, 106px 760px #FFFFFF90, 1033px 1002px #FFFFFF90, 591px 600px #FFFFFF90, 504px 277px #FFFFFF90, 144px 161px #FFFFFF90, 497px 383px #FFFFFF90, 1851px 1121px #FFFFFF90, 69px 1565px #FFFFFF90, 1265px 1502px #FFFFFF90, 57px 1146px #FFFFFF90, 195px 461px #FFFFFF90, 456px 561px #FFFFFF90, 1452px 298px #FFFFFF90, 1px 252px #FFFFFF90, 682px 403px #FFFFFF90, 724px 1468px #FFFFFF90, 1835px 1940px #FFFFFF90, 656px 292px #FFFFFF90, 209px 1852px #FFFFFF90, 1402px 201px #FFFFFF90, 245px 1035px #FFFFFF90, 847px 1777px #FFFFFF90, 196px 971px #FFFFFF90, 250px 919px #FFFFFF90, 344px 216px #FFFFFF90, 1081px 388px #FFFFFF90, 179px 812px #FFFFFF90, 1931px 1255px #FFFFFF90, 3px 157px #FFFFFF90, 114px 1766px #FFFFFF90, 1606px 581px #FFFFFF90, 1188px 1793px #FFFFFF90, 157px 1091px #FFFFFF90, 725px 7px #FFFFFF90, 1461px 89px #FFFFFF90, 784px 9px #FFFFFF90, 469px 1142px #FFFFFF90, 1665px 159px #FFFFFF90, 173px 859px #FFFFFF90, 1757px 1468px #FFFFFF90, 877px 1577px #FFFFFF90, 1156px 1296px #FFFFFF90, 380px 575px #FFFFFF90, 25px 62px #FFFFFF90, 1668px 1559px #FFFFFF90, 1050px 817px #FFFFFF90, 928px 663px #FFFFFF90, 846px 575px #FFFFFF90, 1998px 382px #FFFFFF90, 376px 920px #FFFFFF90, 880px 1229px #FFFFFF90, 737px 1305px #FFFFFF90, 389px 56px #FFFFFF90, 382px 756px #FFFFFF90, 278px 1328px #FFFFFF90, 1740px 1137px #FFFFFF90, 1985px 207px #FFFFFF90, 1270px 1118px #FFFFFF90, 368px 1363px #FFFFFF90, 622px 939px #FFFFFF90, 1758px 26px #FFFFFF90, 825px 1412px #FFFFFF90, 1091px 1866px #FFFFFF90, 1338px 1209px #FFFFFF90, 185px 1742px #FFFFFF90, 1418px 1578px #FFFFFF90, 1450px 1429px #FFFFFF90, 1535px 1657px #FFFFFF90, 924px 864px #FFFFFF90, 1308px 835px #FFFFFF90, 135px 1232px #FFFFFF90, 487px 183px #FFFFFF90, 326px 318px #FFFFFF90, 668px 961px #FFFFFF90, 869px 1588px #FFFFFF90, 1304px 794px #FFFFFF90, 1977px 730px #FFFFFF90, 1197px 1736px #FFFFFF90, 848px 1680px #FFFFFF90, 867px 447px #FFFFFF90, 592px 1103px #FFFFFF90, 260px 1907px #FFFFFF90, 1572px 1023px #FFFFFF90, 1376px 511px #FFFFFF90, 1317px 1768px #FFFFFF90, 1508px 1093px #FFFFFF90, 666px 1513px #FFFFFF90, 372px 1164px #FFFFFF90, 1024px 99px #FFFFFF90, 1221px 225px #FFFFFF90, 1425px 866px #FFFFFF90, 24px 1081px #FFFFFF90, 517px 1322px #FFFFFF90, 110px 363px #FFFFFF90, 1346px 1227px #FFFFFF90, 1353px 1457px #FFFFFF90, 1829px 599px #FFFFFF90, 1042px 401px #FFFFFF90, 856px 975px #FFFFFF90, 169px 821px #FFFFFF90, 1738px 1382px #FFFFFF90, 116px 1450px #FFFFFF90, 1709px 1143px #FFFFFF90, 692px 268px #FFFFFF90, 800px 95px #FFFFFF90, 1490px 1495px #FFFFFF90, 125px 1389px #FFFFFF90, 1124px 1227px #FFFFFF90, 1949px 1605px #FFFFFF90, 86px 1412px #FFFFFF90, 1752px 1664px #FFFFFF90, 1024px 910px #FFFFFF90, 236px 1652px #FFFFFF90, 1315px 885px #FFFFFF90, 573px 1626px #FFFFFF90, 697px 470px #FFFFFF90, 132px 417px #FFFFFF90, 548px 408px #FFFFFF90, 936px 1483px #FFFFFF90, 864px 1197px #FFFFFF90, 1472px 1823px #FFFFFF90, 1056px 681px #FFFFFF90, 1285px 803px #FFFFFF90, 1693px 1563px #FFFFFF90, 475px 1192px #FFFFFF90, 223px 15px #FFFFFF90, 1992px 8px #FFFFFF90, 135px 1188px #FFFFFF90, 1843px 837px #FFFFFF90, 89px 931px #FFFFFF90, 1489px 1455px #FFFFFF90, 246px 356px #FFFFFF90, 1417px 292px #FFFFFF90, 1533px 76px #FFFFFF90, 235px 1798px #FFFFFF90, 1595px 1443px #FFFFFF90, 16px 1215px #FFFFFF90, 989px 1674px #FFFFFF90, 885px 893px #FFFFFF90, 664px 116px #FFFFFF90, 1929px 164px #FFFFFF90, 1180px 783px #FFFFFF90, 916px 905px #FFFFFF90, 699px 1735px #FFFFFF90, 1229px 1476px #FFFFFF90, 424px 1201px #FFFFFF90, 351px 1274px #FFFFFF90, 1422px 1501px #FFFFFF90, 1633px 935px #FFFFFF90, 1380px 1895px #FFFFFF90, 1024px 1263px #FFFFFF90, 68px 1479px #FFFFFF90, 756px 1353px #FFFFFF90, 1455px 658px #FFFFFF90, 153px 1941px #FFFFFF90, 1282px 833px #FFFFFF90, 32px 1489px #FFFFFF90, 1629px 421px #FFFFFF90, 474px 263px #FFFFFF90, 1782px 750px #FFFFFF90, 760px 1345px #FFFFFF90, 695px 757px #FFFFFF90, 1155px 1952px #FFFFFF90, 615px 1184px #FFFFFF90, 20px 1517px #FFFFFF90, 835px 977px #FFFFFF90, 1035px 861px #FFFFFF90, 797px 495px #FFFFFF90, 83px 394px #FFFFFF90, 1438px 1992px #FFFFFF90, 1719px 1966px #FFFFFF90, 1080px 333px #FFFFFF90, 722px 1340px #FFFFFF90, 1417px 20px #FFFFFF90, 801px 755px #FFFFFF90, 56px 1310px #FFFFFF90, 1328px 670px #FFFFFF90, 1531px 760px #FFFFFF90, 1132px 395px #FFFFFF90, 1467px 1551px #FFFFFF90, 55px 300px #FFFFFF90, 614px 604px #FFFFFF90, 254px 1028px #FFFFFF90, 692px 1341px #FFFFFF90, 982px 1862px #FFFFFF90, 732px 1929px #FFFFFF90, 1495px 508px #FFFFFF90, 1088px 630px #FFFFFF90, 1328px 779px #FFFFFF90, 778px 657px #FFFFFF90, 1646px 1808px #FFFFFF90, 1962px 687px #FFFFFF90, 937px 24px #FFFFFF90, 1541px 889px #FFFFFF90, 1315px 1138px #FFFFFF90, 120px 1188px #FFFFFF90, 945px 1509px #FFFFFF90, 248px 116px #FFFFFF90, 1948px 1639px #FFFFFF90, 1161px 1754px #FFFFFF90, 1442px 1610px #FFFFFF90, 478px 1256px #FFFFFF90, 398px 919px #FFFFFF90, 361px 565px #FFFFFF90, 287px 1075px #FFFFFF90, 1289px 1849px #FFFFFF90, 1062px 1903px #FFFFFF90, 1289px 677px #FFFFFF90, 138px 1932px #FFFFFF90, 64px 1869px #FFFFFF90, 1247px 357px #FFFFFF90, 490px 781px #FFFFFF90, 802px 599px #FFFFFF90, 831px 1766px #FFFFFF90, 1635px 1033px #FFFFFF90, 557px 390px #FFFFFF90, 113px 843px #FFFFFF90, 1178px 1627px #FFFFFF90, 866px 1727px #FFFFFF90, 555px 1098px #FFFFFF90, 1372px 1934px #FFFFFF90, 328px 895px #FFFFFF90, 1368px 639px #FFFFFF90, 1590px 1191px #FFFFFF90, 1135px 377px #FFFFFF90, 905px 1413px #FFFFFF90, 1595px 1251px #FFFFFF90, 1970px 1321px #FFFFFF90, 971px 1530px #FFFFFF90, 1243px 1142px #FFFFFF90, 27px 1466px #FFFFFF90, 414px 1630px #FFFFFF90, 1845px 1463px #FFFFFF90, 336px 518px #FFFFFF90, 922px 1703px #FFFFFF90, 1546px 255px #FFFFFF90, 1975px 1675px #FFFFFF90, 230px 1221px #FFFFFF90, 1079px 309px #FFFFFF90, 651px 391px #FFFFFF90, 1192px 1104px #FFFFFF90, 871px 1510px #FFFFFF90, 1747px 525px #FFFFFF90, 450px 1009px #FFFFFF90, 384px 1187px #FFFFFF90, 22px 1921px #FFFFFF90, 1602px 63px #FFFFFF90, 204px 1932px #FFFFFF90, 609px 1457px #FFFFFF90, 1737px 691px #FFFFFF90, 905px 1185px #FFFFFF90, 1000px 1584px #FFFFFF90, 1521px 1002px #FFFFFF90, 1707px 522px #FFFFFF90, 221px 1806px #FFFFFF90, 1704px 936px #FFFFFF90, 687px 460px #FFFFFF90, 923px 1962px #FFFFFF90, 1201px 835px #FFFFFF90, 1668px 1754px #FFFFFF90, 477px 1537px #FFFFFF90, 1155px 754px #FFFFFF90, 693px 1909px #FFFFFF90, 330px 674px #FFFFFF90, 1667px 1164px #FFFFFF90, 774px 1518px #FFFFFF90, 795px 1311px #FFFFFF90, 1396px 866px #FFFFFF90, 285px 425px #FFFFFF90, 179px 959px #FFFFFF90, 285px 453px #FFFFFF90, 1065px 1107px #FFFFFF90, 424px 1634px #FFFFFF90, 1684px 458px #FFFFFF90, 1076px 774px #FFFFFF90, 1777px 768px #FFFFFF90, 1101px 690px #FFFFFF90, 400px 1428px #FFFFFF90, 129px 626px #FFFFFF90, 987px 1427px #FFFFFF90, 1712px 463px #FFFFFF90, 496px 1080px #FFFFFF90, 247px 1997px #FFFFFF90, 921px 706px #FFFFFF90, 452px 1709px #FFFFFF90, 512px 1739px #FFFFFF90, 337px 720px #FFFFFF90, 1121px 44px #FFFFFF90, 1639px 1002px #FFFFFF90, 1920px 982px #FFFFFF90, 1602px 428px #FFFFFF90, 784px 518px #FFFFFF90, 1328px 1677px #FFFFFF90, 1438px 1500px #FFFFFF90, 415px 1856px #FFFFFF90, 1705px 1365px #FFFFFF90, 1053px 1042px #FFFFFF90, 1608px 530px #FFFFFF90, 915px 794px #FFFFFF90, 741px 307px #FFFFFF90, 557px 1996px #FFFFFF90, 23px 423px #FFFFFF90, 85px 820px #FFFFFF90, 1028px 160px #FFFFFF90, 131px 1317px #FFFFFF90, 1677px 1158px #FFFFFF90, 1617px 1200px #FFFFFF90, 541px 914px #FFFFFF90, 1263px 1222px #FFFFFF90, 147px 1677px #FFFFFF90, 1736px 1935px #FFFFFF90, 1373px 705px #FFFFFF90, 1152px 1691px #FFFFFF90, 1246px 1348px #FFFFFF90, 1851px 821px #FFFFFF90, 1402px 374px #FFFFFF90, 1291px 1842px #FFFFFF90, 1937px 1527px #FFFFFF90, 151px 1122px #FFFFFF90, 1684px 1831px #FFFFFF90, 84px 454px #FFFFFF90, 128px 1129px #FFFFFF90, 1080px 1008px #FFFFFF90, 1676px 1606px #FFFFFF90, 101px 880px #FFFFFF90, 235px 1567px #FFFFFF90, 315px 1831px #FFFFFF90, 536px 365px #FFFFFF90, 1751px 262px #FFFFFF90, 834px 1654px #FFFFFF90, 49px 1826px #FFFFFF90, 1601px 1519px #FFFFFF90, 1108px 990px #FFFFFF90, 767px 840px #FFFFFF90, 959px 708px #FFFFFF90, 936px 714px #FFFFFF90, 1009px 1754px #FFFFFF90, 1043px 373px #FFFFFF90, 97px 123px #FFFFFF90, 559px 1020px #FFFFFF90, 883px 650px #FFFFFF90, 590px 782px #FFFFFF90, 980px 725px #FFFFFF90, 1816px 1287px #FFFFFF90, 1743px 1440px #FFFFFF90, 900px 1262px #FFFFFF90, 1926px 1679px #FFFFFF90, 799px 802px #FFFFFF90, 337px 954px #FFFFFF90, 615px 1372px #FFFFFF90, 1201px 577px #FFFFFF90, 1540px 372px #FFFFFF90, 524px 84px #FFFFFF90, 300px 731px #FFFFFF90, 662px 239px #FFFFFF90, 1789px 472px #FFFFFF90, 728px 1691px #FFFFFF90, 644px 1049px #FFFFFF90, 1024px 1071px #FFFFFF90, 1607px 284px #FFFFFF90, 583px 111px #FFFFFF90, 724px 1333px #FFFFFF90, 887px 926px #FFFFFF90, 984px 1383px #FFFFFF90, 661px 1921px #FFFFFF90, 713px 1586px #FFFFFF90, 1841px 104px #FFFFFF90, 261px 238px #FFFFFF90, 151px 1749px #FFFFFF90, 1127px 755px #FFFFFF90, 1388px 4px #FFFFFF90, 1727px 1590px #FFFFFF90, 125px 1171px #FFFFFF90, 1233px 1579px #FFFFFF90, 1108px 1847px #FFFFFF90, 778px 965px #FFFFFF90, 1560px 1028px #FFFFFF90, 943px 1638px #FFFFFF90, 1758px 904px #FFFFFF90, 1926px 1989px #FFFFFF90, 1681px 60px #FFFFFF90, 280px 571px #FFFFFF90, 1927px 1385px #FFFFFF90, 533px 18px #FFFFFF90, 1116px 1656px #FFFFFF90, 1395px 127px #FFFFFF90, 1217px 923px #FFFFFF90, 1672px 1063px #FFFFFF90, 1874px 881px #FFFFFF90, 459px 1069px #FFFFFF90, 1937px 961px #FFFFFF90, 1125px 605px #FFFFFF90, 664px 842px #FFFFFF90, 1105px 1021px #FFFFFF90, 276px 1912px #FFFFFF90, 1376px 778px #FFFFFF90, 497px 1868px #FFFFFF90, 548px 187px #FFFFFF90, 551px 527px #FFFFFF90, 688px 1247px #FFFFFF90, 321px 893px #FFFFFF90, 570px 673px #FFFFFF90, 657px 1946px #FFFFFF90, 946px 1306px #FFFFFF90, 509px 725px #FFFFFF90, 1154px 1853px #FFFFFF90, 377px 552px #FFFFFF90, 682px 1433px #FFFFFF90, 1850px 228px #FFFFFF90, 71px 1531px #FFFFFF90, 32px 914px #FFFFFF90, 34px 119px #FFFFFF90, 1765px 1341px #FFFFFF90, 402px 1508px #FFFFFF90, 1931px 1966px #FFFFFF90, 1471px 1371px #FFFFFF90, 811px 431px #FFFFFF90, 1028px 864px #FFFFFF90, 919px 1494px #FFFFFF90, 741px 1311px #FFFFFF90, 719px 1887px #FFFFFF90, 1638px 159px #FFFFFF90, 1317px 1623px #FFFFFF90, 1509px 42px #FFFFFF90, 1038px 1375px #FFFFFF90, 1034px 1051px #FFFFFF90, 1328px 1906px #FFFFFF90, 378px 66px #FFFFFF90, 1825px 1704px #FFFFFF90, 1468px 163px #FFFFFF90, 925px 774px #FFFFFF90, 389px 1908px #FFFFFF90, 1401px 1410px #FFFFFF90, 877px 1497px #FFFFFF90, 1314px 1341px #FFFFFF90, 1040px 1537px #FFFFFF90, 336px 347px #FFFFFF90, 1624px 654px #FFFFFF90, 415px 1453px #FFFFFF90, 500px 1634px #FFFFFF90, 1152px 1004px #FFFFFF90, 896px 537px #FFFFFF90, 764px 1289px #FFFFFF90, 386px 1215px #FFFFFF90, 433px 1328px #FFFFFF90, 586px 1800px #FFFFFF90, 1897px 325px #FFFFFF90, 488px 1027px #FFFFFF90, 343px 1255px #FFFFFF90, 989px 1731px #FFFFFF90, 1114px 125px #FFFFFF90, 193px 1094px #FFFFFF90, 1157px 1451px #FFFFFF90, 1105px 1113px #FFFFFF90, 614px 839px #FFFFFF90, 386px 686px #FFFFFF90, 391px 1977px #FFFFFF90, 1211px 1520px #FFFFFF90, 694px 1664px #FFFFFF90, 1418px 749px #FFFFFF90, 1481px 658px #FFFFFF90, 701px 1929px #FFFFFF90, 1567px 1878px #FFFFFF90, 1958px 586px #FFFFFF90, 446px 717px #FFFFFF90, 1542px 1122px #FFFFFF90, 1400px 650px #FFFFFF90, 339px 1146px #FFFFFF90, 190px 148px #FFFFFF90, 663px 863px #FFFFFF90, 449px 191px #FFFFFF90, 281px 152px #FFFFFF90, 160px 163px #FFFFFF90, 1472px 288px #FFFFFF90, 537px 882px #FFFFFF90, 904px 402px #FFFFFF90, 5px 1516px #FFFFFF90, 1888px 568px #FFFFFF90, 1839px 1436px #FFFFFF90, 1575px 1147px #FFFFFF90, 413px 147px #FFFFFF90, 640px 976px #FFFFFF90, 1702px 1763px #FFFFFF90, 464px 189px #FFFFFF90, 1557px 53px #FFFFFF90;
  animation: animStar 200s linear infinite; }
  .home-hero #stars:after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1834px 1704px #FFFFFF80, 1147px 1846px #FFFFFF90, 1186px 99px #FFFFFF90, 844px 1855px #FFFFFF90, 1203px 33px #FFFFFF90, 1094px 1006px #FFFFFF90, 1844px 224px #FFFFFF90, 918px 360px #FFFFFF90, 290px 1254px #FFFFFF90, 348px 1371px #FFFFFF90, 755px 1016px #FFFFFF90, 1383px 1820px #FFFFFF90, 426px 1194px #FFFFFF90, 565px 927px #FFFFFF90, 325px 443px #FFFFFF90, 970px 769px #FFFFFF90, 878px 904px #FFFFFF90, 1896px 1551px #FFFFFF90, 1828px 415px #FFFFFF90, 1680px 1476px #FFFFFF90, 1910px 1251px #FFFFFF90, 686px 841px #FFFFFF90, 671px 817px #FFFFFF90, 448px 1973px #FFFFFF90, 1211px 778px #FFFFFF90, 1837px 1461px #FFFFFF90, 36px 897px #FFFFFF90, 62px 424px #FFFFFF90, 856px 506px #FFFFFF90, 1724px 1827px #FFFFFF90, 1551px 1338px #FFFFFF90, 52px 632px #FFFFFF90, 175px 647px #FFFFFF90, 189px 1577px #FFFFFF90, 248px 974px #FFFFFF90, 979px 1787px #FFFFFF90, 1998px 1900px #FFFFFF90, 1102px 1213px #FFFFFF90, 1593px 1964px #FFFFFF90, 392px 1213px #FFFFFF90, 1441px 775px #FFFFFF90, 1718px 1955px #FFFFFF90, 1376px 1361px #FFFFFF90, 1916px 1422px #FFFFFF90, 400px 355px #FFFFFF90, 454px 903px #FFFFFF90, 741px 1917px #FFFFFF90, 1476px 446px #FFFFFF90, 1405px 721px #FFFFFF90, 1375px 1813px #FFFFFF90, 1932px 1052px #FFFFFF90, 1621px 562px #FFFFFF90, 1317px 971px #FFFFFF90, 149px 1136px #FFFFFF90, 335px 23px #FFFFFF90, 1025px 87px #FFFFFF90, 449px 724px #FFFFFF90, 850px 1858px #FFFFFF90, 580px 781px #FFFFFF90, 386px 62px #FFFFFF90, 589px 913px #FFFFFF90, 505px 529px #FFFFFF90, 1857px 1865px #FFFFFF90, 1735px 855px #FFFFFF90, 1511px 868px #FFFFFF90, 67px 943px #FFFFFF90, 881px 1186px #FFFFFF90, 1072px 1905px #FFFFFF90, 1637px 1252px #FFFFFF90, 1909px 1572px #FFFFFF90, 576px 1928px #FFFFFF90, 1962px 1227px #FFFFFF90, 1380px 1326px #FFFFFF90, 974px 1982px #FFFFFF90, 1334px 162px #FFFFFF90, 1664px 541px #FFFFFF90, 191px 1239px #FFFFFF90, 946px 909px #FFFFFF90, 428px 727px #FFFFFF90, 449px 1533px #FFFFFF90, 456px 1398px #FFFFFF90, 1012px 1315px #FFFFFF90, 1071px 829px #FFFFFF90, 1503px 71px #FFFFFF90, 258px 268px #FFFFFF90, 1823px 413px #FFFFFF90, 159px 1469px #FFFFFF90, 1590px 1037px #FFFFFF90, 648px 957px #FFFFFF90, 521px 759px #FFFFFF90, 1489px 863px #FFFFFF90, 691px 369px #FFFFFF90, 1659px 23px #FFFFFF90, 1040px 1856px #FFFFFF90, 173px 512px #FFFFFF90, 197px 559px #FFFFFF90, 1140px 920px #FFFFFF90, 1617px 1564px #FFFFFF90, 1541px 1937px #FFFFFF90, 815px 1686px #FFFFFF90, 333px 1152px #FFFFFF90, 1250px 1236px #FFFFFF90, 357px 717px #FFFFFF90, 1853px 827px #FFFFFF90, 206px 1156px #FFFFFF90, 1460px 1849px #FFFFFF90, 1181px 1184px #FFFFFF90, 1851px 1066px #FFFFFF90, 336px 112px #FFFFFF90, 749px 1234px #FFFFFF90, 99px 926px #FFFFFF90, 275px 1363px #FFFFFF90, 1881px 1973px #FFFFFF90, 887px 949px #FFFFFF90, 677px 1074px #FFFFFF90, 1131px 608px #FFFFFF90, 1566px 1771px #FFFFFF90, 663px 105px #FFFFFF90, 1362px 745px #FFFFFF90, 868px 1385px #FFFFFF90, 428px 352px #FFFFFF90, 1830px 378px #FFFFFF90, 1104px 1475px #FFFFFF90, 1399px 1146px #FFFFFF90, 949px 1003px #FFFFFF90, 1021px 1354px #FFFFFF90, 692px 659px #FFFFFF90, 783px 203px #FFFFFF90, 1947px 240px #FFFFFF90, 1227px 44px #FFFFFF90, 1878px 1736px #FFFFFF90, 532px 871px #FFFFFF90, 1021px 217px #FFFFFF90, 743px 348px #FFFFFF90, 694px 1312px #FFFFFF90, 1801px 1174px #FFFFFF90, 1756px 1086px #FFFFFF90, 625px 1798px #FFFFFF90, 1203px 519px #FFFFFF90, 1508px 622px #FFFFFF90, 1951px 784px #FFFFFF90, 495px 164px #FFFFFF90, 1923px 1244px #FFFFFF90, 276px 1067px #FFFFFF90, 62px 1755px #FFFFFF90, 520px 1552px #FFFFFF90, 1567px 1678px #FFFFFF90, 1205px 921px #FFFFFF90, 604px 1626px #FFFFFF90, 749px 541px #FFFFFF90, 590px 1939px #FFFFFF90, 1477px 1318px #FFFFFF90, 358px 951px #FFFFFF90, 484px 1178px #FFFFFF90, 1097px 412px #FFFFFF90, 1081px 1976px #FFFFFF90, 1412px 1802px #FFFFFF90, 129px 1361px #FFFFFF90, 930px 741px #FFFFFF90, 1937px 1143px #FFFFFF90, 696px 1401px #FFFFFF90, 1120px 1623px #FFFFFF90, 71px 1411px #FFFFFF90, 1830px 954px #FFFFFF90, 404px 973px #FFFFFF90, 1008px 899px #FFFFFF90, 68px 816px #FFFFFF90, 1806px 828px #FFFFFF90, 539px 1066px #FFFFFF90, 1672px 1087px #FFFFFF90, 624px 270px #FFFFFF90, 1328px 346px #FFFFFF90, 812px 570px #FFFFFF90, 1551px 490px #FFFFFF90, 1437px 1060px #FFFFFF90, 1339px 203px #FFFFFF90, 1908px 1024px #FFFFFF90, 1205px 866px #FFFFFF90, 851px 1885px #FFFFFF90, 1460px 919px #FFFFFF90, 125px 635px #FFFFFF90, 1680px 1422px #FFFFFF90, 1754px 589px #FFFFFF90, 1619px 994px #FFFFFF90, 996px 1261px #FFFFFF90, 1546px 1988px #FFFFFF90, 834px 1674px #FFFFFF90, 796px 48px #FFFFFF90, 865px 1538px #FFFFFF90, 1844px 76px #FFFFFF90, 546px 214px #FFFFFF90, 619px 403px #FFFFFF90, 165px 1999px #FFFFFF90, 1335px 1902px #FFFFFF90, 706px 548px #FFFFFF90, 1732px 1732px #FFFFFF90, 338px 1805px #FFFFFF90, 967px 1241px #FFFFFF90, 667px 533px #FFFFFF90, 1751px 1913px #FFFFFF90, 861px 1696px #FFFFFF90, 1685px 1678px #FFFFFF90, 11px 142px #FFFFFF90, 1885px 1427px #FFFFFF90, 1721px 223px #FFFFFF90, 620px 1770px #FFFFFF90, 1245px 1350px #FFFFFF90, 291px 1429px #FFFFFF90, 963px 533px #FFFFFF90, 865px 1166px #FFFFFF90, 807px 172px #FFFFFF90, 1592px 2000px #FFFFFF90, 1746px 1122px #FFFFFF90, 1776px 753px #FFFFFF90, 1015px 1395px #FFFFFF90, 106px 760px #FFFFFF90, 1033px 1002px #FFFFFF90, 591px 600px #FFFFFF90, 504px 277px #FFFFFF90, 144px 161px #FFFFFF90, 497px 383px #FFFFFF90, 1851px 1121px #FFFFFF90, 69px 1565px #FFFFFF90, 1265px 1502px #FFFFFF90, 57px 1146px #FFFFFF90, 195px 461px #FFFFFF90, 456px 561px #FFFFFF90, 1452px 298px #FFFFFF90, 1px 252px #FFFFFF90, 682px 403px #FFFFFF90, 724px 1468px #FFFFFF90, 1835px 1940px #FFFFFF90, 656px 292px #FFFFFF90, 209px 1852px #FFFFFF90, 1402px 201px #FFFFFF90, 245px 1035px #FFFFFF90, 847px 1777px #FFFFFF90, 196px 971px #FFFFFF90, 250px 919px #FFFFFF90, 344px 216px #FFFFFF90, 1081px 388px #FFFFFF90, 179px 812px #FFFFFF90, 1931px 1255px #FFFFFF90, 3px 157px #FFFFFF90, 114px 1766px #FFFFFF90, 1606px 581px #FFFFFF90, 1188px 1793px #FFFFFF90, 157px 1091px #FFFFFF90, 725px 7px #FFFFFF90, 1461px 89px #FFFFFF90, 784px 9px #FFFFFF90, 469px 1142px #FFFFFF90, 1665px 159px #FFFFFF90, 173px 859px #FFFFFF90, 1757px 1468px #FFFFFF90, 877px 1577px #FFFFFF90, 1156px 1296px #FFFFFF90, 380px 575px #FFFFFF90, 25px 62px #FFFFFF90, 1668px 1559px #FFFFFF90, 1050px 817px #FFFFFF90, 928px 663px #FFFFFF90, 846px 575px #FFFFFF90, 1998px 382px #FFFFFF90, 376px 920px #FFFFFF90, 880px 1229px #FFFFFF90, 737px 1305px #FFFFFF90, 389px 56px #FFFFFF90, 382px 756px #FFFFFF90, 278px 1328px #FFFFFF90, 1740px 1137px #FFFFFF90, 1985px 207px #FFFFFF90, 1270px 1118px #FFFFFF90, 368px 1363px #FFFFFF90, 622px 939px #FFFFFF90, 1758px 26px #FFFFFF90, 825px 1412px #FFFFFF90, 1091px 1866px #FFFFFF90, 1338px 1209px #FFFFFF90, 185px 1742px #FFFFFF90, 1418px 1578px #FFFFFF90, 1450px 1429px #FFFFFF90, 1535px 1657px #FFFFFF90, 924px 864px #FFFFFF90, 1308px 835px #FFFFFF90, 135px 1232px #FFFFFF90, 487px 183px #FFFFFF90, 326px 318px #FFFFFF90, 668px 961px #FFFFFF90, 869px 1588px #FFFFFF90, 1304px 794px #FFFFFF90, 1977px 730px #FFFFFF90, 1197px 1736px #FFFFFF90, 848px 1680px #FFFFFF90, 867px 447px #FFFFFF90, 592px 1103px #FFFFFF90, 260px 1907px #FFFFFF90, 1572px 1023px #FFFFFF90, 1376px 511px #FFFFFF90, 1317px 1768px #FFFFFF90, 1508px 1093px #FFFFFF90, 666px 1513px #FFFFFF90, 372px 1164px #FFFFFF90, 1024px 99px #FFFFFF90, 1221px 225px #FFFFFF90, 1425px 866px #FFFFFF90, 24px 1081px #FFFFFF90, 517px 1322px #FFFFFF90, 110px 363px #FFFFFF90, 1346px 1227px #FFFFFF90, 1353px 1457px #FFFFFF90, 1829px 599px #FFFFFF90, 1042px 401px #FFFFFF90, 856px 975px #FFFFFF90, 169px 821px #FFFFFF90, 1738px 1382px #FFFFFF90, 116px 1450px #FFFFFF90, 1709px 1143px #FFFFFF90, 692px 268px #FFFFFF90, 800px 95px #FFFFFF90, 1490px 1495px #FFFFFF90, 125px 1389px #FFFFFF90, 1124px 1227px #FFFFFF90, 1949px 1605px #FFFFFF90, 86px 1412px #FFFFFF90, 1752px 1664px #FFFFFF90, 1024px 910px #FFFFFF90, 236px 1652px #FFFFFF90, 1315px 885px #FFFFFF90, 573px 1626px #FFFFFF90, 697px 470px #FFFFFF90, 132px 417px #FFFFFF90, 548px 408px #FFFFFF90, 936px 1483px #FFFFFF90, 864px 1197px #FFFFFF90, 1472px 1823px #FFFFFF90, 1056px 681px #FFFFFF90, 1285px 803px #FFFFFF90, 1693px 1563px #FFFFFF90, 475px 1192px #FFFFFF90, 223px 15px #FFFFFF90, 1992px 8px #FFFFFF90, 135px 1188px #FFFFFF90, 1843px 837px #FFFFFF90, 89px 931px #FFFFFF90, 1489px 1455px #FFFFFF90, 246px 356px #FFFFFF90, 1417px 292px #FFFFFF90, 1533px 76px #FFFFFF90, 235px 1798px #FFFFFF90, 1595px 1443px #FFFFFF90, 16px 1215px #FFFFFF90, 989px 1674px #FFFFFF90, 885px 893px #FFFFFF90, 664px 116px #FFFFFF90, 1929px 164px #FFFFFF90, 1180px 783px #FFFFFF90, 916px 905px #FFFFFF90, 699px 1735px #FFFFFF90, 1229px 1476px #FFFFFF90, 424px 1201px #FFFFFF90, 351px 1274px #FFFFFF90, 1422px 1501px #FFFFFF90, 1633px 935px #FFFFFF90, 1380px 1895px #FFFFFF90, 1024px 1263px #FFFFFF90, 68px 1479px #FFFFFF90, 756px 1353px #FFFFFF90, 1455px 658px #FFFFFF90, 153px 1941px #FFFFFF90, 1282px 833px #FFFFFF90, 32px 1489px #FFFFFF90, 1629px 421px #FFFFFF90, 474px 263px #FFFFFF90, 1782px 750px #FFFFFF90, 760px 1345px #FFFFFF90, 695px 757px #FFFFFF90, 1155px 1952px #FFFFFF90, 615px 1184px #FFFFFF90, 20px 1517px #FFFFFF90, 835px 977px #FFFFFF90, 1035px 861px #FFFFFF90, 797px 495px #FFFFFF90, 83px 394px #FFFFFF90, 1438px 1992px #FFFFFF90, 1719px 1966px #FFFFFF90, 1080px 333px #FFFFFF90, 722px 1340px #FFFFFF90, 1417px 20px #FFFFFF90, 801px 755px #FFFFFF90, 56px 1310px #FFFFFF90, 1328px 670px #FFFFFF90, 1531px 760px #FFFFFF90, 1132px 395px #FFFFFF90, 1467px 1551px #FFFFFF90, 55px 300px #FFFFFF90, 614px 604px #FFFFFF90, 254px 1028px #FFFFFF90, 692px 1341px #FFFFFF90, 982px 1862px #FFFFFF90, 732px 1929px #FFFFFF90, 1495px 508px #FFFFFF90, 1088px 630px #FFFFFF90, 1328px 779px #FFFFFF90, 778px 657px #FFFFFF90, 1646px 1808px #FFFFFF90, 1962px 687px #FFFFFF90, 937px 24px #FFFFFF90, 1541px 889px #FFFFFF90, 1315px 1138px #FFFFFF90, 120px 1188px #FFFFFF90, 945px 1509px #FFFFFF90, 248px 116px #FFFFFF90, 1948px 1639px #FFFFFF90, 1161px 1754px #FFFFFF90, 1442px 1610px #FFFFFF90, 478px 1256px #FFFFFF90, 398px 919px #FFFFFF90, 361px 565px #FFFFFF90, 287px 1075px #FFFFFF90, 1289px 1849px #FFFFFF90, 1062px 1903px #FFFFFF90, 1289px 677px #FFFFFF90, 138px 1932px #FFFFFF90, 64px 1869px #FFFFFF90, 1247px 357px #FFFFFF90, 490px 781px #FFFFFF90, 802px 599px #FFFFFF90, 831px 1766px #FFFFFF90, 1635px 1033px #FFFFFF90, 557px 390px #FFFFFF90, 113px 843px #FFFFFF90, 1178px 1627px #FFFFFF90, 866px 1727px #FFFFFF90, 555px 1098px #FFFFFF90, 1372px 1934px #FFFFFF90, 328px 895px #FFFFFF90, 1368px 639px #FFFFFF90, 1590px 1191px #FFFFFF90, 1135px 377px #FFFFFF90, 905px 1413px #FFFFFF90, 1595px 1251px #FFFFFF90, 1970px 1321px #FFFFFF90, 971px 1530px #FFFFFF90, 1243px 1142px #FFFFFF90, 27px 1466px #FFFFFF90, 414px 1630px #FFFFFF90, 1845px 1463px #FFFFFF90, 336px 518px #FFFFFF90, 922px 1703px #FFFFFF90, 1546px 255px #FFFFFF90, 1975px 1675px #FFFFFF90, 230px 1221px #FFFFFF90, 1079px 309px #FFFFFF90, 651px 391px #FFFFFF90, 1192px 1104px #FFFFFF90, 871px 1510px #FFFFFF90, 1747px 525px #FFFFFF90, 450px 1009px #FFFFFF90, 384px 1187px #FFFFFF90, 22px 1921px #FFFFFF90, 1602px 63px #FFFFFF90, 204px 1932px #FFFFFF90, 609px 1457px #FFFFFF90, 1737px 691px #FFFFFF90, 905px 1185px #FFFFFF90, 1000px 1584px #FFFFFF90, 1521px 1002px #FFFFFF90, 1707px 522px #FFFFFF90, 221px 1806px #FFFFFF90, 1704px 936px #FFFFFF90, 687px 460px #FFFFFF90, 923px 1962px #FFFFFF90, 1201px 835px #FFFFFF90, 1668px 1754px #FFFFFF90, 477px 1537px #FFFFFF90, 1155px 754px #FFFFFF90, 693px 1909px #FFFFFF90, 330px 674px #FFFFFF90, 1667px 1164px #FFFFFF90, 774px 1518px #FFFFFF90, 795px 1311px #FFFFFF90, 1396px 866px #FFFFFF90, 285px 425px #FFFFFF90, 179px 959px #FFFFFF90, 285px 453px #FFFFFF90, 1065px 1107px #FFFFFF90, 424px 1634px #FFFFFF90, 1684px 458px #FFFFFF90, 1076px 774px #FFFFFF90, 1777px 768px #FFFFFF90, 1101px 690px #FFFFFF90, 400px 1428px #FFFFFF90, 129px 626px #FFFFFF90, 987px 1427px #FFFFFF90, 1712px 463px #FFFFFF90, 496px 1080px #FFFFFF90, 247px 1997px #FFFFFF90, 921px 706px #FFFFFF90, 452px 1709px #FFFFFF90, 512px 1739px #FFFFFF90, 337px 720px #FFFFFF90, 1121px 44px #FFFFFF90, 1639px 1002px #FFFFFF90, 1920px 982px #FFFFFF90, 1602px 428px #FFFFFF90, 784px 518px #FFFFFF90, 1328px 1677px #FFFFFF90, 1438px 1500px #FFFFFF90, 415px 1856px #FFFFFF90, 1705px 1365px #FFFFFF90, 1053px 1042px #FFFFFF90, 1608px 530px #FFFFFF90, 915px 794px #FFFFFF90, 741px 307px #FFFFFF90, 557px 1996px #FFFFFF90, 23px 423px #FFFFFF90, 85px 820px #FFFFFF90, 1028px 160px #FFFFFF90, 131px 1317px #FFFFFF90, 1677px 1158px #FFFFFF90, 1617px 1200px #FFFFFF90, 541px 914px #FFFFFF90, 1263px 1222px #FFFFFF90, 147px 1677px #FFFFFF90, 1736px 1935px #FFFFFF90, 1373px 705px #FFFFFF90, 1152px 1691px #FFFFFF90, 1246px 1348px #FFFFFF90, 1851px 821px #FFFFFF90, 1402px 374px #FFFFFF90, 1291px 1842px #FFFFFF90, 1937px 1527px #FFFFFF90, 151px 1122px #FFFFFF90, 1684px 1831px #FFFFFF90, 84px 454px #FFFFFF90, 128px 1129px #FFFFFF90, 1080px 1008px #FFFFFF90, 1676px 1606px #FFFFFF90, 101px 880px #FFFFFF90, 235px 1567px #FFFFFF90, 315px 1831px #FFFFFF90, 536px 365px #FFFFFF90, 1751px 262px #FFFFFF90, 834px 1654px #FFFFFF90, 49px 1826px #FFFFFF90, 1601px 1519px #FFFFFF90, 1108px 990px #FFFFFF90, 767px 840px #FFFFFF90, 959px 708px #FFFFFF90, 936px 714px #FFFFFF90, 1009px 1754px #FFFFFF90, 1043px 373px #FFFFFF90, 97px 123px #FFFFFF90, 559px 1020px #FFFFFF90, 883px 650px #FFFFFF90, 590px 782px #FFFFFF90, 980px 725px #FFFFFF90, 1816px 1287px #FFFFFF90, 1743px 1440px #FFFFFF90, 900px 1262px #FFFFFF90, 1926px 1679px #FFFFFF90, 799px 802px #FFFFFF90, 337px 954px #FFFFFF90, 615px 1372px #FFFFFF90, 1201px 577px #FFFFFF90, 1540px 372px #FFFFFF90, 524px 84px #FFFFFF90, 300px 731px #FFFFFF90, 662px 239px #FFFFFF90, 1789px 472px #FFFFFF90, 728px 1691px #FFFFFF90, 644px 1049px #FFFFFF90, 1024px 1071px #FFFFFF90, 1607px 284px #FFFFFF90, 583px 111px #FFFFFF90, 724px 1333px #FFFFFF90, 887px 926px #FFFFFF90, 984px 1383px #FFFFFF90, 661px 1921px #FFFFFF90, 713px 1586px #FFFFFF90, 1841px 104px #FFFFFF90, 261px 238px #FFFFFF90, 151px 1749px #FFFFFF90, 1127px 755px #FFFFFF90, 1388px 4px #FFFFFF90, 1727px 1590px #FFFFFF90, 125px 1171px #FFFFFF90, 1233px 1579px #FFFFFF90, 1108px 1847px #FFFFFF90, 778px 965px #FFFFFF90, 1560px 1028px #FFFFFF90, 943px 1638px #FFFFFF90, 1758px 904px #FFFFFF90, 1926px 1989px #FFFFFF90, 1681px 60px #FFFFFF90, 280px 571px #FFFFFF90, 1927px 1385px #FFFFFF90, 533px 18px #FFFFFF90, 1116px 1656px #FFFFFF90, 1395px 127px #FFFFFF90, 1217px 923px #FFFFFF90, 1672px 1063px #FFFFFF90, 1874px 881px #FFFFFF90, 459px 1069px #FFFFFF90, 1937px 961px #FFFFFF90, 1125px 605px #FFFFFF90, 664px 842px #FFFFFF90, 1105px 1021px #FFFFFF90, 276px 1912px #FFFFFF90, 1376px 778px #FFFFFF90, 497px 1868px #FFFFFF90, 548px 187px #FFFFFF90, 551px 527px #FFFFFF90, 688px 1247px #FFFFFF90, 321px 893px #FFFFFF90, 570px 673px #FFFFFF90, 657px 1946px #FFFFFF90, 946px 1306px #FFFFFF90, 509px 725px #FFFFFF90, 1154px 1853px #FFFFFF90, 377px 552px #FFFFFF90, 682px 1433px #FFFFFF90, 1850px 228px #FFFFFF90, 71px 1531px #FFFFFF90, 32px 914px #FFFFFF90, 34px 119px #FFFFFF90, 1765px 1341px #FFFFFF90, 402px 1508px #FFFFFF90, 1931px 1966px #FFFFFF90, 1471px 1371px #FFFFFF90, 811px 431px #FFFFFF90, 1028px 864px #FFFFFF90, 919px 1494px #FFFFFF90, 741px 1311px #FFFFFF90, 719px 1887px #FFFFFF90, 1638px 159px #FFFFFF90, 1317px 1623px #FFFFFF90, 1509px 42px #FFFFFF90, 1038px 1375px #FFFFFF90, 1034px 1051px #FFFFFF90, 1328px 1906px #FFFFFF90, 378px 66px #FFFFFF90, 1825px 1704px #FFFFFF90, 1468px 163px #FFFFFF90, 925px 774px #FFFFFF90, 389px 1908px #FFFFFF90, 1401px 1410px #FFFFFF90, 877px 1497px #FFFFFF90, 1314px 1341px #FFFFFF90, 1040px 1537px #FFFFFF90, 336px 347px #FFFFFF90, 1624px 654px #FFFFFF90, 415px 1453px #FFFFFF90, 500px 1634px #FFFFFF90, 1152px 1004px #FFFFFF90, 896px 537px #FFFFFF90, 764px 1289px #FFFFFF90, 386px 1215px #FFFFFF90, 433px 1328px #FFFFFF90, 586px 1800px #FFFFFF90, 1897px 325px #FFFFFF90, 488px 1027px #FFFFFF90, 343px 1255px #FFFFFF90, 989px 1731px #FFFFFF90, 1114px 125px #FFFFFF90, 193px 1094px #FFFFFF90, 1157px 1451px #FFFFFF90, 1105px 1113px #FFFFFF90, 614px 839px #FFFFFF90, 386px 686px #FFFFFF90, 391px 1977px #FFFFFF90, 1211px 1520px #FFFFFF90, 694px 1664px #FFFFFF90, 1418px 749px #FFFFFF90, 1481px 658px #FFFFFF90, 701px 1929px #FFFFFF90, 1567px 1878px #FFFFFF90, 1958px 586px #FFFFFF90, 446px 717px #FFFFFF90, 1542px 1122px #FFFFFF90, 1400px 650px #FFFFFF90, 339px 1146px #FFFFFF90, 190px 148px #FFFFFF90, 663px 863px #FFFFFF90, 449px 191px #FFFFFF90, 281px 152px #FFFFFF90, 160px 163px #FFFFFF90, 1472px 288px #FFFFFF90, 537px 882px #FFFFFF90, 904px 402px #FFFFFF90, 5px 1516px #FFFFFF90, 1888px 568px #FFFFFF90, 1839px 1436px #FFFFFF90, 1575px 1147px #FFFFFF90, 413px 147px #FFFFFF90, 640px 976px #FFFFFF90, 1702px 1763px #FFFFFF90, 464px 189px #FFFFFF90, 1557px 53px #FFFFFF90; }

.home-hero #stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 882px 1259px #FFFFFF80, 1737px 1015px #FFFFFF90, 1375px 734px #FFFFFF90, 126px 48px #FFFFFF90, 1932px 700px #FFFFFF90, 1795px 1651px #FFFFFF90, 900px 130px #FFFFFF90, 926px 1697px #FFFFFF90, 1045px 1901px #FFFFFF90, 210px 1058px #FFFFFF90, 360px 588px #FFFFFF90, 1506px 1806px #FFFFFF90, 199px 1017px #FFFFFF90, 25px 1199px #FFFFFF90, 907px 1099px #FFFFFF90, 1589px 204px #FFFFFF90, 908px 657px #FFFFFF90, 1527px 420px #FFFFFF90, 1070px 1594px #FFFFFF90, 1120px 510px #FFFFFF90, 1979px 279px #FFFFFF90, 10px 1923px #FFFFFF90, 562px 24px #FFFFFF90, 1973px 1429px #FFFFFF90, 1132px 510px #FFFFFF90, 1394px 319px #FFFFFF90, 512px 1885px #FFFFFF90, 403px 1077px #FFFFFF90, 810px 664px #FFFFFF90, 1354px 1316px #FFFFFF90, 1073px 1140px #FFFFFF90, 701px 906px #FFFFFF90, 1038px 1736px #FFFFFF90, 613px 236px #FFFFFF90, 1508px 1967px #FFFFFF90, 1827px 1562px #FFFFFF90, 1862px 41px #FFFFFF90, 1874px 1170px #FFFFFF90, 1023px 163px #FFFFFF90, 1414px 705px #FFFFFF90, 1867px 116px #FFFFFF90, 1558px 662px #FFFFFF90, 1275px 638px #FFFFFF90, 295px 46px #FFFFFF90, 1689px 470px #FFFFFF90, 531px 56px #FFFFFF90, 162px 37px #FFFFFF90, 1280px 71px #FFFFFF90, 866px 1103px #FFFFFF90, 216px 571px #FFFFFF90, 953px 665px #FFFFFF90, 1461px 1233px #FFFFFF90, 1723px 1562px #FFFFFF90, 401px 1533px #FFFFFF90, 267px 1757px #FFFFFF90, 1373px 332px #FFFFFF90, 1571px 818px #FFFFFF90, 1496px 1123px #FFFFFF90, 1661px 66px #FFFFFF90, 470px 1039px #FFFFFF90, 318px 44px #FFFFFF90, 1460px 1813px #FFFFFF90, 149px 1679px #FFFFFF90, 366px 1914px #FFFFFF90, 99px 716px #FFFFFF90, 633px 420px #FFFFFF90, 1756px 1929px #FFFFFF90, 967px 1418px #FFFFFF90, 130px 1693px #FFFFFF90, 356px 1040px #FFFFFF90, 1376px 1869px #FFFFFF90, 1841px 1156px #FFFFFF90, 55px 136px #FFFFFF90, 77px 410px #FFFFFF90, 1378px 391px #FFFFFF90, 600px 1644px #FFFFFF90, 774px 1482px #FFFFFF90, 795px 1935px #FFFFFF90, 50px 415px #FFFFFF90, 549px 1086px #FFFFFF90, 1272px 1310px #FFFFFF90, 851px 1991px #FFFFFF90, 857px 1433px #FFFFFF90, 1824px 1173px #FFFFFF90, 1678px 785px #FFFFFF90, 1674px 2000px #FFFFFF90, 1794px 1444px #FFFFFF90, 545px 1443px #FFFFFF90, 332px 1945px #FFFFFF90, 1094px 577px #FFFFFF90, 1191px 847px #FFFFFF90, 1116px 1590px #FFFFFF90, 1652px 534px #FFFFFF90, 1926px 506px #FFFFFF90, 1570px 1848px #FFFFFF90, 1894px 428px #FFFFFF90, 1942px 988px #FFFFFF90, 235px 21px #FFFFFF90, 233px 897px #FFFFFF90, 1519px 522px #FFFFFF90, 1764px 1718px #FFFFFF90, 1705px 324px #FFFFFF90, 1551px 1872px #FFFFFF90, 201px 1312px #FFFFFF90, 1800px 1217px #FFFFFF90, 1629px 464px #FFFFFF90, 1631px 401px #FFFFFF90, 1538px 1369px #FFFFFF90, 821px 1815px #FFFFFF90, 1077px 1489px #FFFFFF90, 839px 1671px #FFFFFF90, 1488px 704px #FFFFFF90, 286px 410px #FFFFFF90, 1674px 725px #FFFFFF90, 1500px 1593px #FFFFFF90, 1171px 341px #FFFFFF90, 1650px 1039px #FFFFFF90, 251px 1726px #FFFFFF90, 1756px 1544px #FFFFFF90, 421px 1816px #FFFFFF90, 250px 1462px #FFFFFF90, 727px 1585px #FFFFFF90, 936px 346px #FFFFFF90, 735px 749px #FFFFFF90, 543px 275px #FFFFFF90, 667px 991px #FFFFFF90, 319px 591px #FFFFFF90, 1454px 1961px #FFFFFF90, 1466px 1001px #FFFFFF90, 1642px 1500px #FFFFFF90, 564px 1718px #FFFFFF90, 243px 767px #FFFFFF90, 285px 146px #FFFFFF90, 978px 715px #FFFFFF90, 1547px 1422px #FFFFFF90, 1502px 1839px #FFFFFF90, 1145px 355px #FFFFFF90, 56px 1692px #FFFFFF90, 173px 1783px #FFFFFF90, 1413px 1191px #FFFFFF90, 722px 1169px #FFFFFF90, 1512px 914px #FFFFFF90, 401px 1099px #FFFFFF90, 1751px 1609px #FFFFFF90, 1477px 246px #FFFFFF90, 910px 579px #FFFFFF90, 1774px 958px #FFFFFF90, 1772px 1796px #FFFFFF90, 27px 1539px #FFFFFF90, 1949px 1249px #FFFFFF90, 169px 126px #FFFFFF90, 332px 1657px #FFFFFF90, 420px 193px #FFFFFF90, 157px 919px #FFFFFF90, 969px 1721px #FFFFFF90, 324px 975px #FFFFFF90, 1296px 232px #FFFFFF90, 1809px 661px #FFFFFF90, 208px 53px #FFFFFF90, 986px 418px #FFFFFF90, 633px 492px #FFFFFF90, 1053px 1866px #FFFFFF90, 1250px 811px #FFFFFF90, 848px 1127px #FFFFFF90, 584px 1932px #FFFFFF90, 943px 431px #FFFFFF90, 1162px 1451px #FFFFFF90, 58px 498px #FFFFFF90, 61px 1840px #FFFFFF90, 921px 470px #FFFFFF90, 1008px 1779px #FFFFFF90, 941px 1712px #FFFFFF90, 1306px 1090px #FFFFFF90, 1841px 555px #FFFFFF90, 1675px 164px #FFFFFF90, 987px 1715px #FFFFFF90, 380px 1489px #FFFFFF90, 1775px 1967px #FFFFFF90, 1771px 107px #FFFFFF90, 1365px 211px #FFFFFF90, 1796px 636px #FFFFFF90, 1112px 189px #FFFFFF90, 608px 152px #FFFFFF90, 1237px 485px #FFFFFF90, 1875px 1861px #FFFFFF90, 235px 962px #FFFFFF90, 327px 1544px #FFFFFF90, 170px 1007px #FFFFFF90, 1299px 751px #FFFFFF90, 1256px 1932px #FFFFFF90, 893px 1213px #FFFFFF90, 393px 1582px #FFFFFF90, 170px 960px #FFFFFF90, 1737px 989px #FFFFFF90, 1556px 1290px #FFFFFF90, 1627px 409px #FFFFFF90, 153px 1437px #FFFFFF90, 1436px 817px #FFFFFF90, 560px 1529px #FFFFFF90, 697px 772px #FFFFFF90;
  animation: animStar 300s linear infinite; }
  .home-hero #stars2:after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 882px 1259px #FFFFFF80, 1737px 1015px #FFFFFF90, 1375px 734px #FFFFFF90, 126px 48px #FFFFFF90, 1932px 700px #FFFFFF90, 1795px 1651px #FFFFFF90, 900px 130px #FFFFFF90, 926px 1697px #FFFFFF90, 1045px 1901px #FFFFFF90, 210px 1058px #FFFFFF90, 360px 588px #FFFFFF90, 1506px 1806px #FFFFFF90, 199px 1017px #FFFFFF90, 25px 1199px #FFFFFF90, 907px 1099px #FFFFFF90, 1589px 204px #FFFFFF90, 908px 657px #FFFFFF90, 1527px 420px #FFFFFF90, 1070px 1594px #FFFFFF90, 1120px 510px #FFFFFF90, 1979px 279px #FFFFFF90, 10px 1923px #FFFFFF90, 562px 24px #FFFFFF90, 1973px 1429px #FFFFFF90, 1132px 510px #FFFFFF90, 1394px 319px #FFFFFF90, 512px 1885px #FFFFFF90, 403px 1077px #FFFFFF90, 810px 664px #FFFFFF90, 1354px 1316px #FFFFFF90, 1073px 1140px #FFFFFF90, 701px 906px #FFFFFF90, 1038px 1736px #FFFFFF90, 613px 236px #FFFFFF90, 1508px 1967px #FFFFFF90, 1827px 1562px #FFFFFF90, 1862px 41px #FFFFFF90, 1874px 1170px #FFFFFF90, 1023px 163px #FFFFFF90, 1414px 705px #FFFFFF90, 1867px 116px #FFFFFF90, 1558px 662px #FFFFFF90, 1275px 638px #FFFFFF90, 295px 46px #FFFFFF90, 1689px 470px #FFFFFF90, 531px 56px #FFFFFF90, 162px 37px #FFFFFF90, 1280px 71px #FFFFFF90, 866px 1103px #FFFFFF90, 216px 571px #FFFFFF90, 953px 665px #FFFFFF90, 1461px 1233px #FFFFFF90, 1723px 1562px #FFFFFF90, 401px 1533px #FFFFFF90, 267px 1757px #FFFFFF90, 1373px 332px #FFFFFF90, 1571px 818px #FFFFFF90, 1496px 1123px #FFFFFF90, 1661px 66px #FFFFFF90, 470px 1039px #FFFFFF90, 318px 44px #FFFFFF90, 1460px 1813px #FFFFFF90, 149px 1679px #FFFFFF90, 366px 1914px #FFFFFF90, 99px 716px #FFFFFF90, 633px 420px #FFFFFF90, 1756px 1929px #FFFFFF90, 967px 1418px #FFFFFF90, 130px 1693px #FFFFFF90, 356px 1040px #FFFFFF90, 1376px 1869px #FFFFFF90, 1841px 1156px #FFFFFF90, 55px 136px #FFFFFF90, 77px 410px #FFFFFF90, 1378px 391px #FFFFFF90, 600px 1644px #FFFFFF90, 774px 1482px #FFFFFF90, 795px 1935px #FFFFFF90, 50px 415px #FFFFFF90, 549px 1086px #FFFFFF90, 1272px 1310px #FFFFFF90, 851px 1991px #FFFFFF90, 857px 1433px #FFFFFF90, 1824px 1173px #FFFFFF90, 1678px 785px #FFFFFF90, 1674px 2000px #FFFFFF90, 1794px 1444px #FFFFFF90, 545px 1443px #FFFFFF90, 332px 1945px #FFFFFF90, 1094px 577px #FFFFFF90, 1191px 847px #FFFFFF90, 1116px 1590px #FFFFFF90, 1652px 534px #FFFFFF90, 1926px 506px #FFFFFF90, 1570px 1848px #FFFFFF90, 1894px 428px #FFFFFF90, 1942px 988px #FFFFFF90, 235px 21px #FFFFFF90, 233px 897px #FFFFFF90, 1519px 522px #FFFFFF90, 1764px 1718px #FFFFFF90, 1705px 324px #FFFFFF90, 1551px 1872px #FFFFFF90, 201px 1312px #FFFFFF90, 1800px 1217px #FFFFFF90, 1629px 464px #FFFFFF90, 1631px 401px #FFFFFF90, 1538px 1369px #FFFFFF90, 821px 1815px #FFFFFF90, 1077px 1489px #FFFFFF90, 839px 1671px #FFFFFF90, 1488px 704px #FFFFFF90, 286px 410px #FFFFFF90, 1674px 725px #FFFFFF90, 1500px 1593px #FFFFFF90, 1171px 341px #FFFFFF90, 1650px 1039px #FFFFFF90, 251px 1726px #FFFFFF90, 1756px 1544px #FFFFFF90, 421px 1816px #FFFFFF90, 250px 1462px #FFFFFF90, 727px 1585px #FFFFFF90, 936px 346px #FFFFFF90, 735px 749px #FFFFFF90, 543px 275px #FFFFFF90, 667px 991px #FFFFFF90, 319px 591px #FFFFFF90, 1454px 1961px #FFFFFF90, 1466px 1001px #FFFFFF90, 1642px 1500px #FFFFFF90, 564px 1718px #FFFFFF90, 243px 767px #FFFFFF90, 285px 146px #FFFFFF90, 978px 715px #FFFFFF90, 1547px 1422px #FFFFFF90, 1502px 1839px #FFFFFF90, 1145px 355px #FFFFFF90, 56px 1692px #FFFFFF90, 173px 1783px #FFFFFF90, 1413px 1191px #FFFFFF90, 722px 1169px #FFFFFF90, 1512px 914px #FFFFFF90, 401px 1099px #FFFFFF90, 1751px 1609px #FFFFFF90, 1477px 246px #FFFFFF90, 910px 579px #FFFFFF90, 1774px 958px #FFFFFF90, 1772px 1796px #FFFFFF90, 27px 1539px #FFFFFF90, 1949px 1249px #FFFFFF90, 169px 126px #FFFFFF90, 332px 1657px #FFFFFF90, 420px 193px #FFFFFF90, 157px 919px #FFFFFF90, 969px 1721px #FFFFFF90, 324px 975px #FFFFFF90, 1296px 232px #FFFFFF90, 1809px 661px #FFFFFF90, 208px 53px #FFFFFF90, 986px 418px #FFFFFF90, 633px 492px #FFFFFF90, 1053px 1866px #FFFFFF90, 1250px 811px #FFFFFF90, 848px 1127px #FFFFFF90, 584px 1932px #FFFFFF90, 943px 431px #FFFFFF90, 1162px 1451px #FFFFFF90, 58px 498px #FFFFFF90, 61px 1840px #FFFFFF90, 921px 470px #FFFFFF90, 1008px 1779px #FFFFFF90, 941px 1712px #FFFFFF90, 1306px 1090px #FFFFFF90, 1841px 555px #FFFFFF90, 1675px 164px #FFFFFF90, 987px 1715px #FFFFFF90, 380px 1489px #FFFFFF90, 1775px 1967px #FFFFFF90, 1771px 107px #FFFFFF90, 1365px 211px #FFFFFF90, 1796px 636px #FFFFFF90, 1112px 189px #FFFFFF90, 608px 152px #FFFFFF90, 1237px 485px #FFFFFF90, 1875px 1861px #FFFFFF90, 235px 962px #FFFFFF90, 327px 1544px #FFFFFF90, 170px 1007px #FFFFFF90, 1299px 751px #FFFFFF90, 1256px 1932px #FFFFFF90, 893px 1213px #FFFFFF90, 393px 1582px #FFFFFF90, 170px 960px #FFFFFF90, 1737px 989px #FFFFFF90, 1556px 1290px #FFFFFF90, 1627px 409px #FFFFFF90, 153px 1437px #FFFFFF90, 1436px 817px #FFFFFF90, 560px 1529px #FFFFFF90, 697px 772px #FFFFFF90; }

.home-hero #stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1965px 370px #FFFFFF80, 1658px 1240px #FFFFFF90, 294px 616px #FFFFFF90, 1431px 1907px #FFFFFF90, 378px 1946px #FFFFFF90, 218px 267px #FFFFFF90, 1301px 1194px #FFFFFF90, 1806px 828px #FFFFFF90, 1325px 1300px #FFFFFF90, 181px 882px #FFFFFF90, 1515px 669px #FFFFFF90, 1192px 517px #FFFFFF90, 1955px 512px #FFFFFF90, 1873px 1661px #FFFFFF90, 1559px 1925px #FFFFFF90, 1599px 479px #FFFFFF90, 763px 1107px #FFFFFF90, 255px 1120px #FFFFFF90, 1109px 451px #FFFFFF90, 594px 1416px #FFFFFF90, 560px 70px #FFFFFF90, 837px 1928px #FFFFFF90, 502px 609px #FFFFFF90, 1079px 1967px #FFFFFF90, 537px 1458px #FFFFFF90, 1620px 1403px #FFFFFF90, 997px 1498px #FFFFFF90, 112px 403px #FFFFFF90, 1815px 817px #FFFFFF90, 843px 393px #FFFFFF90, 1631px 1298px #FFFFFF90, 281px 417px #FFFFFF90, 1773px 600px #FFFFFF90, 1115px 628px #FFFFFF90, 1013px 222px #FFFFFF90, 565px 1250px #FFFFFF90, 43px 1817px #FFFFFF90, 380px 1199px #FFFFFF90, 559px 1106px #FFFFFF90, 532px 930px #FFFFFF90, 1261px 446px #FFFFFF90, 1236px 943px #FFFFFF90, 617px 1323px #FFFFFF90, 666px 980px #FFFFFF90, 1023px 1625px #FFFFFF90, 150px 1391px #FFFFFF90, 1437px 1938px #FFFFFF90, 861px 1042px #FFFFFF90, 1501px 1964px #FFFFFF90, 1467px 160px #FFFFFF90, 666px 1711px #FFFFFF90, 1330px 858px #FFFFFF90, 1778px 947px #FFFFFF90, 181px 917px #FFFFFF90, 1292px 558px #FFFFFF90, 1976px 600px #FFFFFF90, 1583px 464px #FFFFFF90, 177px 1772px #FFFFFF90, 717px 1245px #FFFFFF90, 1861px 1752px #FFFFFF90, 1128px 1948px #FFFFFF90, 1405px 267px #FFFFFF90, 1934px 1343px #FFFFFF90, 1321px 1775px #FFFFFF90, 111px 1061px #FFFFFF90, 901px 364px #FFFFFF90, 1221px 282px #FFFFFF90, 1110px 310px #FFFFFF90, 189px 478px #FFFFFF90, 1674px 1356px #FFFFFF90, 1434px 1874px #FFFFFF90, 1164px 1316px #FFFFFF90, 807px 1425px #FFFFFF90, 807px 1722px #FFFFFF90, 1281px 533px #FFFFFF90, 1851px 1606px #FFFFFF90, 662px 400px #FFFFFF90, 589px 1581px #FFFFFF90, 1226px 424px #FFFFFF90, 1563px 158px #FFFFFF90, 1475px 584px #FFFFFF90, 1288px 236px #FFFFFF90, 508px 126px #FFFFFF90, 1220px 391px #FFFFFF90, 1532px 590px #FFFFFF90, 1686px 916px #FFFFFF90, 344px 102px #FFFFFF90, 574px 1365px #FFFFFF90, 1206px 548px #FFFFFF90, 250px 1087px #FFFFFF90, 1707px 412px #FFFFFF90, 1410px 1374px #FFFFFF90, 1205px 1822px #FFFFFF90, 332px 528px #FFFFFF90, 1370px 528px #FFFFFF90, 1833px 1890px #FFFFFF90, 1396px 1985px #FFFFFF90, 1970px 318px #FFFFFF90, 1707px 784px #FFFFFF90, 627px 485px #FFFFFF90;
  animation: animStar 550s linear infinite; }
  .home-hero #stars3:after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1965px 370px #FFFFFF80, 1658px 1240px #FFFFFF90, 294px 616px #FFFFFF90, 1431px 1907px #FFFFFF90, 378px 1946px #FFFFFF90, 218px 267px #FFFFFF90, 1301px 1194px #FFFFFF90, 1806px 828px #FFFFFF90, 1325px 1300px #FFFFFF90, 181px 882px #FFFFFF90, 1515px 669px #FFFFFF90, 1192px 517px #FFFFFF90, 1955px 512px #FFFFFF90, 1873px 1661px #FFFFFF90, 1559px 1925px #FFFFFF90, 1599px 479px #FFFFFF90, 763px 1107px #FFFFFF90, 255px 1120px #FFFFFF90, 1109px 451px #FFFFFF90, 594px 1416px #FFFFFF90, 560px 70px #FFFFFF90, 837px 1928px #FFFFFF90, 502px 609px #FFFFFF90, 1079px 1967px #FFFFFF90, 537px 1458px #FFFFFF90, 1620px 1403px #FFFFFF90, 997px 1498px #FFFFFF90, 112px 403px #FFFFFF90, 1815px 817px #FFFFFF90, 843px 393px #FFFFFF90, 1631px 1298px #FFFFFF90, 281px 417px #FFFFFF90, 1773px 600px #FFFFFF90, 1115px 628px #FFFFFF90, 1013px 222px #FFFFFF90, 565px 1250px #FFFFFF90, 43px 1817px #FFFFFF90, 380px 1199px #FFFFFF90, 559px 1106px #FFFFFF90, 532px 930px #FFFFFF90, 1261px 446px #FFFFFF90, 1236px 943px #FFFFFF90, 617px 1323px #FFFFFF90, 666px 980px #FFFFFF90, 1023px 1625px #FFFFFF90, 150px 1391px #FFFFFF90, 1437px 1938px #FFFFFF90, 861px 1042px #FFFFFF90, 1501px 1964px #FFFFFF90, 1467px 160px #FFFFFF90, 666px 1711px #FFFFFF90, 1330px 858px #FFFFFF90, 1778px 947px #FFFFFF90, 181px 917px #FFFFFF90, 1292px 558px #FFFFFF90, 1976px 600px #FFFFFF90, 1583px 464px #FFFFFF90, 177px 1772px #FFFFFF90, 717px 1245px #FFFFFF90, 1861px 1752px #FFFFFF90, 1128px 1948px #FFFFFF90, 1405px 267px #FFFFFF90, 1934px 1343px #FFFFFF90, 1321px 1775px #FFFFFF90, 111px 1061px #FFFFFF90, 901px 364px #FFFFFF90, 1221px 282px #FFFFFF90, 1110px 310px #FFFFFF90, 189px 478px #FFFFFF90, 1674px 1356px #FFFFFF90, 1434px 1874px #FFFFFF90, 1164px 1316px #FFFFFF90, 807px 1425px #FFFFFF90, 807px 1722px #FFFFFF90, 1281px 533px #FFFFFF90, 1851px 1606px #FFFFFF90, 662px 400px #FFFFFF90, 589px 1581px #FFFFFF90, 1226px 424px #FFFFFF90, 1563px 158px #FFFFFF90, 1475px 584px #FFFFFF90, 1288px 236px #FFFFFF90, 508px 126px #FFFFFF90, 1220px 391px #FFFFFF90, 1532px 590px #FFFFFF90, 1686px 916px #FFFFFF90, 344px 102px #FFFFFF90, 574px 1365px #FFFFFF90, 1206px 548px #FFFFFF90, 250px 1087px #FFFFFF90, 1707px 412px #FFFFFF90, 1410px 1374px #FFFFFF90, 1205px 1822px #FFFFFF90, 332px 528px #FFFFFF90, 1370px 528px #FFFFFF90, 1833px 1890px #FFFFFF90, 1396px 1985px #FFFFFF90, 1970px 318px #FFFFFF90, 1707px 784px #FFFFFF90, 627px 485px #FFFFFF90; }

@keyframes animStar {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-2000px); } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

/* Home Hero Takeover styles are dependant on Home Hero styles. */
.home-hero-takeover-hackathon {
  background: #222;
  position: relative;
  clip-path: inset(0 0 0 0);
  height: 90vh;
  max-height: 1000px;
  min-height: 734px; }
  .home-hero-takeover-hackathon .bgImage {
    position: fixed;
    width: 100%;
    height: 90vh;
    max-height: 1000px;
    min-height: 734px;
    object-fit: cover;
    mix-blend-mode: overlay;
    opacity: 0.25; }
  .home-hero-takeover-hackathon-gradients {
    overflow: hidden;
    position: absolute;
    inset: 0; }
    .home-hero-takeover-hackathon-gradients > .gradient {
      align-items: center;
      display: flex;
      justify-content: center;
      position: absolute;
      inset: 0; }
      .home-hero-takeover-hackathon-gradients > .gradient img {
        object-fit: cover; }
      .home-hero-takeover-hackathon-gradients > .gradient.gradient-bottom {
        left: 291px;
        top: -745px; }
        .home-hero-takeover-hackathon-gradients > .gradient.gradient-bottom img {
          height: 1943px;
          width: 2102px; }
      .home-hero-takeover-hackathon-gradients > .gradient.gradient-middle {
        left: 391px;
        top: -292px; }
        .home-hero-takeover-hackathon-gradients > .gradient.gradient-middle img {
          mix-blend-mode: screen;
          height: 1429px;
          width: 2556px;
          transition: transform 60ms ease-out; }
      .home-hero-takeover-hackathon-gradients > .gradient.gradient-top {
        left: 547px;
        top: 113px;
        mix-blend-mode: screen; }
        .home-hero-takeover-hackathon-gradients > .gradient.gradient-top img {
          height: 1455px;
          width: 2441px;
          transition: transform 60ms ease-out; }
  .home-hero-takeover-hackathon .graphics-container {
    position: fixed;
    top: -565px;
    left: 3vw;
    width: 2000px;
    height: 2000px;
    mix-blend-mode: overlay; }
    .home-hero-takeover-hackathon .graphics-container .spinning-element {
      position: absolute;
      width: inherit;
      height: inherit;
      transition: transform 60ms ease-out; }
    .home-hero-takeover-hackathon .graphics-container .object {
      position: absolute;
      top: 955px;
      left: 956px;
      width: 87px;
      height: 77px; }
  .home-hero-takeover-hackathon .text {
    padding-top: 150px;
    padding-bottom: 130px; }
    .home-hero-takeover-hackathon .text .eyebrow {
      position: relative;
      display: inline-block;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      font-size: 24px;
      color: #222222;
      padding: 9px 19px 9px 0;
      background: rgba(255, 255, 255, 0.5);
      text-transform: uppercase; }
      .home-hero-takeover-hackathon .text .eyebrow::before {
        content: '';
        background-color: rgba(255, 255, 255, 0.5);
        display: block;
        position: absolute;
        height: 100%;
        width: 6.25vw;
        left: -6.25vw;
        top: 0; }
    .home-hero-takeover-hackathon .text h1 {
      padding-top: 54px;
      font-size: 83px;
      letter-spacing: -3.89px;
      line-height: 92px;
      min-height: 184px;
      width: 100%;
      max-width: 720px;
      margin: 0; }
      .home-hero-takeover-hackathon .text h1 .text-block {
        display: block; }
      .home-hero-takeover-hackathon .text h1 .text-outline {
        font-size: 83px;
        letter-spacing: 0;
        line-height: 92px; }
      .home-hero-takeover-hackathon .text h1 .cursor-fx {
        height: 5vw;
        max-height: 62px; }
    .home-hero-takeover-hackathon .text .description {
      margin-top: 24px;
      max-width: 750px; }
      .home-hero-takeover-hackathon .text .description strong {
        font-weight: bold; }
    .home-hero-takeover-hackathon .text .actions {
      margin-top: 60px; }
    .home-hero-takeover-hackathon .text .disclaimer {
      margin-top: 80px;
      color: white;
      max-width: 410px;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: -0.63px;
      line-height: 16px;
      text-transform: uppercase; }

@media screen and (max-width: 1440px) {
  .home-hero-takeover-hackathon .text h1 {
    font-size: 5.75vw;
    line-height: 6.4vw;
    min-height: 12vw; }
    .home-hero-takeover-hackathon .text h1 .text-outline {
      font-size: 5.75vw;
      line-height: 6.4vw; } }

@media screen and (max-width: 1300px) {
  .home-hero-takeover-hackathon .graphics-container {
    left: auto;
    right: -754px; } }

@media screen and (max-width: 1100px) {
  .home-hero-takeover-hackathon {
    margin-bottom: -50px;
    max-height: none;
    height: auto;
    min-height: auto; }
    .home-hero-takeover-hackathon .bgImage {
      height: 100%;
      max-height: none; }
    .home-hero-takeover-hackathon-gradients > .gradient.gradient-bottom {
      top: -480px;
      left: 11%; }
    .home-hero-takeover-hackathon-gradients > .gradient.gradient-middle {
      top: 0;
      left: 166%; }
    .home-hero-takeover-hackathon-gradients > .gradient.gradient-top {
      top: 0;
      left: -70%; }
    .home-hero-takeover-hackathon .graphics-container {
      position: absolute;
      transform: scale(0.7);
      top: -730px;
      right: auto;
      left: calc(100vw - 1170px); }
    .home-hero-takeover-hackathon .text {
      padding-top: 100px;
      padding-bottom: 350px; }
      .home-hero-takeover-hackathon .text .eyebrow {
        font-size: 16px;
        line-height: 22px;
        padding: 13px 19px 13px 0; }
        .home-hero-takeover-hackathon .text .eyebrow::before {
          width: 12.5vw;
          left: -12.5vw; }
      .home-hero-takeover-hackathon .text h1 {
        padding-top: 20px;
        font-size: 34px;
        letter-spacing: -1.2px;
        line-height: 42px;
        width: 100%;
        max-width: none;
        min-height: auto; }
        .home-hero-takeover-hackathon .text h1 .text-outline {
          font-size: 34px;
          letter-spacing: -1.2px;
          line-height: 42px; }
        .home-hero-takeover-hackathon .text h1 .cursor-fx {
          height: 9vw;
          max-height: 30px; }
      .home-hero-takeover-hackathon .text .description {
        margin-top: 30px;
        font-size: 16px;
        letter-spacing: -0.57px;
        line-height: 20px; }
      .home-hero-takeover-hackathon .text .actions {
        margin-top: 40px; }
      .home-hero-takeover-hackathon .text .disclaimer {
        margin-top: 40px; }
    .home-hero-takeover-hackathon .mobile-hide {
      display: none; }
    .home-hero-takeover-hackathon .desktop-hide {
      display: block; } }

@media screen and (max-width: 768px) {
  .home-hero-takeover-hackathon .graphics-container {
    top: auto;
    bottom: -795px;
    left: 50%;
    right: auto;
    transform: translateX(-50%) scale(0.7); } }

@media screen and (max-width: 590px) {
  .home-hero-takeover-hackathon {
    margin-bottom: -450px;
    height: auto;
    max-height: none; }
    .home-hero-takeover-hackathon .bgImage {
      object-position: 35% center; }
    .home-hero-takeover-hackathon .graphics-container {
      bottom: -395px; }
    .home-hero-takeover-hackathon-gradients > .gradient.gradient-bottom {
      top: 0;
      left: 90%; }
    .home-hero-takeover-hackathon .text {
      padding-bottom: 800px; }
      .home-hero-takeover-hackathon .text .actions {
        gap: 0; }
        .home-hero-takeover-hackathon .text .actions .Btn:not(:last-child) {
          margin-bottom: 10px;
          margin-right: 10px; }
      .home-hero-takeover-hackathon .text .mobile-new-line {
        display: block; } }

@media screen and (max-width: 375px) {
  .home-hero-takeover-hackathon .text h1 {
    font-size: 32px; }
    .home-hero-takeover-hackathon .text h1 .text-outline {
      font-size: 32px; } }

.home-stats {
  padding: 0 6.25% 6.25%;
  margin-top: -75px;
  position: relative; }
  .home-stats .stats-container {
    padding: 100px 5vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    background-color: white; }
    .home-stats .stats-container.two-rows {
      padding: 45px 5vw;
      flex-wrap: wrap;
      row-gap: 20px; }
      .home-stats .stats-container.two-rows .item, .home-stats .stats-container.two-rows .subnav .list .external-item, .subnav .list .home-stats .stats-container.two-rows .external-item, .home-stats .stats-container.two-rows .subnav .list .item-list-heading, .subnav .list .home-stats .stats-container.two-rows .item-list-heading, .home-stats .stats-container.two-rows .subnav .list .item-list-heading-mobile, .subnav .list .home-stats .stats-container.two-rows .item-list-heading-mobile {
        flex: 0 1 33%; }
    .home-stats .stats-container .item .stat, .home-stats .stats-container .subnav .list .external-item .stat, .subnav .list .home-stats .stats-container .external-item .stat, .home-stats .stats-container .subnav .list .item-list-heading .stat, .subnav .list .home-stats .stats-container .item-list-heading .stat, .home-stats .stats-container .subnav .list .item-list-heading-mobile .stat, .subnav .list .home-stats .stats-container .item-list-heading-mobile .stat {
      color: #3EC878;
      color: #3EC878;
      font-size: 42px;
      letter-spacing: -3.28px;
      line-height: 50px;
      text-align: center;
      font-feature-settings: "tnum";
      font-variant-numeric: tabular-nums; }
    .home-stats .stats-container .item .description, .home-stats .stats-container .subnav .list .external-item .description, .subnav .list .home-stats .stats-container .external-item .description, .home-stats .stats-container .subnav .list .item-list-heading .description, .subnav .list .home-stats .stats-container .item-list-heading .description, .home-stats .stats-container .subnav .list .item-list-heading-mobile .description, .subnav .list .home-stats .stats-container .item-list-heading-mobile .description {
      color: #222222;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 19px;
      text-align: center; }
      .home-stats .stats-container .item .description strong, .home-stats .stats-container .subnav .list .external-item .description strong, .subnav .list .home-stats .stats-container .external-item .description strong, .home-stats .stats-container .subnav .list .item-list-heading .description strong, .subnav .list .home-stats .stats-container .item-list-heading .description strong, .home-stats .stats-container .subnav .list .item-list-heading-mobile .description strong, .subnav .list .home-stats .stats-container .item-list-heading-mobile .description strong {
        font-weight: 600; }

@media screen and (max-width: 1440px) {
  .home-stats .stats-container .item .stat, .home-stats .stats-container .subnav .list .external-item .stat, .subnav .list .home-stats .stats-container .external-item .stat, .home-stats .stats-container .subnav .list .item-list-heading .stat, .subnav .list .home-stats .stats-container .item-list-heading .stat, .home-stats .stats-container .subnav .list .item-list-heading-mobile .stat, .subnav .list .home-stats .stats-container .item-list-heading-mobile .stat {
    font-size: 38px; } }

@media screen and (max-width: 1250px) {
  .home-stats {
    padding: 12.5% 20px;
    margin-top: -185px; }
    .home-stats .stats-container {
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 100px 140px; } }

@media screen and (max-width: 1100px) {
  .home-stats .stats-container {
    gap: 100px 100px; }
    @supports (-webkit-touch-callout: none) and (not (translate: none)) {
      .home-stats .stats-container .item:not(:last-child), .home-stats .stats-container .subnav .list .external-item:not(:last-child), .subnav .list .home-stats .stats-container .external-item:not(:last-child), .home-stats .stats-container .subnav .list .item-list-heading:not(:last-child), .subnav .list .home-stats .stats-container .item-list-heading:not(:last-child), .home-stats .stats-container .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .home-stats .stats-container .item-list-heading-mobile:not(:last-child) {
        margin-bottom: 100px; } }
    .home-stats .stats-container .item .stat, .home-stats .stats-container .subnav .list .external-item .stat, .subnav .list .home-stats .stats-container .external-item .stat, .home-stats .stats-container .subnav .list .item-list-heading .stat, .subnav .list .home-stats .stats-container .item-list-heading .stat, .home-stats .stats-container .subnav .list .item-list-heading-mobile .stat, .subnav .list .home-stats .stats-container .item-list-heading-mobile .stat {
      font-size: 42px; } }

@media screen and (max-width: 768px) {
  .home-stats {
    margin-top: -145px; }
    .home-stats .stats-container {
      flex-direction: column; } }

.home-built-by {
  padding: 0 6.25%;
  display: flex;
  flex-direction: row;
  gap: 90px; }
  .home-built-by .bgImageMobile {
    display: none; }
  .home-built-by .column-one {
    border-right: 3px solid #222222;
    position: relative;
    width: 525px; }
    .home-built-by .column-one .bg-wrapper {
      overflow: hidden;
      width: 525px;
      height: 100%; }
      .home-built-by .column-one .bg-wrapper .bgImage {
        width: 103%;
        height: 103%; }
      .home-built-by .column-one .bg-wrapper #rotateItem {
        transform: translate3d(155px, 0px, 0px) rotate(-15deg); }
    .home-built-by .column-one .heading {
      color: #222222;
      font-size: 48px;
      font-weight: 300;
      letter-spacing: -2px;
      line-height: 60px;
      padding-left: 115px;
      position: absolute;
      top: 0; }
      .home-built-by .column-one .heading p {
        margin-bottom: 4rem;
        transition: 0.3s opacity; }
      .home-built-by .column-one .heading strong {
        font-weight: 600; }
      .home-built-by .column-one .heading .disabled {
        opacity: 0.20; }
  .home-built-by .column-two {
    padding-bottom: 40px; }
    .home-built-by .column-two .heading {
      color: #222222;
      font-size: 36px;
      letter-spacing: -1.5px;
      line-height: 42px; }
      .home-built-by .column-two .heading:nth-of-type(2) {
        margin-top: 40px; }
    .home-built-by .column-two .description {
      margin-top: 20px;
      color: #222222;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px; }
    .home-built-by .column-two .Btn {
      margin-top: 50px; }
    .home-built-by .column-two .logos {
      display: flex;
      flex-wrap: wrap;
      height: auto;
      width: 100%;
      padding: 0;
      margin-top: 40px;
      gap: 10px; }
      .home-built-by .column-two .logos .logo {
        display: flex;
        justify-content: center;
        height: auto;
        width: calc((100% / 4) - 10px);
        text-align: center; }
        .home-built-by .column-two .logos .logo img {
          height: auto;
          width: auto;
          max-height: 150px;
          max-width: 100%;
          object-position: center;
          object-fit: contain; }

@media screen and (max-width: 1400px) {
  .home-built-by .column-two .logos .logo {
    width: calc((100% / 3) - 10px); } }

@media screen and (max-width: 1200px) {
  .home-built-by .column-two .heading:nth-of-type(2) {
    margin-top: 60px; }
  .home-built-by .column-two .Btn {
    margin-top: 30px; } }

@media screen and (max-width: 1100px) {
  .home-built-by {
    padding: 6.25% 12.5%;
    flex-direction: column;
    position: relative;
    gap: 72px; }
    .home-built-by .bgImageMobile {
      display: block;
      position: absolute;
      left: 0;
      top: -110px;
      z-index: -1;
      width: 100%; }
    .home-built-by .bgImageHasMobile {
      display: none; }
    .home-built-by .column-one {
      display: none; }
    .home-built-by .column-two {
      padding-bottom: 0; }
      .home-built-by .column-two .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px; }
        .home-built-by .column-two .heading:nth-of-type(2) {
          margin-top: 40px; }
      .home-built-by .column-two .description {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; }
      .home-built-by .column-two .Btn {
        margin-top: 80px; }
      .home-built-by .column-two .logos {
        margin-top: 60px; } }

.home-explore-ecosystem {
  padding: 0 6.25% 6.25%;
  position: relative;
  z-index: 1; }
  .home-explore-ecosystem .explore-ecosystem-container {
    background: #222;
    position: relative;
    overflow: hidden;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px; }
    .home-explore-ecosystem .explore-ecosystem-container-gradients {
      container-type: size;
      overflow: hidden;
      position: absolute;
      inset: 0; }

@keyframes eco-gradient-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes eco-gradient-spin-reverse {
  100% {
    transform: rotate(-360deg); } }
      .home-explore-ecosystem .explore-ecosystem-container-gradients > div {
        align-items: center;
        display: flex;
        justify-content: center;
        position: absolute;
        inset: 0; }
        .home-explore-ecosystem .explore-ecosystem-container-gradients > div img {
          animation: home-gradient-spin 480s linear infinite;
          width: 145cqmax;
          height: 130cqmax; }
        .home-explore-ecosystem .explore-ecosystem-container-gradients > div:first-child img {
          animation: eco-gradient-spin-reverse 240s linear infinite; }
    .home-explore-ecosystem .explore-ecosystem-container-circles {
      mix-blend-mode: overlay;
      position: absolute;
      display: block;
      bottom: 0;
      right: 0;
      width: max(1000px, 60vw);
      transform: translate(10%, 10%); }
    .home-explore-ecosystem .explore-ecosystem-container::after {
      content: '';
      position: absolute;
      inset: 0;
      background: url("/assets/images/home/noise-transparent.png") repeat;
      background-attachment: fixed; }
    .home-explore-ecosystem .explore-ecosystem-container-grid {
      align-items: center;
      display: grid;
      gap: 100px;
      grid-template-columns: 1fr 1fr;
      min-height: 29vw;
      padding: 75px 115px 115px;
      position: relative; }
    .home-explore-ecosystem .explore-ecosystem-container .text {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .home-explore-ecosystem .explore-ecosystem-container .text .text-group .heading {
        color: white;
        font-size: 36px;
        letter-spacing: -1.5px;
        line-height: 42px; }
        .home-explore-ecosystem .explore-ecosystem-container .text .text-group .heading strong {
          font-weight: 600; }
      .home-explore-ecosystem .explore-ecosystem-container .text .text-group .description {
        margin-top: 40px;
        color: white;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; }
        .home-explore-ecosystem .explore-ecosystem-container .text .text-group .description p {
          margin-bottom: 1em; }
      .home-explore-ecosystem .explore-ecosystem-container .text .actions {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px; }
    .home-explore-ecosystem .explore-ecosystem-container-icon {
      align-items: center;
      display: flex;
      justify-content: center; }
      .home-explore-ecosystem .explore-ecosystem-container-icon > div {
        aspect-ratio: 1;
        align-items: center;
        background: #222;
        border-radius: 50%;
        display: flex;
        width: min(100%, 320px);
        justify-content: center;
        position: relative; }
        .home-explore-ecosystem .explore-ecosystem-container-icon > div img {
          height: auto;
          max-width: 90%; }

@keyframes eco-ring-pulse {
  0%, 100% {
    box-shadow: 0 0 30px 4px #fff, 0 0 0 60px #000; }
  50% {
    box-shadow: 0 0 34px 10px #fff, 0 0 0 60px #000; } }
        .home-explore-ecosystem .explore-ecosystem-container-icon > div::before {
          border-radius: 50%;
          position: absolute;
          inset: 0;
          content: '';
          box-shadow: 0 0 20px 10px #fff, 0 0 0 60px #000;
          mix-blend-mode: color-dodge;
          animation: eco-ring-pulse 3s linear infinite;
          z-index: 1; }
  @media screen and (max-width: 1200px) {
    .home-explore-ecosystem .explore-ecosystem-container-grid {
      grid-template-columns: 1fr; } }
  @media screen and (max-width: 900px) {
    .home-explore-ecosystem {
      padding: 6.25% 20px; }
      .home-explore-ecosystem .explore-ecosystem-container-grid {
        padding: 75px 25px; }
      .home-explore-ecosystem .explore-ecosystem-container .text .text-group .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px;
        padding-right: 29vw; }
      .home-explore-ecosystem .explore-ecosystem-container .text .text-group .description {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; } }

.home-use-cases-ecosystems {
  padding: 0 6.25% 6.25%;
  position: relative; }

@keyframes home-use-rotate {
  100% {
    transform: rotate(360deg); } }
  .home-use-cases-ecosystems-background {
    animation: home-use-rotate 240s linear infinite; }
  .home-use-cases-ecosystems .bgImage {
    position: absolute;
    width: 130%;
    height: 130%;
    object-fit: cover;
    margin-top: -150px;
    top: -15%;
    left: -15%;
    z-index: -1; }
  .home-use-cases-ecosystems .heading-row {
    border-bottom: 1px solid #222222;
    padding-bottom: 20px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: relative; }
    .home-use-cases-ecosystems .heading-row .heading {
      color: #222222;
      font-size: 36px;
      letter-spacing: -1.5px;
      line-height: 42px; }
  .home-use-cases-ecosystems .boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 60px;
    position: relative; }
    .home-use-cases-ecosystems .boxes .box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 30%;
      padding: 40px;
      box-sizing: border-box;
      background-color: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(3px);
      border-radius: 10px;
      border-color: #CCCCCC;
      border-width: 1px;
      border-style: solid; }
      .home-use-cases-ecosystems .boxes .box .box-body .box-heading {
        color: #222222;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 18px;
        margin-top: 24px;
        min-height: 36px; }
      .home-use-cases-ecosystems .boxes .box .box-body .box-description {
        color: #222222;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; }
      .home-use-cases-ecosystems .boxes .box .Btn {
        margin-top: 48px;
        color: #222222;
        width: auto;
        padding-inline: 40px; }
        .home-use-cases-ecosystems .boxes .box .Btn:hover {
          color: white; }

@media screen and (max-width: 1100px) {
  .home-use-cases-ecosystems {
    padding: 12.5% 20px;
    overflow: hidden; }
    .home-use-cases-ecosystems .heading-row {
      flex-direction: column;
      align-items: start;
      margin-left: calc(12.5% - 20px);
      margin-right: calc(12.5% - 20px);
      padding-bottom: 0; }
      .home-use-cases-ecosystems .heading-row .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px; }
      .home-use-cases-ecosystems .heading-row .Btn {
        margin-top: 20px;
        margin-bottom: 20px; }
    .home-use-cases-ecosystems .boxes {
      flex-wrap: wrap;
      gap: 20px; }
      .home-use-cases-ecosystems .boxes .box {
        width: calc(50% - 10px);
        background-color: rgba(255, 255, 255, 0.8); }
        @supports (-webkit-touch-callout: none) and (not (translate: none)) {
          .home-use-cases-ecosystems .boxes .box:not(:last-child) {
            margin-bottom: 20px; } }
        .home-use-cases-ecosystems .boxes .box .Btn {
          margin-top: 34px; } }

@media screen and (max-width: 768px) {
  .home-use-cases-ecosystems .boxes {
    flex-direction: column;
    row-gap: 20px; }
    .home-use-cases-ecosystems .boxes .box {
      width: 100%; } }

.home-hello-future {
  padding: 0 6.25% 6.25%;
  position: relative; }
  .home-hello-future .clip-text {
    color: #222222;
    font-weight: 400; }
    @supports (background-clip: text) or (-webkit-background-clip: text) {
      .home-hello-future .clip-text {
        color: transparent;
        background-clip: text;
        -webkit-background-clip: text;
        /*background-size: cover;*/
        background-size: 100vw;
        background-position: -100vw center;
        background-repeat: no-repeat;
        background-color: #222222; } }

@media screen and (max-width: 1100px) {
  .home-hello-future {
    padding: 12.5% 6.25%; } }

.home-case-studies {
  padding: 0 6.25% 6.25%;
  position: relative; }
  .home-case-studies .heading-row {
    border-bottom: 1px solid #222222;
    padding-bottom: 20px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative; }
    .home-case-studies .heading-row .heading {
      color: #222222;
      font-size: 36px;
      letter-spacing: -1.5px;
      line-height: 42px; }
    .home-case-studies .heading-row .description {
      margin-top: 20px;
      max-width: 522px;
      color: #222222;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px; }
  .home-case-studies .sections .section {
    padding-bottom: 68px;
    border-bottom: 1px solid #222222; }
    .home-case-studies .sections .section:last-child {
      padding-top: 68px; }
    .home-case-studies .sections .section .text-wrapper {
      float: left;
      width: 20%; }
      .home-case-studies .sections .section .text-wrapper .text {
        padding-right: 80px;
        padding-top: 25px; }
        .home-case-studies .sections .section .text-wrapper .text .heading {
          color: #222222;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: -0.5px;
          line-height: 20px; }
        .home-case-studies .sections .section .text-wrapper .text .description {
          margin-top: 20px;
          color: #222222;
          font-size: 15px;
          letter-spacing: 0;
          line-height: 24px; }
        .home-case-studies .sections .section .text-wrapper .text .Btn {
          margin-top: 40px; }
    .home-case-studies .sections .section .ecosystem-carousel {
      float: left;
      width: 80%; }
      .home-case-studies .sections .section .ecosystem-carousel .slider-controls {
        position: relative; }
        .home-case-studies .sections .section .ecosystem-carousel .slider-controls button {
          position: absolute;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          top: 160px;
          width: 80px;
          height: 80px;
          display: inline-block;
          background-color: transparent;
          border: none;
          cursor: pointer; }
          .home-case-studies .sections .section .ecosystem-carousel .slider-controls button.swiper-button-disabled {
            display: none; }
          .home-case-studies .sections .section .ecosystem-carousel .slider-controls button.next {
            right: 0;
            z-index: 10;
            background-image: url("/assets/images/Arrow-BlueGreen.svg"); }
          .home-case-studies .sections .section .ecosystem-carousel .slider-controls button.prev {
            left: 0;
            z-index: 5;
            background-image: url("/assets/images/Arrow-BlueGreen.svg");
            -moz-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            filter: FlipH;
            -ms-filter: "FlipH"; }
      .home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-next {
        -webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
        .home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-next.disabled {
          -webkit-mask-image: unset;
          mask-image: unset; }
      .home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-prev {
        -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
        .home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-prev.disabled {
          -webkit-mask-image: unset;
          mask-image: unset; }
      .home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper {
        display: flex; }
        .home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container {
          justify-content: start; }
          .home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .ecosystem-tags a {
            text-decoration: none; }
          .home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%; }
            .home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .bottom {
              text-align: center; }
              .home-case-studies .sections .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .bottom .Btn {
                margin-top: 40px;
                padding: 0 40px; }

@media screen and (max-width: 1700px) {
  .home-case-studies .sections .section .text-wrapper {
    width: 30%; }
  .home-case-studies .sections .section .ecosystem-carousel {
    width: 70%; } }

@media screen and (max-width: 1300px) {
  .home-case-studies .sections .section .text-wrapper {
    width: 40%; }
  .home-case-studies .sections .section .ecosystem-carousel {
    width: 60%; } }

@media screen and (max-width: 1100px) {
  .home-case-studies {
    padding: 12.5% 0 120px; }
    .home-case-studies .heading-row {
      padding-bottom: 80px;
      margin: 0 12.5% 80px; }
      .home-case-studies .heading-row .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px; }
    .home-case-studies .sections .section {
      border: none;
      padding-bottom: 40px; }
      .home-case-studies .sections .section:last-child {
        padding-top: 40px;
        padding-bottom: 0; }
      .home-case-studies .sections .section .text-wrapper {
        float: none;
        width: auto;
        padding: 0 12.5%; }
        .home-case-studies .sections .section .text-wrapper .text {
          padding: 0; }
      .home-case-studies .sections .section .ecosystem-carousel {
        float: none;
        width: auto;
        margin-top: 40px;
        overflow: hidden; }
        .home-case-studies .sections .section .ecosystem-carousel .slider-controls {
          display: none; }
        .home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-next {
          -webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
          /* Chrome10-25,Safari5.1-6 */
          mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
        .home-case-studies .sections .section .ecosystem-carousel .fade-wrapper-prev {
          -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
          /* Chrome10-25,Safari5.1-6 */
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          padding: 0 12.5%;
          transition: 0.25s padding ease-out; }
        .home-case-studies .sections .section .ecosystem-carousel .swiper {
          overflow: visible; } }

.home-hedera-features {
  padding: 120px 6.25% 267px;
  position: relative;
  overflow: hidden; }
  .home-hedera-features .bgImage {
    position: absolute;
    width: 101%;
    height: 101%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .home-hedera-features .bgImageMobile {
    display: none; }
  .home-hedera-features .row {
    display: flex;
    position: relative; }
    .home-hedera-features .row .column-one {
      border-right: solid 2px white;
      width: 45%; }
      .home-hedera-features .row .column-one .text {
        padding-right: 10%;
        max-width: 554px; }
        .home-hedera-features .row .column-one .text .heading {
          color: white;
          font-size: 36px;
          font-weight: 500;
          letter-spacing: -1.5px;
          line-height: 42px; }
        .home-hedera-features .row .column-one .text .description {
          color: white;
          font-size: 15px;
          font-weight: 400;
          letter-spacing: 0;
          line-height: 24px;
          margin-top: 38px; }
          .home-hedera-features .row .column-one .text .description strong {
            font-weight: bold; }
        .home-hedera-features .row .column-one .text .actions {
          margin-top: 40px;
          display: flex;
          flex-wrap: wrap;
          gap: 10px; }
    .home-hedera-features .row .column-two {
      width: 55%; }
      .home-hedera-features .row .column-two .features {
        padding-left: 10%;
        display: flex;
        flex-wrap: wrap;
        gap: 60px 40px; }
        .home-hedera-features .row .column-two .features .feature {
          flex-basis: calc(50% - 20px); }
          .home-hedera-features .row .column-two .features .feature .feature-heading {
            color: white;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: -0.5px;
            line-height: 18px;
            margin-top: 20px; }
          .home-hedera-features .row .column-two .features .feature .feature-description {
            color: white;
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 24px;
            margin-top: 10px; }

@media screen and (max-width: 1100px) {
  .home-hedera-features {
    padding: 80px 12.5%; }
    .home-hedera-features .row {
      flex-direction: column; }
      .home-hedera-features .row .column-one {
        width: 100%;
        border: none; }
        .home-hedera-features .row .column-one .text {
          padding: 0;
          max-width: 100%; }
          .home-hedera-features .row .column-one .text .heading {
            font-size: 22px;
            letter-spacing: -0.92px;
            line-height: 30px; }
          .home-hedera-features .row .column-one .text .description {
            margin-top: 20px; }
          @supports (-webkit-touch-callout: none) and (not (translate: none)) {
            .home-hedera-features .row .column-one .text .actions a:not(:last-child) {
              margin-right: 10px;
              margin-bottom: 10px; } }
      .home-hedera-features .row .column-two {
        width: 100%; }
        .home-hedera-features .row .column-two .features {
          padding-left: 0;
          padding-top: 60px; } }

@media screen and (max-width: 768px) {
  .home-hedera-features .bgImageMobile {
    display: block; }
  .home-hedera-features .bgImageHasMobile {
    display: none; }
  .home-hedera-features .row .column-two {
    width: 100%; }
    .home-hedera-features .row .column-two .features {
      padding-left: 0;
      padding-top: 60px;
      flex-direction: column; }
      .home-hedera-features .row .column-two .features .feature {
        flex-basis: 100%; }
        @supports (-webkit-touch-callout: none) and (not (translate: none)) {
          .home-hedera-features .row .column-two .features .feature:not(:last-child) {
            margin-bottom: 60px; } } }

.overlap-previous-section .home-sustainability-graph {
  padding: 0 6.25% 6.25%; }
  .overlap-previous-section .home-sustainability-graph .sustainability-graph-container {
    margin-top: -150px; }

.home-sustainability-graph {
  padding: 6.25%;
  position: relative; }
  .home-sustainability-graph.padding-top-none {
    padding-top: 0; }
  .home-sustainability-graph.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .home-sustainability-graph.padding-bottom-none {
    padding-bottom: 0; }
  .home-sustainability-graph.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .home-sustainability-graph {
      padding: 12.5%; }
      .home-sustainability-graph.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .home-sustainability-graph.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .home-sustainability-graph .bgImage {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .home-sustainability-graph .sustainability-graph-container {
    padding: 7vw 9vw;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    background-color: white;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #5281e7, #765aea) border-box;
    border: 6px solid transparent; }
    .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner {
      position: relative; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .heading {
        color: #222222;
        width: calc(50% - 12.5px);
        min-height: 84px; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(50% - 12.5px);
        display: flex;
        flex-direction: column;
        align-items: end; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .sustainability-graph-description {
          color: #222222;
          margin-bottom: 30px; }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .sustainability-graph-description a {
            color: #464646; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .actions {
          margin: 40px 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: end;
          gap: 10px; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-study-image {
        width: 283px;
        height: auto; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
        margin-top: 78px;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image #graphSvgDesktop {
          width: 100%;
          height: 100%; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg {
          /* Chrome version 29 and above */ }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg text {
            font-family: "Styrene A Web";
            opacity: 0; }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg .bar-fill {
            transform: scaleX(0);
            transform-origin: 151px 0;
            shape-rendering: crispEdges; }
          @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
            .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg .bar-fill {
              shape-rendering: auto; } }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg .cap {
            opacity: 0; }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg.animate .bar-fill {
            animation-name: animateInBarFill;
            animation-duration: 350ms;
            animation-delay: calc(var(--animation-order) * 250ms);
            animation-fill-mode: forwards; }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg.animate .cap {
            animation-name: animateInCap;
            animation-duration: 350ms;
            animation-delay: calc(var(--animation-order) * 250ms + 300ms);
            animation-fill-mode: forwards; }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image .graph-svg.animate text {
            animation-name: animateInText;
            animation-duration: 350ms;
            animation-delay: calc(var(--animation-order) * 250ms + 500ms);
            animation-fill-mode: forwards; }

@keyframes animateInText {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animateInBarFill {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }

@keyframes animateInCap {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media screen and (max-width: 1340px) {
  .home-sustainability-graph .sustainability-graph-container {
    padding: 80px; }
    .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body {
      margin-bottom: 20px; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .actions {
        margin: 20px 0; }
    .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
      margin-top: 10vw; } }

@media screen and (max-width: 1150px) {
  .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .sustainability-graph-description {
    margin: 0; } }

@media screen and (max-width: 1100px) {
  .overlap-previous-section .home-sustainability-graph {
    padding: 80px 12.5% 12.5%; }
    .overlap-previous-section .home-sustainability-graph .sustainability-graph-container {
      margin: 0; }
  .home-sustainability-graph {
    padding: 12.5%; }
    .home-sustainability-graph .bgImage {
      display: none; }
    .home-sustainability-graph .sustainability-graph-container {
      margin: 0;
      padding: 0;
      box-shadow: none;
      border-radius: unset;
      background: transparent;
      border: none; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner {
        height: auto; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .heading {
          margin-bottom: 20px;
          width: 100%;
          min-height: auto; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body {
          margin-bottom: 56px;
          margin-left: 0;
          position: relative;
          width: 100%;
          align-items: start; }
          .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-body .actions {
            margin: 40px 0 56px; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-study-image {
          margin: 0; }
        .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
          position: relative;
          margin-top: 0; } }

@media screen and (max-width: 900px) {
  .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner {
    display: table; }
    .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image {
      padding: 72% 0; }
      .home-sustainability-graph .sustainability-graph-container .sustainability-graph-inner .sustainability-graph-image #graphSvgDesktop {
        display: block;
        transform-origin: top left;
        transform: rotate(-90deg) translate(-89%, 0%);
        margin-top: -50%;
        height: 100%;
        width: 189%; } }

@media (max-width: 650px) {
  .home-sustainability-graph .sustainability-graph-container {
    margin-top: 0px;
    background: none;
    border: none; } }

.home-cta-banner {
  padding: 0 6.25% 6.25%;
  position: relative; }
  .home-cta-banner .bgImage {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .home-cta-banner .heading-row {
    margin-bottom: 60px;
    position: relative; }
    .home-cta-banner .heading-row .heading {
      color: #222222;
      font-size: 36px;
      letter-spacing: -1.5px;
      line-height: 42px; }
    .home-cta-banner .heading-row .description {
      color: #222222;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px;
      margin-top: 10px;
      max-width: 453px; }
  .home-cta-banner .boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
    position: relative; }
    .home-cta-banner .boxes .box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 30%;
      padding: 40px;
      box-sizing: border-box;
      border-radius: 20px;
      position: relative;
      overflow: hidden; }
      .home-cta-banner .boxes .box .bgImage {
        position: absolute;
        width: 101%;
        height: 101%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .home-cta-banner .boxes .box .bgImageMobile {
        display: none; }
      .home-cta-banner .boxes .box .box-body {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start; }
        .home-cta-banner .boxes .box .box-body .box-text .box-heading {
          color: white;
          font-size: 17px;
          font-weight: 500;
          letter-spacing: -0.5px;
          line-height: 18px;
          min-height: 36px; }
        .home-cta-banner .boxes .box .box-body .box-text .box-description {
          color: white;
          font-size: 15px;
          letter-spacing: 0;
          line-height: 24px; }
        .home-cta-banner .boxes .box .box-body .Btn {
          margin-top: 48px;
          padding: 0 30px;
          width: auto; }

@media screen and (max-width: 1100px) {
  .home-cta-banner {
    padding: 12.5% 20px 100px; }
    .home-cta-banner .heading-row {
      margin-left: calc(12.5% - 20px);
      margin-right: calc(12.5% - 20px);
      margin-bottom: 40px; }
      .home-cta-banner .heading-row .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px; }
      .home-cta-banner .heading-row .description {
        margin-top: 20px; }
    .home-cta-banner .boxes {
      row-gap: 20px; }
      .home-cta-banner .boxes .box {
        padding: 40px 20px;
        width: calc(33% - 10px); } }

@media screen and (max-width: 768px) {
  .home-cta-banner .bgImage {
    display: none; }
  .home-cta-banner .boxes {
    flex-direction: column; }
    .home-cta-banner .boxes .box {
      width: 100%;
      padding: 40px 25px; }
      @supports (-webkit-touch-callout: none) and (not (translate: none)) {
        .home-cta-banner .boxes .box:not(:last-child) {
          margin-bottom: 20px; } }
      .home-cta-banner .boxes .box .bgImageMobile {
        display: block; }
      .home-cta-banner .boxes .box .bgImageHasMobile {
        display: none; } }

.use-cases {
  background-color: #ffffff;
  position: relative;
  z-index: 0; }

.anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden; }

.h-text-lg {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.5px;
  line-height: 42px; }

.h-text-base, .h-markdown p {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px; }

.h-font-medium {
  font-weight: 500; }

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

.h-markdown p {
  margin: 1rem 0; }
  .h-markdown p:first-child {
    margin-top: 0; }
  .h-markdown p:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 1100px) {
  .h-text-lg {
    font-size: 22px;
    letter-spacing: -0.92px;
    line-height: 30px; } }

.use-cases-hero {
  height: 430px;
  overflow: hidden; }
  .use-cases-hero .hero-image {
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden; }
    .use-cases-hero .hero-image .bgImage {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .use-cases-hero .text {
    position: absolute;
    left: 6.25%;
    right: 6.25%;
    top: 125px;
    width: 40vw;
    max-width: 600px; }
    .use-cases-hero .text .heading {
      color: white; }
    .use-cases-hero .text .description {
      margin-top: 30px;
      color: white; }
    .use-cases-hero .text .actions {
      display: flex;
      flex-wrap: wrap;
      margin-top: 23px;
      gap: 10px; }
  .use-cases-hero .featured-image-wrapper {
    width: 44vw;
    max-width: 755px;
    max-height: 733px;
    position: absolute;
    right: 6.25%;
    top: 136px; }
    .use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none {
      width: 50vw;
      max-width: 938px;
      max-height: 572px;
      position: absolute;
      right: 0;
      top: 221px; }
    .use-cases-hero .featured-image-wrapper .featured-image {
      height: 100%;
      width: 100%; }

@media screen and (max-width: 1100px) {
  .use-cases-hero {
    padding: 130px 12.5% 250px;
    position: relative;
    height: auto;
    overflow: visible; }
    .use-cases-hero.featured-image-spacing-right-none {
      margin-bottom: calc(12.5% - 30vw); }
      .use-cases-hero.featured-image-spacing-right-none .text {
        margin-bottom: 75px; }
    .use-cases-hero .hero-image {
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      top: 0px;
      bottom: 0px; }
      .use-cases-hero .hero-image.bgImageMobile img {
        min-height: 100%;
        width: auto;
        object-fit: cover;
        object-position: bottom; }
    .use-cases-hero .text {
      position: relative;
      left: auto;
      right: auto;
      top: auto;
      margin-bottom: 60px;
      width: auto;
      max-width: 600px; }
      .use-cases-hero .text .heading {
        font-size: 36px;
        letter-spacing: -2.5px;
        line-height: 42px; }
      .use-cases-hero .text .description {
        line-height: 21px;
        margin-top: 20px; }
      .use-cases-hero .text .actions {
        margin-top: 40px; }
    .use-cases-hero .featured-image-wrapper {
      max-width: 500px;
      width: auto;
      left: 6.25%;
      right: 6.25%;
      top: auto; }
      .use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none {
        max-width: 640px;
        width: 100%;
        top: auto;
        left: auto; }
        .use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none .featured-image {
          object-fit: cover;
          object-position: 28%; } }

@media screen and (max-width: 585px) {
  .use-cases-hero {
    padding-bottom: 42vw; }
    .use-cases-hero.featured-image-spacing-right-none {
      padding-bottom: 250px; }
    .use-cases-hero .featured-image-wrapper {
      max-width: 500px;
      width: auto;
      left: 20px;
      right: 20px;
      top: auto; }
      .use-cases-hero .featured-image-wrapper.featured-image-spacing-right-none {
        height: 350px;
        top: auto;
        left: auto; } }

@media screen and (max-width: 414px) {
  .use-cases-hero .text .actions {
    gap: 0; }
    .use-cases-hero .text .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-intro {
  padding: 6.25%;
  position: relative;
  min-height: 320px; }
  .use-cases-intro.padding-top-none {
    padding-top: 0; }
  .use-cases-intro.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-intro.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-intro.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-intro {
      padding: 12.5%; }
      .use-cases-intro.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-intro.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-intro.min-height-none {
    min-height: auto; }
  .use-cases-intro .text {
    width: 40vw;
    max-width: 600px; }
    .use-cases-intro .text .heading {
      color: #222222; }
      .use-cases-intro .text .heading + .description {
        margin-top: 20px; }
    .use-cases-intro .text .description {
      color: #222222; }
      .use-cases-intro .text .description a {
        color: #2D84EB; }
    .use-cases-intro .text .actions {
      display: flex;
      flex-wrap: wrap;
      margin-top: 23px;
      gap: 20px; }

@media screen and (max-width: 1100px) {
  .use-cases-intro {
    padding: calc(12.5% + 250px) 12.5% 12.5% 12.5%;
    min-height: auto; }
    .use-cases-intro .text {
      width: auto; } }

@media screen and (max-width: 585px) {
  .use-cases-intro {
    padding: calc(12.5% + 52vw) 12.5% 12.5% 12.5%; } }

.use-cases-features {
  padding: 6.25%;
  position: relative;
  overflow: hidden; }
  .use-cases-features.padding-top-none {
    padding-top: 0; }
  .use-cases-features.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-features.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-features.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-features {
      padding: 12.5%; }
      .use-cases-features.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-features.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-features.heading-description-placement-left {
    display: flex;
    gap: 60px; }
    .use-cases-features.heading-description-placement-left .text {
      flex: 0 0 calc(25% - 45px); }
    .use-cases-features.heading-description-placement-left .boxes {
      flex: auto;
      column-gap: 40px;
      row-gap: 40px; }
  .use-cases-features.background-color-off-white {
    background-color: #F4F4F4; }
  .use-cases-features.background-color-white {
    background-color: white; }
  .use-cases-features .bgImage {
    position: absolute;
    width: 101%;
    height: 101%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .use-cases-features .bgImageMobile {
    display: none; }
  .use-cases-features svg {
    width: 100%;
    height: 100%; }
    .use-cases-features svg path, .use-cases-features svg polygon, .use-cases-features svg polyline, .use-cases-features svg line {
      vector-effect: non-scaling-stroke; }
  .use-cases-features > .text {
    max-width: 600px; }
    .use-cases-features > .text:not(.margin-bottom-none) {
      margin-bottom: 60px; }
    .use-cases-features > .text.text-color-dark {
      color: #222222; }
    .use-cases-features > .text.text-color-light {
      color: white; }
    .use-cases-features > .text > .description {
      margin-top: 20px; }
      .use-cases-features > .text > .description a {
        color: #2D84EB; }
    .use-cases-features > .text > .actions {
      margin-top: 40px; }
  .use-cases-features .boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 60px;
    row-gap: 60px;
    position: relative; }
    .use-cases-features .boxes.using-background-image {
      column-gap: 40px;
      row-gap: 40px; }
      .use-cases-features .boxes.using-background-image .box {
        border-radius: 15px; }
    .use-cases-features .boxes.columns-4 {
      grid-template-columns: repeat(4, 1fr);
      column-gap: 40px;
      row-gap: 40px; }
    .use-cases-features .boxes.columns-2 {
      grid-template-columns: repeat(2, 1fr); }
    .use-cases-features .boxes.item-row-gap-large {
      row-gap: 120px; }
    .use-cases-features .boxes .box {
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      box-sizing: border-box;
      display: flex;
      position: relative;
      overflow: hidden; }
      .use-cases-features .boxes .box.item-background-color-white-50 {
        background-color: rgba(255, 255, 255, 0.5); }
      .use-cases-features .boxes .box.item-border {
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        border-color: #CCCCCC;
        border-width: 1px;
        border-style: solid;
        border-radius: 15px; }
      .use-cases-features .boxes .box.item-padding-none {
        padding: 0; }
      .use-cases-features .boxes .box.item-padding-small {
        padding: 25px 30px 30px 30px; }
      .use-cases-features .boxes .box.item-padding-large {
        padding: 40px; }
      .use-cases-features .boxes .box .background-image {
        position: absolute;
        object-fit: cover;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .use-cases-features .boxes .box .box-body {
        z-index: 1; }
        .use-cases-features .boxes .box .box-body.icon-placement-left {
          display: flex;
          gap: 20px; }
          .use-cases-features .boxes .box .box-body.icon-placement-left .icon {
            min-width: 54px; }
        .use-cases-features .boxes .box .box-body .icon {
          margin-bottom: 24px;
          height: 54px; }
          .use-cases-features .boxes .box .box-body .icon svg {
            width: 100%;
            height: 100%; }
            .use-cases-features .boxes .box .box-body .icon svg path, .use-cases-features .boxes .box .box-body .icon svg polygon, .use-cases-features .boxes .box .box-body .icon svg polyline, .use-cases-features .boxes .box .box-body .icon svg line {
              vector-effect: non-scaling-stroke; }
          .use-cases-features .boxes .box .box-body .icon.icon-size-large {
            height: 185px; }
        .use-cases-features .boxes .box .box-body .text .box-heading {
          font-size: 15px;
          font-weight: 500;
          letter-spacing: -0.5px;
          line-height: 18px;
          min-height: 54px;
          text-transform: uppercase;
          color: #222222; }
          .use-cases-features .boxes .box .box-body .text .box-heading.heading-color-light {
            color: white; }
          .use-cases-features .boxes .box .box-body .text .box-heading.heading-color-blue {
            color: #2D84EB; }
        .use-cases-features .boxes .box .box-body .text .box-description.text-color-dark {
          color: #222222; }
        .use-cases-features .boxes .box .box-body .text .box-description.text-color-light {
          color: white; }
      .use-cases-features .boxes .box .actions {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        z-index: 2; }
        .use-cases-features .boxes .box .actions .Btn {
          width: auto;
          padding: 0 40px; }
      .use-cases-features .boxes .box.row-has-dual-ctas .actions {
        min-height: 70px; }

@media screen and (max-width: 1200px) {
  .use-cases-features.heading-description-placement-left {
    flex-direction: column;
    gap: 0; } }

@media screen and (max-width: 1100px) {
  .use-cases-features {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden; }
    .use-cases-features > .text {
      padding: 0 calc(12.5% - 20px);
      flex: 1; }
      .use-cases-features > .text > .actions {
        margin-top: 40px;
        margin-bottom: 500px; }
    .use-cases-features.item-no-border:not(.using-background-image) {
      padding-left: 12.5%;
      padding-right: 12.5%; }
    .use-cases-features .boxes {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 40px;
      column-gap: 40px; }
      @supports (-webkit-touch-callout: none) and (not (translate: none)) {
        .use-cases-features .boxes .box:not(:last-child) {
          margin-bottom: 40px; } }
      .use-cases-features .boxes .box .box-body.icon-placement-left {
        flex-direction: column; }
        .use-cases-features .boxes .box .box-body.icon-placement-left .icon {
          width: auto; }
      .use-cases-features .boxes .box .box-body .icon {
        object-position: left;
        object-fit: contain; }
      .use-cases-features .boxes .box .actions {
        flex-direction: column; }
      .use-cases-features .boxes .box.row-has-dual-ctas .actions {
        min-height: auto; }
      .use-cases-features .boxes .box.two-column-row-has-dual-ctas .actions {
        min-height: 70px; }
      .use-cases-features .boxes.columns-4 {
        grid-template-columns: repeat(2, 1fr); }
      .use-cases-features .boxes.columns-2 {
        grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 768px) {
  .use-cases-features .bgImageHasMobile {
    display: none; }
  .use-cases-features .bgImageMobile {
    display: block; }
  .use-cases-features.padding-top-none {
    padding-top: 12.5%; }
  .use-cases-features.padding-bottom-none {
    padding-bottom: 12.5%; }
  .use-cases-features.item-no-border:not(.using-background-image) > .text {
    padding: 0; }
  .use-cases-features .boxes {
    grid-template-columns: repeat(1, 1fr); }
    .use-cases-features .boxes.columns-4 {
      grid-template-columns: repeat(1, 1fr); }
      .use-cases-features .boxes.columns-4.icon-size-large, .use-cases-features .boxes.columns-4.item-row-gap-large {
        row-gap: 80px; }
    .use-cases-features .boxes.columns-2 {
      grid-template-columns: repeat(1, 1fr); }
      .use-cases-features .boxes.columns-2.icon-size-large, .use-cases-features .boxes.columns-2.item-row-gap-large {
        row-gap: 80px; }
    .use-cases-features .boxes.using-background-image {
      row-gap: 60px;
      margin-top: 60px; }
    .use-cases-features .boxes .box {
      width: 100%; }
      .use-cases-features .boxes .box .box-body .text .box-heading {
        min-height: auto;
        margin-bottom: 18px; }
      .use-cases-features .boxes .box.two-column-row-has-dual-ctas .actions {
        min-height: auto; }
  .use-cases-features.heading-description-placement-left .boxes {
    row-gap: 20px; } }

@media screen and (max-width: 414px) {
  .use-cases-features.heading-description-placement-left .boxes {
    row-gap: 0; }
    .use-cases-features.heading-description-placement-left .boxes .box:not(:last-child) {
      margin-bottom: 20px; }
  .use-cases-features .boxes {
    row-gap: 0; }
    .use-cases-features .boxes .box:not(:last-child) {
      margin-bottom: 20px; }
    .use-cases-features .boxes .box .box-body.icon-placement-left {
      gap: 0; }
    .use-cases-features .boxes .box .actions {
      gap: 0; }
      .use-cases-features .boxes .box .actions .Btn:nth-child(2) {
        margin-top: 10px; }
    .use-cases-features .boxes.columns-4 {
      row-gap: 0; }
      .use-cases-features .boxes.columns-4 .box:not(.item-no-border):not(:last-child) {
        margin-bottom: 20px; }
      .use-cases-features .boxes.columns-4.icon-size-large, .use-cases-features .boxes.columns-4.item-row-gap-large {
        row-gap: 0; }
        .use-cases-features .boxes.columns-4.icon-size-large .box:not(:last-child), .use-cases-features .boxes.columns-4.item-row-gap-large .box:not(:last-child) {
          margin-bottom: 80px; }
    .use-cases-features .boxes.columns-2 {
      row-gap: 0; }
      .use-cases-features .boxes.columns-2 .box:not(.item-no-border):not(:last-child) {
        margin-bottom: 20px; }
      .use-cases-features .boxes.columns-2.icon-size-large, .use-cases-features .boxes.columns-2.item-row-gap-large {
        row-gap: 0; }
        .use-cases-features .boxes.columns-2.icon-size-large .box:not(:last-child), .use-cases-features .boxes.columns-2.item-row-gap-large .box:not(:last-child) {
          margin-bottom: 80px; }
    .use-cases-features .boxes.using-background-image {
      row-gap: 0; }
      .use-cases-features .boxes.using-background-image .box:not(:last-child) {
        margin-bottom: 60px; } }

.use-cases-metrics-banner {
  padding: 6.25%;
  position: relative;
  z-index: 1; }
  .use-cases-metrics-banner.padding-top-none {
    padding-top: 0; }
  .use-cases-metrics-banner.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-metrics-banner.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-metrics-banner.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-metrics-banner {
      padding: 12.5%; }
      .use-cases-metrics-banner.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-metrics-banner.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-metrics-banner .metrics-banner-wrapper {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    padding: 125px 112px 120px 150px; }
    .use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0); }
      .use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute; }
      .use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImageMobile {
        display: none; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row {
      display: flex; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-one {
      position: relative;
      justify-content: space-between; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items {
        display: flex; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile {
          display: flex;
          flex-direction: column;
          max-width: 192px; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .icon {
            mix-blend-mode: color-dodge;
            margin-bottom: 10px; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .text .heading {
            color: white;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: -0.5px;
            line-height: 18px;
            text-align: center; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .text .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .text .description {
            color: white;
            font-size: 16px;
            letter-spacing: -1px;
            line-height: 21px; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item.item-separator-plus, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading-mobile {
            color: white;
            font-weight: 100;
            font-size: 42px;
            padding: 70px 2vw 0;
            opacity: 0.5; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .metric {
        font-size: 130px;
        letter-spacing: -4.6px;
        line-height: 156px;
        -webkit-text-stroke: 2px white;
        color: transparent; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description {
        font-size: 36px;
        font-weight: 300;
        letter-spacing: -1.27px;
        line-height: 43px;
        color: white;
        text-align: center; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description.description-font-size-small {
          font-size: 20px;
          letter-spacing: -0.71px;
          line-height: 24px; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-two {
      position: relative;
      margin-top: 86px; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .heading {
          color: white;
          font-size: 36px;
          letter-spacing: -1.5px;
          line-height: 42px; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .heading strong {
            font-weight: 600; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description {
          color: white;
          font-size: 24px;
          font-weight: 300;
          letter-spacing: -0.85px;
          line-height: 32px; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description p {
            margin-bottom: 1em; }
            .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description p:last-child {
              margin-bottom: 0; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .actions {
          margin-top: 40px;
          display: flex;
          flex-wrap: wrap;
          gap: 10px; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .description {
          max-width: 854px; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row {
          margin-top: 26px;
          flex-direction: row;
          display: flex;
          justify-content: space-between;
          align-items: end; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row .author {
            color: white;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: -0.5px;
            line-height: 18px; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row .actions {
            margin-top: 0; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row {
      display: flex;
      flex-direction: column;
      padding: 100px 100px 155px 100px; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one {
        order: 2;
        margin-top: 94px; }
        .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items {
          flex: 1; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile {
            padding-top: 151px;
            flex: 1; }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text {
              min-height: 151px; }
              .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text .heading {
                text-align: left;
                font-weight: 400;
                letter-spacing: -1px;
                line-height: 19px; }
              .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text .description {
                margin-top: 10px;
                font-weight: 400;
                letter-spacing: -1px;
                line-height: 19px; }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper {
              position: relative;
              /*
                            &::after {                                
                                content:"";
                                position: absolute;
                                display: block;
                                width: 1.5vw;
                                height: 2px;
                                right: -1vw;
                                top: 50%;
                                background-color: $color-white;
                            }

                           */ }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:first-child .icon-wrapper::before {
              content: "";
              position: absolute;
              display: block;
              background-color: white;
              height: 2px;
              width: calc(100px - 1vw);
              top: 50%;
              left: -100px; }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:last-child .icon-wrapper::after {
              content: "";
              position: absolute;
              display: block;
              height: 2px;
              top: 50%;
              background-color: white;
              width: calc(100px - 1vw);
              right: -100px; }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile {
              padding-top: 0; }
              .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile .icon-wrapper {
                order: 3; }
              .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading .heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile .heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile .heading {
                order: 1; }
              .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.odd .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .odd.item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .odd.item-list-heading-mobile .description {
                order: 2; }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
              flex: auto;
              position: relative; }
              .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile::after {
                content: "";
                position: absolute;
                display: block;
                width: 130%;
                min-width: 20px;
                height: 2px;
                top: 50%;
                background-color: white;
                transform: translateX(-50%);
                left: 50%; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-two {
        order: 1;
        margin-top: 0; }
        .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-two .text .description {
          max-width: 432px;
          margin-top: 20px;
          color: white;
          font-size: 15px;
          letter-spacing: 0;
          line-height: 24px; }

@media screen and (max-width: 1560px) {
  .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
    width: 12vw;
    min-width: 162px;
    height: auto; } }

@media screen and (max-width: 1500px) {
  .use-cases-metrics-banner .metrics-banner-wrapper {
    padding: 100px calc(6.25% + 20px) 100px 6.25%; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .icon {
      width: 12vw;
      height: auto; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item.item-separator-plus, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading-mobile {
      color: white;
      font-weight: 100;
      font-size: 42px;
      padding: 4vw 2vw 0; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .metric {
      font-size: 8.5vw;
      line-height: 10vw; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description {
      font-size: 2.25vw;
      line-height: 3vw; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description.description-font-size-small {
        font-size: 1.3vw;
        line-height: 1.55vw; } }

@media screen and (max-width: 1350px) {
  .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items {
    flex-wrap: wrap; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 1):nth-last-child(n+6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 1):nth-last-child(n+6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 1):nth-last-child(n+6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) {
      padding-top: 0; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .icon-wrapper {
        order: 2; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 1):nth-last-child(n+6) .text {
        order: 1; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) {
      padding-top: 80px; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) .icon-wrapper {
        order: 1; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) .text {
        order: 2; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
      width: 192px; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
      width: 8vw;
      max-width: none; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile::after {
        width: 100%; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line:nth-of-type(3n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item:nth-of-type(3n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item:nth-of-type(3n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading:nth-of-type(3n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading:nth-of-type(3n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile:nth-of-type(3n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile:nth-of-type(3n) {
        display: none; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line:nth-of-type(2n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item:nth-of-type(2n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item:nth-of-type(2n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading:nth-of-type(2n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading:nth-of-type(2n), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile:nth-of-type(2n), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile:nth-of-type(2n) {
        margin-top: 151px; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line:nth-of-type(2n + 6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item:nth-of-type(2n + 6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item:nth-of-type(2n + 6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading:nth-of-type(2n + 6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading:nth-of-type(2n + 6), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile:nth-of-type(2n + 6), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile:nth-of-type(2n + 6) {
        margin-bottom: 151px;
        margin-top: 80px; } }

@media screen and (max-width: 1200px) {
  .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
    width: 7vw; } }

@media screen and (max-width: 1100px) {
  .use-cases-metrics-banner {
    padding: 12.5% 20px; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
      width: 19vw;
      min-width: auto; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
      width: 4vw; } }

@media screen and (max-width: 768px) {
  .use-cases-metrics-banner .metrics-banner-wrapper {
    padding: 120px 30px 200px 30px; }
    .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row {
      padding: 120px 30px 200px 30px; }
      .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items {
        flex-direction: column;
        align-items: center;
        padding: 0 30px; }
        .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile {
          margin-bottom: 75px; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .text {
            min-height: auto; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading .icon-wrapper .icon, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile .icon-wrapper .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile .icon-wrapper .icon {
            width: auto; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:first-child .icon-wrapper::before, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:first-child .icon-wrapper::before, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:first-child .icon-wrapper::before {
            display: none; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:last-child, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:last-child, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:last-child, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:last-child, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:last-child, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:last-child, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:last-child {
            margin-bottom: 0; }
            .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:last-child .icon-wrapper::after, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:last-child .icon-wrapper::after, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:last-child .icon-wrapper::after {
              display: none; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .icon-wrapper {
            order: 1; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n+1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n+1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n+1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n+1):nth-last-child(n+6) .text, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .text, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n+1):nth-last-child(n+6) .text {
            order: 2; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .external-item:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .external-item:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading:nth-of-type(2n + 5), .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-list-heading-mobile:nth-of-type(2n + 5), .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-list-heading-mobile:nth-of-type(2n + 5) {
            padding-top: 0; }
          .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item.item-separator-line, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.external-item, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .subnav .list .item-separator-line.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper.item-placement-bottom-row .row-one .items .item-separator-line.item-list-heading-mobile {
            display: none; }
    .use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImageHasMobile {
      display: none; }
    .use-cases-metrics-banner .metrics-banner-wrapper .metrics-bg .bgImageMobile {
      display: block; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-one {
      flex-direction: column; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items {
        justify-content: space-between; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .external-item .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading .icon, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-list-heading-mobile .icon {
          width: 100%; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item.item-separator-plus, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.external-item, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.external-item, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .subnav .list .item-separator-plus.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .items .item-separator-plus.item-list-heading-mobile {
          padding-top: 13vw; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper {
        margin-top: 60px; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .metric, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .metric {
          text-align: center;
          font-size: 18vw;
          line-height: 21vw; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description {
          font-size: 6vw;
          line-height: 7vw; }
          .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .external-item .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .external-item .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading .description.description-font-size-small, .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .subnav .list .item-list-heading-mobile .description.description-font-size-small, .subnav .list .use-cases-metrics-banner .metrics-banner-wrapper .row-one .metric-wrapper .item-list-heading-mobile .description.description-font-size-small {
            font-size: 2.75vw;
            line-height: 4vw; }
    .use-cases-metrics-banner .metrics-banner-wrapper .row-two {
      margin-top: 80px; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .description {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text .row {
        margin-top: 20px; }
      .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row {
        flex-direction: column;
        align-items: start; }
        .use-cases-metrics-banner .metrics-banner-wrapper .row-two .text.is-quote .row .actions {
          margin-top: 76px; } }

.use-cases-metrics-banner-short {
  padding: 6.25%;
  position: relative;
  z-index: 1; }
  .use-cases-metrics-banner-short.padding-top-none {
    padding-top: 0; }
  .use-cases-metrics-banner-short.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-metrics-banner-short.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-metrics-banner-short.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-metrics-banner-short {
      padding: 12.5%; }
      .use-cases-metrics-banner-short.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-metrics-banner-short.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-metrics-banner-short.overlap {
    margin: -150px 0 -130px; }
  .use-cases-metrics-banner-short .metrics-banner-short-wrapper {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    padding: 70px 135px 70px 140px; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0); }
      .use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute; }
      .use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImageMobile {
        display: none; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items {
      display: flex;
      position: relative;
      justify-content: space-between; }
      .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile {
        display: flex;
        flex-direction: column;
        flex: 1;
        position: relative; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .icon {
          mix-blend-mode: color-dodge;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%); }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric {
          font-size: clamp(52px, 4.9vw, 82px);
          letter-spacing: clamp(-5.13px, -0.3vw, -4.5px);
          line-height: clamp(86px, 6vw, 98px);
          -webkit-text-stroke: 2px white;
          color: transparent;
          text-align: center; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric + .description {
            margin-top: 9px; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description {
          font-size: clamp(16px, 1.45vw, 24px);
          letter-spacing: 0;
          line-height: clamp(20px, 1.7vw, 28px);
          font-weight: 400;
          color: white;
          text-align: center; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description strong, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description strong, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description strong, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description strong, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description strong, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description strong, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description strong {
            font-weight: bold; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-heading-only, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.external-item, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.external-item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading-mobile {
          justify-content: center;
          flex-basis: auto;
          margin: 20px 0;
          padding-right: 4vw; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-heading-only .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading-mobile .metric {
            font-size: 122px;
            letter-spacing: -7.63px;
            line-height: 1;
            text-align: right; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-heading-only::after, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.external-item::after, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.external-item::after, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading::after, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading::after, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading-mobile::after, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading-mobile::after {
            content: '';
            height: 78%;
            width: 1px;
            background-color: white;
            position: absolute;
            right: 0px;
            top: 15%; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-description-only, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.external-item, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.external-item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading-mobile {
          justify-content: center;
          flex-basis: auto;
          padding: 0 2vw 0 4vw; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-description-only .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading-mobile .description {
            font-size: 24px;
            line-height: 29px;
            text-align: left;
            max-width: 450px; }

@media screen and (max-width: 1240px) {
  .use-cases-metrics-banner-short .metrics-banner-short-wrapper {
    padding: 70px; } }

@media screen and (max-width: 1100px) {
  .use-cases-metrics-banner-short {
    padding-left: 20px;
    padding-right: 20px; }
    .use-cases-metrics-banner-short:not(.overlap).padding-top-none {
      padding-top: 12.5%; }
    .use-cases-metrics-banner-short:not(.overlap).padding-bottom-none {
      padding-bottom: 12.5%; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .icon {
      max-width: 20vw; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric {
      font-size: 6.5vw;
      line-height: 7.8vw; }
      .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric + .description {
        margin-top: 1.3vw; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description {
      font-size: 1.45vw;
      line-height: 1.8vw; } }

@media screen and (max-width: 768px) {
  .use-cases-metrics-banner-short .metrics-banner-short-wrapper {
    padding: 135px 54px 155px 54px; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImageHasMobile {
      display: none; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .metrics-bg .bgImageMobile {
      display: block; }
    .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items {
      flex-direction: column;
      row-gap: 0; }
      .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile {
        max-width: none; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item:not(:last-child), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item:not(:last-child), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading:not(:last-child), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile:not(:last-child) {
          margin-bottom: 100px; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item:has(.icon), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item:has(.icon), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item:has(.icon), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading:has(.icon), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading:has(.icon), .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile:has(.icon), .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile:has(.icon) {
          min-height: 220px; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .icon, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .icon {
          max-width: none;
          object-fit: contain; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric {
          font-size: 52px;
          letter-spacing: -3.25px;
          line-height: 62px; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .metric + .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .metric + .description {
            margin-top: 9px; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item-list-heading-mobile .description {
          font-size: 16px;
          letter-spacing: 0;
          line-height: 19px; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-heading-only, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.external-item, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.external-item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading-mobile {
          margin: 0;
          padding-right: 0;
          padding-bottom: 40px;
          padding-top: 70px; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-heading-only .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.external-item .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.external-item .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading .metric, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading-mobile .metric, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading-mobile .metric {
            text-align: center;
            font-size: 96px;
            letter-spacing: -6.25px;
            line-height: 120px; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-heading-only::after, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.external-item::after, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.external-item::after, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading::after, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading::after, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-heading-only.item-list-heading-mobile::after, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-heading-only.item-list-heading-mobile::after {
            content: '';
            height: 1px;
            width: 100%;
            right: auto;
            bottom: 0;
            top: auto; }
        .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-description-only, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.external-item, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.external-item, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading-mobile, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading-mobile {
          padding: 40px 0 70px;
          align-self: center; }
          .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .item.display-description-only .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.external-item .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.external-item .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading .description, .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .subnav .list .display-description-only.item-list-heading-mobile .description, .subnav .list .use-cases-metrics-banner-short .metrics-banner-short-wrapper .items .display-description-only.item-list-heading-mobile .description {
            text-align: center;
            max-width: 330px; } }

.use-cases-fee-schedule {
  padding: 6.25%;
  position: relative;
  overflow: hidden; }
  .use-cases-fee-schedule.padding-top-none {
    padding-top: 0; }
  .use-cases-fee-schedule.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-fee-schedule.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-fee-schedule.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-fee-schedule {
      padding: 12.5%; }
      .use-cases-fee-schedule.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-fee-schedule.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-fee-schedule.oneTableOneCard .row .col-1, .use-cases-fee-schedule.oneTableOneCardLeaf .row .col-1 {
    display: flex;
    flex-direction: column; }
  .use-cases-fee-schedule.oneTableOneCard .table-section, .use-cases-fee-schedule.oneTableOneCardLeaf .table-section {
    margin-top: 60px;
    flex-direction: column;
    display: flex;
    flex: 1; }
    .use-cases-fee-schedule.oneTableOneCard .table-section .table, .use-cases-fee-schedule.oneTableOneCardLeaf .table-section .table {
      flex: 1; }
    .use-cases-fee-schedule.oneTableOneCard .table-section .disclaimer-mobile, .use-cases-fee-schedule.oneTableOneCardLeaf .table-section .disclaimer-mobile {
      display: none; }
  .use-cases-fee-schedule.twoTables .table-section {
    margin-top: 60px; }
    .use-cases-fee-schedule.twoTables .table-section > .text {
      min-height: 72px;
      display: flex;
      flex-direction: column;
      justify-content: end; }
  .use-cases-fee-schedule.oneTableOneVideoSection .row .col-1 {
    display: flex;
    flex-direction: column; }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-1 .table-section {
      flex: 1; }
      .use-cases-fee-schedule.oneTableOneVideoSection .row .col-1 .table-section .table {
        margin-top: 60px;
        height: calc(100% - 60px - 42px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: transparent; }
  .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .top-half > .text > .description {
      margin-top: 20px;
      max-width: none; }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .top-half .actions {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .video-section {
      margin-top: 60px; }
  .use-cases-fee-schedule.oneCardLeafOneCard .row {
    gap: 0; }
    .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box {
      border-top-right-radius: 154px;
      border-bottom-left-radius: 154px;
      padding: 72px 4.5vw;
      background: linear-gradient(#222222, #222222) padding-box, linear-gradient(to right, #5281e7, #765aea) border-box;
      border: 6px solid transparent;
      height: calc(100% - 144px);
      justify-content: space-between;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      position: relative; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .box-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .box-body .text .heading {
        color: white; }
        .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .box-body .text .heading + .description {
          margin-top: 20px; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .box-body .text .description {
        color: white; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .actions {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        gap: 10px; }
    .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 .box {
      padding: 72px 4.5vw;
      height: calc(100% - 144px);
      max-width: 450px;
      margin: 0 auto; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 .box .box-body .box-image {
        height: 43px;
        width: auto;
        margin-bottom: 40px; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 .box .box-body .box-description {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
        color: #222222; }
        .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 .box .box-body .box-description + .box-author {
          margin-top: 15px; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 .box .box-body .box-author {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 18px;
        color: #222222;
        text-transform: uppercase; }
  .use-cases-fee-schedule .fee-schedule-bg .bgImage {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .use-cases-fee-schedule .fee-schedule-bg .bgImageMobile {
    display: none; }
  .use-cases-fee-schedule .fee-schedule-bg svg {
    width: 100%;
    height: 100%; }
    .use-cases-fee-schedule .fee-schedule-bg svg path, .use-cases-fee-schedule .fee-schedule-bg svg polygon, .use-cases-fee-schedule .fee-schedule-bg svg polyline, .use-cases-fee-schedule .fee-schedule-bg svg line {
      vector-effect: non-scaling-stroke; }
  .use-cases-fee-schedule .row {
    display: flex;
    gap: 80px; }
    .use-cases-fee-schedule .row .col {
      flex: 1;
      max-width: 50%; }
    .use-cases-fee-schedule .row .col-1 > .text > .heading,
    .use-cases-fee-schedule .row .col-2 > .text > .heading {
      color: #222222; }
    .use-cases-fee-schedule .row .col-1 > .text > .description,
    .use-cases-fee-schedule .row .col-2 > .text > .description {
      margin-top: 20px;
      color: #222222;
      max-width: 487px; }
      .use-cases-fee-schedule .row .col-1 > .text > .description a,
      .use-cases-fee-schedule .row .col-2 > .text > .description a {
        color: #2D84EB; }
    .use-cases-fee-schedule .row .table-section .text > .heading {
      color: #222222;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 20px;
      text-transform: uppercase; }
    .use-cases-fee-schedule .row .table-section .text > .description {
      margin-top: 10px;
      color: #8c8c8c; }
    .use-cases-fee-schedule .row .table-section .table {
      margin-top: 20px;
      border-top: 1px solid #222222;
      border-bottom: 1px solid #222222;
      padding: 20px;
      background-color: white; }
      .use-cases-fee-schedule .row .table-section .table .table-row {
        display: flex;
        margin: 10px 0; }
        .use-cases-fee-schedule .row .table-section .table .table-row:first-child {
          margin-top: 0; }
          .use-cases-fee-schedule .row .table-section .table .table-row:first-child .table-col {
            color: #8c8c8c; }
        .use-cases-fee-schedule .row .table-section .table .table-row:last-child {
          margin-bottom: 0; }
        .use-cases-fee-schedule .row .table-section .table .table-row .table-col {
          flex: 1;
          position: relative;
          color: #222222; }
        .use-cases-fee-schedule .row .table-section .table .table-row .table-col-2,
        .use-cases-fee-schedule .row .table-section .table .table-row .table-col-3 {
          text-align: right; }
  .use-cases-fee-schedule .col-2 .box .box-body .box-image-mobile {
    display: none; }
  .use-cases-fee-schedule .col-2 .box .box-body .box-image {
    margin-bottom: 60px;
    width: 100%;
    max-width: 570px;
    height: auto; }
  .use-cases-fee-schedule .col-2 .box .box-body .box-heading {
    color: #222222;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 18px;
    margin-top: 24px;
    min-height: 36px; }
  .use-cases-fee-schedule .col-2 .box .box-body .box-description {
    color: #222222;
    font-size: 24px;
    letter-spacing: -0.85px;
    line-height: 32px; }
  .use-cases-fee-schedule .col-2 .box .box-body .box-author {
    margin-top: 40px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 18px; }
  .use-cases-fee-schedule .col-2 .box .actions {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }
  .use-cases-fee-schedule.oneTableOneCard .col-2 .box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 60px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 10px;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    height: 100%; }
  .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf, .use-cases-fee-schedule.twoCardLeaf .box.is-leaf {
    border-top-right-radius: 154px;
    border-bottom-left-radius: 154px;
    padding: 72px 4.5vw;
    background: linear-gradient(#222222, #222222) padding-box, linear-gradient(to right, #5281e7, #765aea) border-box;
    border: 6px solid transparent;
    height: calc(100% - 144px);
    justify-content: flex-start;
    display: flex;
    flex-direction: column; }
    .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf .box-image, .use-cases-fee-schedule.twoCardLeaf .box.is-leaf .box-image {
      height: 43px;
      width: auto;
      margin-bottom: 40px; }
    .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf .box-heading, .use-cases-fee-schedule.twoCardLeaf .box.is-leaf .box-heading {
      color: white; }
    .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf .box-description, .use-cases-fee-schedule.twoCardLeaf .box.is-leaf .box-description {
      color: white;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px; }
    .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf .box-author, .use-cases-fee-schedule.twoCardLeaf .box.is-leaf .box-author {
      color: white;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 18px;
      text-transform: uppercase;
      margin-top: 20px; }
    .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf .actions, .use-cases-fee-schedule.twoCardLeaf .box.is-leaf .actions {
      margin-top: 40px; }
  .use-cases-fee-schedule.oneTableOneCardLeaf .box.is-leaf {
    justify-content: space-between; }
  .use-cases-fee-schedule.twoCardLeaf .row {
    gap: 120px; }
    .use-cases-fee-schedule.twoCardLeaf .row .col {
      padding-bottom: 12px; }
  .use-cases-fee-schedule .disclaimer {
    margin-top: 10px;
    color: #8c8c8c;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 18px; }
  .use-cases-fee-schedule .tooltip-black {
    display: inline-block;
    background-image: url("/assets/images/Hedera-Info-Icon.svg");
    background-repeat: no-repeat;
    margin-left: 8px;
    margin-top: 6px;
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 1; }
    .use-cases-fee-schedule .tooltip-black .tooltiptext {
      visibility: hidden;
      position: absolute;
      z-index: 1;
      color: white;
      font-size: 12px;
      font-weight: 300;
      line-height: 1.75;
      letter-spacing: normal;
      background-color: #222222;
      padding: 16px;
      width: 230px;
      min-height: 60px;
      bottom: 20px;
      left: -115px; }
      .use-cases-fee-schedule .tooltip-black .tooltiptext::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 4px;
        background: linear-gradient(160deg, #2d84eb, #8259ef);
        bottom: 0;
        left: 0; }
      .use-cases-fee-schedule .tooltip-black .tooltiptext .tooltiptext-heading {
        font-weight: 500;
        display: block;
        margin-bottom: 2px; }
    .use-cases-fee-schedule .tooltip-black:hover .tooltiptext {
      visibility: visible; }

@media screen and (max-width: 1100px) {
  .use-cases-fee-schedule {
    padding-left: 20px;
    padding-right: 20px; }
    .use-cases-fee-schedule .row {
      flex-direction: column;
      gap: 0; }
      .use-cases-fee-schedule .row .col {
        max-width: none; }
      .use-cases-fee-schedule .row .col-1 > .text {
        padding: 0 calc(12.5% - 20px); }
      .use-cases-fee-schedule .row .col-2 {
        margin-top: 96px; }
        .use-cases-fee-schedule .row .col-2 .box .box-body .box-image-has-mobile {
          display: none; }
        .use-cases-fee-schedule .row .col-2 .box .box-body .box-image-mobile {
          display: block;
          max-width: 300px;
          margin: 0 auto 60px; }
        .use-cases-fee-schedule .row .col-2 .box .box-body .box-description {
          font-size: 16px;
          letter-spacing: -1px;
          line-height: 21px; }
      .use-cases-fee-schedule .row .table-section .text {
        padding: 0 calc(12.5% - 20px); }
      .use-cases-fee-schedule .row .table-section .table {
        margin-top: 40px; }
    .use-cases-fee-schedule.oneTableOneCard .row .col-2 {
      margin-top: 60px; }
      .use-cases-fee-schedule.oneTableOneCard .row .col-2 .box .box-body .box-description {
        margin: 0 -30px; }
      .use-cases-fee-schedule.oneTableOneCard .row .col-2 .box .box-body .box-author {
        margin: 20px -30px 0; }
      .use-cases-fee-schedule.oneTableOneCard .row .col-2 .box .actions {
        margin: 40px -30px 0; }
    .use-cases-fee-schedule.oneTableOneCard .table-section, .use-cases-fee-schedule.oneTableOneCardLeaf .table-section {
      margin-top: 30px; }
      .use-cases-fee-schedule.oneTableOneCard .table-section .disclaimer-mobile, .use-cases-fee-schedule.oneTableOneCardLeaf .table-section .disclaimer-mobile {
        display: block; }
    .use-cases-fee-schedule.oneTableOneCard .disclaimer-desktop, .use-cases-fee-schedule.oneTableOneCardLeaf .disclaimer-desktop {
      display: none; }
    .use-cases-fee-schedule.oneTableOneCardLeaf .row .col .box.is-leaf, .use-cases-fee-schedule.oneCardLeafOneCard .row .col .box.is-leaf, .use-cases-fee-schedule.twoCardLeaf .row .col .box.is-leaf {
      padding: 100px 35px 125px; }
      .use-cases-fee-schedule.oneTableOneCardLeaf .row .col .box.is-leaf .box-description,
      .use-cases-fee-schedule.oneTableOneCardLeaf .row .col .box.is-leaf .box-description p, .use-cases-fee-schedule.oneCardLeafOneCard .row .col .box.is-leaf .box-description,
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col .box.is-leaf .box-description p, .use-cases-fee-schedule.twoCardLeaf .row .col .box.is-leaf .box-description,
      .use-cases-fee-schedule.twoCardLeaf .row .col .box.is-leaf .box-description p {
        letter-spacing: -1px;
        line-height: 24px;
        font-size: 15px; }
    .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .box-bg {
      transform: translate(-50%, -50%) scale(0.8); }
    .use-cases-fee-schedule.oneCardLeafOneCard .row .col-1 .box .actions {
      margin-top: 40px; }
    .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 {
      margin-top: 8px; }
      .use-cases-fee-schedule.oneCardLeafOneCard .row .col-2 .box {
        max-width: none;
        margin: auto;
        padding: 72px calc(12.5vw - 20px) 0; }
    .use-cases-fee-schedule.twoCardLeaf .row {
      gap: 0; }
      .use-cases-fee-schedule.twoCardLeaf .row .col {
        padding-bottom: 0; }
        .use-cases-fee-schedule.twoCardLeaf .row .col.col-2 {
          margin-top: 60px; }
      .use-cases-fee-schedule.twoCardLeaf .row .box.is-leaf .box-image {
        height: 33px; }
    .use-cases-fee-schedule.twoTables .table-section {
      margin-top: 0; }
      .use-cases-fee-schedule.twoTables .table-section > .text {
        min-height: auto; }
    .use-cases-fee-schedule.twoTables > .row:last-child {
      margin-top: 30px; }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .top-half > .text,
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .top-half > .actions {
      padding: 0 calc(12.5% - 20px); }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .top-half > .actions {
      margin-top: 40px; }
    .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .bottom-half .video-section {
      margin-top: 40px; }
      .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .bottom-half .video-section .tabs .options {
        padding: 0 calc(12.5% - 20px); }
      .use-cases-fee-schedule.oneTableOneVideoSection .row .col-2 .bottom-half .video-section .tabs .panel {
        margin: 0 -20px; } }

.use-cases-code-block {
  position: relative;
  overflow: hidden;
  background-color: #222222; }
  .use-cases-code-block.code-window {
    padding: 6.25%; }
    .use-cases-code-block.code-window.padding-top-none {
      padding-top: 0; }
    .use-cases-code-block.code-window.padding-top-overlap {
      padding-top: calc(6.25% + 165px); }
    .use-cases-code-block.code-window.padding-bottom-none {
      padding-bottom: 0; }
    .use-cases-code-block.code-window.padding-bottom-overlap {
      padding-bottom: calc(6.25% + 165px); }
    @media screen and (max-width: 1100px) {
      .use-cases-code-block.code-window {
        padding: 12.5%; }
        .use-cases-code-block.code-window.padding-top-overlap {
          padding-top: calc(12.5% + 165px); }
        .use-cases-code-block.code-window.padding-bottom-overlap {
          padding-bottom: calc(12.5% + 165px); } }
  .use-cases-code-block .row {
    display: flex;
    gap: 20px; }
    .use-cases-code-block .row .col {
      flex: 1; }
      .use-cases-code-block .row .col.col-1 {
        max-width: 40%; }
      .use-cases-code-block .row .col.col-2 {
        max-width: 60%; }
    .use-cases-code-block .row .text > .heading {
      max-width: 328px; }
    .use-cases-code-block .row .text > .description {
      margin-top: 20px;
      max-width: 487px; }
      .use-cases-code-block .row .text > .description a {
        color: #2D84EB; }
    .use-cases-code-block .row .actions {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
  .use-cases-code-block .col-2 .code-window-highlight {
    border-radius: 15px;
    border: 1px solid #979797;
    background-color: rgba(255, 255, 255, 0.05); }
  .use-cases-code-block .col-2 .code-window-prism-highlight .line-numbers-rows > span:before {
    color: #CCCCCC; }
  .use-cases-code-block .col-2 .code-window-prism-highlight span.line-numbers-rows::before {
    opacity: 0; }
  .use-cases-code-block .col-2 .code-window-prism-highlight pre[class*="language-"].line-numbers,
  .use-cases-code-block .col-2 .prism-code-window pre[class*="language-"].line-numbers {
    overflow-y: hidden; }
  .use-cases-code-block .col-2 .code-window-container .function-list li {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 20px;
    padding: 10px 28px 10px 20px; }
  .use-cases-code-block .col-2 .code-window-container .function-list li.active::before {
    -webkit-border-radius: 3.5px;
    border-radius: 3.5px;
    height: 7px;
    width: 7px;
    background: #ACD534;
    top: 17px; }

@media screen and (max-width: 1100px) {
  .use-cases-code-block.code-window {
    padding-left: 20px;
    padding-right: 20px; }
  .use-cases-code-block .row {
    flex-direction: column;
    gap: 0; }
    .use-cases-code-block .row .text {
      padding: 0 calc(12.5% - 20px); }
    .use-cases-code-block .row .actions {
      padding: 0 calc(12.5% - 20px); }
    .use-cases-code-block .row .col.col-1 {
      max-width: none; }
    .use-cases-code-block .row .col.col-2 {
      max-width: none;
      margin-top: 60px; }
  .use-cases-code-block .code-dropdown-menu {
    margin: 0 0 30px 20px; } }

@media screen and (max-width: 1024px) {
  .use-cases-code-block .code-window-container .code-dropdown-menu {
    margin: 0 0 30px 0;
    padding: 0 calc(12.5% - 20px); }
  .use-cases-code-block .code-window-container .function-list {
    position: relative;
    display: block;
    border: none;
    background-color: transparent; }
    .use-cases-code-block .code-window-container .function-list li.active {
      background-color: transparent; }
      .use-cases-code-block .code-window-container .function-list li.active::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        -webkit-border-radius: 3.5px;
        border-radius: 3.5px;
        height: 7px;
        width: 7px;
        background: #ACD534;
        top: 17px; } }

@media screen and (max-width: 414px) {
  .use-cases-code-block .row .actions {
    gap: 0; }
    .use-cases-code-block .row .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-video-block {
  padding: 6.25%;
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0; }
  .use-cases-video-block.padding-top-none {
    padding-top: 0; }
  .use-cases-video-block.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-video-block.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-video-block.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-video-block {
      padding: 12.5%; }
      .use-cases-video-block.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-video-block.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-video-block.overlap {
    background-color: transparent;
    margin-bottom: -195px;
    z-index: 2; }
    .use-cases-video-block.overlap::before {
      content: '';
      width: 100%;
      height: 60%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #F0F0F0;
      z-index: -1; }
  .use-cases-video-block .row {
    display: flex;
    gap: 40px; }
    .use-cases-video-block .row .col {
      flex: 1; }
      .use-cases-video-block .row .col.col-1 {
        max-width: 30%; }
      .use-cases-video-block .row .col.col-2 {
        max-width: 70%; }
    .use-cases-video-block .row .image-above-heading {
      width: 100%;
      height: auto;
      margin-bottom: 40px; }
    .use-cases-video-block .row .image-above-heading-mobile {
      display: none; }
    .use-cases-video-block .row .text .heading {
      color: #222222; }
    .use-cases-video-block .row .text .description {
      margin-top: 20px;
      color: #222222; }
      .use-cases-video-block .row .text .description a {
        color: #2D84EB; }
    .use-cases-video-block .row .text .Btn.has-play-icon {
      margin-top: 40px;
      min-width: auto;
      padding-right: 14px; }
      .use-cases-video-block .row .text .Btn.has-play-icon::after {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        background-image: url(/assets/images/HH-Icon-Play.png);
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: contain;
        height: 20px;
        width: 20px; }

@media screen and (max-width: 1100px) {
  .use-cases-video-block {
    padding-left: 0;
    padding-right: 0; }
    .use-cases-video-block.overlap {
      margin-bottom: 0%;
      padding-bottom: 0; }
    .use-cases-video-block .row {
      flex-direction: column;
      gap: 0; }
      .use-cases-video-block .row .col.col-1 {
        max-width: none; }
        .use-cases-video-block .row .col.col-1 .text {
          padding: 0 12.5%; }
      .use-cases-video-block .row .col.col-2 {
        max-width: none;
        margin-top: 60px; }
      .use-cases-video-block .row .col .image-wrapper {
        padding: 0 12.5%; } }

@media screen and (max-width: 768px) {
  .use-cases-video-block .row .col .image-wrapper .image-above-heading-has-mobile {
    display: none; }
  .use-cases-video-block .row .col .image-wrapper .image-above-heading-mobile {
    display: block; } }

.use-cases-case-studies {
  padding: 6.25%;
  position: relative;
  display: flex;
  column-gap: 5.5vw;
  overflow: hidden; }
  .use-cases-case-studies.padding-top-none {
    padding-top: 0; }
  .use-cases-case-studies.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-case-studies.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-case-studies.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-case-studies {
      padding: 12.5%; }
      .use-cases-case-studies.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-case-studies.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-case-studies.columns-4 {
    column-gap: 2vw; }
  .use-cases-case-studies .bgImage {
    position: absolute;
    width: 101%;
    height: 101%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .use-cases-case-studies .bgImageMobile {
    display: none; }
  .use-cases-case-studies svg {
    width: 100%;
    height: 100%; }
    .use-cases-case-studies svg path, .use-cases-case-studies svg polygon, .use-cases-case-studies svg polyline, .use-cases-case-studies svg line {
      vector-effect: non-scaling-stroke; }
  .use-cases-case-studies > .text {
    flex: 0 0 30%;
    position: relative; }
    .use-cases-case-studies > .text.columns-4 {
      flex: 0 0 20%; }
    .use-cases-case-studies > .text.heading-description-color-dark {
      color: #222222; }
    .use-cases-case-studies > .text.heading-description-color-light {
      color: white; }
    .use-cases-case-studies > .text > .description {
      margin-top: 20px;
      max-width: 440px; }
      .use-cases-case-studies > .text > .description a {
        color: #2D84EB; }
    .use-cases-case-studies > .text > .actions {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
  .use-cases-case-studies .boxes {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 60px;
    row-gap: 40px;
    position: relative; }
    .use-cases-case-studies .boxes .box {
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      box-sizing: border-box;
      display: flex;
      position: relative;
      border-radius: 15px;
      overflow: hidden;
      padding: 40px 40px 50px 40px; }
      .use-cases-case-studies .boxes .box.item-border {
        background-color: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        border-color: #8C8C8C;
        border-width: 1px;
        border-style: solid; }
      .use-cases-case-studies .boxes .box.item-white-border {
        border-color: white; }
      .use-cases-case-studies .boxes .box .box-body {
        display: flex;
        column-gap: 5vw; }
        .use-cases-case-studies .boxes .box .box-body .col-1 {
          min-width: 230px;
          max-width: 230px; }
        .use-cases-case-studies .boxes .box .box-body .icon {
          margin-bottom: 24px; }
        .use-cases-case-studies .boxes .box .box-body .col .ecosystem-tags {
          justify-content: start;
          padding-bottom: 20px;
          min-height: unset; }
          .use-cases-case-studies .boxes .box .box-body .col .ecosystem-tags a {
            text-decoration: none; }
        .use-cases-case-studies .boxes .box .box-body .text.text-color-dark {
          color: #222222; }
        .use-cases-case-studies .boxes .box .box-body .text.text-color-light {
          color: white; }
      .use-cases-case-studies .boxes .box .actions {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px; }
        .use-cases-case-studies .boxes .box .actions .Btn {
          width: auto; }
    .use-cases-case-studies .boxes.columns-4 {
      grid-template-columns: repeat(4, 1fr);
      column-gap: 40px;
      row-gap: 40px; }
      .use-cases-case-studies .boxes.columns-4 .box {
        padding: 30px 30px 40px 30px; }
        .use-cases-case-studies .boxes.columns-4 .box .box-body {
          flex-direction: column;
          height: 100%; }
          .use-cases-case-studies .boxes.columns-4 .box .box-body .col-1 {
            min-width: auto;
            max-width: none;
            min-height: 123px; }
            .use-cases-case-studies .boxes.columns-4 .box .box-body .col-1 .icon {
              height: 61px;
              width: 100%;
              object-fit: contain; }
            .use-cases-case-studies .boxes.columns-4 .box .box-body .col-1 .ecosystem-tags {
              padding-bottom: 10px;
              min-height: 37px; }
          .use-cases-case-studies .boxes.columns-4 .box .box-body .col-2 {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between; }

@media screen and (max-width: 1640px) {
  .use-cases-case-studies .boxes.columns-4 {
    column-gap: 30px; } }

@media screen and (max-width: 1500px) {
  .use-cases-case-studies .boxes.columns-4 {
    grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 1100px) {
  .use-cases-case-studies {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    flex-direction: column; }
    .use-cases-case-studies > .text {
      padding: 0 calc(12.5% - 20px); }
    .use-cases-case-studies .boxes {
      margin-top: 60px; }
      .use-cases-case-studies .boxes .box {
        padding: 40px 30px 30px 30px; }
        .use-cases-case-studies .boxes .box .box-body {
          flex-direction: column; }
          .use-cases-case-studies .boxes .box .box-body .icon {
            height: auto;
            max-height: 62px;
            object-position: left;
            object-fit: contain; }
        .use-cases-case-studies .boxes .box .actions {
          margin-top: 60px; } }

@media screen and (max-width: 768px) {
  .use-cases-case-studies .bgImageHasMobile {
    display: none; }
  .use-cases-case-studies .bgImageMobile {
    display: block; }
  .use-cases-case-studies .boxes.columns-4 {
    grid-template-columns: repeat(1, 1fr); } }

@media screen and (max-width: 414px) {
  .use-cases-case-studies > .text > .actions {
    gap: 0; }
    .use-cases-case-studies > .text > .actions .Btn:nth-child(2) {
      margin-top: 10px; }
  .use-cases-case-studies .boxes {
    gap: 0; }
    .use-cases-case-studies .boxes.columns-4 {
      row-gap: 0; }
    .use-cases-case-studies .boxes .box:not(:last-child) {
      margin-bottom: 40px; }
    .use-cases-case-studies .boxes .box .actions {
      gap: 0; }
      .use-cases-case-studies .boxes .box .actions .Btn:nth-child(2) {
        margin-top: 10px; } }

.use-cases-case-studies-carousel {
  padding: 6.25%;
  position: relative;
  overflow: hidden; }
  .use-cases-case-studies-carousel.padding-top-none {
    padding-top: 0; }
  .use-cases-case-studies-carousel.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-case-studies-carousel.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-case-studies-carousel.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-case-studies-carousel {
      padding: 12.5%; }
      .use-cases-case-studies-carousel.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-case-studies-carousel.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-case-studies-carousel .bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden; }
    .use-cases-case-studies-carousel .bg-wrapper .bgImage {
      position: absolute;
      width: 101%;
      height: 101%;
      object-fit: cover;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .use-cases-case-studies-carousel .bg-wrapper .bgImageMobile {
      display: none; }
  .use-cases-case-studies-carousel .row {
    display: flex; }
    .use-cases-case-studies-carousel .row.row-top {
      justify-content: space-between;
      margin-bottom: 40px;
      padding-bottom: 20px;
      border-bottom: 1px solid #222222; }
  .use-cases-case-studies-carousel .text {
    max-width: 600px; }
    .use-cases-case-studies-carousel .text .heading {
      color: #222222; }
    .use-cases-case-studies-carousel .text .description {
      margin-top: 20px;
      color: #222222; }
      .use-cases-case-studies-carousel .text .description a {
        color: #2D84EB; }
  .use-cases-case-studies-carousel .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
    margin-top: 40px;
    margin-right: 40px; }
  .use-cases-case-studies-carousel .section .text-wrapper {
    float: left;
    width: 20%; }
    .use-cases-case-studies-carousel .section .text-wrapper .text {
      padding-right: 80px; }
  .use-cases-case-studies-carousel .section .ecosystem-carousel {
    float: left;
    width: 80%;
    position: relative; }
    .use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button {
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      transform: translateY(-50%);
      top: 50%;
      width: 80px;
      height: 80px;
      display: inline-block;
      background-color: transparent;
      border: none;
      cursor: pointer; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button.swiper-button-disabled {
        display: none; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button.next {
        right: 0;
        z-index: 10;
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg"); }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls button.prev {
        left: 0;
        z-index: 5;
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg");
        -moz-transform: translateY(-50%) scaleX(-1);
        -o-transform: translateY(-50%) scaleX(-1);
        -webkit-transform: translateY(-50%) scaleX(-1);
        transform: translateY(-50%) scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; }
    .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button.next {
      right: 50px;
      background-image: url("/assets/images/Icon-Carousel-Arrow-White-Outline.svg"); }
    .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button.prev {
      left: 50px;
      background-image: url("/assets/images/Icon-Carousel-Arrow-White-Outline.svg"); }
    .use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-next {
      -webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-next.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-prev {
      -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-prev.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper {
      display: flex; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container {
        justify-content: start; }
        .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .ecosystem-tags a {
          text-decoration: none; }
        .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%; }
          .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .logo {
            margin-bottom: 20px; }
            .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .logo img {
              height: 80px; }
          .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .title {
            margin-top: 30px; }
          .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .contentSub {
            margin-top: 30px;
            height: 100%; }
          .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card .card-container .content .lowerCard .links {
            flex-wrap: wrap; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card.item-theme-transparent .card-container .content .logo {
        margin-bottom: 0; }
        .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card.item-theme-transparent .card-container .content .logo img {
          height: 50px; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper-wrapper .ecosystem-card.item-theme-transparent .card-container .content .contentSub {
        font-size: 15px;
        line-height: 21px; }
  .use-cases-case-studies-carousel.heading-description-placement-top .section .ecosystem-carousel {
    float: none;
    width: 100%; }
  .use-cases-case-studies-carousel.heading-description-placement-top .actions {
    margin-top: 0;
    margin-right: 0; }

@media screen and (max-width: 1700px) {
  .use-cases-case-studies-carousel .section .text-wrapper {
    width: 30%; }
  .use-cases-case-studies-carousel .section .ecosystem-carousel {
    width: 70%; } }

@media screen and (max-width: 1300px) {
  .use-cases-case-studies-carousel .section .text-wrapper {
    width: 40%; }
  .use-cases-case-studies-carousel .section .ecosystem-carousel {
    width: 60%; } }

@media screen and (max-width: 1100px) {
  .use-cases-case-studies-carousel {
    padding: 12.5% 0;
    overflow: hidden;
    flex-direction: column; }
    .use-cases-case-studies-carousel .bg-wrapper {
      border-radius: 0; }
      .use-cases-case-studies-carousel .bg-wrapper .bgImageHasMobile {
        display: none; }
      .use-cases-case-studies-carousel .bg-wrapper .bgImageMobile {
        display: block; }
    .use-cases-case-studies-carousel .row {
      flex-direction: column; }
      .use-cases-case-studies-carousel .row.row-top {
        margin-left: 12.5%;
        margin-right: 12.5%;
        margin-bottom: 0; }
        .use-cases-case-studies-carousel .row.row-top .text {
          padding: 0; }
        .use-cases-case-studies-carousel .row.row-top .actions {
          padding: 0;
          align-items: start;
          justify-content: start;
          flex-direction: row;
          margin-top: 20px; }
    .use-cases-case-studies-carousel .section .text-wrapper {
      width: 100%; }
    .use-cases-case-studies-carousel .section .ecosystem-carousel {
      float: none;
      width: auto;
      margin-top: 50px;
      overflow: hidden; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .slider-controls {
        display: none; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent {
        margin-top: 0; }
        .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls {
          display: block; }
          .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button {
            top: auto;
            bottom: 10px;
            font-size: 16px;
            letter-spacing: -1px;
            line-height: 21px;
            color: white; }
            .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button.next {
              right: 12.5%; }
              .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button.next.show-text::before {
                content: 'Read next';
                position: absolute;
                left: -99px;
                top: 30px;
                font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif; }
            .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button.prev {
              left: 12.5%; }
              .use-cases-case-studies-carousel .section .ecosystem-carousel.item-theme-transparent .slider-controls button.prev.show-text::after {
                content: 'Read previous';
                position: absolute;
                left: -127px;
                top: 40px;
                transform: translateY(-50%) scaleX(-1);
                font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-next {
        -webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .fade-wrapper-prev {
        -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 0 12.5%;
        transition: 0.25s padding ease-out; }
      .use-cases-case-studies-carousel .section .ecosystem-carousel .swiper {
        overflow: visible; }
    .use-cases-case-studies-carousel .text {
      padding-left: 12.5%;
      padding-right: 12.5%; }
    .use-cases-case-studies-carousel .actions {
      padding-left: 12.5%;
      padding-right: 12.5%;
      margin-right: 0; }
    .use-cases-case-studies-carousel.heading-description-placement-top .actions {
      flex-direction: column;
      justify-content: end; }
    .use-cases-case-studies-carousel.heading-description-placement-left .section .text-wrapper .text {
      padding-right: 12.5%; } }

@media screen and (max-width: 768px) {
  .use-cases-case-studies-carousel.heading-description-placement-top .row.row-top {
    flex-direction: column;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .use-cases-case-studies-carousel.heading-description-placement-top .actions {
    margin-top: 40px;
    flex-direction: row;
    justify-content: start; } }

@media screen and (max-width: 414px) {
  .use-cases-case-studies-carousel.heading-description-placement-top .actions {
    gap: 0; }
    .use-cases-case-studies-carousel.heading-description-placement-top .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-grant-banner {
  padding: 6.25%;
  position: relative;
  overflow: hidden; }
  .use-cases-grant-banner.padding-top-none {
    padding-top: 0; }
  .use-cases-grant-banner.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-grant-banner.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-grant-banner.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-grant-banner {
      padding: 12.5%; }
      .use-cases-grant-banner.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-grant-banner.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-grant-banner .grant-banner-wrapper {
    display: flex;
    position: relative; }
    .use-cases-grant-banner .grant-banner-wrapper .col {
      flex: 0 0 50%; }
      .use-cases-grant-banner .grant-banner-wrapper .col .heading {
        margin-top: 30px;
        color: #222222; }
      .use-cases-grant-banner .grant-banner-wrapper .col .description {
        color: #222222; }
      .use-cases-grant-banner .grant-banner-wrapper .col .author {
        margin-top: 20px;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.5px;
        line-height: 18px;
        text-transform: uppercase; }
      .use-cases-grant-banner .grant-banner-wrapper .col .actions {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px; }
  .use-cases-grant-banner.layout-two-columns-logo-garden {
    background-color: #F0F0F0; }
    .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 {
      max-width: 35%;
      padding-right: 4.4vw;
      border-right: 1px solid #464646; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1.column-vertical-divider-none {
        padding-right: 0;
        border-right: none; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .heading {
        margin-top: 60px; }
        .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .heading.margin-top-none {
          margin-top: 0; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .description {
        margin-top: 20px; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-1 .actions {
        margin-top: 40px; }
    .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 {
      max-width: 65%;
      padding-left: 6.6vw; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2.column-vertical-divider-none {
        padding-left: 2.4vw;
        flex: 1; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .heading {
        margin-top: 0; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .text + .logo-garden {
        margin-top: 60px; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .logo-garden {
        width: 100%;
        height: auto; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col-2 .logo-garden-mobile {
        display: none; }
  .use-cases-grant-banner.layout-two-columns-leaf-shape {
    margin: -146px 0;
    z-index: 3;
    padding-bottom: 30px; }
    .use-cases-grant-banner.layout-two-columns-leaf-shape .grant-banner-wrapper {
      background-color: white;
      border-top-right-radius: 154px;
      border-bottom-left-radius: 154px;
      padding: 72px 10.5vw;
      box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1); }
  .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper {
    align-items: start;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    padding: 6.25% 0; }
    .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper.block-border-none {
      border: none;
      padding: 0; }
    .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 {
      display: flex;
      align-items: center; }
      .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 .logo {
        height: 100px;
        object-fit: contain; }
      .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 .text {
        margin: 0 2.5vw;
        height: 1px;
        width: 100%;
        background-color: #979797; }
    .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .heading {
      margin-top: 0; }
      .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .heading + .description {
        margin-top: 20px; }
    .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .description strong {
      font-weight: bold; }
    .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-2 .actions {
      margin-top: 40px; }
  .use-cases-grant-banner.layout-three-columns, .use-cases-grant-banner.layout-three-columns-lines {
    padding-left: 0;
    padding-right: 0; }
    .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper {
      align-items: center;
      padding: 60px 6.25%;
      gap: 40px;
      background-color: white; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper:not(.block-border-none)::before, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper:not(.block-border-none)::before {
        content: '';
        height: 1px;
        width: 87.5%;
        position: absolute;
        top: 0;
        left: 6.25%;
        background-color: #222222; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper:not(.block-border-none)::after, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper:not(.block-border-none)::after {
        content: '';
        height: 1px;
        width: 87.5%;
        position: absolute;
        bottom: 0;
        left: 6.25%;
        background-color: #222222; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper.block-border-none, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper.block-border-none {
        border: none; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-1,
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-3, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-1,
      .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-3 {
        flex: 0 0 25%; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-1, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-1 {
        display: flex;
        align-items: center; }
        .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-1 .logo, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-1 .logo {
          height: 100px;
          max-width: 100%;
          object-fit: contain; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-2, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 {
        flex: 1; }
        .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-2 .text, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 .text {
          text-align: center;
          max-width: 530px;
          margin: 0 auto; }
          .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-2 .text .heading, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 .text .heading {
            margin-top: 0; }
            .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-2 .text .heading + .description, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 .text .heading + .description {
              margin-top: 20px; }
          .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-2 .text .description p, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 .text .description p {
            font-size: 16px;
            letter-spacing: -1px; }
          .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-2 .text .description strong, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 .text .description strong {
            font-weight: bold; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-3 .actions, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-3 .actions {
        justify-content: end;
        margin: 0; }
  .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper.block-border-none {
    border: none;
    padding: 0; }
  .use-cases-grant-banner.layout-three-columns-lines.background-color-none .grant-banner-wrapper {
    background-color: transparent; }
  .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper {
    align-items: start;
    gap: 0; }
    .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper.block-border-none {
      padding-top: 0;
      padding-bottom: 0; }
    .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-1 .logo {
      height: 67px;
      max-width: 68px; }
    .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-1 .text {
      margin: 0 2.5vw;
      height: 1px;
      width: 100%;
      background-color: #222222; }
    .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-2 .text {
      max-width: none;
      text-align: left; }
    .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-3 {
      display: flex;
      align-items: center;
      height: 67px; }
      .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-3 .text {
        margin: 0 2.5vw;
        height: 1px;
        width: 100%;
        background-color: #222222; }
  .use-cases-grant-banner.background-color-none {
    background-color: transparent; }
  .use-cases-grant-banner.background-color-off-white {
    background-color: #f9f9f9; }
  .use-cases-grant-banner.background-color-white {
    background-color: white; }

@media screen and (max-width: 1100px) {
  .use-cases-grant-banner .grant-banner-wrapper {
    flex-direction: column; }
    .use-cases-grant-banner .grant-banner-wrapper .col {
      flex: 1;
      width: 100%; }
      .use-cases-grant-banner .grant-banner-wrapper .col .logo {
        max-height: 87px;
        width: 100%;
        object-fit: contain;
        object-position: left; }
      .use-cases-grant-banner .grant-banner-wrapper .col .actions {
        margin-top: 40px; }
      .use-cases-grant-banner .grant-banner-wrapper .col.col-2 {
        margin-top: 20px; }
  .use-cases-grant-banner.layout-two-columns-leaf-shape {
    padding-left: 20px;
    padding-right: 20px; }
    .use-cases-grant-banner.layout-two-columns-leaf-shape .grant-banner-wrapper {
      padding: 112px 35px 135px 35px; }
  .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col {
    max-width: none; }
    .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-1 {
      padding-right: 0;
      border: none; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-1 .heading {
        margin-top: 20px; }
    .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 {
      padding-left: 0;
      margin-top: 60px; }
      .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 .logo-garden {
        margin-top: 40px; }
  .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper .col-1 .text {
    display: none; }
  .use-cases-grant-banner.layout-three-columns, .use-cases-grant-banner.layout-three-columns-lines {
    padding-left: 12.5%;
    padding-right: 12.5%; }
    .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper {
      padding: 60px 0; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper:not(.block-border-none)::before, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper:not(.block-border-none)::before {
        left: -12.5vw;
        width: 100vw; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper:not(.block-border-none)::after, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper:not(.block-border-none)::after {
        left: -12.5vw;
        width: 100vw; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col .logo, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col .logo {
        object-position: center;
        height: 69px;
        max-height: 69px;
        max-width: none; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col.col-1, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col.col-1 {
        flex: 1; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col.col-2, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col.col-2 {
        margin-top: 40px; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col.col-3, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col.col-3 {
        flex: 1; }
        .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col.col-3 .actions, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col.col-3 .actions {
          justify-content: center; }
  .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col .logo {
    object-position: left; }
  .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col.col-1 .text, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col.col-3 .text {
    display: none; }
  .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col .actions {
    margin-top: 40px; } }

@media screen and (max-width: 768px) {
  .use-cases-grant-banner.layout-two-columns.padding-top-none {
    padding-top: 12.5%; }
  .use-cases-grant-banner.layout-two-columns.padding-bottom-none {
    padding-bottom: 12.5%; }
  .use-cases-grant-banner.layout-two-columns .grant-banner-wrapper {
    border: none; }
  .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 .logo-garden.logo-garden-has-mobile {
    display: none; }
  .use-cases-grant-banner.layout-two-columns-logo-garden .grant-banner-wrapper .col.col-2 .logo-garden.logo-garden-mobile {
    display: block; }
  .use-cases-grant-banner.layout-three-columns, .use-cases-grant-banner.layout-three-columns-lines {
    padding-left: 20px;
    padding-right: 20px; }
    .use-cases-grant-banner.layout-three-columns.padding-top-none, .use-cases-grant-banner.layout-three-columns-lines.padding-top-none {
      padding-top: 12.5%; }
    .use-cases-grant-banner.layout-three-columns.padding-bottom-none, .use-cases-grant-banner.layout-three-columns-lines.padding-bottom-none {
      padding-bottom: 12.5%; }
    .use-cases-grant-banner.layout-three-columns.padding-top-overlap, .use-cases-grant-banner.layout-three-columns-lines.padding-top-overlap {
      padding-top: 12.5%; }
    .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper {
      border: none;
      gap: 0;
      background-color: transparent; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper:not(.block-border-none)::before, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper:not(.block-border-none)::before {
        left: -20px; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper:not(.block-border-none)::after, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper:not(.block-border-none)::after {
        left: -20px; }
      .use-cases-grant-banner.layout-three-columns .grant-banner-wrapper .col-3 .actions, .use-cases-grant-banner.layout-three-columns-lines .grant-banner-wrapper .col-3 .actions {
        justify-content: start;
        margin-top: 40px; }
  .use-cases-grant-banner.layout-three-columns-lines {
    padding-left: 12.5%;
    padding-right: 12.5%; } }

@media screen and (max-width: 414px) {
  .use-cases-grant-banner .grant-banner-wrapper .col .actions {
    gap: 0; }
    .use-cases-grant-banner .grant-banner-wrapper .col .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-banner-short {
  padding: 6.25%;
  position: relative;
  z-index: 1; }
  .use-cases-banner-short.padding-top-none {
    padding-top: 0; }
  .use-cases-banner-short.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-banner-short.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-banner-short.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-banner-short {
      padding: 12.5%; }
      .use-cases-banner-short.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-banner-short.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-banner-short .banner-short-wrapper {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    padding: 70px 150px 70px 175px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2.25vw; }
    .use-cases-banner-short .banner-short-wrapper .banner-short-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0); }
      .use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute; }
      .use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImageMobile {
        display: none; }
    .use-cases-banner-short .banner-short-wrapper .col {
      position: relative;
      flex: 1; }
      .use-cases-banner-short .banner-short-wrapper .col.col-1 {
        display: flex;
        gap: 2.25vw;
        align-items: center; }
        .use-cases-banner-short .banner-short-wrapper .col.col-1 .text .heading {
          color: white;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: -0.5px;
          line-height: 18px; }
      .use-cases-banner-short .banner-short-wrapper .col.col-2 {
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .use-cases-banner-short .banner-short-wrapper .graphic {
      mix-blend-mode: color-dodge;
      max-width: 240px; }
    .use-cases-banner-short .banner-short-wrapper .graphic-dual {
      max-width: 192px; }
    .use-cases-banner-short .banner-short-wrapper .item-separator-plus {
      color: white;
      font-weight: 100;
      font-size: 42px;
      opacity: 0.5; }
    .use-cases-banner-short .banner-short-wrapper .description {
      color: white; }
      .use-cases-banner-short .banner-short-wrapper .description strong {
        font-weight: bold; }
    .use-cases-banner-short .banner-short-wrapper .author {
      color: white;
      margin-top: 20px;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 18px;
      text-transform: uppercase; }
    .use-cases-banner-short .banner-short-wrapper .actions {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }

@media screen and (max-width: 1500px) {
  .use-cases-banner-short .banner-short-wrapper {
    padding: 70px calc(6.25% + 20px) 70px 6.25%; }
    .use-cases-banner-short .banner-short-wrapper .graphic {
      width: 14vw;
      max-width: 192px;
      height: auto; } }

@media screen and (max-width: 1100px) {
  .use-cases-banner-short {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (max-width: 768px) {
  .use-cases-banner-short .banner-short-wrapper {
    flex-direction: column;
    padding: 135px 20px 155px 30px;
    gap: 0; }
    .use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImageHasMobile {
      display: none; }
    .use-cases-banner-short .banner-short-wrapper .banner-short-bg .bgImageMobile {
      display: block; }
    .use-cases-banner-short .banner-short-wrapper .graphic {
      width: auto;
      max-width: 240px;
      margin-bottom: 20px; }
    .use-cases-banner-short .banner-short-wrapper .graphic-dual {
      width: 25vw;
      max-width: 192px;
      min-width: 100px;
      margin-bottom: 0; }
    .use-cases-banner-short .banner-short-wrapper .col.col-1:not(.col-graphic-dual) {
      flex-direction: column;
      gap: 0;
      margin-bottom: 45px; }
    .use-cases-banner-short .banner-short-wrapper .col.col-1.col-graphic-dual {
      margin-bottom: 45px; }
      .use-cases-banner-short .banner-short-wrapper .col.col-1.col-graphic-dual .item-separator-plus {
        padding-bottom: 20px; } }

@media screen and (max-width: 414px) {
  .use-cases-banner-short .banner-short-wrapper .actions {
    gap: 0; }
    .use-cases-banner-short .banner-short-wrapper .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-ecosystem {
  padding: 6.25%;
  position: relative; }
  .use-cases-ecosystem.padding-top-none {
    padding-top: 0; }
  .use-cases-ecosystem.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-ecosystem.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-ecosystem.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-ecosystem {
      padding: 12.5%; }
      .use-cases-ecosystem.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-ecosystem.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-ecosystem .row {
    display: flex;
    gap: 40px; }
    .use-cases-ecosystem .row .col {
      flex: 1; }
      .use-cases-ecosystem .row .col.col-1 {
        max-width: 35%; }
      .use-cases-ecosystem .row .col.col-2 {
        max-width: 65%;
        padding-right: 7vw; }
    .use-cases-ecosystem .row .text {
      max-width: 490px; }
      .use-cases-ecosystem .row .text .heading {
        color: #222222; }
        .use-cases-ecosystem .row .text .heading + .description {
          margin-top: 20px; }
      .use-cases-ecosystem .row .text .description {
        color: #222222; }
    .use-cases-ecosystem .row .actions {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
    .use-cases-ecosystem .row .graphic {
      max-width: 791px;
      width: 100%;
      height: auto; }

@media screen and (max-width: 1100px) {
  .use-cases-ecosystem {
    padding-left: 20px;
    padding-right: 20px; }
    .use-cases-ecosystem .row {
      flex-direction: column;
      gap: 0; }
      .use-cases-ecosystem .row .col.col-1 {
        max-width: none;
        margin-bottom: 40px; }
      .use-cases-ecosystem .row .col.col-2 {
        max-width: none;
        padding-right: 0;
        text-align: center; }
      .use-cases-ecosystem .row .text {
        padding: 0 calc(12.5% - 20px); }
      .use-cases-ecosystem .row .actions {
        padding: 0 calc(12.5% - 20px); } }

@media screen and (max-width: 414px) {
  .use-cases-ecosystem .row .actions {
    gap: 0; }
    .use-cases-ecosystem .row .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-ecosystem-banner {
  padding: 6.25%;
  position: relative; }
  .use-cases-ecosystem-banner.padding-top-none {
    padding-top: 0; }
  .use-cases-ecosystem-banner.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-ecosystem-banner.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-ecosystem-banner.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-ecosystem-banner {
      padding: 12.5%; }
      .use-cases-ecosystem-banner.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-ecosystem-banner.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-ecosystem-banner.padding-top-none {
    padding-top: 0; }
  .use-cases-ecosystem-banner.padding-top-large {
    padding-top: calc(6.25% + 165px); }
  .use-cases-ecosystem-banner.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-ecosystem-banner.padding-bottom-large {
    padding-bottom: calc(6.25% + 165px); }
  .use-cases-ecosystem-banner .ecosystem-banner-wrapper {
    border-top-right-radius: 154px;
    border-bottom-left-radius: 154px;
    padding: 72px 4.5vw;
    background: linear-gradient(#222222, #222222) padding-box, linear-gradient(to right, #5281e7, #765aea) border-box;
    border: 6px solid transparent; }
  .use-cases-ecosystem-banner .row {
    display: flex;
    gap: 40px; }
    .use-cases-ecosystem-banner .row .col {
      flex: 1; }
      .use-cases-ecosystem-banner .row .col.col-1 {
        max-width: 30%; }
      .use-cases-ecosystem-banner .row .col.col-2 {
        max-width: 70%; }
    .use-cases-ecosystem-banner .row .text {
      max-width: 330px; }
    .use-cases-ecosystem-banner .row .heading {
      color: white; }
      .use-cases-ecosystem-banner .row .heading + .description {
        margin-top: 20px; }
    .use-cases-ecosystem-banner .row .description {
      color: white; }
    .use-cases-ecosystem-banner .row .logo {
      width: auto;
      height: 36px;
      object-fit: contain; }
      .use-cases-ecosystem-banner .row .logo + .description {
        margin-top: 10px; }
    .use-cases-ecosystem-banner .row .items {
      display: flex;
      gap: 40px; }
      .use-cases-ecosystem-banner .row .items .item, .use-cases-ecosystem-banner .row .items .subnav .list .external-item, .subnav .list .use-cases-ecosystem-banner .row .items .external-item, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile {
        flex: 1;
        max-width: 50%;
        padding: 5px 0 10px 40px;
        border-left: 1px solid white; }
        .use-cases-ecosystem-banner .row .items .item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .external-item .actions, .subnav .list .use-cases-ecosystem-banner .row .items .external-item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile .actions {
          margin-top: 20px;
          display: flex;
          flex-wrap: wrap;
          gap: 10px; }

@media screen and (max-width: 1100px) {
  .use-cases-ecosystem-banner {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (max-width: 768px) {
  .use-cases-ecosystem-banner.padding-top-none {
    padding-top: 12.5%; }
  .use-cases-ecosystem-banner.padding-bottom-none {
    padding-bottom: 12.5%; }
  .use-cases-ecosystem-banner .ecosystem-banner-wrapper {
    padding: 100px 35px 125px; }
  .use-cases-ecosystem-banner .row {
    flex-direction: column;
    gap: 0; }
    .use-cases-ecosystem-banner .row .col.col-1 {
      max-width: none;
      margin-bottom: 40px; }
    .use-cases-ecosystem-banner .row .col.col-2 {
      max-width: none; }
    .use-cases-ecosystem-banner .row .items {
      flex-direction: column;
      gap: 0; }
      .use-cases-ecosystem-banner .row .items .item, .use-cases-ecosystem-banner .row .items .subnav .list .external-item, .subnav .list .use-cases-ecosystem-banner .row .items .external-item, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile {
        max-width: none;
        padding: 0;
        border: none; }
        .use-cases-ecosystem-banner .row .items .item:not(:last-child), .use-cases-ecosystem-banner .row .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-ecosystem-banner .row .items .external-item:not(:last-child), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading:not(:last-child), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile:not(:last-child) {
          margin-bottom: 50px; } }

@media screen and (max-width: 414px) {
  .use-cases-ecosystem-banner .row .items .item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .external-item .actions, .subnav .list .use-cases-ecosystem-banner .row .items .external-item .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading .actions, .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile .actions, .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile .actions {
    gap: 0; }
    .use-cases-ecosystem-banner .row .items .item .actions .Btn:nth-child(2), .use-cases-ecosystem-banner .row .items .subnav .list .external-item .actions .Btn:nth-child(2), .subnav .list .use-cases-ecosystem-banner .row .items .external-item .actions .Btn:nth-child(2), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading .actions .Btn:nth-child(2), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading .actions .Btn:nth-child(2), .use-cases-ecosystem-banner .row .items .subnav .list .item-list-heading-mobile .actions .Btn:nth-child(2), .subnav .list .use-cases-ecosystem-banner .row .items .item-list-heading-mobile .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-nft-garden {
  padding: 6.25%;
  position: relative;
  overflow: hidden; }
  .use-cases-nft-garden.padding-top-none {
    padding-top: 0; }
  .use-cases-nft-garden.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-nft-garden.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-nft-garden.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-nft-garden {
      padding: 12.5%; }
      .use-cases-nft-garden.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-nft-garden.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-nft-garden .row.row-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #222222; }
    .use-cases-nft-garden .row.row-top .text {
      max-width: 600px; }
      .use-cases-nft-garden .row.row-top .text .heading {
        color: #222222; }
    .use-cases-nft-garden .row.row-top .actions {
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      gap: 10px;
      margin-top: 20px; }
  .use-cases-nft-garden .items {
    display: flex;
    flex-wrap: nowrap;
    position: relative; }
    .use-cases-nft-garden .items .item, .use-cases-nft-garden .items .subnav .list .external-item, .subnav .list .use-cases-nft-garden .items .external-item, .use-cases-nft-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-nft-garden .items .item-list-heading, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile {
      display: flex;
      flex-direction: column;
      max-width: 276px; }
      .use-cases-nft-garden .items .item .nft, .use-cases-nft-garden .items .subnav .list .external-item .nft, .subnav .list .use-cases-nft-garden .items .external-item .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .nft {
        width: 276px;
        height: 359px;
        object-fit: contain; }
      .use-cases-nft-garden .items .item .row, .use-cases-nft-garden .items .subnav .list .external-item .row, .subnav .list .use-cases-nft-garden .items .external-item .row, .use-cases-nft-garden .items .subnav .list .item-list-heading .row, .subnav .list .use-cases-nft-garden .items .item-list-heading .row, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
        min-height: 32px; }
        .use-cases-nft-garden .items .item .row .heading, .use-cases-nft-garden .items .subnav .list .external-item .row .heading, .subnav .list .use-cases-nft-garden .items .external-item .row .heading, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .heading, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .heading, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .heading, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .heading {
          color: #222222;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: -0.5px;
          line-height: 20px; }
        .use-cases-nft-garden .items .item .row .social, .use-cases-nft-garden .items .subnav .list .external-item .row .social, .subnav .list .use-cases-nft-garden .items .external-item .row .social, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social {
          flex: 0 0 30px;
          border: 1px solid #222222;
          border-radius: 50%;
          width: 30px;
          height: 30px;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: background-color 0.1s ease-out; }
          .use-cases-nft-garden .items .item .row .social:hover, .use-cases-nft-garden .items .subnav .list .external-item .row .social:hover, .subnav .list .use-cases-nft-garden .items .external-item .row .social:hover, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social:hover, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social:hover, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social:hover, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social:hover {
            background-color: #222222; }
            .use-cases-nft-garden .items .item .row .social:hover .social-icon #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .external-item .row .social:hover .social-icon #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .external-item .row .social:hover .social-icon #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social:hover .social-icon #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social:hover .social-icon #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social:hover .social-icon #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social:hover .social-icon #NFT-LP---Desktop---1 {
              fill: #ffffff; }
          .use-cases-nft-garden .items .item .row .social .social-icon, .use-cases-nft-garden .items .subnav .list .external-item .row .social .social-icon, .subnav .list .use-cases-nft-garden .items .external-item .row .social .social-icon, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social .social-icon, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social .social-icon, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social .social-icon, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social .social-icon {
            width: 14px;
            height: auto; }
            .use-cases-nft-garden .items .item .row .social .social-icon svg, .use-cases-nft-garden .items .subnav .list .external-item .row .social .social-icon svg, .subnav .list .use-cases-nft-garden .items .external-item .row .social .social-icon svg, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social .social-icon svg, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social .social-icon svg, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social .social-icon svg, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social .social-icon svg {
              margin-top: 4px;
              width: 100%; }
              .use-cases-nft-garden .items .item .row .social .social-icon svg #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .external-item .row .social .social-icon svg #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .external-item .row .social .social-icon svg #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading .row .social .social-icon svg #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading .row .social .social-icon svg #NFT-LP---Desktop---1, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .row .social .social-icon svg #NFT-LP---Desktop---1, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .row .social .social-icon svg #NFT-LP---Desktop---1 {
                fill: #222222; }
  .use-cases-nft-garden .section .ecosystem-carousel {
    position: relative;
    margin-top: 50px; }
    .use-cases-nft-garden .section .ecosystem-carousel .slider-controls button {
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      transform: translateY(-50%);
      top: 50%;
      width: 80px;
      height: 80px;
      display: inline-block;
      background-color: transparent;
      border: none;
      cursor: pointer; }
      .use-cases-nft-garden .section .ecosystem-carousel .slider-controls button.swiper-button-disabled {
        display: none; }
      .use-cases-nft-garden .section .ecosystem-carousel .slider-controls button.next {
        right: 0;
        z-index: 10;
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg"); }
      .use-cases-nft-garden .section .ecosystem-carousel .slider-controls button.prev {
        left: 0;
        z-index: 5;
        background-image: url("/assets/images/ecosystem/HH-Eco-Icon-Carousel-Arro-R1.svg");
        -moz-transform: translateY(-50%) scaleX(-1);
        -o-transform: translateY(-50%) scaleX(-1);
        -webkit-transform: translateY(-50%) scaleX(-1);
        transform: translateY(-50%) scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; }
    .use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-next {
      -webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-next.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-prev {
      -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-prev.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .use-cases-nft-garden .section .ecosystem-carousel .swiper-wrapper {
      display: flex; }

@media screen and (max-width: 1100px) {
  .use-cases-nft-garden {
    padding: 12.5% 0;
    flex-direction: column; }
    .use-cases-nft-garden .row.row-top {
      flex-direction: column;
      margin-left: 12.5%;
      margin-right: 12.5%;
      margin-bottom: 0; }
      .use-cases-nft-garden .row.row-top .text {
        padding: 0; }
      .use-cases-nft-garden .row.row-top .actions {
        padding: 0;
        align-items: start;
        justify-content: start;
        flex-direction: row;
        margin-top: 20px; }
    .use-cases-nft-garden .items .item, .use-cases-nft-garden .items .subnav .list .external-item, .subnav .list .use-cases-nft-garden .items .external-item, .use-cases-nft-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-nft-garden .items .item-list-heading, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile {
      max-width: 246px; }
      .use-cases-nft-garden .items .item .nft, .use-cases-nft-garden .items .subnav .list .external-item .nft, .subnav .list .use-cases-nft-garden .items .external-item .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading .nft, .use-cases-nft-garden .items .subnav .list .item-list-heading-mobile .nft, .subnav .list .use-cases-nft-garden .items .item-list-heading-mobile .nft {
        width: 246px;
        height: 320px;
        object-fit: contain; }
    .use-cases-nft-garden .section .text-wrapper {
      width: 100%; }
    .use-cases-nft-garden .section .ecosystem-carousel {
      float: none;
      width: auto;
      overflow: hidden; }
      .use-cases-nft-garden .section .ecosystem-carousel .slider-controls {
        display: none; }
      .use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-next {
        -webkit-mask-image: -webkit-linear-gradient(left, black 80%, rgba(0, 0, 0, 0) 99%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, black 80%, rgba(0, 0, 0, 0) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .use-cases-nft-garden .section .ecosystem-carousel .fade-wrapper-prev {
        -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 20%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 20%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 0 12.5%;
        transition: 0.25s padding ease-out; }
      .use-cases-nft-garden .section .ecosystem-carousel .swiper {
        overflow: visible; } }

@media screen and (max-width: 768px) {
  .use-cases-nft-garden .row.row-top {
    flex-direction: column;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0; }
    .use-cases-nft-garden .row.row-top .actions {
      flex-direction: row;
      justify-content: start; } }

@media screen and (max-width: 414px) {
  .use-cases-nft-garden .row.row-top .actions {
    gap: 0; }
    .use-cases-nft-garden .row.row-top .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.use-cases-logo-garden {
  padding: 6.25%;
  position: relative; }
  .use-cases-logo-garden.padding-top-none {
    padding-top: 0; }
  .use-cases-logo-garden.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-logo-garden.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-logo-garden.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-logo-garden {
      padding: 12.5%; }
      .use-cases-logo-garden.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-logo-garden.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-logo-garden .items {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 40px; }
    .use-cases-logo-garden .items .item, .use-cases-logo-garden .items .subnav .list .external-item, .subnav .list .use-cases-logo-garden .items .external-item, .use-cases-logo-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-logo-garden .items .item-list-heading, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile {
      display: flex; }
      .use-cases-logo-garden .items .item .logo, .use-cases-logo-garden .items .subnav .list .external-item .logo, .subnav .list .use-cases-logo-garden .items .external-item .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile .logo {
        height: auto;
        width: auto;
        max-height: 185px;
        max-width: 100%;
        object-position: center;
        object-fit: contain; }

@media screen and (max-width: 1100px) {
  .use-cases-logo-garden .items {
    flex-wrap: wrap;
    align-items: center; }
    .use-cases-logo-garden .items .item, .use-cases-logo-garden .items .subnav .list .external-item, .subnav .list .use-cases-logo-garden .items .external-item, .use-cases-logo-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-logo-garden .items .item-list-heading, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile {
      width: calc(50% - 40px); }
      .use-cases-logo-garden .items .item .logo, .use-cases-logo-garden .items .subnav .list .external-item .logo, .subnav .list .use-cases-logo-garden .items .external-item .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading .logo, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile .logo, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile .logo {
        margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .use-cases-logo-garden.padding-top-none {
    padding-top: 12.5%; }
  .use-cases-logo-garden.padding-bottom-none {
    padding-bottom: 12.5%; }
  .use-cases-logo-garden .items {
    flex-direction: column;
    gap: 0; }
    .use-cases-logo-garden .items .item, .use-cases-logo-garden .items .subnav .list .external-item, .subnav .list .use-cases-logo-garden .items .external-item, .use-cases-logo-garden .items .subnav .list .item-list-heading, .subnav .list .use-cases-logo-garden .items .item-list-heading, .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile {
      width: auto; }
      .use-cases-logo-garden .items .item:not(:last-child), .use-cases-logo-garden .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-logo-garden .items .external-item:not(:last-child), .use-cases-logo-garden .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-logo-garden .items .item-list-heading:not(:last-child), .use-cases-logo-garden .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-logo-garden .items .item-list-heading-mobile:not(:last-child) {
        margin-bottom: 60px; } }

.use-cases-multi-block-background {
  overflow: hidden;
  position: relative; }
  .use-cases-multi-block-background .bgImage {
    position: absolute;
    width: 101%;
    height: 101%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .use-cases-multi-block-background svg {
    width: 100%;
    height: 100%; }
    .use-cases-multi-block-background svg path, .use-cases-multi-block-background svg polygon, .use-cases-multi-block-background svg polyline, .use-cases-multi-block-background svg line {
      vector-effect: non-scaling-stroke; }

@media screen and (max-width: 1100px) {
  .use-cases-multi-block-background .bgImage {
    top: 0;
    transform: translate(-50%, 0); } }

.use-cases-venn-diagram {
  padding: 6.25%;
  position: relative;
  overflow: hidden;
  gap: clamp(40px, 5.5vw, 95px);
  display: flex;
  flex-wrap: nowrap; }
  .use-cases-venn-diagram.padding-top-none {
    padding-top: 0; }
  .use-cases-venn-diagram.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-venn-diagram.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-venn-diagram.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-venn-diagram {
      padding: 12.5%; }
      .use-cases-venn-diagram.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-venn-diagram.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-venn-diagram > .text {
    flex: 0 0 31%;
    color: #222222; }
    .use-cases-venn-diagram > .text > .description {
      margin-top: 20px; }
      .use-cases-venn-diagram > .text > .description a {
        color: #2D84EB; }
    .use-cases-venn-diagram > .text > .actions {
      margin-top: 40px; }
  .use-cases-venn-diagram .diagram {
    flex: 1;
    display: grid;
    grid-template-columns: 260px 1fr 260px;
    margin-top: 35px;
    background-color: white;
    border-radius: 0px 80px 0px 80px; }
    .use-cases-venn-diagram .diagram .heading {
      height: 0;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 19px;
      text-align: center;
      transform: translateY(-35px); }
    .use-cases-venn-diagram .diagram .col {
      display: flex;
      flex-direction: column; }
      .use-cases-venn-diagram .diagram .col .items-wrapper-outer {
        display: flex;
        flex: 1;
        align-items: center; }
        .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner {
          margin: -10px;
          flex: 1;
          justify-content: center;
          display: flex; }
          .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items {
            padding: 125px clamp(25px, 3vw, 50px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start; }
            .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .item, .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .subnav .list .external-item, .subnav .list .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .external-item, .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .subnav .list .item-list-heading, .subnav .list .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .item-list-heading, .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .item-list-heading-mobile {
              text-align: left;
              color: #222222;
              font-size: 24px;
              letter-spacing: -1.5px;
              line-height: 28px;
              max-width: max-content; }
              .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .item:not(:last-child), .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .external-item:not(:last-child), .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .item-list-heading:not(:last-child), .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items .item-list-heading-mobile:not(:last-child) {
                margin-bottom: 35px; }
      .use-cases-venn-diagram .diagram .col.col-1 .items-wrapper-outer {
        border-bottom-left-radius: 80px;
        border: 10px solid #2D84EB;
        border-right: none; }
      .use-cases-venn-diagram .diagram .col.col-2 .items-wrapper-outer {
        border-top-right-radius: 80px;
        border: 10px solid #2D84EB;
        border-left: none; }
        .use-cases-venn-diagram .diagram .col.col-2 .items-wrapper-outer .items-wrapper-inner {
          border-bottom-left-radius: 80px;
          border: 10px solid #3EC878;
          border-right: none; }
      .use-cases-venn-diagram .diagram .col.col-3 .items-wrapper-outer {
        border-top-right-radius: 80px;
        border: 10px solid #3EC878;
        border-left: none; }

@media screen and (max-width: 1350px) {
  .use-cases-venn-diagram .diagram {
    grid-template-columns: 1fr; }
    .use-cases-venn-diagram .diagram .col.col-1 .items-wrapper-outer {
      border: 10px solid #2D84EB;
      border-bottom: none;
      border-bottom-left-radius: 0;
      border-top-right-radius: 80px; }
    .use-cases-venn-diagram .diagram .col.col-2 .heading {
      display: none; }
    .use-cases-venn-diagram .diagram .col.col-2 .items-wrapper-outer {
      border: 10px solid #2D84EB;
      border-top-right-radius: 0;
      border-bottom-left-radius: 80px;
      border-top: none; }
      .use-cases-venn-diagram .diagram .col.col-2 .items-wrapper-outer .items-wrapper-inner {
        border-bottom-left-radius: 0;
        border-top-right-radius: 80px;
        border: 10px solid #3EC878;
        border-bottom: none; }
    .use-cases-venn-diagram .diagram .col.col-3 .heading {
      order: 1;
      transform: translateY(-20px); }
    .use-cases-venn-diagram .diagram .col.col-3 .items-wrapper-outer {
      order: 0;
      border: 10px solid #3EC878;
      border-top-right-radius: 0;
      border-bottom-left-radius: 80px;
      border-top: none;
      margin-bottom: 35px; } }

@media screen and (max-width: 1100px) {
  .use-cases-venn-diagram {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column; }
    .use-cases-venn-diagram .diagram .col .items-wrapper-outer .items-wrapper-inner .items {
      padding: 40px 75px 50px;
      flex: 1; }
    .use-cases-venn-diagram .diagram .col.col-1 .items-wrapper-outer .items-wrapper-inner {
      margin: 0; }
    .use-cases-venn-diagram .diagram .col.col-2 .items-wrapper-outer .items-wrapper-inner {
      margin-top: 0; }
      .use-cases-venn-diagram .diagram .col.col-2 .items-wrapper-outer .items-wrapper-inner .items {
        padding-bottom: 60px; }
    .use-cases-venn-diagram .diagram .col.col-3 .items-wrapper-outer .items-wrapper-inner {
      margin: 0; } }

.partners {
  background-color: #ffffff;
  position: relative;
  z-index: 1; }
  .partners .use-cases-hero .featured-image-wrapper {
    mix-blend-mode: luminosity; }
  .partners .partner-program-modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .partners .partner-program-modal > .bg {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.01;
      -moz-transition: opacity 200ms ease-in-out;
      -o-transition: opacity 200ms ease-in-out;
      -webkit-transition: opacity 200ms ease-in-out;
      transition: opacity 200ms ease-in-out;
      background-color: rgba(34, 34, 34, 0.8); }
    .partners .partner-program-modal > .internal {
      max-width: 830px;
      margin: auto;
      position: relative;
      background-color: #f9f9f9;
      overflow: auto;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
      overflow: hidden; }
      .partners .partner-program-modal > .internal .bgImage {
        position: absolute;
        width: 101%;
        height: 101%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .partners .partner-program-modal > .internal svg {
        width: 100%;
        height: 100%; }
        .partners .partner-program-modal > .internal svg path, .partners .partner-program-modal > .internal svg polygon, .partners .partner-program-modal > .internal svg polyline, .partners .partner-program-modal > .internal svg line {
          vector-effect: non-scaling-stroke; }
      .partners .partner-program-modal > .internal > a {
        text-decoration: none;
        color: #222222; }
      .partners .partner-program-modal > .internal .content > .padding {
        padding: 0; }
      .partners .partner-program-modal > .internal .close {
        width: 32px;
        height: 32px;
        position: absolute;
        color: #222222;
        right: 16px;
        top: 16px;
        cursor: pointer;
        text-align: center;
        display: block;
        font-size: 32px;
        font-weight: 200;
        line-height: 32px; }
        @media (min-width: 1024px) {
          .partners .partner-program-modal > .internal .close {
            color: #b8b8b8;
            right: 32px;
            top: 32px; } }
        .partners .partner-program-modal > .internal .close:hover {
          color: #464646; }
      @media (min-width: 1024px) {
        .partners .partner-program-modal > .internal {
          display: flex;
          margin: auto; }
          .partners .partner-program-modal > .internal > a {
            display: flex; }
          .partners .partner-program-modal > .internal .content {
            width: 100%;
            box-sizing: border-box; } }
    .partners .partner-program-modal.is-open {
      display: flex;
      justify-content: center;
      align-items: start; }
      @media (min-height: 700px) {
        .partners .partner-program-modal.is-open {
          align-items: center; } }
      .partners .partner-program-modal.is-open > .bg {
        opacity: 1; }

.partners-explore .ecosystem-filter-section .filter-label {
  position: relative; }
  .partners-explore .ecosystem-filter-section .filter-label::before {
    content: '';
    display: inline-block;
    margin: -3px 0;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    background-image: url("/assets/images/partner-icons/type-icon-black.svg"); }
  .partners-explore .ecosystem-filter-section .filter-label.industry::before {
    background-image: url("/assets/images/partner-icons/industry-icon-black.svg"); }
  .partners-explore .ecosystem-filter-section .filter-label.office::before {
    background-image: url("/assets/images/partner-icons/office-icon-black.svg"); }

.partners-explore .tag[data-value="advisory-consulting-partner"] {
  background-color: #2D84EB;
  border-color: #2D84EB;
  color: white; }

.partners-explore .tag[data-value="enterprise-application-provider"] {
  background-color: #8259ef;
  border-color: #8259ef;
  color: white; }

.partners-explore .tag[data-value="technology-implementation-partner"] {
  background-color: #3EC878;
  border-color: #3EC878;
  color: white; }

.partners-explore .tag:hover, .partners-explore .tag.selected {
  background: none;
  border: 1px solid;
  padding: 2px 10px;
  background-color: #222222;
  border-color: #222222;
  color: white; }
  .partners-explore .tag:hover[data-value="advisory-consulting-partner"], .partners-explore .tag.selected[data-value="advisory-consulting-partner"] {
    background: none;
    border: 1px solid;
    padding: 2px 10px;
    background-color: white;
    border-color: #2D84EB;
    color: #2D84EB; }
  .partners-explore .tag:hover[data-value="enterprise-application-provider"], .partners-explore .tag.selected[data-value="enterprise-application-provider"] {
    background: none;
    border: 1px solid;
    padding: 2px 10px;
    background-color: white;
    border-color: #8259ef;
    color: #8259ef; }
  .partners-explore .tag:hover[data-value="technology-implementation-partner"], .partners-explore .tag.selected[data-value="technology-implementation-partner"] {
    background: none;
    border: 1px solid;
    padding: 2px 10px;
    background-color: white;
    border-color: #3EC878;
    color: #3EC878; }

.partners-explore .card-container .partner-tags.partner-tags-type {
  flex-wrap: nowrap;
  min-height: 26px;
  padding-bottom: 20px;
  align-items: center; }

.partners-explore .card-container .partner-tags.partner-tags-industry {
  padding: 20px 0 0 0; }

.partners-explore .card-container .partner-tags.partner-tags-office {
  padding: 20px 0 0 0; }

.partners-explore .card-container .partner-tags.partner-tags-has-global .tag:not([data-value="global"]) {
  display: none; }

.partners-explore .card-container .partner-tags .partner-icon {
  content: '';
  display: block;
  margin: -2px 0;
  height: 18px;
  width: 18px;
  padding-right: 5px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  background-image: url("/assets/images/partner-icons/type-icon-black.svg"); }

.partners-explore .card-container.advisory-consulting-partner .partner-tags.partner-tags-type .partner-icon {
  background-image: url("/assets/images/partner-icons/type-icon-blue.svg"); }

.partners-explore .card-container.advisory-consulting-partner .partner-tags.partner-tags-industry .partner-icon {
  background-image: url("/assets/images/partner-icons/industry-icon-blue.svg"); }

.partners-explore .card-container.advisory-consulting-partner .partner-tags.partner-tags-office .partner-icon {
  background-image: url("/assets/images/partner-icons/office-icon-blue.svg"); }

.partners-explore .card-container.enterprise-application-provider .partner-tags.partner-tags-type .partner-icon {
  background-image: url("/assets/images/partner-icons/type-icon-purple.svg"); }

.partners-explore .card-container.enterprise-application-provider .partner-tags.partner-tags-industry .partner-icon {
  background-image: url("/assets/images/partner-icons/industry-icon-purple.svg"); }

.partners-explore .card-container.enterprise-application-provider .partner-tags.partner-tags-office .partner-icon {
  background-image: url("/assets/images/partner-icons/office-icon-purple.svg"); }

.partners-explore .card-container.technology-implementation-partner .partner-tags.partner-tags-type .partner-icon {
  background-image: url("/assets/images/partner-icons/type-icon-green.svg"); }

.partners-explore .card-container.technology-implementation-partner .partner-tags.partner-tags-industry .partner-icon {
  background-image: url("/assets/images/partner-icons/industry-icon-green.svg"); }

.partners-explore .card-container.technology-implementation-partner .partner-tags.partner-tags-office .partner-icon {
  background-image: url("/assets/images/partner-icons/office-icon-green.svg"); }

.partners-explore .card-container .content {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .partners-explore .card-container .content .divider {
    margin: 0;
    background-color: #EAEAEA; }
  .partners-explore .card-container .content .lowerCard {
    flex: 1;
    align-content: end; }

.use-cases-rounded-banner {
  padding: 6.25%;
  margin: auto;
  position: relative;
  z-index: 1; }
  .use-cases-rounded-banner.padding-top-none {
    padding-top: 0; }
  .use-cases-rounded-banner.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .use-cases-rounded-banner.padding-bottom-none {
    padding-bottom: 0; }
  .use-cases-rounded-banner.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .use-cases-rounded-banner {
      padding: 12.5%; }
      .use-cases-rounded-banner.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .use-cases-rounded-banner.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .use-cases-rounded-banner .rounded-banner-wrapper {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    padding: 70px 135px 70px 140px; }
    .use-cases-rounded-banner .rounded-banner-wrapper .metrics-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0);
      z-index: -1; }
      .use-cases-rounded-banner .rounded-banner-wrapper .metrics-bg .bgImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute; }
      .use-cases-rounded-banner .rounded-banner-wrapper .metrics-bg .bgImageMobile {
        display: none; }
    .use-cases-rounded-banner .rounded-banner-wrapper .items {
      display: flex;
      position: relative;
      justify-content: space-between; }
      .use-cases-rounded-banner .rounded-banner-wrapper .items .item, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile {
        display: flex;
        flex-direction: column;
        flex: 1;
        position: relative; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .icon {
          mix-blend-mode: color-dodge;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%); }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .metric {
          font-size: 72px;
          letter-spacing: -4.5px;
          line-height: 86px;
          -webkit-text-stroke: 2px white;
          color: transparent;
          text-align: center; }
          .use-cases-rounded-banner .rounded-banner-wrapper .items .item .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .metric + .description {
            margin-top: 14px; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .description {
          font-size: 16px;
          font-weight: 300;
          letter-spacing: 0;
          line-height: 20px;
          color: white;
          text-align: center; }
          .use-cases-rounded-banner .rounded-banner-wrapper .items .item .description strong, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .description strong, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .description strong, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .description strong, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .description strong, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .description strong, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .description strong {
            font-weight: bold; }

@media screen and (max-width: 1240px) {
  .use-cases-rounded-banner .rounded-banner-wrapper {
    padding: 70px; } }

@media screen and (max-width: 1100px) {
  .use-cases-rounded-banner {
    padding-left: 20px;
    padding-right: 20px; }
    .use-cases-rounded-banner .rounded-banner-wrapper .items .item .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .icon {
      max-width: 20vw; }
    .use-cases-rounded-banner .rounded-banner-wrapper .items .item .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .metric {
      font-size: 6.5vw;
      line-height: 7.8vw; }
      .use-cases-rounded-banner .rounded-banner-wrapper .items .item .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .metric + .description {
        margin-top: 1.3vw; }
    .use-cases-rounded-banner .rounded-banner-wrapper .items .item .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .description {
      font-size: 1.45vw;
      line-height: 1.8vw; } }

@media screen and (max-width: 768px) {
  .use-cases-rounded-banner .rounded-banner-wrapper {
    padding: 135px 54px 155px 54px; }
    .use-cases-rounded-banner .rounded-banner-wrapper .metrics-bg .bgImageHasMobile {
      display: none; }
    .use-cases-rounded-banner .rounded-banner-wrapper .metrics-bg .bgImageMobile {
      display: block; }
    .use-cases-rounded-banner .rounded-banner-wrapper .items {
      flex-direction: column;
      row-gap: 0; }
      .use-cases-rounded-banner .rounded-banner-wrapper .items .item, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile {
        max-width: none; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item:not(:last-child), .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item:not(:last-child), .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item:not(:last-child), .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading:not(:last-child), .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading:not(:last-child), .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile:not(:last-child), .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile:not(:last-child) {
          margin-bottom: 100px; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item:has(.icon), .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item:has(.icon), .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item:has(.icon), .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading:has(.icon), .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading:has(.icon), .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile:has(.icon), .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile:has(.icon) {
          min-height: 220px; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .icon, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .icon, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .icon {
          max-width: none;
          object-fit: contain; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .metric, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .metric, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .metric {
          font-size: 52px;
          letter-spacing: -3.25px;
          line-height: 62px; }
          .use-cases-rounded-banner .rounded-banner-wrapper .items .item .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .metric + .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .metric + .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .metric + .description {
            margin-top: 9px; }
        .use-cases-rounded-banner .rounded-banner-wrapper .items .item .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .external-item .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .external-item .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading .description, .use-cases-rounded-banner .rounded-banner-wrapper .items .subnav .list .item-list-heading-mobile .description, .subnav .list .use-cases-rounded-banner .rounded-banner-wrapper .items .item-list-heading-mobile .description {
          font-size: 16px;
          letter-spacing: 0;
          line-height: 19px; } }

.video-section .tabs .options {
  margin: 0 0 15px;
  list-style: none;
  display: flex; }
  .video-section .tabs .options .option {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 18px;
    color: #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 15px;
    cursor: pointer;
    transition: color 300ms; }
    .video-section .tabs .options .option .title {
      margin-right: 10px; }
    .video-section .tabs .options .option:hover {
      color: #222222; }
    .video-section .tabs .options .option.react-tabs__tab--selected {
      color: #222222;
      border-bottom: 2px solid #2D84EB !important;
      border-top: none;
      border-right: none; }
      .video-section .tabs .options .option.react-tabs__tab--selected h2 {
        font-weight: normal !important; }

.video-section .video-section-player {
  aspect-ratio: 16/9; }

@media screen and (max-width: 1500px) {
  .video-section .tabs .options {
    flex-direction: column;
    margin-bottom: 40px; }
    .video-section .tabs .options .option {
      border: none;
      position: relative;
      padding: 10px 28px 10px 20px; }
      .video-section .tabs .options .option.react-tabs__tab--selected {
        border: none !important; }
        .video-section .tabs .options .option.react-tabs__tab--selected::before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 17px;
          border-radius: 3.5px;
          height: 7px;
          width: 7px;
          background: #ACD534; } }

@media (min-width: 1501px) {
  .options.items {
    display: flex;
    justify-content: space-between;
    padding: 0; }
  .video-section .tabs .options .option .title {
    margin-right: 10px; } }

.nft-ecosystem-metric-and-graph {
  padding: 6.25%;
  padding-right: calc(6.25% - 45px);
  position: relative;
  overflow: hidden; }
  .nft-ecosystem-metric-and-graph.padding-top-none {
    padding-top: 0; }
  .nft-ecosystem-metric-and-graph.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .nft-ecosystem-metric-and-graph.padding-bottom-none {
    padding-bottom: 0; }
  .nft-ecosystem-metric-and-graph.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .nft-ecosystem-metric-and-graph {
      padding: 12.5%; }
      .nft-ecosystem-metric-and-graph.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .nft-ecosystem-metric-and-graph.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .nft-ecosystem-metric-and-graph.padding-top-none {
    padding-top: 0; }
  .nft-ecosystem-metric-and-graph.padding-bottom-none {
    padding-bottom: 0; }
  .nft-ecosystem-metric-and-graph .row {
    display: grid;
    grid-template-columns: 33% minmax(0, 1fr);
    gap: 40px; }
    .nft-ecosystem-metric-and-graph .row .col.col-1 {
      display: flex;
      justify-content: center;
      align-items: center; }
    .nft-ecosystem-metric-and-graph .row .col .text > .heading {
      color: #222222;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 19px;
      text-align: center; }
    .nft-ecosystem-metric-and-graph .row .col .text > .metric {
      color: #222222;
      font-size: clamp(44px, 4vw, 74px);
      letter-spacing: clamp(-4.96px, 4vw, -1.95px);
      line-height: clamp(53px, 4vw, 89px);
      text-align: center; }
    .nft-ecosystem-metric-and-graph .row .graph-wrapper {
      position: relative; }
      .nft-ecosystem-metric-and-graph .row .graph-wrapper.has-overflow::before {
        content: '';
        opacity: 1;
        transition: opacity 0.3s ease;
        width: 22%;
        max-width: 120px;
        height: var(--height);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, #f9f9f9 85px);
        z-index: 1;
        pointer-events: none; }
      .nft-ecosystem-metric-and-graph .row .graph-wrapper.has-overflow.scrollbar-start::before {
        opacity: 0; }
      .nft-ecosystem-metric-and-graph .row .graph-wrapper.has-overflow::after {
        content: '';
        opacity: 1;
        transition: opacity 0.3s ease;
        width: 22%;
        max-width: 120px;
        height: var(--height);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, #f9f9f9 85px);
        pointer-events: none; }
      .nft-ecosystem-metric-and-graph .row .graph-wrapper.has-overflow.scrollbar-end::after {
        opacity: 0; }
    .nft-ecosystem-metric-and-graph .row .graph {
      overflow-x: auto;
      min-height: 386px;
      scrollbar-color: #3EC878 #f9f9f9; }
      .nft-ecosystem-metric-and-graph .row .graph::-webkit-scrollbar {
        background-color: #f9f9f9;
        width: 12px; }
      .nft-ecosystem-metric-and-graph .row .graph::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #3EC878;
        border: 4px solid #f9f9f9; }
    .nft-ecosystem-metric-and-graph .row .unit-switch {
      display: flex;
      justify-content: center;
      line-height: .9;
      gap: 10px;
      margin-top: 20px; }
      .nft-ecosystem-metric-and-graph .row .unit-switch .unit-switch-label {
        color: #222222; }
    .nft-ecosystem-metric-and-graph .row .switch {
      position: relative;
      display: inline-block;
      width: 26px;
      height: 15px; }
      .nft-ecosystem-metric-and-graph .row .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 8px;
        border: 1px solid #8C8C8C; }
        .nft-ecosystem-metric-and-graph .row .switch .slider:before {
          position: absolute;
          content: "";
          height: 9px;
          width: 9px;
          left: 2px;
          bottom: 2px;
          background-color: #3EC878;
          -webkit-transition: .4s;
          transition: .4s;
          border-radius: 50%; }
      .nft-ecosystem-metric-and-graph .row .switch input {
        opacity: 0;
        width: 0;
        height: 0; }
        .nft-ecosystem-metric-and-graph .row .switch input:checked + .slider {
          background-color: #ffffff; }
          .nft-ecosystem-metric-and-graph .row .switch input:checked + .slider:before {
            -webkit-transform: translateX(11px);
            -ms-transform: translateX(11px);
            transform: translateX(11px); }
        .nft-ecosystem-metric-and-graph .row .switch input:focus + .slider {
          box-shadow: 0 0 1px #3EC878; }

@media screen and (max-width: 1100px) {
  .nft-ecosystem-metric-and-graph {
    padding-left: 0;
    padding-right: 0; }
    .nft-ecosystem-metric-and-graph.padding-top-none {
      padding-top: 12.5%; }
    .nft-ecosystem-metric-and-graph.padding-bottom-none {
      padding-top: 12.5%; }
    .nft-ecosystem-metric-and-graph .row {
      grid-template-columns: minmax(0, 1fr);
      gap: 0; }
      .nft-ecosystem-metric-and-graph .row .col.col-1 {
        padding: 0 12.5%; }
      .nft-ecosystem-metric-and-graph .row .col.col-2 {
        padding-top: 55px; }
      .nft-ecosystem-metric-and-graph .row .col .text > .metric {
        font-size: 44px;
        letter-spacing: -2.95px;
        line-height: 53px; }
      .nft-ecosystem-metric-and-graph .row .graph {
        padding: 0 20px; }
        .nft-ecosystem-metric-and-graph .row .graph > div {
          width: 1170px; } }

.nft-ecosystem-section-graph {
  padding: 6.25%;
  position: relative;
  overflow: hidden;
  background-color: #222222; }
  .nft-ecosystem-section-graph.padding-top-none {
    padding-top: 0; }
  .nft-ecosystem-section-graph.padding-top-overlap {
    padding-top: calc(6.25% + 165px); }
  .nft-ecosystem-section-graph.padding-bottom-none {
    padding-bottom: 0; }
  .nft-ecosystem-section-graph.padding-bottom-overlap {
    padding-bottom: calc(6.25% + 165px); }
  @media screen and (max-width: 1100px) {
    .nft-ecosystem-section-graph {
      padding: 12.5%; }
      .nft-ecosystem-section-graph.padding-top-overlap {
        padding-top: calc(12.5% + 165px); }
      .nft-ecosystem-section-graph.padding-bottom-overlap {
        padding-bottom: calc(12.5% + 165px); } }
  .nft-ecosystem-section-graph::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100vw;
    height: 2px;
    background-color: #222222; }
  .nft-ecosystem-section-graph::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    background-color: #222222;
    border: 3px solid #222222; }

@keyframes descriptionFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }

@keyframes descriptionFadeIn {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
  .nft-ecosystem-section-graph:not(.padding-right-default) {
    padding-right: calc(6.25% - 45px); }
  .nft-ecosystem-section-graph.padding-top-none {
    padding-top: 0; }
  .nft-ecosystem-section-graph.padding-top-small {
    padding-top: 60px; }
  .nft-ecosystem-section-graph.padding-bottom-none {
    padding-bottom: 0; }
  .nft-ecosystem-section-graph.padding-bottom-small {
    padding-bottom: 60px; }
  .nft-ecosystem-section-graph .for-mobile {
    display: none; }
  .nft-ecosystem-section-graph .row {
    display: grid;
    grid-template-columns: 33% minmax(0, 1fr);
    gap: 40px; }
    .nft-ecosystem-section-graph .row:not(:first-child) {
      padding-top: 130px; }
    .nft-ecosystem-section-graph .row.border-bottom {
      padding-bottom: 60px; }
      .nft-ecosystem-section-graph .row.border-bottom::after {
        content: '';
        position: absolute;
        height: 1px;
        width: calc(100% - 12.5vw);
        bottom: 0;
        background-color: white;
        z-index: 1; }
    .nft-ecosystem-section-graph .row.row-graph {
      display: block; }
      .nft-ecosystem-section-graph .row.row-graph:not(:first-child) {
        padding-top: 130px; }
      .nft-ecosystem-section-graph .row.row-graph .subheading {
        text-align: center; }
    .nft-ecosystem-section-graph .row .col .subheading {
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -0.5px;
      line-height: 20px;
      color: white;
      text-transform: uppercase; }
    .nft-ecosystem-section-graph .row .col .text.first-loop {
      z-index: 1; }
    .nft-ecosystem-section-graph .row .col .text.not-first-loop {
      display: flex;
      justify-content: center; }
    .nft-ecosystem-section-graph .row .col .text .section-headings {
      width: 100%; }
      .nft-ecosystem-section-graph .row .col .text .section-headings > .heading {
        color: white;
        font-size: 36px;
        letter-spacing: -1.5px;
        margin-bottom: 30px; }
      .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector {
        padding-bottom: 60px; }
        .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector.description-follows {
          padding-bottom: 20px; }
          .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector.description-follows:has(.custom-select:last-child) {
            padding-bottom: 60px; }
        .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector .custom-select {
          margin-top: 60px; }
        .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector .subheading:last-child {
          margin-top: 60px; }
    .nft-ecosystem-section-graph .row .col .text > .description {
      color: white;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px;
      width: 100%;
      animation-name: descriptionFadeIn;
      animation-duration: 0.5s;
      animation-fill-mode: forwards; }
      .nft-ecosystem-section-graph .row .col .text > .description + .description {
        margin-top: 20px; }
      .nft-ecosystem-section-graph .row .col .text > .description.disabled {
        animation-name: descriptionFadeOut;
        animation-duration: 0.5s; }
    .nft-ecosystem-section-graph .row .col .text .custom-select {
      position: relative;
      width: 245px; }
      .nft-ecosystem-section-graph .row .col .text .custom-select select {
        display: none; }
      .nft-ecosystem-section-graph .row .col .text .custom-select .select-styled {
        font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 19px;
        background-color: #222222;
        border: 1px solid white;
        color: white;
        padding: 4px 10px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .nft-ecosystem-section-graph .row .col .text .custom-select .select-arrow {
        position: absolute;
        top: 50%;
        right: 10px;
        /* Adjust arrow position */
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: white transparent transparent transparent; }
        .nft-ecosystem-section-graph .row .col .text .custom-select .select-arrow.up-arrow {
          border-width: 0 5px 5px 5px;
          border-color: transparent transparent white transparent; }
      .nft-ecosystem-section-graph .row .col .text .custom-select .select-options {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        background-color: #464646;
        color: white;
        z-index: 1;
        max-height: 276px;
        overflow-y: auto; }
        .nft-ecosystem-section-graph .row .col .text .custom-select .select-options li {
          padding: 4px 10px;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          .nft-ecosystem-section-graph .row .col .text .custom-select .select-options li:hover {
            background-color: white;
            color: #464646; }
    .nft-ecosystem-section-graph .row .graph-wrapper {
      position: relative; }
      .nft-ecosystem-section-graph .row .graph-wrapper.has-overflow::before {
        content: '';
        opacity: 1;
        transition: opacity 0.3s ease;
        width: 22%;
        max-width: 120px;
        height: var(--height);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, #222222 85px);
        z-index: 1;
        pointer-events: none; }
      .nft-ecosystem-section-graph .row .graph-wrapper.has-overflow.scrollbar-start::before {
        opacity: 0; }
      .nft-ecosystem-section-graph .row .graph-wrapper.has-overflow::after {
        content: '';
        opacity: 1;
        transition: opacity 0.3s ease;
        width: 22%;
        max-width: 120px;
        height: var(--height);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, #222222 85px);
        pointer-events: none; }
      .nft-ecosystem-section-graph .row .graph-wrapper.has-overflow.scrollbar-end::after {
        opacity: 0; }
    .nft-ecosystem-section-graph .row .graph {
      overflow-x: auto;
      min-height: 386px;
      transition: background-color 0.5s ease;
      position: relative;
      scrollbar-color: #3EC878 #222222; }
      .nft-ecosystem-section-graph .row .graph::-webkit-scrollbar {
        background-color: #222222;
        width: 12px; }
      .nft-ecosystem-section-graph .row .graph::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #3EC878;
        border: 4px solid #222222; }
      .nft-ecosystem-section-graph .row .graph[data-spec="cohort"] > div {
        min-width: 1000px; }
      .nft-ecosystem-section-graph .row .graph > div {
        overflow-y: hidden; }

@media screen and (max-width: 1100px) {
  .nft-ecosystem-section-graph {
    padding-top: 94px;
    padding-left: 0;
    padding-right: 0; }
    .nft-ecosystem-section-graph.padding-top-small {
      padding-top: 40px; }
    .nft-ecosystem-section-graph.padding-bottom-small {
      padding-bottom: 40px; }
    .nft-ecosystem-section-graph .for-desktop {
      display: none; }
    .nft-ecosystem-section-graph .for-mobile {
      display: block; }
    .nft-ecosystem-section-graph .row {
      grid-template-columns: minmax(0, 1fr);
      gap: 0; }
      .nft-ecosystem-section-graph .row:not(:first-child) {
        padding-top: 0; }
      .nft-ecosystem-section-graph .row.row-graph {
        padding-top: 90px; }
        .nft-ecosystem-section-graph .row.row-graph .description {
          color: white;
          font-size: 15px;
          letter-spacing: 0;
          line-height: 24px;
          padding: 0 12.5%;
          margin-top: 20px; }
      .nft-ecosystem-section-graph .row.border-bottom {
        padding-bottom: 40px; }
        .nft-ecosystem-section-graph .row.border-bottom::after {
          width: calc(100% - 25vw);
          left: 12.5vw; }
      .nft-ecosystem-section-graph .row .col.col-1 {
        padding: 0 12.5%; }
      .nft-ecosystem-section-graph .row .col.col-2 .subheading {
        padding: 0 12.5%; }
      .nft-ecosystem-section-graph .row .col .text .section-headings > .heading {
        font-size: 22px;
        letter-spacing: -0.92px; }
      .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector.description-follows:has(.custom-select:last-child) {
        padding-bottom: 40px; }
      .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector.description-follows.description-follows-desktop {
        padding-bottom: 0; }
        .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector.description-follows.description-follows-desktop:has(.custom-select:last-child) {
          padding-bottom: 0; }
      .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector .custom-select {
        margin-top: 40px;
        max-width: 324px; }
      .nft-ecosystem-section-graph .row .col .text .section-headings.has-selector .subheading:last-child {
        margin-top: 40px; }
      .nft-ecosystem-section-graph .row .col .text .description {
        margin-top: 20px; }
      .nft-ecosystem-section-graph .row .graph {
        padding: 0 20px; }
        .nft-ecosystem-section-graph .row .graph > div {
          width: 1170px; }
        .nft-ecosystem-section-graph .row .graph[data-spec="cohort"] > div {
          width: 1000px; } }

.stablecoin-coin-scroll {
  box-sizing: border-box;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 487px;
  overflow: hidden;
  width: 100%; }
  .stablecoin-coin-scroll > * {
    position: relative; }
    .stablecoin-coin-scroll > * img {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0; }
      .stablecoin-coin-scroll > * img:first-child {
        mix-blend-mode: soft-light;
        -webkit-transform: translateZ(0); }
      .stablecoin-coin-scroll > * img:last-child {
        mix-blend-mode: difference;
        opacity: 0.1;
        -webkit-transform: translateZ(0); }

.developer-hero {
  padding: 160px 6.25% 260px;
  position: relative; }
  .developer-hero .hero-image {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: -1; }
    .developer-hero .hero-image .bgImage {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .developer-hero .text {
    width: 40vw;
    max-width: 600px; }
    .developer-hero .text .heading {
      color: white; }
    .developer-hero .text .description {
      margin-top: 30px;
      color: white; }
    .developer-hero .text .actions {
      display: flex;
      flex-wrap: wrap;
      margin-top: 23px;
      gap: 10px; }

@media screen and (max-width: 1100px) {
  .developer-hero {
    padding: 130px 12.5% 250px; }
    .developer-hero .hero-image {
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      top: 0px;
      bottom: 0px; }
      .developer-hero .hero-image.bgImageMobile img {
        min-height: 100%;
        width: auto;
        object-fit: cover;
        object-position: bottom; }
    .developer-hero .text {
      margin-bottom: 60px;
      width: auto;
      max-width: 600px; }
      .developer-hero .text .heading {
        font-size: 36px;
        letter-spacing: -2.5px;
        line-height: 42px; }
      .developer-hero .text .description {
        line-height: 21px;
        margin-top: 20px; }
      .developer-hero .text .actions {
        margin-top: 40px; } }

@media screen and (max-width: 414px) {
  .developer-hero .text .actions {
    gap: 0; }
    .developer-hero .text .actions .Btn:nth-child(2) {
      margin-top: 10px; } }

.developer-tech-stack {
  padding: 6.25%;
  position: relative;
  background-color: white; }
  .developer-tech-stack .tech-stack-container {
    padding: 120px 80px 160px;
    margin-top: -245px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    background-color: white; }
  .developer-tech-stack .text {
    width: 40vw;
    max-width: 600px;
    margin-bottom: 40px; }
    .developer-tech-stack .text .heading {
      color: #222222;
      font-size: 36px;
      letter-spacing: -2.5px;
      line-height: 43px; }
    .developer-tech-stack .text .description {
      margin-top: 20px;
      color: #222222;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px; }
  .developer-tech-stack .open-repos {
    background: white;
    color: #222222; }
    .developer-tech-stack .open-repos * {
      position: relative; }
    .developer-tech-stack .open-repos .section-title {
      padding: 0 6.25%;
      text-align: center !important; }
    .developer-tech-stack .open-repos .section-subtitle {
      padding: 0 6.25%;
      text-align: center !important;
      max-width: 1200px; }
    .developer-tech-stack .open-repos .open-repos-container {
      width: 100%;
      display: flex;
      flex-direction: row; }
    .developer-tech-stack .open-repos .open-repos-wrapper {
      flex: 0 0 calc(73% - 40px);
      display: flex;
      flex-direction: column; }
    .developer-tech-stack .open-repos .open-repos-row {
      display: flex;
      flex-direction: row;
      margin-bottom: 8px; }
      .developer-tech-stack .open-repos .open-repos-row:last-child {
        margin-bottom: 0; }
      .developer-tech-stack .open-repos .open-repos-row .repo-gallery-title {
        order: 2; }
      .developer-tech-stack .open-repos .open-repos-row .repo-gallery-title-margin {
        order: 1; }
      .developer-tech-stack .open-repos .open-repos-row .repo-gallery-container {
        order: 0; }
    .developer-tech-stack .open-repos .repo-gallery-container {
      flex: 0 0 calc(100% - 120px); }
    .developer-tech-stack .open-repos .repo-gallery-prev {
      width: 32px;
      height: 42px;
      display: block;
      position: absolute;
      left: -32px;
      top: 0;
      cursor: pointer;
      z-index: 5; }
      .developer-tech-stack .open-repos .repo-gallery-prev::after {
        content: "";
        width: 15px;
        height: 15px;
        border-left: 2px solid #2D84EB;
        border-bottom: 2px solid #2D84EB;
        transform: rotate(45deg) translateY(-50%);
        display: block;
        position: absolute;
        top: 19px;
        right: 4px; }
    .developer-tech-stack .open-repos .repo-gallery-next {
      width: 32px;
      height: 42px;
      display: block;
      position: absolute;
      right: -25px;
      top: 0;
      cursor: pointer;
      z-index: 5; }
      .developer-tech-stack .open-repos .repo-gallery-next::after {
        content: "";
        width: 15px;
        height: 15px;
        border-right: 2px solid #2D84EB;
        border-bottom: 2px solid #2D84EB;
        transform: rotate(-45deg) translateY(-50%);
        display: block;
        position: absolute;
        top: 19px;
        left: 5px; }
      .developer-tech-stack .open-repos .repo-gallery-next.repo-gallery-next-wiggle {
        animation: wiggle 1s infinite; }
    .developer-tech-stack .open-repos .repo-gallery-prev.disabled,
    .developer-tech-stack .open-repos .repo-gallery-next.disabled {
      cursor: inherit; }
      .developer-tech-stack .open-repos .repo-gallery-prev.disabled::after,
      .developer-tech-stack .open-repos .repo-gallery-next.disabled::after {
        border-color: #444; }
    .developer-tech-stack .open-repos .repo-gallery {
      display: block;
      width: 100%;
      height: 42px; }
      .developer-tech-stack .open-repos .repo-gallery-margin {
        flex: 0 0 6.25%; }
      .developer-tech-stack .open-repos .repo-gallery-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 0 0 88px;
        height: 42px;
        text-align: left;
        text-transform: uppercase;
        font-size: 12px; }
      .developer-tech-stack .open-repos .repo-gallery-title-margin {
        flex: 0 0 35px; }
      .developer-tech-stack .open-repos .repo-gallery-slideshow {
        display: block;
        width: 100%;
        height: 42px;
        overflow: hidden; }
      .developer-tech-stack .open-repos .repo-gallery-slide-container {
        display: flex;
        position: absolute;
        width: auto;
        height: 42px;
        left: 0;
        transition: left 0.35s ease-in-out 0s; }
      .developer-tech-stack .open-repos .repo-gallery-item {
        width: auto;
        height: 54px;
        margin-right: 9px;
        padding: 0 2px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        color: white;
        background: linear-gradient(#222222, #222222) padding-box, linear-gradient(to right, #222222, #2D84EB) border-box;
        border: 3px solid transparent;
        border-radius: 10px;
        /*
            &::after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: calc(100% - 2px);
                height: 40px;
                border: 1px solid #555;
            }
*/ }
        .developer-tech-stack .open-repos .repo-gallery-item-inner {
          text-align: center;
          padding: 0 4px;
          line-height: 1.3;
          font-size: 0.78vw; }
          @media (min-width: 1450px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 12px; } }
          @media (max-width: 1299px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 0.82vw; } }
          @media (max-width: 1149px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 0.92vw; } }
          @media (max-width: 1023px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 1.3vw; } }
          @media (max-width: 767px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 2.1vw; } }
          @media (max-width: 465px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 11px; } }
          @media (max-width: 425px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 10px; } }
          @media (max-width: 400px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 9px; } }
          @media (max-width: 370px) {
            .developer-tech-stack .open-repos .repo-gallery-item-inner {
              font-size: 8px; } }
        .developer-tech-stack .open-repos .repo-gallery-item:last-child {
          margin-right: 0; }
        .developer-tech-stack .open-repos .repo-gallery-item.selected {
          background: linear-gradient(135deg, #2D84EB, #222222) padding-box, linear-gradient(to left, #2D84EB, #222222) border-box; }
    .developer-tech-stack .open-repos .repo-sidebar {
      flex: 0 0 27%;
      font-size: 15px; }
      .developer-tech-stack .open-repos .repo-sidebar-mobile {
        display: none; }
      .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-card {
        background-color: #222222;
        border-radius: 10px; }
      .developer-tech-stack .open-repos .repo-sidebar-margin {
        flex: 0 0 40px; }
      .developer-tech-stack .open-repos .repo-sidebar-heading {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 20px;
        min-height: 50px;
        background: linear-gradient(135deg, #2D84EB 0%, #222222 100%);
        font-size: 16px;
        color: white;
        letter-spacing: -1px;
        line-height: 19px;
        font-weight: 400;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      .developer-tech-stack .open-repos .repo-sidebar-content {
        padding: 20px 40px 30px 20px; }
      .developer-tech-stack .open-repos .repo-sidebar-description {
        font-size: 16px;
        color: white;
        letter-spacing: -1px;
        line-height: 21px; }
        .developer-tech-stack .open-repos .repo-sidebar-description p {
          font-size: 15px;
          letter-spacing: 0;
          line-height: 24px; }
      .developer-tech-stack .open-repos .repo-sidebar-links {
        text-align: right;
        padding-top: 28px; }
      .developer-tech-stack .open-repos .repo-sidebar .close-container {
        display: flex;
        align-items: end; }
      .developer-tech-stack .open-repos .repo-sidebar-link {
        display: block;
        color: white;
        text-transform: uppercase;
        text-decoration: underline;
        font-size: 12px;
        letter-spacing: -0.5px;
        line-height: 14px;
        /*
            &-icon {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 17px;
                height: 100%;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                background-image: url('/assets/images/open-repos-icon.svg');
            }
            */ }
        .developer-tech-stack .open-repos .repo-sidebar-link:active, .developer-tech-stack .open-repos .repo-sidebar-link:hover, .developer-tech-stack .open-repos .repo-sidebar-link:visited {
          color: white;
          text-decoration: none; }
        .developer-tech-stack .open-repos .repo-sidebar-link:not(:last-child) {
          margin-bottom: 8px; }
        .developer-tech-stack .open-repos .repo-sidebar-link:last-child {
          margin-bottom: 0; }
        .developer-tech-stack .open-repos .repo-sidebar-link.close {
          display: none; }
      .developer-tech-stack .open-repos .repo-sidebar-contributors {
        padding: 15px 0 0; }
      .developer-tech-stack .open-repos .repo-sidebar-contributors-title {
        display: block;
        text-transform: uppercase;
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 0.05em; }
      .developer-tech-stack .open-repos .repo-sidebar-contributor {
        display: block;
        text-transform: uppercase;
        padding-left: 25px;
        margin-bottom: 10px;
        height: 25px;
        line-height: 25px;
        color: white;
        text-decoration: none;
        font-size: 12px;
        letter-spacing: 0.05em; }
        .developer-tech-stack .open-repos .repo-sidebar-contributor:last-child {
          margin-bottom: 0; }
        .developer-tech-stack .open-repos .repo-sidebar-contributor:active, .developer-tech-stack .open-repos .repo-sidebar-contributor:hover, .developer-tech-stack .open-repos .repo-sidebar-contributor:visited {
          color: white; }
        .developer-tech-stack .open-repos .repo-sidebar-contributor-icon {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 17px;
          height: 100%;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
    .developer-tech-stack .open-repos .repo-gallery,
    .developer-tech-stack .open-repos .repo-gallery-title,
    .developer-tech-stack .open-repos .repo-gallery-container,
    .developer-tech-stack .open-repos .repo-gallery-prev,
    .developer-tech-stack .open-repos .repo-gallery-next,
    .developer-tech-stack .open-repos .repo-gallery-slideshow,
    .developer-tech-stack .open-repos .repo-gallery-slide-container {
      height: 60px; }
    .developer-tech-stack .open-repos .repo-gallery-prev::after,
    .developer-tech-stack .open-repos .repo-gallery-next::after {
      top: 24px; }

@keyframes wiggle {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(7px); }
  100% {
    transform: translateX(0); } }
  @media (max-width: 1100px) {
    .developer-tech-stack .open-repos {
      padding: 0; }
      .developer-tech-stack .open-repos .section-title {
        padding: 0; }
      .developer-tech-stack .open-repos .section-subtitle {
        padding: 0; }
      .developer-tech-stack .open-repos .open-repos-container {
        flex-wrap: wrap; }
      .developer-tech-stack .open-repos .open-repos-wrapper {
        flex: 0 0 100%; }
      .developer-tech-stack .open-repos .open-repos-row {
        flex-direction: column; }
        .developer-tech-stack .open-repos .open-repos-row .repo-gallery-title {
          order: 0;
          flex: 0 0 20px; }
        .developer-tech-stack .open-repos .open-repos-row .repo-gallery-title-margin {
          order: 1;
          display: none; }
        .developer-tech-stack .open-repos .open-repos-row .repo-gallery-container {
          order: 2; }
      .developer-tech-stack .open-repos .repo-gallery-container {
        flex: 0 0 calc(100% - 129px); }
      .developer-tech-stack .open-repos .repo-gallery-margin {
        display: none; }
      .developer-tech-stack .open-repos .repo-sidebar-margin {
        display: none; }
      .developer-tech-stack .open-repos .repo-sidebar {
        margin-top: 20px;
        margin-bottom: 30px;
        flex: 0 0 auto;
        display: none;
        background: linear-gradient(white, white) padding-box, linear-gradient(to top, #222222, #2D84EB) border-box;
        border: 3px solid transparent;
        border-radius: 10px; }
        .developer-tech-stack .open-repos .repo-sidebar-mobile {
          display: block; }
        .developer-tech-stack .open-repos .repo-sidebar .pointer {
          display: block;
          position: absolute;
          background: white;
          border-left: 3px solid #2D84EB;
          border-top: 3px solid #2D84EB;
          height: 10px;
          width: 10px;
          top: -9px;
          left: -3px;
          transform: translateX(0) rotate(45deg); }
        .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-content {
          padding: 20px; }
        .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-heading {
          display: none; }
        .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-description {
          color: #222222;
          font-size: 15px;
          letter-spacing: 0;
          line-height: 24px; }
          .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-description a {
            color: #222222; }
        .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-links {
          display: flex;
          justify-content: space-between; }
          .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-links .external-links {
            text-align: left; }
          .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-links .repo-sidebar-link {
            color: #222222; }
            .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-links .repo-sidebar-link.close {
              display: block;
              color: #FF4200; }
              .developer-tech-stack .open-repos .repo-sidebar .repo-sidebar-links .repo-sidebar-link.close:hover {
                color: #FF4200; } }
  @media (max-width: 768px) {
    .developer-tech-stack .open-repos {
      /*
        .repo-gallery,
        .repo-gallery-title,
        .repo-gallery-container,
        .repo-gallery-prev,
        .repo-gallery-next,
        .repo-gallery-slideshow,
        .repo-gallery-slide-container,
        .repo-gallery-item {
            height: 52px;
        }

        .repo-gallery-item::after {
            height: 50px;
        }
*/ }
      .developer-tech-stack .open-repos .repo-gallery-title {
        font-size: 10px; }
      .developer-tech-stack .open-repos .repo-gallery-container {
        flex: 0 0 calc(100% - 129px); }
      .developer-tech-stack .open-repos .repo-gallery-prev::after,
      .developer-tech-stack .open-repos .repo-gallery-next::after {
        top: 24px; } }

@media screen and (max-width: 1100px) {
  .developer-tech-stack {
    padding: 12.5% 20px; }
    .developer-tech-stack .tech-stack-container {
      padding: 60px 40px 115px; }
    .developer-tech-stack .text {
      display: block;
      margin-bottom: 25px;
      width: 100%;
      max-width: 600px; }
      .developer-tech-stack .text .heading {
        font-size: 22px;
        letter-spacing: -0.92px;
        line-height: 30px; }
      .developer-tech-stack .text .description {
        margin-top: 10px;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; } }

/* When multiple projects are used back to back */
.projects .developer-projects {
  padding: 60px 0 30px; }

.projects ~ .projects .developer-projects {
  padding: 0 0 30px; }

.developer-projects {
  padding: 60px 0;
  position: relative;
  background-color: white; }
  .developer-projects .text {
    width: 40vw;
    max-width: 600px;
    padding: 0 6.25%; }
    .developer-projects .text .heading {
      color: #222222;
      font-size: 36px;
      letter-spacing: -2.5px;
      line-height: 43px; }
    .developer-projects .text .description {
      margin-top: 10px;
      color: #222222;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 24px; }
  .developer-projects .projects-carousel {
    padding: 40px 6.25% 0 6.25%; }
    .developer-projects .projects-carousel .slider-controls {
      position: relative; }
      .developer-projects .projects-carousel .slider-controls button {
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        top: 48px;
        width: 45px;
        height: 45px;
        display: inline-block;
        background-color: transparent;
        border: none;
        cursor: pointer; }
        .developer-projects .projects-carousel .slider-controls button.swiper-button-disabled {
          display: none; }
        .developer-projects .projects-carousel .slider-controls button.next {
          right: 0;
          z-index: 10;
          background-image: url("/assets/images/Circle-Arrow-Blue.svg"); }
        .developer-projects .projects-carousel .slider-controls button.prev {
          left: 0;
          z-index: 5;
          background-image: url("/assets/images/Circle-Arrow-Blue.svg");
          -moz-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
          filter: FlipH;
          -ms-filter: "FlipH"; }
    .developer-projects .projects-carousel .fade-wrapper-next {
      -webkit-mask-image: -webkit-linear-gradient(left, black 85%, rgba(0, 0, 0, 0) 99%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 99%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .developer-projects .projects-carousel .fade-wrapper-next.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .developer-projects .projects-carousel .fade-wrapper-prev {
      -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 15%);
      /* Chrome10-25,Safari5.1-6 */
      mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 15%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .developer-projects .projects-carousel .fade-wrapper-prev.disabled {
        -webkit-mask-image: unset;
        mask-image: unset; }
    .developer-projects .projects-carousel .swiper-wrapper {
      display: flex; }
  .developer-projects .projects-card {
    box-sizing: border-box;
    min-height: 136px;
    width: 240px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    background-color: #222222;
    margin-bottom: 30px; }
    .developer-projects .projects-card a {
      text-decoration: none; }
      .developer-projects .projects-card a:hover .card-container {
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2); }
    .developer-projects .projects-card .card-container {
      padding: 20px 12px;
      box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0);
      transition: box-shadow 300ms;
      border-radius: 10px; }
      .developer-projects .projects-card .card-container .logo {
        text-align: center;
        height: 40px;
        margin-bottom: 20px; }
        .developer-projects .projects-card .card-container .logo img {
          height: inherit; }
      .developer-projects .projects-card .card-container .title {
        color: white;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase; }
      .developer-projects .projects-card .card-container .subtitle {
        color: white;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.94px;
        line-height: 21px;
        text-align: center; }

@media screen and (max-width: 1100px) {
  /* When multiple projects are used back to back */
  .projects .developer-projects {
    padding: 40px 0 10px; }
  .projects ~ .projects .developer-projects {
    padding: 0 0 10px; }
  .developer-projects {
    padding: 12.5% 0; }
    .developer-projects .text {
      padding: 0 12.5%;
      width: auto;
      max-width: 600px; }
      .developer-projects .text .heading {
        font-size: 22px;
        letter-spacing: -1.53px;
        line-height: 30px; }
      .developer-projects .text .description {
        margin-top: 20px; }
    .developer-projects .projects-carousel {
      padding: 20px 0 0 0;
      overflow: hidden; }
      .developer-projects .projects-carousel .slider-controls {
        display: none; }
      .developer-projects .projects-carousel .fade-wrapper-next {
        -webkit-mask-image: -webkit-linear-gradient(left, black 90%, rgba(0, 0, 0, 0) 99%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, black 90%, rgba(0, 0, 0, 0) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
      .developer-projects .projects-carousel .fade-wrapper-prev {
        -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1%, black 10%);
        /* Chrome10-25,Safari5.1-6 */
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, black 10%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        padding: 0 12.5%;
        transition: 0.25s padding ease-out; }
      .developer-projects .projects-carousel .swiper {
        overflow: visible; } }

.developer-text-column-and-two-leafs {
  position: relative;
  background-color: white;
  padding: 6.25% 0; }
  .developer-text-column-and-two-leafs.padding-top-none {
    padding-top: 0; }
  .developer-text-column-and-two-leafs.padding-bottom-none {
    padding-bottom: 0; }
  .developer-text-column-and-two-leafs .content {
    position: relative; }
  .developer-text-column-and-two-leafs .background-image-wrapper {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    overflow: hidden; }
    .developer-text-column-and-two-leafs .background-image-wrapper .bgImage {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .developer-text-column-and-two-leafs .row {
    padding: 120px 6.25%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 60px;
    position: relative; }
  .developer-text-column-and-two-leafs .text .heading {
    color: white;
    font-size: 36px;
    letter-spacing: -2.5px;
    line-height: 43px; }
  .developer-text-column-and-two-leafs .text .description {
    margin-top: 20px;
    color: white;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px; }
  .developer-text-column-and-two-leafs .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .developer-text-column-and-two-leafs .box.is-leaf {
      border-top-right-radius: 120px;
      border-bottom-left-radius: 120px;
      padding: 72px 4.5vw;
      backdrop-filter: blur(3px);
      background: rgba(34, 34, 34, 0.7);
      border: 3px solid #2D84EB;
      height: calc(100% - 150px); }
    .developer-text-column-and-two-leafs .box .box-body .box-image {
      margin-bottom: 40px;
      height: 50px; }
      .developer-text-column-and-two-leafs .box .box-body .box-image img {
        height: 100%;
        width: auto; }
    .developer-text-column-and-two-leafs .box .box-body .box-text {
      color: white; }
      .developer-text-column-and-two-leafs .box .box-body .box-text .title {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 18px; }
      .developer-text-column-and-two-leafs .box .box-body .box-text .description {
        margin-top: 20px;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px; }
    .developer-text-column-and-two-leafs .box .actions {
      margin-top: 40px; }

@media screen and (max-width: 1100px) {
  .developer-text-column-and-two-leafs {
    padding: 12.5% 0; }
    .developer-text-column-and-two-leafs .row {
      padding: 80px 0;
      grid-template-columns: 1fr;
      gap: 0; }
      .developer-text-column-and-two-leafs .row .col:not(:last-child) {
        margin-bottom: 60px; }
      .developer-text-column-and-two-leafs .row .col.col-2, .developer-text-column-and-two-leafs .row .col.col-3 {
        padding: 0 20px; }
    .developer-text-column-and-two-leafs .text {
      padding: 0 12.5%; }
      .developer-text-column-and-two-leafs .text .heading {
        font-size: 22px;
        letter-spacing: -1.53px;
        line-height: 30px; }
    .developer-text-column-and-two-leafs .box.is-leaf {
      border-top-right-radius: 120px;
      border-bottom-left-radius: 120px;
      padding: 60px 40px 104px;
      height: auto; } }

.developer-contributors {
  position: relative;
  padding: 6.25%; }
  .developer-contributors .row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    position: relative; }
    .developer-contributors .row .col.col-2 {
      text-align: center; }
  .developer-contributors .text .heading {
    color: #222222;
    font-size: 36px;
    letter-spacing: -2.5px;
    line-height: 43px; }
  .developer-contributors .text .description {
    margin-top: 20px;
    color: #222222;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px; }
  .developer-contributors .contributors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px 10px;
    overflow: hidden;
    position: relative; }
    .developer-contributors .contributors-grid:not(.expand)::after {
      content: '';
      position: absolute;
      bottom: 0;
      height: 100px;
      width: 100%;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
  .developer-contributors .contributor-link {
    color: #2D84EB; }
    .developer-contributors .contributor-link:hover {
      text-decoration: none; }
  .developer-contributors .contributor .avatar {
    text-align: center; }
    .developer-contributors .contributor .avatar img {
      max-width: 76px;
      height: 76px;
      border-radius: 16px;
      overflow: clip; }
  .developer-contributors .contributor .title {
    text-align: center;
    font-size: 10px;
    word-break: break-all; }

@media screen and (max-width: 1100px) {
  .developer-contributors {
    padding: 12.5% 0; }
    .developer-contributors .row {
      padding: 0;
      grid-template-columns: 1fr;
      gap: 0; }
    .developer-contributors .text {
      padding: 0 12.5%; }
      .developer-contributors .text .heading {
        font-size: 22px;
        letter-spacing: -1.53px;
        line-height: 30px; }
    .developer-contributors .contributors-grid {
      padding: 20px 20px 0;
      grid-template-columns: repeat(auto-fit, minmax(62px, 1fr)); }
    .developer-contributors .contributor .avatar img {
      max-width: 52px;
      height: 52px;
      border-radius: 10px; } }

.developer-text-column-and-logos-column {
  position: relative;
  padding: 6.25%; }
  .developer-text-column-and-logos-column .row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    position: relative; }
  .developer-text-column-and-logos-column .text .heading {
    color: #222222;
    font-size: 36px;
    letter-spacing: -2.5px;
    line-height: 43px; }
  .developer-text-column-and-logos-column .text .description {
    margin-top: 20px;
    color: #222222;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px; }
  .developer-text-column-and-logos-column .logos-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1vw 7vw;
    overflow: hidden;
    position: relative; }
    .developer-text-column-and-logos-column .logos-grid .logo {
      display: flex;
      justify-content: center;
      align-items: center; }
      .developer-text-column-and-logos-column .logos-grid .logo img {
        max-height: 90px;
        max-width: 100%;
        object-fit: contain; }

@media screen and (max-width: 1100px) {
  .developer-text-column-and-logos-column {
    padding: 12.5% 0; }
    .developer-text-column-and-logos-column .row {
      padding: 0;
      grid-template-columns: 1fr;
      gap: 0; }
    .developer-text-column-and-logos-column .text {
      padding: 0 12.5%; }
      .developer-text-column-and-logos-column .text .heading {
        font-size: 22px;
        letter-spacing: -1.53px;
        line-height: 30px; }
    .developer-text-column-and-logos-column .logos-grid {
      padding: 30px 20px 0;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1vw 4vw; }
      .developer-text-column-and-logos-column .logos-grid .logo img {
        max-height: 72px;
        object-fit: contain; } }

.project-hero {
  padding: 160px 6.25% 260px;
  position: relative; }
  .project-hero .hero-image {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: -1; }
    .project-hero .hero-image .bgImage {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .project-hero .row.back-button {
    margin-bottom: 40px; }
  .project-hero .row.project-info {
    display: grid;
    grid-template-columns: 211px 440px 1fr;
    color: white;
    align-items: start; }
    .project-hero .row.project-info .col.col-1 .icon-wrapper {
      width: 171px;
      height: 158px;
      border-radius: 10px;
      background-color: white;
      margin-right: 40px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .project-hero .row.project-info .col.col-1 .icon-wrapper .icon {
        width: 80px;
        height: 80px;
        object-fit: contain; }
    .project-hero .row.project-info .col.col-2 {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 160px; }
      .project-hero .row.project-info .col.col-2 .bottom {
        margin-top: 40px; }
      .project-hero .row.project-info .col.col-2 .subheading {
        margin-top: 10px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        line-height: 18px;
        text-transform: uppercase; }
      .project-hero .row.project-info .col.col-2 .link {
        font-size: 16px;
        letter-spacing: -0.5px;
        line-height: 24px;
        font-weight: 700;
        overflow-wrap: anywhere; }
        .project-hero .row.project-info .col.col-2 .link a {
          font-weight: normal;
          color: white;
          text-decoration: none; }
          .project-hero .row.project-info .col.col-2 .link a:hover {
            text-decoration: underline; }
    .project-hero .row.project-info .col.col-3 .description {
      margin-left: clamp(10px, 4vw, 68px); }
      .project-hero .row.project-info .col.col-3 .description a {
        color: white; }

@media screen and (max-width: 1250px) {
  .project-hero .row.project-info {
    grid-template-columns: 211px 320px 1fr; } }

@media screen and (max-width: 1100px) {
  .project-hero {
    padding: 130px 12.5% 160px; }
    .project-hero .hero-image {
      position: absolute;
      right: 0;
      width: 100%;
      height: 100%;
      top: 0px;
      bottom: 0px; }
    .project-hero .row.back-button {
      margin-bottom: 20px; }
    .project-hero .row.project-info {
      grid-template-columns: 1fr; }
      .project-hero .row.project-info .col.col-1 {
        margin-bottom: 40px; }
        .project-hero .row.project-info .col.col-1 .icon-wrapper {
          width: 100%;
          max-width: 300px;
          margin-right: auto; }
      .project-hero .row.project-info .col.col-2 {
        margin-bottom: 40px;
        min-height: auto; }
        .project-hero .row.project-info .col.col-2 .heading {
          font-size: 36px;
          letter-spacing: -2.5px;
          line-height: 43px; }
        .project-hero .row.project-info .col.col-2 .bottom {
          margin-top: 45px; }
          .project-hero .row.project-info .col.col-2 .bottom .links .link:not(:last-child) {
            margin-bottom: 10px; }
      .project-hero .row.project-info .col.col-3 .description {
        margin-left: 0; } }

.project-contributors {
  padding: 6.25%;
  position: relative;
  background-color: white; }
  .project-contributors .project-contributors-inner-wrapper {
    padding: 60px 60px 86px;
    margin-top: -245px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
    border-top-right-radius: 160px;
    border-bottom-left-radius: 160px;
    background-color: white; }
    .project-contributors .project-contributors-inner-wrapper .heading {
      color: #222222; }
    .project-contributors .project-contributors-inner-wrapper .contributors-grid {
      padding: 50px 0 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      gap: 20px 10px;
      overflow: hidden;
      position: relative; }
    .project-contributors .project-contributors-inner-wrapper .contributor-link {
      color: #2D84EB; }
      .project-contributors .project-contributors-inner-wrapper .contributor-link:hover {
        text-decoration: none; }
    .project-contributors .project-contributors-inner-wrapper .contributor .avatar {
      text-align: center; }
      .project-contributors .project-contributors-inner-wrapper .contributor .avatar img {
        max-width: 76px;
        height: 76px;
        border-radius: 16px;
        overflow: clip; }
    .project-contributors .project-contributors-inner-wrapper .contributor .title {
      text-align: center;
      font-size: 10px;
      word-break: break-all; }

@media screen and (max-width: 1100px) {
  .project-contributors {
    padding: 10px 6.25% 80px; }
    .project-contributors .project-contributors-inner-wrapper {
      padding: 60px 40px 100px;
      margin-top: -130px;
      border-top-right-radius: 120px;
      border-bottom-left-radius: 120px; }
      .project-contributors .project-contributors-inner-wrapper .contributors-grid {
        padding: 20px 0 0;
        grid-template-columns: repeat(auto-fit, minmax(62px, 1fr));
        gap: 15px 4px; }
      .project-contributors .project-contributors-inner-wrapper .contributor .avatar img {
        max-width: 52px;
        height: 52px;
        border-radius: 10px; } }

html {
  font-family: "Styrene A Web", "Helvetica Neue", Sans-Serif;
  font-weight: 400;
  background-color: #f9f9f9;
  color: #464646; }
  html.smooth {
    scroll-behavior: smooth; }

body {
  overflow-x: hidden; }

body.modal-is-open,
body.live-stream-is-open {
  overflow: hidden !important;
  height: 100% !important; }

/*# sourceMappingURL=app-4d7a0626ff68d898fec4.css.map*/