.globalizer {
  list-style: none;
  padding: 0;
  margin: 0; }

.eyebrow .globalizer a,
.eyebrow .nav-item {
  line-height: 3.29412rem;
  padding: 0 0.98824rem;
  font-weight: 600;
  color: #2B223D; }
  .eyebrow .globalizer a:hover,
  .eyebrow .nav-item:hover {
    color: #6359F9; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.eyebrow .eyebrow-wrap {
  padding-top: 0.41176rem;
  padding-bottom: 0.41176rem;
  display: flex; }

.eyebrow .tertiary-nav {
  display: flex; }

.eyebrow .eyebrow-wrap,
.eyebrow .drawer-wrap {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.64706rem;
  padding-right: 1.64706rem; }
  @media (max-width: 850px) {
    .eyebrow .eyebrow-wrap,
    .eyebrow .drawer-wrap {
      padding-left: 1.23529rem;
      padding-right: 1.23529rem; } }

.eyebrow .banner {
  display: flex;
  align-items: center; }
  .eyebrow .banner .new {
    color: #6359F9; }
  .eyebrow .banner .content {
    color: #2B223D;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0; }
  .eyebrow .banner .chevron {
    position: relative;
    top: 1px;
    margin-left: 0.41176rem;
    width: 0.61765rem;
    height: 0.61765rem;
    transform: rotate(-90deg); }
    .eyebrow .banner .chevron .stroke {
      stroke: #2B223D; }
    .eyebrow .banner .chevron .fill {
      fill: #2B223D; }
    .eyebrow .banner .chevron polygon {
      stroke: #2B223D;
      stroke-width: 1px; }

.eyebrow .rich-text *:last-child {
  margin-bottom: 0; }

.eyebrow nav {
  margin-left: auto; }

.eyebrow .globalizer a,
.eyebrow .nav-item {
  line-height: 1.64706rem;
  cursor: pointer; }
  .eyebrow .globalizer a .has-drawer,
  .eyebrow .nav-item .has-drawer {
    display: flex;
    align-items: center; }
    .eyebrow .globalizer a .has-drawer .chevron,
    .eyebrow .nav-item .has-drawer .chevron {
      width: 0.82353rem;
      height: 0.82353rem;
      margin-left: 0.41176rem;
      position: relative;
      top: 2px;
      transition: transform .3s; }
      .eyebrow .globalizer a .has-drawer .chevron .stroke,
      .eyebrow .nav-item .has-drawer .chevron .stroke {
        stroke: #2B223D; }
      .eyebrow .globalizer a .has-drawer .chevron .fill,
      .eyebrow .nav-item .has-drawer .chevron .fill {
        fill: #2B223D; }
    .eyebrow .globalizer a .has-drawer.open .chevron,
    .eyebrow .nav-item .has-drawer.open .chevron {
      transform: rotate(180deg); }
    .eyebrow .globalizer a .has-drawer:hover .chevron .stroke,
    .eyebrow .nav-item .has-drawer:hover .chevron .stroke {
      stroke: #6359F9; }
    .eyebrow .globalizer a .has-drawer:hover .chevron .fill,
    .eyebrow .nav-item .has-drawer:hover .chevron .fill {
      fill: #6359F9; }

.eyebrow .drawer-wrap .content {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 0.41176rem; }

.eyebrow .globalizer {
  display: flex; }

.eyebrow .tertiary-nav .globalizer li:last-child a,
.eyebrow .tertiary-nav .nav-item:last-child,
.eyebrow .drawer-wrap .content .globalizer li:last-child a,
.eyebrow .drawer-wrap .content .nav-item:last-child {
  padding-right: 0; }

@media (max-width: 600px) {
  .eyebrow .banner {
    display: none; }
  .eyebrow .tertiary-nav {
    margin-left: 0; }
    .eyebrow .tertiary-nav .nav-item:first-child {
      padding-left: 0; }
  .eyebrow .drawer-wrap .content {
    padding-top: 0.20588rem;
    justify-content: flex-start; }
    .eyebrow .drawer-wrap .content li a,
    .eyebrow .drawer-wrap .content .nav-item:first-child {
      padding-left: 0; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

svg.light-logo path, svg.light-logo rect, svg.light-logo polygon {
  fill: white; }

svg.light-logo path.svg-logo {
  fill: #6359F9; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.mobile-menu-button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  box-shadow: none;
  border: 0;
  background: transparent;
  padding: 0; }
  .mobile-menu-button svg {
    width: 1.15294rem;
    height: 1.15294rem;
    overflow: visible;
    position: relative; }
    .mobile-menu-button svg .stroke {
      stroke: #2B223D; }
    .mobile-menu-button svg .fill {
      fill: #2B223D; }
  .mobile-menu-button polygon {
    transition: all 500ms;
    transform-origin: center;
    stroke: #2B223D;
    stroke-width: 2px;
    border-radius: 2px; }
    .mobile-menu-button polygon:nth-child(2), .mobile-menu-button polygon:nth-child(3) {
      opacity: 0; }
  .mobile-menu-button.open polygon:nth-child(1), .mobile-menu-button.open polygon:nth-child(4) {
    opacity: 0; }
  .mobile-menu-button.open polygon:nth-child(2), .mobile-menu-button.open polygon:nth-child(3) {
    opacity: 1; }
  .mobile-menu-button.open polygon:nth-child(1) {
    transform: translateY(-0.82353rem); }
  .mobile-menu-button.open polygon:nth-child(4) {
    transform: translateY(0.82353rem); }
  .mobile-menu-button.open polygon:nth-child(2) {
    transform: rotate(45deg); }
  .mobile-menu-button.open polygon:nth-child(3) {
    transform: rotate(-45deg); }
  .mobile-menu-button:active, .mobile-menu-button:focus {
    outline: 0; }

.inverted .mobile-menu-button polygon {
  stroke: white; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.menu-group {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 25px;
  background-color: #fff;
  width: 100%; }
  .menu-group.secondary {
    background-color: #F1F5F8; }

.menu-block .link-to, .menu-block .section-intro {
  display: block;
  padding: 16px 8px;
  cursor: pointer; }
  .menu-block .link-to.section-intro, .menu-block .section-intro.section-intro {
    cursor: default;
    color: #2B223D; }
  .menu-block .link-to.medium, .menu-block .section-intro.medium {
    padding: 12px 8px;
    font-weight: 600; }
  .menu-block .link-to.small, .menu-block .section-intro.small {
    padding: 6px 8px;
    font-weight: 600; }
    .menu-block .link-to.small:after, .menu-block .section-intro.small:after {
      content: "";
      margin-left: 6px;
      background-image: url("/static/icons/chevron-right-16.svg");
      height: 12px;
      width: 12px;
      background-repeat: no-repeat; }
    .menu-block .link-to.small:hover:after, .menu-block .section-intro.small:hover:after {
      background-image: url("/static/icons/chevron-right-16-uv.svg");
      content: ""; }
  .menu-block .link-to.smooth, .menu-block .section-intro.smooth {
    font-weight: 500; }
    .menu-block .link-to.smooth:after, .menu-block .section-intro.smooth:after {
      content: none; }
  .menu-block .link-to .link-content, .menu-block .section-intro .link-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .menu-block .link-to .link-content .link-title, .menu-block .section-intro .link-content .link-title {
      margin-bottom: 0;
      font-size: 17px;
      line-height: 28px;
      font-weight: 600; }
  .menu-block .link-to.inline, .menu-block .section-intro.inline {
    flex: 1;
    display: flex;
    align-items: center; }
    .menu-block .link-to.inline .link-icon, .menu-block .section-intro.inline .link-icon {
      padding-right: 1.07059rem; }
    .menu-block .link-to.inline img, .menu-block .section-intro.inline img {
      width: 3.08824rem;
      height: 3.08824rem;
      margin-bottom: 0; }
      .light-gray.menu-block .link-to.inline img, .menu-block .section-intro.inline img {
        height: 2.47059rem;
        height: 2.47059rem; }

.menu-block.has-link-to {
  position: relative;
  padding: 0; }
  .menu-block.has-link-to:hover * {
    color: #6359F9; }

.menu-block h2, .menu-block h3, .menu-block h4, .menu-block h5, .menu-block p, .menu-block img {
  margin-bottom: 0; }

.menu-block img {
  max-height: 1.23529rem; }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.main-nav .nav-item {
  line-height: 3.29412rem;
  padding: 0 0.98824rem;
  font-weight: 600;
  color: #2B223D; }
  .main-nav .nav-item:hover {
    color: #6359F9; }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.main-nav .bg, .main-nav .menus .bg:before {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.main-nav {
  position: relative;
  display: flex; }
  .main-nav .nav-item {
    vertical-align: middle;
    cursor: pointer; }
  .main-nav span.nav-item {
    cursor: default; }
  .main-nav .bg,
  .main-nav .menus {
    position: absolute;
    top: 100%; }
  .main-nav .bg {
    z-index: 1; }
  .main-nav .with-margin {
    margin-bottom: 1.31765rem; }
  .main-nav .menus {
    z-index: 2;
    width: 100%;
    left: 0; }
    .main-nav .menus .wrap {
      position: absolute;
      top: 0;
      left: 0;
      visibility: hidden;
      transition: visibility .3s, opacity .3s;
      will-change: width, height, opacity; }
    .main-nav .menus ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .main-nav .menus .mega-menu .content,
    .main-nav .menus .bg {
      border-radius: 3px; }
    .main-nav .menus .mega-menu {
      padding-top: 1.64706rem;
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity .3s, visibility .3s;
      overflow: hidden; }
      .main-nav .menus .mega-menu .content {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden; }
      .main-nav .menus .mega-menu a {
        color: #2B223D; }
        .main-nav .menus .mega-menu a:hover {
          color: #6359F9; }
      .main-nav .menus .mega-menu p {
        font-size: 0.76753rem;
        line-height: 1.20729rem; }
      .main-nav .menus .mega-menu.active {
        opacity: 1;
        visibility: visible; }
    .main-nav .menus .bg {
      position: absolute;
      z-index: 1;
      top: 1.64706rem;
      left: 0;
      height: 1px;
      width: 1px;
      background: white;
      opacity: 0;
      transition: opacity .3s;
      transform-origin: top left;
      will-change: width, height, opacity; }
      .main-nav .menus .bg:before {
        content: ' ';
        width: 1.64706rem;
        height: 1.64706rem;
        background: white;
        position: absolute;
        top: -0.82353rem;
        left: 4.11765rem;
        transform: rotate(45deg);
        z-index: -1; }
    .main-nav .menus.is-active .wrap {
      visibility: visible;
      transition: transform .3s, width .3s, height .3s; }
    .main-nav .menus.is-active .bg {
      opacity: 1;
      transition: transform .3s, opacity .3s, width .3s, height .3s; }
  @media (max-width: 850px) {
    .main-nav .menus .mega-menu {
      width: 100% !important; } }

.secondary-nav .nav-item {
  line-height: 3.29412rem;
  padding: 0 0.98824rem;
  font-weight: 600;
  color: #2B223D; }
  .secondary-nav .nav-item:hover {
    color: #6359F9; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.secondary-nav {
  display: flex;
  align-items: center;
  margin-left: auto; }
  .secondary-nav .nav-item {
    cursor: pointer;
    margin-left: 0.82353rem; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

#header-main {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 40; }
  #header-main .eyebrow {
    font-size: 0.76753rem;
    background: white; }
  #header-main .main {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.64706rem;
    padding-right: 1.64706rem;
    padding-top: 1.64706rem;
    padding-bottom: 1.64706rem;
    display: flex;
    align-items: center; }
    @media (max-width: 850px) {
      #header-main .main {
        padding-left: 1.23529rem;
        padding-right: 1.23529rem; } }
  #header-main .logo {
    margin-right: 1.64706rem; }
    #header-main .logo svg {
      display: block; }
  #header-main .nav-wrap {
    font-size: 0.87788rem;
    display: flex;
    width: 100%; }
  #header-main .mobile-menu-button {
    margin-left: auto;
    display: none; }
  #header-main.inverted .main .nav-item {
    color: white; }
  #header-main .secondary-nav .button {
    margin-left: 0.98824rem; }
  @media (max-width: 850px) {
    #header-main .main {
      padding: 0; }
      #header-main .main .logo {
        display: block;
        padding: 1.64706rem 1.23529rem;
        width: 100%;
        margin-right: 0;
        transition: background .3s; }
    #header-main.inverted .main .logo {
      background: #2B223D; }
    #header-main.inverted .main .logo {
      background: #2B223D; }
    #header-main .eyebrow,
    #header-main .logo,
    #header-main .mobile-menu-button {
      position: relative;
      z-index: 2; }
    #header-main .nav-wrap {
      display: flex;
      flex-direction: column;
      overflow: auto;
      flex: 1;
      transition: visibility .3s, opacity .3s;
      position: fixed;
      visibility: hidden;
      opacity: 0;
      background: rgba(255, 255, 255, 0.97);
      padding-top: 7.41176rem;
      padding-bottom: 0.82353rem;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      pointer-events: none; }
    #header-main .mobile-menu-button {
      display: block;
      position: absolute;
      right: 0;
      padding: 0.82353rem 1.23529rem; }
    #header-main .secondary-nav,
    #header-main .main-nav {
      flex-direction: column;
      align-items: flex-start;
      min-height: min-content; }
    #header-main .main-nav > * {
      order: 2; }
    #header-main .main-nav span.nav-item {
      display: none; }
    #header-main .main-nav .menus,
    #header-main .main-nav .menus .wrap,
    #header-main .main-nav .menus .mega-menu {
      position: static; }
    #header-main .main-nav .menus {
      margin: 0 0 1.64706rem;
      box-shadow: 0 60px 60px rgba(0, 0, 0, 0.05);
      order: 1; }
      #header-main .main-nav .menus .wrap {
        opacity: 1;
        visibility: visible;
        width: auto !important;
        height: auto !important;
        transform: none !important; }
        #header-main .main-nav .menus .wrap .bg {
          display: none; }
        #header-main .main-nav .menus .wrap .mega-menu {
          padding-top: 0;
          width: auto;
          opacity: 1;
          visibility: visible; }
        #header-main .main-nav .menus .wrap .menu-block {
          padding: 0; }
          #header-main .main-nav .menus .wrap .menu-block.has-link-to {
            padding: 0; }
    #header-main .secondary-nav {
      margin-left: 0; }
    #header-main .nav-item {
      display: block;
      margin-left: 0; }
    #header-main .button {
      margin-left: 1.23529rem;
      order: 1; }
    #header-main .main-nav .nav-item,
    #header-main .secondary-nav .nav-item {
      font-size: 1.64706rem;
      line-height: 2;
      color: black; }
    #header-main.inverted .main .nav-item {
      color: black; }
      #header-main.inverted .main .nav-item:hover {
        color: #6359F9; }
    #header-main.menu-open {
      position: fixed; }
      #header-main.menu-open .nav-wrap {
        visibility: visible;
        opacity: 1;
        pointer-events: all; } }
  @media (max-width: 600px) {
    #header-main .logo {
      background-color: white; }
      #header-main .logo svg {
        width: auto;
        height: 1.85294rem; }
    #header-main .secondary-nav .button {
      margin: 0.82353rem 1.23529rem;
      width: calc(100% - 2.47059rem);
      padding: 1.23529rem; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

#footer-main {
  background-color: #F1F5F8;
  position: relative;
  z-index: 30;
  font-size: 0.76753rem; }
  #footer-main .footer-wrap,
  #footer-main .bottom-bar-wrap {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.64706rem;
    padding-right: 1.64706rem; }
    @media (max-width: 850px) {
      #footer-main .footer-wrap,
      #footer-main .bottom-bar-wrap {
        padding-left: 1.23529rem;
        padding-right: 1.23529rem; } }
  #footer-main .footer-wrap {
    padding-top: 4.94118rem;
    padding-bottom: 4.94118rem; }
    @media (max-width: 600px) {
      #footer-main .footer-wrap {
        padding-top: 2.47059rem;
        padding-bottom: 2.47059rem; } }
    #footer-main .footer-wrap *:last-child {
      margin-bottom: 0; }
    #footer-main .footer-wrap .row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -0.82353rem;
      margin-left: -0.82353rem; }
      @media (max-width: 850px) {
        #footer-main .footer-wrap .row > section:first-child {
          display: none; } }
    #footer-main .footer-wrap section {
      margin-left: 0.82353rem;
      margin-right: 0.82353rem;
      width: calc(16.66667% - 1.64706rem); }
  #footer-main .bottom-bar {
    padding-top: 0.82353rem;
    padding-bottom: 0.82353rem;
    background: white;
    font-weight: 600;
    color: #2B223D; }
  #footer-main .bottom-bar-wrap {
    display: flex; }
    #footer-main .bottom-bar-wrap > * {
      margin-right: 1.64706rem; }
  #footer-main .nav-item {
    display: block;
    font-weight: 600;
    color: #80798b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #footer-main a.nav-item:hover {
    color: #6359F9; }
  #footer-main .is-header {
    margin-bottom: 1.23529rem;
    color: #2B223D; }
    @media (max-width: 600px) {
      #footer-main .is-header {
        margin-bottom: 0.61765rem; } }
    #footer-main .is-header:not(:first-child) {
      margin-top: 1.23529rem; }
  @media (max-width: 850px) {
    #footer-main {
      font-size: 0.90588rem; }
      #footer-main .footer-wrap {
        padding-bottom: 0; }
        #footer-main .footer-wrap section {
          margin-left: 0.82353rem;
          margin-right: 0.82353rem;
          width: calc(50% - 1.64706rem);
          margin-bottom: 1.64706rem; }
      #footer-main .is-header {
        margin-bottom: 0; } }

.consent__container {
  position: fixed;
  bottom: 0;
  width: 100%; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.site-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: hidden; }
  .site-bg div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    .site-bg div.white {
      background: white; }
    .site-bg div.light-gray {
      background: #F1F5F8; }
    .site-bg div.deep-purple {
      background: #2B223D; }

@font-face {
  font-family: 'graphik-web';
  src: url("/static/fonts/Graphik-Light.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Graphik-Light.woff") format("woff"), url("/static/fonts/Graphik-Light.ttf") format("truetype"), url("/static/fonts/Graphik-Light.svg#Graphik-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'graphik-web';
  src: url("/static/fonts/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Graphik-Regular.woff") format("woff"), url("/static/fonts/Graphik-Regular.ttf") format("truetype"), url("/static/fonts/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'graphik-web';
  src: url("/static/fonts/Graphik-Semibold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Graphik-Semibold.woff") format("woff"), url("/static/fonts/Graphik-Semibold.ttf") format("truetype"), url("/static/fonts/Graphik-Semibold.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'graphik-web';
  src: url("/static/fonts/Graphik-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Graphik-Bold.woff") format("woff"), url("/static/fonts/Graphik-Bold.ttf") format("truetype"), url("/static/fonts/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

h1, h2, h3 {
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -.48px;
  color: #2B223D; }

h1 {
  margin: 0;
  margin-bottom: 1.64706rem;
  font-size: 2.47059rem;
  line-height: 3.50824rem; }
  @media (max-width: 600px) {
    h1 {
      margin-bottom: 0.82353rem; } }

h2 {
  margin: 0 0 0.82353rem;
  font-size: 1.4rem;
  line-height: 1.988rem; }
  @media (max-width: 600px) {
    h2 {
      font-size: 1.64706rem;
      line-height: 1.85294rem; } }

h3 {
  margin: 0 0 0.65882rem;
  font-size: 1.07059rem;
  line-height: 1.52024rem; }
  @media (max-width: 600px) {
    h3 {
      font-size: 1.23529rem; } }

label,
.label {
  text-transform: uppercase;
  letter-spacing: 0.04941rem;
  font-family: "graphik-web", Arial, sans-serif;
  -webkit-font-smoothing: auto;
  font-size: 0.82353rem; }
  @media (max-width: 850px) {
    label,
    .label {
      font-size: 1.07059rem; } }

table th, .large-body {
  font-size: 1.11176rem; }
  @media (max-width: 850px) {
    table th, .large-body {
      font-size: 0.82353rem;
      line-height: 1.64706rem; } }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

table {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }
  .slick-slide:active, .slick-slide:focus {
    outline: 0; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  position: relative;
  width: 100%; }
  table.table-button-hover tbody tr .button {
    visibility: hidden; }
  table.table-button-hover tbody tr:hover {
    background-color: #F1F5F8; }
    table.table-button-hover tbody tr:hover td {
      border-bottom-color: rgba(128, 121, 139, 0.1); }
    table.table-button-hover tbody tr:hover .button {
      visibility: visible; }
  table .label {
    font-weight: 600; }
  table .bg-gray {
    background-color: #F1F5F8; }
  table th {
    font-size: 0.71318rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #2B223D;
    letter-spacing: 0.006rem; }
    table th:first-child {
      border-top-left-radius: 3px; }
    table th:last-child {
      border-top-right-radius: 3px; }
  table b {
    font-weight: 600; }
  table tr.align-center td, table tr.align-center th {
    text-align: center; }
  table th, table td {
    padding: 0.57647rem 1.23529rem;
    border-bottom: 1px solid;
    border-bottom-color: #F1F5F8; }
    table th.align-center, table td.align-center {
      text-align: center; }
    table th.align-left, table td.align-left {
      text-align: left; }
    table th.align-right, table td.align-right {
      text-align: right; }
    table th.first-child-left-padding, table td.first-child-left-padding {
      padding-left: 2rem; }
  table td {
    font-size: 0.87788rem;
    line-height: 1.30804rem; }
    table td.featured, table td.featured-dark {
      text-transform: uppercase;
      font-size: 0.71318rem;
      color: #6359F9;
      font-weight: 600; }
    table td.featured-dark {
      color: #2B223D;
      font-size: 0.82353rem; }
    table td span.small {
      font-size: 0.7rem;
      text-transform: lowercase;
      color: #8a8394;
      font-weight: 600; }
    table td .title {
      color: #2B223D;
      font-weight: 500; }
    table td .description {
      font-size: 0.82353rem; }
  @media (max-width: 600px) {
    table {
      border: 0; }
      table.table-button-hover tbody tr .button {
        visibility: visible; }
      table td {
        display: block;
        width: 100% !important; }
        table td::before {
          /*
				* aria-label has no advantage, it won't be read inside a table
				content: attr(aria-label);
				*/
          content: attr(data-label);
          float: left;
          font-weight: bold;
          text-transform: uppercase; }
        table td:first-child {
          border-bottom: 1px solid #f2f5f7;
          display: block;
          font-size: .8em; }
        table td:last-child {
          border-bottom: 0; }
      table td.mobile-align-right,
      table tr.mobile-align-right td {
        text-align: right; }
      table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      table tr {
        display: block; }
        table tr:not(:last-child) {
          border-bottom: 3px solid #F1F5F8; }
      table th {
        text-align: right; } }

* {
  box-sizing: border-box; }

html, body, #root {
  margin: 0; }

html {
  background: #F1F5F8;
  font-size: 17px;
  line-height: 28px;
  position: relative; }
  @media (max-width: 850px) {
    html {
      font-size: 16px; } }
  @media (max-width: 600px) {
    html {
      font-size: 14px; } }

body {
  overflow-x: hidden;
  font-family: "graphik-web", Arial, sans-serif;
  font-weight: 400;
  color: #80798b;
  -webkit-font-smoothing: antialiased; }

.app {
  padding-top: 9.05882rem;
  transition: padding .3s; }
  .app.header-drawer-open {
    padding-top: 11.11765rem; }
  @media (max-width: 850px) {
    .app {
      padding-top: 7.41176rem; }
      .app.header-drawer-open {
        padding-top: 10.29412rem; } }

img {
  max-width: 100%;
  height: auto;
  display: block; }
  img.inline {
    display: inline-block; }

::selection {
  background: #6359F9;
  color: white; }

::-moz-selection {
  background: #6359F9;
  color: white; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.82353rem;
  margin-left: -0.82353rem; }

.col {
  margin-left: 0.82353rem;
  margin-right: 0.82353rem; }

p {
  margin: 0 0 1.64706rem; }
  @media (max-width: 600px) {
    p {
      margin: 0 0 0.82353rem; } }
  p.small {
    margin: 0 0 0.82353rem;
    font-size: 90%;
    line-height: 28px; }
  p strong {
    font-weight: 600; }

ul {
  padding-left: 1.64706rem;
  margin: 0 0 1.64706rem; }

a {
  text-decoration: none;
  color: #6359F9;
  cursor: pointer; }

hr {
  border-top: 2px solid #2B223D;
  border-radius: 1px;
  margin: 3.29412rem 0; }
  @media (max-width: 850px) {
    hr {
      margin: 1.64706rem 0; } }
  hr.small {
    width: 3.29412rem;
    border: 0;
    border-top: 2px solid #e8e6ea;
    margin: 1.64706rem 0; }

svg.graphic {
  overflow: visible; }
  svg.graphic .stroke {
    stroke: #2B223D; }
  svg.graphic .fill {
    fill: #2B223D; }
  svg.graphic path, svg.graphic line, svg.graphic polyline {
    vector-effect: non-scaling-stroke;
    fill: none; }
  svg.graphic .stroke {
    stroke-width: 2px; }

.filter-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap; }
  @media (max-width: 850px) {
    .filter-container {
      position: relative; } }
  .filter-container .sticky-eyebrow {
    position: sticky;
    position: -webkit-sticky;
    padding: 1.23529rem 0;
    top: 0;
    z-index: 1;
    background-color: white; }
  .filter-container .filter-radio-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    background: #F1F5F8;
    border-radius: 2px; }
    .filter-container .filter-radio-wrapper .input-radio:not(:last-child) {
      margin-right: 1.64706rem; }
  .filter-container .filter-title {
    margin-bottom: 15px;
    font-size: 0.98824rem;
    font-weight: 600; }
  @media (max-width: 850px) {
    .filter-container .sticky-eyebrow {
      position: relative; }
    .filter-container .filter-title {
      top: 0;
      margin-bottom: 1.64706rem; }
    .filter-container .filters {
      flex-direction: column;
      align-items: start; }
    .filter-container .filter-radio-wrapper {
      flex-direction: column; }
      .filter-container .filter-radio-wrapper .input-radio:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.41176rem; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.blog .panel {
  border: 1px solid #e7e6e8; }

.blog h1 {
  font-size: 36px; }
  @media (max-width: 600px) {
    .blog h1 {
      font-size: 30px;
      line-height: 30px; } }
  .blog h1 a {
    color: inherit; }

.blog.blog-index header {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 620px;
  text-align: center; }
  .blog.blog-index header h1 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 36px; }
    @media (max-width: 600px) {
      .blog.blog-index header h1 {
        font-size: 20px; } }
    .blog.blog-index header h1 a {
      color: #2B223D; }
      .blog.blog-index header h1 a:hover {
        color: #6359F9; }

.blog.blog-index .content {
  max-height: 620px;
  overflow: hidden;
  position: relative;
  z-index: 2; }
  .blog.blog-index .content:after {
    content: "";
    display: block;
    height: 140px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: -webkit-linear-gradient(top, transparent, #fff);
    background: -moz-linear-gradient(top, transparent, #fff);
    background: -o-linear-gradient(top, transparent, #fff);
    background: linear-gradient(top, transparent, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
    -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);";
    z-index: 9000; }
  .blog.blog-index .content .read-more .button {
    display: block;
    border-radius: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    font-size: 14px;
    z-index: 9999 !important;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    transition: all .25s ease; }

.blog.blog-article header {
  width: 100%;
  text-align: left; }
  .blog.blog-article header h1 {
    font-size: 26px;
    line-height: 38px;
    letter-spacing: 0;
    margin-bottom: 10px; }

.blog.blog-article .rich-text > :first-child {
  padding-top: 80px;
  margin-top: 0; }
  .blog.blog-article .rich-text > :first-child.full-width {
    padding-top: 0;
    margin: 0 -105px 64px; }
    .blog.blog-article .rich-text > :first-child.full-width.video iframe {
      width: 890px;
      height: 500px; }
    @media (max-width: 600px) {
      .blog.blog-article .rich-text > :first-child.full-width {
        margin: 0; } }
    .blog.blog-article .rich-text > :first-child.full-width > * {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }

.blog.blog-article .rich-text > :last-child {
  padding-bottom: 80px;
  margin-bottom: 0; }

.blog .content {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  color: #4c555a; }
  @media (max-width: 600px) {
    .blog .content {
      padding: 0 20px; } }
  .blog .content .full-width {
    margin: 32px 0;
    text-align: center; }
    .blog .content .full-width.video iframe {
      height: 378px; }
  .blog .content h1 {
    font-size: 42px;
    line-height: 52px; }
  .blog .content h2 {
    font-size: 28px;
    line-height: 38px; }
  .blog .content h3 {
    font-size: 22px;
    line-height: 32px; }
  .blog .content h4 {
    color: #999;
    font-size: 22px;
    line-height: 32px; }
  .blog .content h5 {
    margin-top: 0px;
    padding-right: 20px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.1px; }
  .blog .content p {
    margin-bottom: 24px;
    color: #333;
    line-height: 28px;
    letter-spacing: 0.1px;
    font-size: 16px; }
    @media (max-width: 600px) {
      .blog .content p {
        overflow-wrap: break-word; } }
  .blog .content iframe, .blog .content img, .blog .content figure {
    display: block;
    margin: 0 auto;
    width: 100%; }
    @media (max-width: 600px) {
      .blog .content iframe, .blog .content img, .blog .content figure {
        height: auto; } }

.blog .return-to-blog {
  position: absolute;
  width: 120px;
  min-height: 113px;
  display: block;
  left: 0;
  top: 202px;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  fill: transparent;
  background: none;
  border: none;
  text-align: left;
  line-height: 28px;
  cursor: pointer; }
  @media (max-width: 1025px) {
    .blog .return-to-blog {
      display: none; } }
  .blog .return-to-blog p {
    color: #6359F9;
    margin: 0 0 3px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px; }
  .blog .return-to-blog svg {
    width: 20px;
    transform: rotate(180deg);
    transform-origin: 50% 50%; }
    .blog .return-to-blog svg.graphic .stroke {
      stroke: #6359F9; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.blog .panel, .changelog .panel {
  border: 1px solid #e7e6e8; }

.blog h1, .changelog h1 {
  font-size: 36px; }
  @media (max-width: 600px) {
    .blog h1, .changelog h1 {
      font-size: 30px;
      line-height: 30px; } }
  .blog h1 a, .changelog h1 a {
    color: inherit; }

.blog.blog-index header, .blog-index.changelog header {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 620px;
  text-align: center; }
  .blog.blog-index header h1, .blog-index.changelog header h1 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 36px; }
    @media (max-width: 600px) {
      .blog.blog-index header h1, .blog-index.changelog header h1 {
        font-size: 20px; } }
    .blog.blog-index header h1 a, .blog-index.changelog header h1 a {
      color: #2B223D; }
      .blog.blog-index header h1 a:hover, .blog-index.changelog header h1 a:hover {
        color: #6359F9; }

.blog.blog-index .content, .blog-index.changelog .content {
  max-height: 620px;
  overflow: hidden;
  position: relative;
  z-index: 2; }
  .blog.blog-index .content:after, .blog-index.changelog .content:after {
    content: "";
    display: block;
    height: 140px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: -webkit-linear-gradient(top, transparent, #fff);
    background: -moz-linear-gradient(top, transparent, #fff);
    background: -o-linear-gradient(top, transparent, #fff);
    background: linear-gradient(top, transparent, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
    -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);";
    z-index: 9000; }
  .blog.blog-index .content .read-more .button, .blog-index.changelog .content .read-more .button {
    display: block;
    border-radius: 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    font-size: 14px;
    z-index: 9999 !important;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    transition: all .25s ease; }

.blog.blog-article header, .blog-article.changelog header, .changelog.changelog-entry header, .blog.changelog-entry header {
  width: 100%;
  text-align: left; }
  .blog.blog-article header h1, .blog-article.changelog header h1, .changelog.changelog-entry header h1, .blog.changelog-entry header h1 {
    font-size: 26px;
    line-height: 38px;
    letter-spacing: 0;
    margin-bottom: 10px; }

.blog.blog-article .rich-text > :first-child, .blog-article.changelog .rich-text > :first-child, .changelog.changelog-entry .rich-text > :first-child, .blog.changelog-entry .rich-text > :first-child {
  padding-top: 80px;
  margin-top: 0; }
  .blog.blog-article .rich-text > :first-child.full-width, .blog-article.changelog .rich-text > :first-child.full-width, .changelog.changelog-entry .rich-text > :first-child.full-width, .blog.changelog-entry .rich-text > :first-child.full-width {
    padding-top: 0;
    margin: 0 -105px 64px; }
    .blog.blog-article .rich-text > :first-child.full-width.video iframe, .blog-article.changelog .rich-text > :first-child.full-width.video iframe, .changelog.changelog-entry .rich-text > :first-child.full-width.video iframe, .blog.changelog-entry .rich-text > :first-child.full-width.video iframe {
      width: 890px;
      height: 500px; }
    @media (max-width: 600px) {
      .blog.blog-article .rich-text > :first-child.full-width, .blog-article.changelog .rich-text > :first-child.full-width, .changelog.changelog-entry .rich-text > :first-child.full-width, .blog.changelog-entry .rich-text > :first-child.full-width {
        margin: 0; } }
    .blog.blog-article .rich-text > :first-child.full-width > *, .blog-article.changelog .rich-text > :first-child.full-width > *, .changelog.changelog-entry .rich-text > :first-child.full-width > *, .blog.changelog-entry .rich-text > :first-child.full-width > * {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }

.blog.blog-article .rich-text > :last-child, .blog-article.changelog .rich-text > :last-child, .changelog.changelog-entry .rich-text > :last-child, .blog.changelog-entry .rich-text > :last-child {
  padding-bottom: 80px;
  margin-bottom: 0; }

.blog .content, .changelog .content {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  color: #4c555a; }
  @media (max-width: 600px) {
    .blog .content, .changelog .content {
      padding: 0 20px; } }
  .blog .content .full-width, .changelog .content .full-width {
    margin: 32px 0;
    text-align: center; }
    .blog .content .full-width.video iframe, .changelog .content .full-width.video iframe {
      height: 378px; }
  .blog .content h1, .changelog .content h1 {
    font-size: 42px;
    line-height: 52px; }
  .blog .content h2, .changelog .content h2 {
    font-size: 28px;
    line-height: 38px; }
  .blog .content h3, .changelog .content h3 {
    font-size: 22px;
    line-height: 32px; }
  .blog .content h4, .changelog .content h4 {
    color: #999;
    font-size: 22px;
    line-height: 32px; }
  .blog .content h5, .changelog .content h5 {
    margin-top: 0px;
    padding-right: 20px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.1px; }
  .blog .content p, .changelog .content p {
    margin-bottom: 24px;
    color: #333;
    line-height: 28px;
    letter-spacing: 0.1px;
    font-size: 16px; }
    @media (max-width: 600px) {
      .blog .content p, .changelog .content p {
        overflow-wrap: break-word; } }
  .blog .content iframe, .changelog .content iframe, .blog .content img, .changelog .content img, .blog .content figure, .changelog .content figure {
    display: block;
    margin: 0 auto;
    width: 100%; }
    @media (max-width: 600px) {
      .blog .content iframe, .changelog .content iframe, .blog .content img, .changelog .content img, .blog .content figure, .changelog .content figure {
        height: auto; } }

.blog .return-to-blog, .changelog .return-to-blog {
  position: absolute;
  width: 120px;
  min-height: 113px;
  display: block;
  left: 0;
  top: 202px;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  fill: transparent;
  background: none;
  border: none;
  text-align: left;
  line-height: 28px;
  cursor: pointer; }
  @media (max-width: 1025px) {
    .blog .return-to-blog, .changelog .return-to-blog {
      display: none; } }
  .blog .return-to-blog p, .changelog .return-to-blog p {
    color: #6359F9;
    margin: 0 0 3px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px; }
  .blog .return-to-blog svg, .changelog .return-to-blog svg {
    width: 20px;
    transform: rotate(180deg);
    transform-origin: 50% 50%; }
    .blog .return-to-blog svg.graphic .stroke, .changelog .return-to-blog svg.graphic .stroke {
      stroke: #6359F9; }

.changelog-content {
  margin: 0 auto;
  width: 100%;
  padding: 0; }
  .changelog-content .change__wrapper {
    margin: 0;
    font-size: 0.82353rem; }
    .changelog-content .change__wrapper img {
      max-height: 512px; }
  .changelog-content .change {
    overflow: visible;
    border-top: 1px solid #fafafb;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease; }
    .changelog-content .change__redirect-to-external {
      color: #4c555a;
      display: inline-block;
      padding: 0.82353rem 3.5rem;
      width: 100%;
      background: none;
      border: 0;
      margin: 0;
      cursor: pointer; }
      @media (max-width: 600px) {
        .changelog-content .change__redirect-to-external {
          padding: 1rem 2rem; } }
      .changelog-content .change__redirect-to-external:hover {
        background: #F1F5F8; }
      .changelog-content .change__redirect-to-external .change-type {
        display: inline-block;
        float: left;
        width: 15%;
        text-align: right; }
        @media (max-width: 600px) {
          .changelog-content .change__redirect-to-external .change-type {
            width: 100%;
            text-align: left; } }
      .changelog-content .change__redirect-to-external .change-title {
        transition: all .2s ease;
        display: inline-block;
        padding-left: 18px;
        width: 85%; }
        @media (max-width: 600px) {
          .changelog-content .change__redirect-to-external .change-title {
            width: 100%;
            padding-left: 0; } }
    .changelog-content .change__inline {
      margin: 1.64706rem 0; }
      .changelog-content .change__inline .change__wrapper .change-type {
        float: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0 5.8rem 0; }
        @media (max-width: 600px) {
          .changelog-content .change__inline .change__wrapper .change-type {
            padding: .5rem 2rem 0; } }
      .changelog-content .change__inline .change__wrapper .change-title {
        display: block;
        width: 100%;
        padding: .5rem 5.8rem 0;
        font-size: 16px;
        font-weight: 600; }
        @media (max-width: 600px) {
          .changelog-content .change__inline .change__wrapper .change-title {
            padding: .5rem 2rem 0; } }
      .changelog-content .change__inline .change__content {
        padding: 1rem 5.8rem 0; }
        @media (max-width: 600px) {
          .changelog-content .change__inline .change__content {
            padding: .5rem 2rem 0; } }
        .changelog-content .change__inline .change__content p {
          font-size: 0.82353rem;
          margin: 0 0 0.82353rem; }
          .changelog-content .change__inline .change__content p:last-child {
            margin: 0; }
        .changelog-content .change__inline .change__content .change__attachments {
          display: flex;
          justify-content: center; }
          .changelog-content .change__inline .change__content .change__attachments img {
            margin-top: 1rem; }
    .changelog-content .change .change-type__badge {
      display: inline-block;
      box-sizing: border-box;
      border-radius: 3px;
      text-decoration: none;
      text-transform: uppercase;
      padding-left: 8px;
      padding-right: 8px;
      line-height: 20px;
      height: 24px;
      font-size: 0.65882rem;
      font-weight: 600; }
      .changelog-content .change .change-type__badge--new {
        background-color: #d4eee2;
        color: #159570; }
      .changelog-content .change .change-type__badge--fix {
        background-color: #fae3cd;
        color: #95591e; }
      .changelog-content .change .change-type__badge--improvement {
        background-color: #eae7f8;
        color: #37248f; }
      .changelog-content .change .change-type__badge--api {
        background-color: #ddebf7;
        color: #084b8a; }
    @media (max-width: 600px) {
      .changelog-content .change {
        padding: 0; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.changelog-index header {
  margin: 1rem 0;
  width: 100%;
  max-width: 620px;
  font-size: 1.09694rem;
  font-weight: 600; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.graphic.quote {
  overflow: visible; }
  .graphic.quote path {
    stroke: #2B223D; }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.slider .slick-slider {
  box-shadow: 0 50px 35px -40px rgba(0, 0, 0, 0.25), 0 20px 50px -10px rgba(0, 0, 0, 0.25); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.slider {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.64706rem;
  padding-right: 1.64706rem;
  position: relative;
  z-index: 20; }
  @media (max-width: 850px) {
    .slider {
      padding-left: 1.23529rem;
      padding-right: 1.23529rem; } }
  .slider.margin-large {
    margin-bottom: 6.58824rem; }
  .slider.margin-medium {
    margin-bottom: 4.94118rem; }
  .slider.margin-small {
    margin-bottom: 1.64706rem; }
  .slider.margin-none {
    margin-bottom: 0; }
  .slider .slick-slider {
    border-radius: 3px;
    overflow: hidden;
    background: white; }
  .slider .slick-slide > div {
    width: 100%; }
  .slider .slick-slide,
  .slider .slick-slide > div,
  .slider .slick-slide .slide,
  .slider .slick-slide .wrap {
    height: 100%; }
  .slider .slick-track {
    display: flex; }
    .slider .slick-track .slick-slide {
      display: flex;
      height: auto;
      align-items: center;
      justify-content: center; }
  .slider .slide .wrap {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative; }
  .slider .slide .content {
    width: 50%;
    padding: 2.96471rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative; }
    @media (max-width: 600px) {
      .slider .slide .content {
        padding: 1.48235rem; } }
    .slider .slide .content *:last-child {
      margin-bottom: 0; }
    .slider .slide .content .triangle {
      position: absolute;
      z-index: 2;
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg);
      width: 80px;
      height: 800px;
      left: -75px;
      top: -20px;
      background: #ffffff; }
    .slider .slide .content .testimonial {
      font-size: 1.23529rem;
      line-height: 1.75412rem;
      font-weight: 600;
      color: #2B223D;
      letter-spacing: -.5px; }
  .slider .slide .image {
    width: 50%;
    min-height: 100%;
    background-size: cover;
    background-position: top; }
  .slider .quote {
    margin-bottom: 0.82353rem; }
  .slider .slick-dots {
    position: absolute;
    bottom: 2.47059rem;
    left: 2.47059rem;
    display: flex !important;
    list-style: none;
    padding: 0;
    margin: 0; }
    .slider .slick-dots button {
      width: 0.82353rem;
      height: 0.82353rem;
      padding: 0;
      background: transparent;
      border: 2px solid white;
      overflow: hidden;
      text-indent: 9999px;
      border-radius: 100px;
      margin-left: 0.82353rem;
      transition: 200ms background;
      cursor: pointer; }
      .slider .slick-dots button:hover {
        background: rgba(255, 255, 255, 0.4); }
      .slider .slick-dots button:active, .slider .slick-dots button:focus {
        outline: 0; }
    .slider .slick-dots li.slick-active button {
      background: white; }
  @media (max-width: 850px) {
    .slider .slide .wrap {
      flex-direction: column; }
      .slider .slide .wrap .content,
      .slider .slide .wrap .image {
        width: 100%; }
      .slider .slide .wrap .image {
        order: 1;
        min-height: 29.64706rem; }
        .slider .slide .wrap .image img {
          height: auto;
          width: 100%; }
      .slider .slide .wrap .content {
        order: 2;
        padding: 2.47059rem 2.47059rem 7.41176rem; }
      .slider .slide .wrap .triangle {
        display: none; }
    .slider .slick-dots {
      position: relative;
      width: 100%;
      left: 0;
      justify-content: center; }
      .slider .slick-dots li:first-child > button {
        margin-left: 0; }
      .slider .slick-dots button {
        border: 2px solid #6359F9; }
      .slider .slick-dots li.slick-active button {
        background: #6359F9; } }
  @media (max-width: 600px) {
    .slider .slide .wrap .image {
      min-height: 19.76471rem; } }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.sticky-list .sticky-content .sticky li.active {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.sticky-list {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.64706rem;
  padding-right: 1.64706rem;
  position: relative;
  z-index: 20; }
  @media (max-width: 850px) {
    .sticky-list {
      padding-left: 1.23529rem;
      padding-right: 1.23529rem; } }
  .sticky-list.margin-large {
    margin-bottom: 6.58824rem; }
  .sticky-list.margin-medium {
    margin-bottom: 4.94118rem; }
  .sticky-list.margin-small {
    margin-bottom: 1.64706rem; }
  .sticky-list.margin-none {
    margin-bottom: 0; }
  .sticky-list .wrap {
    padding: 4.94118rem 4.94118rem 0;
    background: linear-gradient(to bottom, #F1F5F8 0%, white 100%);
    border-radius: 3px; }
  .sticky-list header {
    margin-bottom: 4.94118rem; }
    @media (max-width: 600px) {
      .sticky-list header {
        margin-bottom: 2.47059rem; } }
  .sticky-list .sticky-content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.82353rem;
    margin-left: -0.82353rem;
    position: relative;
    align-items: flex-start; }
    .sticky-list .sticky-content .sticky,
    .sticky-list .sticky-content .content {
      list-style: none;
      padding: 0; }
    .sticky-list .sticky-content .sticky {
      margin-left: 0.82353rem;
      margin-right: 0.82353rem;
      width: calc(25% - 1.64706rem);
      position: sticky;
      position: -webkit-sticky;
      top: 3.29412rem; }
      .sticky-list .sticky-content .sticky li, .sticky-list .sticky-content .sticky h4 {
        transition: 200ms all; }
      .sticky-list .sticky-content .sticky li {
        padding: 0.82353rem 1.64706rem;
        border-radius: 3px;
        opacity: .5;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600; }
        .sticky-list .sticky-content .sticky li:hover {
          cursor: pointer; }
          .sticky-list .sticky-content .sticky li:hover:not(.active) h4 {
            color: #6359F9;
            opacity: 1; }
        .sticky-list .sticky-content .sticky li.active {
          background: white;
          opacity: 1; }
    .sticky-list .sticky-content .content {
      margin-left: 0.82353rem;
      margin-right: 0.82353rem;
      width: calc(70.83333% - 1.64706rem);
      margin-right: 0.82353rem;
      margin-left: calc(4.16667% + 0.82353rem); }
      @media (max-width: 850px) {
        .sticky-list .sticky-content .content {
          width: calc(100%);
          margin-left: 0.82353rem;
          margin-right: 0.82353rem; } }
      .sticky-list .sticky-content .content hr {
        margin: 4.94118rem 0; }
  @media (max-width: 850px) {
    .sticky-list .wrap {
      padding: 1.64706rem 1.64706rem 0; }
    .sticky-list .sticky {
      display: none; }
    .sticky-list .sticky-content .content hr {
      margin: 2.47059rem 0 1.64706rem; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

form#contact-form {
  max-width: 70%;
  z-index: 20; }
  form#contact-form label {
    color: white;
    font-weight: 300;
    text-transform: initial;
    margin-bottom: 0.65882rem; }
  form#contact-form .status {
    display: block;
    height: auto;
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    transition: max-height 300ms ease-out, opacity 300ms ease, margin-bottom 300ms ease, padding 300ms ease;
    background: rgba(134, 131, 229, 0.3);
    border: 2px solid #6359F9;
    border-radius: 2px;
    color: white;
    font-weight: bold;
    font-size: inherit;
    text-align: center;
    padding: 0; }
    form#contact-form .status.open {
      padding: 0.82353rem;
      max-height: 400px;
      opacity: 1;
      margin-bottom: 0.82353rem; }
    form#contact-form .status.error {
      background: #6359F9; }
  form#contact-form .interact:not(.hp) {
    width: 50%;
    display: inline-block;
    margin-bottom: 1.23529rem; }
    form#contact-form .interact:not(.hp):nth-of-type(even) {
      margin-left: 1.31765rem;
      width: calc(50% - 1.31765rem); }
    form#contact-form .interact:not(.hp).message {
      width: 100%; }
  form#contact-form button[type="submit"] {
    display: inline-flex;
    font-weight: 600;
    font-size: 0.82353rem;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    background: #6359F9;
    color: white;
    border: 0;
    padding: 0.82353rem 1.64706rem;
    line-height: 1.23529rem; }

.form-image {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  top: -16.47059rem;
  right: -59.29412rem;
  bottom: -16.47059rem;
  left: -22.23529rem;
  background-image: url("/static/img/keyboard-lines.svg"); }

@media (max-width: 850px) {
  form#contact-form {
    max-width: 100%; }
    form#contact-form input, form#contact-form textarea {
      background: rgba(134, 131, 229, 0.2); }
    form#contact-form .interact:not(.hp) {
      width: 100% !important;
      display: inline-block;
      margin-bottom: 2.47059rem;
      margin-left: 0 !important; }
      form#contact-form .interact:not(.hp).interact:nth-of-type(odd) {
        margin-left: 0;
        width: 100%; }
  .form-image {
    display: none; } }

.tooltip {
  font-weight: 600;
  font-size: 0.74118rem;
  text-transform: uppercase;
  letter-spacing: 0.08235rem;
  background-color: #6359F9;
  position: absolute;
  top: -0.82353rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 0.65882rem;
  color: white;
  line-height: 1.31765rem;
  border-radius: 2px;
  -webkit-font-smoothing: antialiased; }
  .tooltip span {
    position: absolute;
    transform: translateX(-50%);
    top: calc(100% - 1px);
    right: 0;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #6359F9; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.interact.text,
.interact.email {
  margin-bottom: 1.64706rem;
  position: relative; }
  .interact.text label,
  .interact.email label {
    display: flex; }
    .interact.text label .required,
    .interact.email label .required {
      color: #6359F9;
      margin-left: 0.41176rem;
      margin-right: auto; }
  .interact.text .tooltip,
  .interact.email .tooltip {
    left: auto;
    right: 0;
    transform: none; }
  .interact.text input,
  .interact.email input {
    width: 100%;
    border: 0;
    border-radius: 3px;
    background: rgba(134, 131, 229, 0.1);
    color: white;
    font-size: 0.82353rem;
    height: 2.47059rem;
    line-height: 2.14118rem;
    padding: 0 1.23529rem; }
    .interact.text input::-webkit-input-placeholder,
    .interact.email input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #8683E5; }
    .interact.text input::-moz-placeholder,
    .interact.email input::-moz-placeholder {
      /* Firefox 19+ */
      color: #8683E5; }
    .interact.text input:-ms-input-placeholder,
    .interact.email input:-ms-input-placeholder {
      /* IE 10+ */
      color: #8683E5; }
    .interact.text input:-moz-placeholder,
    .interact.email input:-moz-placeholder {
      /* Firefox 18- */
      color: #8683E5; }
    .interact.text input:hover,
    .interact.email input:hover {
      background-color: rgba(134, 131, 229, 0.2); }
    .interact.text input:focus, .interact.text input:active,
    .interact.email input:focus,
    .interact.email input:active {
      background-color: rgba(134, 131, 229, 0.2);
      outline: 0; }
  .interact.text.error input,
  .interact.email.error input {
    border: 2px solid #6359F9; }
  @media (max-width: 600px) {
    .interact.text,
    .interact.email {
      margin-bottom: 0.82353rem; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.interact.textarea {
  margin-bottom: 1.64706rem;
  position: relative; }
  .interact.textarea label {
    display: block; }
    .interact.textarea label .required {
      color: #6359F9;
      margin-left: 0.41176rem; }
  .interact.textarea .tooltip {
    left: auto;
    right: 0;
    transform: none; }
  .interact.textarea textarea {
    width: 100%;
    border: 0;
    border-radius: 3px;
    background: rgba(134, 131, 229, 0.1);
    color: white;
    font-size: 0.82353rem;
    height: 2.47059rem;
    line-height: 2.14118rem;
    padding: 0 1.23529rem;
    width: 100%;
    height: initial; }
    .interact.textarea textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #8683E5; }
    .interact.textarea textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #8683E5; }
    .interact.textarea textarea:-ms-input-placeholder {
      /* IE 10+ */
      color: #8683E5; }
    .interact.textarea textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #8683E5; }
    .interact.textarea textarea:hover {
      background-color: rgba(134, 131, 229, 0.2); }
    .interact.textarea textarea:focus, .interact.textarea textarea:active {
      background-color: rgba(134, 131, 229, 0.2);
      outline: 0; }
  .interact.textarea.error textarea {
    border: 2px solid #6359F9; }
  @media (max-width: 600px) {
    .interact.textarea {
      margin-bottom: 0.82353rem; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.tabs {
  position: relative;
  z-index: 20; }
  .tabs.margin-large {
    margin-bottom: 6.58824rem; }
  .tabs.margin-medium {
    margin-bottom: 4.94118rem; }
  .tabs.margin-small {
    margin-bottom: 1.64706rem; }
  .tabs.margin-none {
    margin-bottom: 0; }
  .tabs .tab-wrapper,
  .tabs .content-wrapper {
    position: relative; }
  .tabs .tab-wrapper {
    box-shadow: inset 0 -15px 15px -16px rgba(128, 121, 139, 0.25); }
  .tabs .content-wrapper {
    background: #fff; }
  .tabs .tab-labels,
  .tabs .tab-contents,
  .tabs .tab-contents li {
    position: relative;
    z-index: 2; }
  .tabs .tab-labels,
  .tabs .tab-contents {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.64706rem;
    padding-right: 1.64706rem;
    list-style: none;
    margin-bottom: 0; }
    @media (max-width: 850px) {
      .tabs .tab-labels,
      .tabs .tab-contents {
        padding-left: 1.23529rem;
        padding-right: 1.23529rem; } }
  .tabs .tab-labels {
    display: flex;
    padding-top: 1.64706rem; }
    .tabs .tab-labels li {
      cursor: pointer;
      padding: 0.82353rem 0;
      text-align: center;
      box-shadow: -4px -4px 8px -5px rgba(128, 121, 139, 0.25), 8px -2px 8px -5px rgba(128, 121, 139, 0.25);
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      margin-right: 0; }
      .tabs .tab-labels li:last-child {
        margin-right: 0; }
      .tabs .tab-labels li > *:last-child {
        margin-bottom: 0; }
      .tabs .tab-labels li.active, .tabs .tab-labels li.active:hover {
        background: white; }
        .tabs .tab-labels li.active *, .tabs .tab-labels li.active:hover * {
          color: #6359F9; }
      .tabs .tab-labels li:hover {
        background: rgba(255, 255, 255, 0.5); }
  .tabs .tab-contents {
    padding-top: 3.29412rem;
    padding-bottom: 3.29412rem; }
    @media (max-width: 600px) {
      .tabs .tab-contents {
        padding-top: 1.64706rem;
        padding-bottom: 1.64706rem; } }
    .tabs .tab-contents *:last-child {
      margin-bottom: 0; }
    .tabs .tab-contents li {
      display: none; }
      .tabs .tab-contents li.active {
        display: block; }
  .tabs.even-width-tabs .tab-labels li {
    flex: 1; }
  .tabs.developer-terminal {
    position: relative;
    width: 100%;
    height: 360px;
    box-shadow: 27.1px 62.5px 125px -25px rgba(50, 50, 93, 0.5), 16.2px 37.5px 75px -37.5px rgba(0, 0, 0, 0.6);
    background-image: linear-gradient(to bottom right, #09123e, #222a51);
    border-radius: 3px;
    overflow-y: scroll; }
    .tabs.developer-terminal::-webkit-scrollbar {
      width: 0.5em; }
    .tabs.developer-terminal::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    .tabs.developer-terminal::-webkit-scrollbar-thumb {
      background-color: #80798b;
      border-radius: 3px; }
    .tabs.developer-terminal .tab-labels {
      padding: 0; }
      .tabs.developer-terminal .tab-labels li {
        background: #393e54;
        color: #fff;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px; }
        .tabs.developer-terminal .tab-labels li.active, .tabs.developer-terminal .tab-labels li.active * {
          color: #F1F5F8;
          background: transparent; }
    .tabs.developer-terminal .content-wrapper {
      background-color: transparent; }
      .tabs.developer-terminal .content-wrapper .tab-contents {
        padding-top: 1.64706rem;
        padding-bottom: 1.64706rem;
        color: #c4cdd5; }
        @media (max-width: 600px) {
          .tabs.developer-terminal .content-wrapper .tab-contents {
            padding-top: 0.82353rem;
            padding-bottom: 0.82353rem; } }
        .tabs.developer-terminal .content-wrapper .tab-contents *:last-child {
          margin-bottom: 0; }
        .tabs.developer-terminal .content-wrapper .tab-contents .color-led {
          color: #DBE01F; }
        .tabs.developer-terminal .content-wrapper .tab-contents .color-green {
          color: #159570; }
        .tabs.developer-terminal .content-wrapper .tab-contents code .comment {
          margin-bottom: 0; }
        .tabs.developer-terminal .content-wrapper .tab-contents code ol, .tabs.developer-terminal .content-wrapper .tab-contents code ul {
          padding-left: 0; }
          .tabs.developer-terminal .content-wrapper .tab-contents code ol li, .tabs.developer-terminal .content-wrapper .tab-contents code ul li {
            display: block; }
  @media (max-width: 850px) {
    .tabs .tab-labels {
      margin-left: -1.23529rem;
      width: calc(100% + 2.47059rem);
      padding-left: 1.23529rem;
      padding-right: 1.23529rem;
      overflow: scroll; }
      .tabs .tab-labels li {
        width: 250px; }
        .tabs .tab-labels li * {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; } }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.input-radio {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .input-radio .checkbox-wrapper {
    position: relative;
    margin-right: 0.82353rem;
    display: flex;
    width: 0.71318rem;
    height: 0.71318rem;
    border-radius: 100%;
    border: #2B223D 2px solid; }
    .input-radio .checkbox-wrapper::after {
      content: '';
      position: absolute;
      height: 0.87788rem;
      width: 0.87788rem;
      border-radius: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(90deg);
      z-index: 1; }
    .input-radio .checkbox-wrapper:hover::after {
      background-color: #F1F5F8; }
    .input-radio .checkbox-wrapper.checked::after {
      background-color: #6359F9; }
  .input-radio [type=checkbox] {
    -webkit-appearance: none;
    cursor: pointer;
    width: 0.71318rem;
    height: 0.71318rem;
    position: relative; }
    .input-radio [type=checkbox]::-ms-check {
      display: none; }
    .input-radio [type=checkbox]:focus {
      outline: none; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.features-list {
  list-style: none;
  position: relative;
  padding: 0;
  overflow-x: visible; }
  .features-list li {
    position: relative; }
    :not(.small-list).features-list li:before {
      content: "";
      position: absolute;
      background: linear-gradient(rgba(233, 237, 241, 0.27), #cfd7df);
      height: 100%;
      top: 15px;
      left: 10px;
      width: 2px;
      display: block; }
    :not(.small-list).features-list li:last-child:before {
      display: none; }
    .features-list li > div {
      display: block;
      position: relative;
      text-align: left;
      padding: 10px 0 10px 40px;
      padding-left: 40px;
      border: none; }
      .small-list.features-list li > div {
        padding-top: 5px;
        padding-bottom: 5px; }
      .features-list li > div .features-icon {
        width: 22px;
        height: 22px;
        border-radius: 100%;
        box-shadow: 0 2px 5px -1px rgba(50, 50, 93, 0.25), 0 1px 3px -1px rgba(0, 0, 0, 0.3);
        position: absolute;
        background-color: #6359F9;
        pointer-events: none;
        z-index: 5;
        top: 15px;
        left: 0; }
        .small-list.features-list li > div .features-icon {
          top: 10px; }
        .features-list li > div .features-icon span {
          width: 17px;
          height: 17px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .features-list li > div .features-icon span svg {
            position: absolute;
            top: 1px; }
      .features-list li > div .features-text {
        font-size: 0.87788rem;
        font-weight: 600; }
        .small-list.features-list li > div .features-text {
          font-weight: 500; }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.hardwareList .hardware-list-wrapper {
  box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175); }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.hardwareList {
  overflow: hidden;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 155px; }
  @media (max-width: 600px) {
    .hardwareList {
      padding-top: 0;
      padding-bottom: 0; } }
  .hardwareList .hardware-list-wrapper {
    position: relative;
    display: flex;
    padding: 2.05882rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    background-color: #2B223D;
    color: rgba(255, 255, 255, 0.94);
    height: 540px; }
    @media (max-width: 600px) {
      .hardwareList .hardware-list-wrapper {
        padding: 1.02941rem; } }
    .hardwareList .hardware-list-wrapper *:last-child {
      margin-bottom: 0; }
    .hardwareList .hardware-list-wrapper .hardware-text {
      width: 50%; }
      @media (max-width: 600px) {
        .hardwareList .hardware-list-wrapper .hardware-text {
          width: 100%; } }
      .hardwareList .hardware-list-wrapper .hardware-text .heading-light {
        color: #F1F5F8;
        margin-bottom: 8px; }
      .hardwareList .hardware-list-wrapper .hardware-text .subheading {
        color: #F1F5F8;
        margin-bottom: 8px;
        font-weight: 600; }
    .hardwareList .hardware-list-wrapper .hardware-cards-wrapper {
      position: relative;
      display: flex;
      width: 45%;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
      @media (max-width: 600px) {
        .hardwareList .hardware-list-wrapper .hardware-cards-wrapper {
          display: none; } }
      .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column {
        display: flex;
        width: 20%;
        flex-direction: column;
        justify-content: flex-start; }
        @media (max-width: 850px) {
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column:nth-child(3) {
            display: none; } }
        .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap {
          width: 100px;
          height: 125px;
          margin-top: 10px;
          margin-bottom: 10px;
          flex: 0 0 auto;
          border-radius: 3px;
          box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.1);
          transform-style: preserve-3d;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: auto 60%;
          background-color: #fff; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.ubuntu {
            background-color: #dd4815;
            background-image: url("/static/icons/ubuntu.svg"); }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.redhat {
            background-image: url("/static/icons/redhat.svg");
            background-position: 50% 45%;
            background-size: auto 50%;
            background-color: #cc0300; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.centos {
            background-image: url("/static/icons/centos.svg"); }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.windows {
            background-image: url("/static/icons/microsoft.svg");
            background-color: #f3f3f3; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.esxi {
            background-image: url("/static/icons/vmware.svg"); }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.debian {
            background-color: #151515;
            background-image: url("/static/icons/debian.svg");
            background-size: auto 55%; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.ibm {
            background-image: url("/static/icons/ibm.svg");
            background-size: contain;
            background-size: 75%; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.hp {
            background-color: #f1f1f1;
            background-image: url("/static/icons/hp.svg");
            background-size: auto 55%; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.lenovo {
            background-color: #e22319;
            background-image: url("/static/icons/lenovo.svg");
            background-size: auto 25%; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.huawei {
            background-image: url("/static/icons/huawei.png");
            background-size: auto 55%; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.quanta {
            background-image: url("/static/icons/qct.svg");
            background-size: 75% auto; }
          .hardwareList .hardware-list-wrapper .hardware-cards-wrapper .hardware-card-column .hardware-wrap.dell {
            background-image: url("/static/icons/dell.svg");
            background-size: auto 65%; }

.offset-image {
  position: relative; }
  .offset-image:after {
    content: '';
    position: absolute;
    background: #2B223D;
    z-index: -1;
    top: 40px;
    right: 0px;
    height: 455px;
    border-radius: 3px;
    width: 300px; }
  .offset-image.offset-square:after {
    width: 470px;
    height: 353px; }
  .offset-image.offset-2:after {
    left: 0; }
  .offset-image.offset-light:after {
    background: #F1F5F8; }

.slate {
  border-right: 6px solid #8683E5;
  transform: skew(70deg);
  position: absolute;
  right: 0;
  top: 0;
  height: 360px;
  z-index: -1; }
  .slate-2 {
    height: 390px; }
  .slate-3 {
    top: 100px; }

.pricing-title {
  display: flex;
  align-items: center; }
  .pricing-title:before {
    content: "";
    display: block;
    width: 75px;
    height: 30px;
    flex-shrink: 0;
    margin: 0 36px 0 -5px;
    background: url("/static/img/firewall-icon.svg"); }
  .pricing-title.firewall:before {
    background: url("/static/img/firewall-icon.svg"); }
  .pricing-title.ddos:before {
    background: url("/static/img/ddos-protection-icon.svg"); }

.pricing-columns {
  margin: 0 auto; }
  @media (max-width: 850px) {
    .pricing-columns {
      max-width: 100%; } }
  .pricing-columns .gutter {
    flex: 1;
    border: 2px solid #F1F5F8;
    border-radius: 3px; }
    .pricing-columns .gutter.recommended {
      border: 2px solid #6359F9;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .pricing-columns .gutter .callout {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6359F9;
      border: 2px solid #6359F9;
      border-bottom: 0;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      font-size: 14px;
      font-weight: 500;
      height: 35px;
      margin: -35px -2px 0;
      text-transform: uppercase; }
      @media (max-width: 600px) {
        .pricing-columns .gutter .callout {
          margin: -2px -2px 0; } }
  .pricing-columns .panel h4 {
    margin-bottom: 8px; }
  .pricing-columns .panel .card-features-header {
    font-size: 14px;
    font-weight: 600; }
  .pricing-columns .panel .plan-features ul {
    margin: 0;
    padding-left: 20px;
    font-size: 16px;
    list-style-image: url("/static/icons/tick-plans.svg"); }
    .pricing-columns .panel .plan-features ul li {
      color: #2B223D;
      display: block;
      align-items: center;
      margin-bottom: 8px;
      text-align: left;
      display: list-item; }
      .pricing-columns .panel .plan-features ul li span {
        font-weight: 500;
        color: #159570; }

.pricing-faq .question-list {
  column-count: 2; }
  @media (max-width: 850px) {
    .pricing-faq .question-list {
      column-count: 1; } }
  .pricing-faq .question-list > div {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid; }