html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
  }
  
  body {
    margin: 0;
  }
  
   footer {
    display: block;
  }
  
  [hidden], template {
    display: none;
  }
  
  a {
    background-color: rgba(0, 0, 0, 0);
  }
  
  a:active, a:hover {
    outline: 0;
  }
  
  h1 {
    margin: .67em 0;
    font-size: 2em;
  }
  
  small {
    font-size: 80%;
  }
  
  img {
    border: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
   input {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  
   input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  input {
    line-height: normal;
  }
  
  @font-face {
    font-family: xoobug-icons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  * {
    box-sizing: border-box;
  }
  
  html {
    height: 100%;
  }
  
  body {
    min-height: 100%;
    color: #333;
    background-color: #fff;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
  }
  
  .xb-inline-block {
    max-width: 100%;
    display: inline-block;
  }
  
  .xb-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
  }
  
  input.xb-button {
    -webkit-appearance: button;
  }
  
  h1 {
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 10px;
  }
  
  .xb-form {
    margin: 0 0 15px;
  }
  
  .xb-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
  }
  
  .xb-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
  }
  
  .xb-input {
    width: 100%;
    height: 38px;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
  }
  
  .xb-input:-moz-placeholder {
    color: #999;
  }
  
  .xb-input::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  
  .xb-input::-webkit-input-placeholder {
    color: #999;
  }
  
  .xb-input:focus {
    border-color: #3898ec;
    outline: 0;
  }
  
  .xb-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .xb-container:before, .xb-container:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .xb-container:after {
    clear: both;
  }
  
  @media screen and (max-width: 991px) {
    .xb-container {
      max-width: 728px;
    }
  }
  
  @media screen and (max-width: 479px) {
    .xb-container {
      max-width: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .xb-nav-brand {
      padding-left: 10px;
    }
  }
  
  .xb-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
  }
  
  @media screen and (max-width: 767px) {
  
    .xb-nav-brand {
      padding-left: 10px;
    }
  }
  
  .xb--tab-active {
    display: block;
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  :root {
    --neutral--600: #34394b;
    --neutral--800: #020f1e;
    --secondary--color-1: #005dff;
    --accent--primary-1: #020c1e;
    --neutral--100: white;
    --neutral--300: #dbe2ed;
    --general--shadow-01: rgba(105, 104, 168, .06);
    --neutral--200: #f0f6ff;
    --general--shadow-05: rgba(105, 104, 168, .16);
    --general--shadow-02: rgba(105, 104, 169, .08);
    --secondary--color-2: #6c47ff;
    --secondary--color-3: #39c0c8;
    --secondary--color-4: #fdb52a;
    --secondary--color-5: #f34971;
    --neutral--700: #0e182a;
    --neutral--500: #7d8695;
    --neutral--400: #9ea5b7;
    --system--green-400: #11845b;
    --system--blue-400: #086cd9;
    --system--blue-300: #1d88fe;
    --system--blue-200: #8fc3ff;
    --system--blue-100: #eaf4ff;
    --system--green-300: #05c168;
    --system--green-200: #7fdca4;
    --system--green-100: #def2e6;
    --system--red-400: #dc2b2b;
    --system--300: #ff5a65;
    --system--red-200: #ffbec2;
    --system--red-100: #ffeff0;
    --system--orange-400: #d5691b;
    --system--orange-300: #ff9e2c;
    --system--orange-200: #ffd19b;
    --system--orange-100: #fff3e4;
    --general--shadow-03: rgba(105, 104, 168, .1);
    --general--shadow-04: rgba(105, 104, 168, .14);
    --general--shadow-06: rgba(105, 104, 168, .24);
    --button-shadow--color-01: rgba(74, 58, 255, .06);
    --button-shadow--color-2: rgba(74, 58, 255, .08);
    --button-shadow--color-03: rgba(74, 58, 255, .08);
    --button-shadow--white-01: rgba(20, 20, 43, .04);
    --button-shadow--white-02: rgba(20, 20, 43, .06);
    --button-shadow--white-03: rgba(20, 20, 43, .1);
  }
  
  .xb-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  body {
    color: var(--neutral--600);
    font-family: Onest, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.667em;
  }
  
  h1 {
    color: var(--neutral--800);
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.222em;
  }
  
  p {
    margin-bottom: 16px;
  }
  
  a {
    color: var(--secondary--color-1);
    text-decoration: underline;
    transition: color .3s;
  }
  
  a:hover {
    color: var(--accent--primary-1);
  }
  
  img {
    max-width: 100%;
    display: inline-block;
  }
  
  .page-wrapper {
    min-height: 100vh;
    perspective: 1000px;
  }
  
  .card {
    background-color: var(--neutral--100);
    border-radius: 12px;
    overflow: hidden;
  }
  
  .card.demo-form {
    padding: 92px 58px 94px;
  }
  
  .bg-secondary-1 {
    background-color: var(--secondary--color-1);
  }
  
  .bg-secondary-4 {
    background-color: var(--secondary--color-4);
  }
  
  .color-neutral-800 {
    color: var(--neutral--800);
  }
  
  .color-neutral-500 {
    color: var(--neutral--500);
  }
  
  .color-neutral-100 {
    color: var(--neutral--100);
  }
  
  .mg-bottom-32px {
    margin-bottom: 32px;
  }
  
  .mg-bottom-64px {
    margin-bottom: 64px;
  }
  
  .text-200 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.111em;
  }
  
  .text-200.medium {
    font-weight: 500;
  }
  
  .text-200.bold {
    font-weight: 700;
  }
  
  .display-2 {
    color: var(--neutral--800);
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2em;
  }
  
  .display-2.mg-bottom-0 {
    margin-top: 72px;
  }
  
  .display-2.color-neutral-100 {
    color: var(--neutral--100);
  }
  
  .grid-3-columns {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .grid-3-columns.demo-features-grid {
    grid-column-gap: 32px;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
  }
  
  .inner-container.center {
    margin-left: auto;
    margin-right: auto;
  }
  
  .inner-container._864px {
    max-width: 864px;
  }
  
  .inner-container._720px {
    max-width: 720px;
  }
  
  .inner-container._581px {
    max-width: 581px;
  }
  
  .inner-container._686px {
    max-width: 686px;
  }
  
  .mg-bottom-0 {
    margin-bottom: 0;
  }
  
  .input {
    min-height: 72px;
    border: 1px solid var(--neutral--300);
    background-color: var(--neutral--100);
    color: var(--accent--primary-1);
    border-radius: 8px;
    margin-bottom: 0;
    padding: 26px 24px;
    font-size: 18px;
    line-height: 1.111em;
    transition: box-shadow .3s, color .3s, border-color .3s;
  }
  
  .input:hover {
    border-color: var(--accent--primary-1);
    box-shadow: 0 2px 12px 0 var(--general--shadow-03);
  }
  
  .input:focus {
    border-color: var(--accent--primary-1);
    color: var(--accent--primary-1);
  }
  
  .input::-ms-input-placeholder {
    color: var(--neutral--400);
  }
  
  .input::placeholder {
    color: var(--neutral--400);
  }
  
  .input.small {
    min-height: 46px;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
  
  .input.small::-ms-input-placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input.small::placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input.medium {
    min-height: 56px;
    margin-bottom: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
  
  .input.medium::-ms-input-placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input.medium::placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input.form-input---input::-ms-input-placeholder {
    color: var(--neutral--500);
  }
  
  .input.form-input---input::placeholder {
    color: var(--neutral--500);
  }
  
  .position-relative {
    position: relative;
  }
  
  .position-relative.z-index-1 {
    margin-bottom: -86px;
    padding-bottom: 0;
  }
  
  .social-icon-font {
    font-family: Social Icons Font, sans-serif;
    line-height: 21px;
  }
  
  .social-icon-square {
    width: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    background-color: var(--neutral--200);
    transform-style: preserve-3d;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: transform .3s, background-color .3s, color .3s;
    display: flex;
  }
  
  .social-icon-square:hover {
    background-color: var(--accent--primary-1);
    color: var(--neutral--100);
    transform: translate3d(0, -8px, .01px);
  }
  
  .social-icon-square.bg-secondary-1 {
    background-color: var(--secondary--color-1);
    color: var(--neutral--100);
    transform: translate(-168px);
  }
  
  .social-icon-square.bg-blue {
    color: var(--neutral--100);
    background-color: #28a5ff;
  }
  
  .social-icon-square.bg-secondary-4 {
    background-color: var(--secondary--color-4);
    color: var(--neutral--100);
  }
  
  .social-icon-square.bg-red {
    color: var(--neutral--100);
    background-color: #ff1a1a;
  }
  
  .line-rounded-icon {
    font-family: Line Rounded Icons, sans-serif;
  }
  
  .line-rounded-icon.success-message-check {
    color: var(--secondary--color-1);
    margin-right: 10px;
    font-size: 36px;
  }
  
  .container-default {
    max-width: 1364px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .container-default.center {
    margin-bottom: 0;
  }
  
  .header-logo {
    width: 100%;
  }
  
  .header-logo-link {
    max-width: 247px;
    transform-style: preserve-3d;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    transition: transform .3s, color .3s;
  }
  
  .header-logo-link:hover {
    transform: scale3d(.96, .96, 1.01);
  }
  
  .header-logo-link.small {
    max-width: 196px;
  }
  
  .social-media-grid-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, 36px);
    justify-content: start;
    justify-items: start;
  }
  
  .social-media-grid-top.right {
    grid-column-gap: 360px;
    justify-content: end;
    justify-items: end;
  }
  
  .social-media-grid-top.right.center-tablet {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
  }
  
  .social-media-grid-top.center {
    justify-content: center;
    justify-items: center;
  }
  
  .flex-vertical {
    flex-direction: column;
    display: flex;
  }
  
  .flex-vertical.center, .flex-vertical.align-center {
    align-items: center;
  }
  
  .flex-horizontal {
    display: flex;
  }
  
  .flex-horizontal.align-center {
    align-items: center;
  }
  
  .flex-horizontal.coming-soon-social-media-wrapper {
    align-items: center;
  }
  
  .footer-wrapper {
    border-top: 1px solid var(--neutral--200);
    background-color: var(--neutral--100);
  }
  
  .footer-wrapper.v2 {
    z-index: 1;
    box-shadow: 0 -6px 28px -11px var(--general--shadow-05);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: -15px;
    position: relative;
  }
  
  .footer-logo {
    width: 70%;
    transform-style: preserve-3d;
    transition: transform .3s;
  }
  
  .footer-logo:hover {
    transform: scale3d(.99, .99, 1.01);
  }
  
  .footer-logo-wrapper {
    width: 100%;
    max-width: 248px;
  }
  
  .footer-logo-wrapper.small {
    max-width: 198px;
    margin-bottom: 0;
  }
  
  .footer-bottom {
    border-top: 1px solid rgba(158, 165, 183, .4);
    padding-top: 37px;
    padding-bottom: 37px;
  }
  
  .footer-bottom.v2 {
    border-top-width: 0;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  
  .success-message {
    color: var(--accent--primary-1);
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    font-weight: 500;
  }
  
  .success-message.color-neutral-100 {
    color: var(--neutral--100);
  }
  
  .error-message {
    color: var(--system--300);
    background-color: rgba(0, 0, 0, 0);
    margin-top: 20px;
    padding: 0;
  }
  
  .text-left {
    text-align: left;
  }
  
  .grid-footer-logo---paragraph {
    grid-template-rows: auto;
    grid-template-columns: .3fr 1fr;
    align-items: center;
  }
  
  .text-center {
    text-align: center;
  }
  
  .image.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    flex: 1;
    order: 0;
    padding-top: 0;
    transform: translate(0);
  }
  
  .image-wrapper {
    flex-direction: column;
    justify-content: center;
    display: flex;
    overflow: hidden;
    transform: translate(0);
  }
  
  .image-wrapper.shape.demo-shape---01 {
    width: 58%;
    margin-top: -26%;
    margin-left: -45%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .image-wrapper.shape.demo-shape---02 {
    width: 56%;
    margin-top: -20%;
    margin-right: -42%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }
  
  .image-wrapper.shape.demo-shape---03 {
    width: 56%;
    margin-bottom: -4%;
    margin-left: -48%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .image-wrapper.shape.demo-shape---04 {
    width: 50%;
    margin-bottom: -26%;
    margin-right: -41%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .image-wrapper.shape-small.demo-shape-small---01 {
    width: 11%;
    margin-bottom: 25%;
    margin-left: 2.8%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .image-wrapper.shape-small.demo-shape-small---02 {
    width: 7%;
    margin-bottom: 48%;
    margin-right: 6%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .image-wrapper.demo-feature-icon {
    max-width: 27px;
    border-radius: 5px;
    margin-right: 16px;
  }
  
  .z-index-1 {
    z-index: 1;
    position: relative;
  }
  
  .text-shape-accent {
    z-index: -1;
    background-image: url("https://assets-global.website-files.com/63af34db85d8d880451ad41b/63af34db85d8d821141ad487_shape-text-1-promoplus-template.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -2% -6%;
    padding: 2% 6%;
    display: inline-block;
    position: relative;
  }
  
  .text-shape-accent.v2 {
    background-image: url("https://assets-global.website-files.com/63af34db85d8d880451ad41b/63af34db85d8d89d9d1ad49c_shape-text-2-promoplus-template.svg");
  }
  
  .text-shape-accent.v13 {
    background-image: url("https://assets-global.website-files.com/63af34db85d8d880451ad41b/63af34db85d8d8b5411ad598_shape-text-13-promoplus-template.svg");
    margin: 0% 0% -18% -1%;
    padding: 0% 0% 18% 1%;
  }
  
  .text-shape-accent.v16 {
    background-image: url("https://assets-global.website-files.com/63af34db85d8d880451ad41b/63af34db85d8d8a4d61ad5e0_shape-text-16-promoplus-template.svg");
    background-position: 100% 0;
    background-size: 30%;
    margin: -2% -6% 0% 0%;
    padding: 2% 6% 0% 0%;
  }
  
  .center {
    margin-left: auto;
    margin-right: auto;
  }
  
  .form-input-block {
    min-height: 72px;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    display: flex;
  }
  
  .inner-container-copy434343.center {
    margin-left: auto;
    margin-right: auto;
  }
  
  .inner-container-copy434343._864px {
    max-width: 864px;
  }
  
  .inner-container-copy434343._720px {
    max-width: 720px;
  }
  
  .inner-container-copy434343._581px {
    max-width: 581px;
  }
  
  .inner-container-copy434343._686px {
    max-width: 686px;
  }
  
  .color-neutral-300-copy3434343 {
    color: var(--neutral--300);
    text-align: center;
    padding-top: 27px;
  }
  
  .flex-horizontal-copy43434 {
    display: flex;
  }
  
  .flex-horizontal-copy43434.align-center {
    align-items: center;
  }
  
  .flex-horizontal-copy43434.coming-soon-social-media-wrapper {
    align-items: center;
  }
  
  .text-center-copy34343 {
    text-align: center;
  }
  
  .social-icon-square-copy3434343 {
    width: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    background-color: var(--neutral--200);
    transform-style: preserve-3d;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: transform .3s, background-color .3s, color .3s;
    display: flex;
  }
  
  .social-icon-square-copy3434343:hover {
    background-color: var(--accent--primary-1);
    color: var(--neutral--100);
    transform: translate3d(0, -8px, .01px);
  }
  
  .social-icon-square-copy3434343.bg-secondary-1 {
    background-color: var(--secondary--color-1);
    color: var(--neutral--100);
  }
  
  .social-icon-square-copy3434343.bg-blue {
    color: var(--neutral--100);
    background-color: #28a5ff;
  }
  
  .social-icon-square-copy3434343.bg-secondary-4 {
    background-color: var(--secondary--color-4);
    color: var(--neutral--100);
  }
  
  .social-icon-square-copy3434343.bg-red {
    color: var(--neutral--100);
    background-color: #ff1a1a;
  }
  
  .social-icon-square-copy4324234 {
    width: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    background-color: var(--neutral--200);
    transform-style: preserve-3d;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: transform .3s, background-color .3s, color .3s;
    display: flex;
  }
  
  .social-icon-square-copy4324234:hover {
    background-color: var(--accent--primary-1);
    color: var(--neutral--100);
    transform: translate3d(0, -8px, .01px);
  }
  
  .social-icon-square-copy4324234.bg-secondary-1 {
    background-color: var(--secondary--color-1);
    color: var(--neutral--100);
  }
  
  .social-icon-square-copy4324234.bg-blue {
    color: var(--neutral--100);
    background-color: #28a5ff;
  }
  
  .social-icon-square-copy4324234.bg-secondary-4 {
    background-color: var(--secondary--color-4);
    color: var(--neutral--100);
  }
  
  .social-icon-square-copy4324234.bg-red {
    color: var(--neutral--100);
    background-color: #ff1a1a;
  }
  
  .mg-bottom-32px-copy34343 {
    margin-bottom: 32px;
  }
  
  .heading-h4-size-copy34343 {
    color: var(--neutral--800);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.273em;
  }
  
  .heading-h4-size-copy34343.color-neutral-100 {
    color: var(--neutral--100);
  }
  
  .heading-h4-size-copy34343.text-medium {
    font-weight: 500;
  }
  
  .heading-h4-size-copy34343.text-medium.color-neutral-100 {
    color: var(--neutral--800);
  }
  
  .btn-circle-primary-copy343434 {
    width: 64px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    background-color: var(--secondary--color-1);
    color: var(--neutral--100);
    transform-style: preserve-3d;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    line-height: 1em;
    text-decoration: none;
    transition: transform .3s, background-color .3s, color .3s;
    display: flex;
    overflow: hidden;
  }
  
  .btn-circle-primary-copy343434:hover {
    background-color: var(--accent--primary-1);
    color: var(--neutral--100);
    transform: scale3d(.94, .94, 1.01);
  }
  
  .btn-circle-primary-copy343434.small {
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    font-size: 24px;
  }
  
  .btn-circle-primary-copy343434.form-input-btn {
    width: 72px;
    height: 72px;
    min-height: 72px;
    min-width: 72px;
    background-color: var(--accent--primary-1);
    border-radius: 8px;
    font-family: Line Rounded Icons, sans-serif;
    font-size: 14px;
  }
  
  .input-copy43354353 {
    min-height: 72px;
    border: 1px solid var(--neutral--300);
    background-color: var(--neutral--100);
    color: var(--accent--primary-1);
    border-radius: 8px;
    margin-bottom: 0;
    padding: 26px 24px;
    font-size: 18px;
    line-height: 1.111em;
    transition: box-shadow .3s, color .3s, border-color .3s;
  }
  
  .input-copy43354353:hover {
    border-color: var(--accent--primary-1);
    box-shadow: 0 2px 12px 0 var(--general--shadow-03);
  }
  
  .input-copy43354353:focus {
    border-color: var(--accent--primary-1);
    color: var(--accent--primary-1);
  }
  
  .input-copy43354353::-ms-input-placeholder {
    color: var(--neutral--400);
  }
  
  .input-copy43354353::placeholder {
    color: var(--neutral--400);
  }
  
  .input-copy43354353.small {
    min-height: 46px;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
  
  .input-copy43354353.small::-ms-input-placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input-copy43354353.small::placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input-copy43354353.medium {
    min-height: 56px;
    margin-bottom: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
  
  .input-copy43354353.medium::-ms-input-placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input-copy43354353.medium::placeholder {
    font-size: 16px;
    line-height: 18px;
  }
  
  .input-copy43354353.form-input---input::-ms-input-placeholder {
    color: var(--neutral--500);
  }
  
  .input-copy43354353.form-input---input::placeholder {
    color: var(--neutral--500);
  }
  
   .form-input-copy-copy345345345 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .section-copy34534534 {
    padding-top: 73px;
    padding-bottom: 73px;
  }
  
  .section-copy34534534.small {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  .section-copy34534534.hero {
    overflow: hidden;
  }
  
  .section-copy34534534.hero.v2 {
    background-color: var(--accent--primary-1);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-top: 77px;
    padding-bottom: 254px;
    position: relative;
    overflow: visible;
  }
  
  .section-copy34534534.hero.v13 {
    background-color: var(--accent--primary-1);
    padding-top: 44px;
    padding-bottom: 79px;
  }
  
  .section-copy34534534.newsletter {
    background-color: var(--secondary--color-1);
    border-radius: 12px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }
  
  @media screen and (min-width: 1440px) {
  
    .mg-bottom-32px {
      margin-bottom: 0;
    }
  
    .mg-bottom-64px {
      margin-bottom: 14px;
    }
  
    .grid-3-columns.demo-features-grid {
      margin-bottom: 27px;
    }
  
    .inner-container._864px.center {
      margin-top: 0;
      padding-top: 0;
    }
  
    .position-relative {
      margin-bottom: 32px;
      padding-bottom: 14px;
    }
  
    .social-icon-square.bg-secondary-1 {
      transform: none;
    }
  
    .social-media-grid-top.right.center-tablet {
      grid-column-gap: 5px;
      grid-row-gap: 5px;
      align-items: center;
      display: flex;
    }
  
    .image.cover {
      transform: none;
    }
  
    .text-span {
      color: var(--accent--primary-1);
    }
  
    .inner-container-copy434343._864px.center {
      margin-top: 0;
      padding-top: 0;
    }
  
    .color-neutral-300-copy3434343 {
      text-align: center;
      font-size: 25px;
      line-height: 1.3em;
    }
  
    .color-neutral-300-copy3434343.mg-bottom-0 {
      margin-bottom: 40px;
    }
  
    .flex-horizontal-copy43434.coming-soon-social-media-wrapper {
      padding-top: 25px;
      transform: none;
    }
  
    .social-icon-square-copy3434343.bg-secondary-1 {
      transform: none;
    }
  
    .social-icon-square-copy4324234.bg-secondary-1 {
      transform: none;
    }
  
    .mg-bottom-32px-copy34343 {
      margin-bottom: 0;
    }
  
    .heading-h4-size-copy34343.text-medium.color-neutral-100 {
      padding-bottom: 10px;
    }
  
     .form-input-copy-copy345345345 {
      grid-column-gap: 1px;
      grid-row-gap: 1px;
      grid-template: "."
                     "Area"
                     / 1fr auto;
      grid-auto-columns: 1fr;
      grid-auto-flow: row;
      display: grid;
    }
  
    .section-copy34534534 {
      padding-bottom: 78px;
    }
  
    .section-copy34534534.hero.v2 {
      padding-bottom: 0;
    }
  }
  
  @media screen and (min-width: 1920px) {
  
    .grid-3-columns {
      margin-top: 115px;
    }
  
    .mg-bottom-0 {
      font-size: 25px;
      line-height: 1.3em;
    }
  
    .position-relative.z-index-1 {
      margin-bottom: 0;
    }
  
    .social-icon-square.bg-secondary-1 {
      transform: none;
    }
  
    .container-default {
      padding-bottom: 0;
    }
  
    .social-media-grid-top {
      justify-content: center;
      align-items: center;
      justify-items: center;
    }
  
    .social-media-grid-top.right.center-tablet {
      grid-column-gap: 5px;
      grid-row-gap: 5px;
      grid-template-rows: auto;
      grid-template-columns: repeat(auto-fit, 36px);
      grid-auto-columns: 1fr;
      display: flex;
      transform: translate(0);
    }
  
    .flex-horizontal {
      margin-top: -211px;
      padding-top: 0;
    }
  
    .flex-horizontal.align-center {
      margin-top: 0;
      padding-top: 32px;
    }
  
    .flex-horizontal.coming-soon-social-media-wrapper {
      transform: translate(40px);
    }
  
    .text-center {
      transform: scale(1);
    }
  
    .image.cover {
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 21px;
      transform: none;
    }
  
    .color-neutral-300-copy3434343 {
      text-align: center;
      padding-top: 30px;
      font-size: 30px;
      line-height: 1.3em;
    }
  
    .color-neutral-300-copy3434343.mg-bottom-0 {
      margin-bottom: -92px;
      padding-top: 25px;
    }
  
    .flex-horizontal-copy43434 {
      margin-top: -211px;
      padding-top: 0;
    }
  
    .flex-horizontal-copy43434.align-center {
      margin-top: 0;
      padding-top: 32px;
    }
  
    .flex-horizontal-copy43434.coming-soon-social-media-wrapper {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      margin-top: -250px;
      display: flex;
      transform: none;
    }
  
    .text-center-copy34343 {
      padding-bottom: 31px;
      transform: scale(1);
    }
  
    .social-icon-square-copy3434343.bg-secondary-1, .social-icon-square-copy4324234.bg-secondary-1 {
      transform: none;
    }
  
    .heading-h4-size-copy34343.text-medium.color-neutral-100 {
      padding-bottom: 50px;
    }
  
     .form-input-copy-copy345345345 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template: ". ."
                     ". Area"
                     / 1fr auto;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .section-copy34534534 {
      padding-top: 41px;
    }
  }
  
  @media screen and (max-width: 991px) {
    h1 {
      font-size: 48px;
    }
  
    .mg-bottom-32px {
      margin-bottom: 30px;
    }
  
    .display-2 {
      font-size: 50px;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr 1fr;
    }
  
    .container-default {
      padding-bottom: 0;
    }
  
    .header-logo-link {
      z-index: 2;
    }
  
    .social-media-grid-top.right {
      grid-column-gap: 10px;
    }
  
    .social-media-grid-top.right.center-tablet {
      width: 100%;
      justify-content: center;
    }
  
    .flex-horizontal.justify-center---tablet {
      justify-content: center;
    }
  
    .footer-bottom {
      padding-top: 32px;
      padding-bottom: 32px;
    }
  
    .grid-footer-logo---paragraph {
      grid-template-columns: 1fr;
    }
  
    .image-wrapper.shape.demo-shape---01 {
      margin-top: -31%;
    }
  
    .image-wrapper.shape.demo-shape---02 {
      margin-top: -24%;
      margin-right: -46%;
    }
  
    .image-wrapper.shape.demo-shape---04 {
      margin-right: -47%;
    }
  
    .image-wrapper.shape-small.demo-shape-small---01 {
      width: 14%;
      margin-left: -5.2%;
    }
  
    .image-wrapper.shape-small.demo-shape-small---02 {
      width: 10%;
      margin-right: -5%;
    }
  
    .text-shape-accent.v13 {
      margin-bottom: -14%;
      padding-bottom: 14%;
    }
  
    .text-center---tablet {
      text-align: center;
    }
  
    .flex-horizontal-copy43434.justify-center---tablet {
      justify-content: center;
    }
  
    .mg-bottom-32px-copy34343 {
      margin-bottom: 30px;
    }
  
    .section-copy34534534 {
      padding-top: 167px;
      padding-bottom: 167px;
    }
  
    .section-copy34534534.small {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .section-copy34534534.hero.v2 {
      padding-bottom: 212px;
    }
  }
  
  @media screen and (max-width: 767px) {
    body {
      font-size: 16px;
    }
  
    h1 {
      font-size: 38px;
    }
  
    .card.demo-form {
      padding: 77px 34px 70px;
    }
  
    .mg-bottom-32px {
      margin-bottom: 25px;
    }
  
    .mg-bottom-64px {
      margin-bottom: 60px;
    }
  
    .text-200 {
      font-size: 16px;
    }
  
    .display-2 {
      font-size: 40px;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr;
    }
  
    .grid-3-columns.demo-features-grid {
      grid-template-columns: auto;
      justify-content: center;
      justify-items: center;
    }
  
    .inner-container._500px---mbl {
      max-width: 500px;
    }
  
    .inner-container._320px---mbl {
      max-width: 320px;
    }
  
    .input {
      min-height: 60px;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 16px;
    }
  
    .social-icon-square {
      width: 32px;
      height: 32px;
      min-height: 32px;
      min-width: 32px;
    }
  
    .header-logo-link {
      max-width: 206px;
    }
  
    .header-logo-link.small {
      max-width: 170px;
    }
  
    .social-media-grid-top {
      grid-template-columns: repeat(auto-fit, 32px);
    }
  
    .flex-horizontal.coming-soon-social-media-wrapper {
      grid-row-gap: 15px;
      text-align: center;
      flex-direction: column;
      align-items: stretch;
    }
  
    .footer-logo-wrapper.small {
      max-width: 170px;
    }
  
    .footer-bottom.v2 {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  
    .grid-footer-logo---paragraph {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  
    .image-wrapper.shape.demo-shape---03 {
      margin-bottom: 60%;
    }
  
    .image-wrapper.shape.demo-shape---04 {
      margin-bottom: 75%;
    }
  
    .image-wrapper.shape-small.demo-shape-small---01 {
      width: 18%;
      margin-bottom: 133%;
      margin-left: -22.2%;
    }
  
    .image-wrapper.shape-small.demo-shape-small---02 {
      width: 14%;
      margin-bottom: 167%;
      margin-right: -19%;
    }
  
    .text-shape-accent.v13 {
      margin-bottom: -11%;
      padding-bottom: 11%;
    }
  
    .text-shape-accent.v16 {
      margin-right: -10%;
      padding-right: 10%;
    }
  
    .form-input-block {
      min-height: 60px;
    }
  
    .inner-container-copy434343._500px---mbl {
      max-width: 500px;
    }
  
    .inner-container-copy434343._320px---mbl {
      max-width: 320px;
    }
  
    .flex-horizontal-copy43434.coming-soon-social-media-wrapper {
      grid-column-gap: 16px;
      grid-row-gap: 15px;
      text-align: center;
      flex-direction: column;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      align-items: stretch;
      display: grid;
    }
  
    .social-icon-square-copy3434343, .social-icon-square-copy4324234 {
      width: 32px;
      height: 32px;
      min-height: 32px;
      min-width: 32px;
    }
  
    .mg-bottom-32px-copy34343 {
      margin-bottom: 25px;
    }
  
    .heading-h4-size-copy34343 {
      font-size: 20px;
    }
  
    .btn-circle-primary-copy343434 {
      width: 56px;
      height: 56px;
      min-height: 56px;
      min-width: 56px;
      font-size: 24px;
    }
  
    .btn-circle-primary-copy343434.small {
      width: 45px;
      height: 45px;
      min-height: 45px;
      min-width: 45px;
      font-size: 20px;
    }
  
    .btn-circle-primary-copy343434.form-input-btn {
      width: 60px;
      height: 60px;
      min-height: 60px;
      min-width: 60px;
    }
  
    .input-copy43354353 {
      min-height: 60px;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 16px;
    }
  
    .section-copy34534534 {
      padding-top: 138px;
      padding-bottom: 138px;
    }
  
    .section-copy34534534.small {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .section-copy34534534.hero.v2 {
      padding-top: 60px;
      padding-bottom: 23%;
    }
  }
  
  @media screen and (max-width: 479px) {
    h1 {
      font-size: 32px;
    }
  
    .card.demo-form {
      padding: 64px 24px 58px;
    }
  
    .mg-bottom-32px {
      margin-bottom: 20px;
    }
  
    .mg-bottom-64px {
      margin-bottom: 50px;
    }
  
    .display-2 {
      font-size: 32px;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr;
    }
  
    .inner-container._250px---mbp {
      max-width: 250px;
    }
  
    .input {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .social-icon-square {
      width: 30px;
      height: 30px;
      min-height: 30px;
      min-width: 30px;
      border-radius: 6px;
      font-size: 14px;
    }
  
    .container-default {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .header-logo-link {
      max-width: 172px;
    }
  
    .header-logo-link.small {
      max-width: 150px;
    }
  
    .social-media-grid-top {
      grid-template-columns: repeat(auto-fit, 30px);
    }
  
    .social-media-grid-top.center {
      grid-template-columns: repeat(auto-fit, 30px);
    }
  
    .footer-logo-wrapper.small {
      max-width: 150px;
    }
  
     .image-wrapper.shape.demo-shape---01, .image-wrapper.shape.demo-shape---02 {
      display: none;
    }
  
    .image-wrapper.shape.demo-shape---03 {
      margin-left: -32%;
    }
  
    .image-wrapper.shape.demo-shape---04 {
      margin-right: -28%;
    }
  
    .image-wrapper.shape-small.demo-shape-small---01 {
      margin-left: -10.2%;
    }
  
    .image-wrapper.shape-small.demo-shape-small---02 {
      margin-right: -8%;
    }
  
    .text-shape-accent.v13 {
      margin-bottom: -48px;
      padding-bottom: 48px;
    }
  
    .text-span {
      font-size: 17px;
    }
  
    .inner-container-copy434343._250px---mbp {
      max-width: 250px;
    }
  
    .flex-horizontal-copy43434.coming-soon-social-media-wrapper {
      padding-top: 10px;
    }
  
    .social-icon-square-copy3434343, .social-icon-square-copy4324234 {
      width: 30px;
      height: 30px;
      min-height: 30px;
      min-width: 30px;
      border-radius: 6px;
      font-size: 14px;
    }
  
    .mg-bottom-32px-copy34343 {
      margin-bottom: 20px;
    }
  
    .btn-circle-primary-copy343434.form-input-btn {
      flex-flow: row;
      transform: translate(80px);
    }
  
    .input-copy43354353 {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .input-copy43354353.form-input---input {
      width: 70%;
      margin-right: -72px;
      padding-right: 0;
    }
  
    .form-input-copy-copy345345345 {
      grid-column-gap: 0px;
      grid-row-gap: 1px;
      grid-template-rows: auto;
      grid-template-columns: 1fr auto;
      grid-auto-columns: 1fr;
      display: flex;
    }
  
    .section-copy34534534 {
      padding-top: 116px;
      padding-bottom: 116px;
    }
  
    .section-copy34534534.small {
      padding-top: 64px;
      padding-bottom: 64px;
    }
  
    .section-copy34534534.hero.v2 {
      padding-top: 50px;
    }
  }
  
  #xb-node-b1f4bf4d-0763-00d0-8520-52675dc2887b-5dc28876 {
    justify-self: start;
  }
  
  #xb-node-b1f4bf4d-0763-00d0-8520-52675dc2887d-5dc28876 {
    justify-self: end;
  }
  
  #xb-node-_1166a0bb-82ec-4167-b169-b4e7ba2ec529-481ad435, #xb-node-_95424f6c-70ed-c963-0199-b3e48e161699-481ad435, #xb-node-c0d55774-33cd-24fd-fa92-f4608237c91c-481ad435 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  @media screen and (max-width: 991px) {
  
     #xb-node-b1f4bf4d-0763-00d0-8520-52675dc2887b-5dc28876 {
      justify-self: center;
    }
  
    #xb-node-b1f4bf4d-0763-00d0-8520-52675dc2887d-5dc28876 {
      justify-self: auto;
    }
  }
  
  @media screen and (max-width: 767px) {
  
    #xb-node-b1f4bf4d-0763-00d0-8520-52675dc2887b-5dc28876 {
      justify-self: center;
    }
  }
  
  @media screen and (max-width: 479px) {
  
    #email-2.xb-node-db500ba5-c4d0-7657-5e2b-ed4e4bdf6d55-481ad435 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  }
  
  @font-face {
    font-family: 'Social Icons Font';
    src: url('/fonts/social-icon-font/social-icon-font.woff2') format('woff2'), url('/fonts/social-icon-font/social-icon-font.eot') format('embedded-opentype'), url('/fonts/social-icon-font/social-icon-font.woff') format('woff'), url('/fonts/social-icon-font/social-icon-font.ttf') format('truetype'), url('/fonts/social-icon-font/social-icon-font.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Line Square Icons';
    src: url('/fonts/line-square-icons/line-square-icons.woff2') format('woff2'), url('/fonts/line-square-icons/line-square-icons.eot') format('embedded-opentype'), url('/fonts/line-square-icons/line-square-icons.woff') format('woff'), url('/fonts/line-square-icons/line-square-icons.ttf') format('truetype'), url('/fonts/line-square-icons/line-square-icons.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Filled Icons';
    src: url('/fonts/filled-icon-font/filled-icon-font.woff2') format('woff2'), url('/fonts/filled-icon-font/filled-icon-font.eot') format('embedded-opentype'), url('/fonts/filled-icon-font/filled-icon-font.woff') format('woff'), url('/fonts/filled-icon-font/filled-icon-font.ttf') format('truetype'), url('/fonts/filled-icon-font/filled-icon-font.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Line Rounded Icons';
    src: url('/fonts/line-rounded-icons/line-rounded-icons.woff2') format('woff2'), url('/fonts/line-rounded-icons/line-rounded-icons.eot') format('embedded-opentype'), url('/fonts/line-rounded-icons/line-rounded-icons.woff') format('woff'), url('/fonts/line-rounded-icons/line-rounded-icons.ttf') format('truetype'), url('/fonts/line-rounded-icons/line-rounded-icons.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Onest';
    src: url('/fonts/onest-regular-hint.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Onest';
    src: url('/fonts/onest-medium-hint.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Onest';
    src: url('/fonts/onest-bold-hint.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }