html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
  }
  
  body {
    margin: 0;
  }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
  }
  
  audio, canvas, progress, video {
    vertical-align: baseline;
    display: inline-block;
  }
  
  audio:not([controls]) {
    height: 0;
    display: none;
  }
  
  [hidden], template {
    display: none;
  }
  
  a {
    background-color: rgba(0, 0, 0, 0);
  }
  
  a:active, a:hover {
    outline: 0;
  }
  
  abbr[title] {
    border-bottom: 1px dotted;
  }
  
  b, strong {
    font-weight: bold;
  }
  
  dfn {
    font-style: italic;
  }
  
  h1 {
    margin: .67em 0;
    font-size: 2em;
  }
  
  mark {
    color: #000;
    background: #ff0;
  }
  
  small {
    font-size: 80%;
  }
  
  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  
  sup {
    top: -.5em;
  }
  
  sub {
    bottom: -.25em;
  }
  
  img {
    border: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  figure {
    margin: 1em 40px;
  }
  
  hr {
    box-sizing: content-box;
    height: 0;
  }
  
  pre {
    overflow: auto;
  }
  
  code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em;
  }
  
  button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  
  button {
    overflow: visible;
  }
  
  button, select {
    text-transform: none;
  }
  
  button, html input[type="button"], input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  
  button[disabled], html input[disabled] {
    cursor: default;
  }
  
  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  input {
    line-height: normal;
  }
  
  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  input[type="search"] {
    -webkit-appearance: none;
  }
  
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
  }
  
  legend {
    border: 0;
    padding: 0;
  }
  
  textarea {
    overflow: auto;
  }
  
  optgroup {
    font-weight: bold;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  td, th {
    padding: 0;
  }
  
  @font-face {
    font-family: webflow-icons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  [class^="w-icon-"], [class*=" w-icon-"] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-family: webflow-icons !important;
  }
  
  .w-icon-slider-right:before {
    content: "";
  }
  
  .w-icon-slider-left:before {
    content: "";
  }
  
  .w-icon-nav-menu:before {
    content: "";
  }
  
  .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
    content: "";
  }
  
  .w-icon-file-upload-remove:before {
    content: "";
  }
  
  .w-icon-file-upload-icon:before {
    content: "";
  }
  
  * {
    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;
  }
  
  html.w-mod-touch * {
    background-attachment: scroll !important;
  }
  
  .w-block {
    display: block;
  }
  
  .w-inline-block {
    max-width: 100%;
    display: inline-block;
  }
  
  .w-clearfix:before, .w-clearfix:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-clearfix:after {
    clear: both;
  }
  
  .w-hidden {
    display: none;
  }
  
  .w-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.w-button {
    -webkit-appearance: button;
  }
  
  html[data-w-dynpage] [data-w-cloak] {
    color: rgba(0, 0, 0, 0) !important;
  }
  
  .w-webflow-badge, .w-webflow-badge * {
    z-index: auto;
    visibility: visible;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    float: none;
    clear: none;
    box-shadow: none;
    opacity: 1;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background: none;
    border: 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    margin: 0;
    padding: 0;
    list-style-type: disc;
    transition: none;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
    transform: none;
  }
  
  .w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
    visibility: visible !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    margin: 0 !important;
    padding: 6px 8px 6px 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    top: auto !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    overflow: visible !important;
    transform: none !important;
  }
  
  .w-webflow-badge > img {
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
  }
  
  h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
  }
  
  h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
  }
  
  h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  
  h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  
  h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 10px;
  }
  
  blockquote {
    border-left: 5px solid #e2e2e2;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 22px;
  }
  
  figure {
    margin: 0 0 10px;
  }
  
  figcaption {
    text-align: center;
    margin-top: 5px;
  }
  
  ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
  }
  
  .w-list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  
  .w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-embed:after {
    clear: both;
  }
  
  .w-video {
    width: 100%;
    padding: 0;
    position: relative;
  }
  
  .w-video iframe, .w-video object, .w-video embed {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  button, [type="button"], [type="reset"] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
  }
  
  .w-form {
    margin: 0 0 15px;
  }
  
  .w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
  }
  
  .w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
  }
  
  label {
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
  }
  
  .w-input, .w-select {
    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;
  }
  
  .w-input:-moz-placeholder, .w-select:-moz-placeholder {
    color: #999;
  }
  
  .w-input::-moz-placeholder, .w-select::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  
  .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder {
    color: #999;
  }
  
  .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder {
    color: #999;
  }
  
  .w-input:focus, .w-select:focus {
    border-color: #3898ec;
    outline: 0;
  }
  
  .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
    cursor: not-allowed;
  }
  
  .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee;
  }
  
  textarea.w-input, textarea.w-select {
    height: auto;
  }
  
  .w-select {
    background-color: #f3f3f3;
  }
  
  .w-select[multiple] {
    height: auto;
  }
  
  .w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: normal;
    display: inline-block;
  }
  
  .w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
  }
  
  .w-radio:before, .w-radio:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-radio:after {
    clear: both;
  }
  
  .w-radio-input {
    margin: 4px 0 0;
    margin-top: 1px \9 ;
    float: left;
    margin-top: 3px;
    margin-left: -20px;
    line-height: normal;
  }
  
  .w-file-upload {
    margin-bottom: 10px;
    display: block;
  }
  
  .w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    z-index: -100;
    position: absolute;
    overflow: hidden;
  }
  
  .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
    color: #333;
    display: inline-block;
  }
  
  .w-file-upload-error {
    margin-top: 10px;
    display: block;
  }
  
  .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
    display: none;
  }
  
  .w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
  }
  
  .w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex;
  }
  
  .w-file-upload-file-name {
    font-size: 14px;
    font-weight: normal;
    display: block;
  }
  
  .w-file-remove-link {
    width: auto;
    height: auto;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block;
  }
  
  .w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px;
  }
  
  .w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block;
  }
  
  .w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block;
  }
  
  .w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
  }
  
  .w-icon-file-upload-icon, .w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
  }
  
  .w-icon-file-upload-uploading {
    height: 20px;
  }
  
  .w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .w-container:before, .w-container:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-container:after {
    clear: both;
  }
  
  .w-container .w-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  
  .w-row:before, .w-row:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-row:after {
    clear: both;
  }
  
  .w-row .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  
  .w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }
  
  .w-col .w-col {
    padding-left: 0;
    padding-right: 0;
  }
  
  .w-col-1 {
    width: 8.33333%;
  }
  
  .w-col-2 {
    width: 16.6667%;
  }
  
  .w-col-3 {
    width: 25%;
  }
  
  .w-col-4 {
    width: 33.3333%;
  }
  
  .w-col-5 {
    width: 41.6667%;
  }
  
  .w-col-6 {
    width: 50%;
  }
  
  .w-col-7 {
    width: 58.3333%;
  }
  
  .w-col-8 {
    width: 66.6667%;
  }
  
  .w-col-9 {
    width: 75%;
  }
  
  .w-col-10 {
    width: 83.3333%;
  }
  
  .w-col-11 {
    width: 91.6667%;
  }
  
  .w-col-12 {
    width: 100%;
  }
  
  .w-hidden-main {
    display: none !important;
  }
  
  @media screen and (max-width: 991px) {
    .w-container {
      max-width: 728px;
    }
  
    .w-hidden-main {
      display: inherit !important;
    }
  
    .w-hidden-medium {
      display: none !important;
    }
  
    .w-col-medium-1 {
      width: 8.33333%;
    }
  
    .w-col-medium-2 {
      width: 16.6667%;
    }
  
    .w-col-medium-3 {
      width: 25%;
    }
  
    .w-col-medium-4 {
      width: 33.3333%;
    }
  
    .w-col-medium-5 {
      width: 41.6667%;
    }
  
    .w-col-medium-6 {
      width: 50%;
    }
  
    .w-col-medium-7 {
      width: 58.3333%;
    }
  
    .w-col-medium-8 {
      width: 66.6667%;
    }
  
    .w-col-medium-9 {
      width: 75%;
    }
  
    .w-col-medium-10 {
      width: 83.3333%;
    }
  
    .w-col-medium-11 {
      width: 91.6667%;
    }
  
    .w-col-medium-12 {
      width: 100%;
    }
  
    .w-col-stack {
      width: 100%;
      left: auto;
      right: auto;
    }
  }
  
  @media screen and (max-width: 767px) {
    .w-hidden-main, .w-hidden-medium {
      display: inherit !important;
    }
  
    .w-hidden-small {
      display: none !important;
    }
  
    .w-row, .w-container .w-row {
      margin-left: 0;
      margin-right: 0;
    }
  
    .w-col {
      width: 100%;
      left: auto;
      right: auto;
    }
  
    .w-col-small-1 {
      width: 8.33333%;
    }
  
    .w-col-small-2 {
      width: 16.6667%;
    }
  
    .w-col-small-3 {
      width: 25%;
    }
  
    .w-col-small-4 {
      width: 33.3333%;
    }
  
    .w-col-small-5 {
      width: 41.6667%;
    }
  
    .w-col-small-6 {
      width: 50%;
    }
  
    .w-col-small-7 {
      width: 58.3333%;
    }
  
    .w-col-small-8 {
      width: 66.6667%;
    }
  
    .w-col-small-9 {
      width: 75%;
    }
  
    .w-col-small-10 {
      width: 83.3333%;
    }
  
    .w-col-small-11 {
      width: 91.6667%;
    }
  
    .w-col-small-12 {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 479px) {
    .w-container {
      max-width: none;
    }
  
    .w-hidden-main, .w-hidden-medium, .w-hidden-small {
      display: inherit !important;
    }
  
    .w-hidden-tiny {
      display: none !important;
    }
  
    .w-col {
      width: 100%;
    }
  
    .w-col-tiny-1 {
      width: 8.33333%;
    }
  
    .w-col-tiny-2 {
      width: 16.6667%;
    }
  
    .w-col-tiny-3 {
      width: 25%;
    }
  
    .w-col-tiny-4 {
      width: 33.3333%;
    }
  
    .w-col-tiny-5 {
      width: 41.6667%;
    }
  
    .w-col-tiny-6 {
      width: 50%;
    }
  
    .w-col-tiny-7 {
      width: 58.3333%;
    }
  
    .w-col-tiny-8 {
      width: 66.6667%;
    }
  
    .w-col-tiny-9 {
      width: 75%;
    }
  
    .w-col-tiny-10 {
      width: 83.3333%;
    }
  
    .w-col-tiny-11 {
      width: 91.6667%;
    }
  
    .w-col-tiny-12 {
      width: 100%;
    }
  }
  
  .w-widget {
    position: relative;
  }
  
  .w-widget-map {
    width: 100%;
    height: 400px;
  }
  
  .w-widget-map label {
    width: auto;
    display: inline;
  }
  
  .w-widget-map img {
    max-width: inherit;
  }
  
  .w-widget-map .gm-style-iw {
    text-align: center;
  }
  
  .w-widget-map .gm-style-iw > button {
    display: none !important;
  }
  
  .w-widget-twitter {
    overflow: hidden;
  }
  
  .w-widget-twitter-count-shim {
    vertical-align: top;
    width: 28px;
    height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    display: inline-block;
    position: relative;
  }
  
  .w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative;
  }
  
  .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative;
  }
  
  .w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px;
  }
  
  .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    left: 0;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-top: -4px;
    margin-left: -9px;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-top: -4px;
    margin-left: -8px;
  }
  
  .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px;
  }
  
  .w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px;
  }
  
  .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    position: absolute;
    top: 100%;
    left: 50%;
  }
  
  .w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left: -5px;
  }
  
  .w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-left: -4px;
  }
  
  .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px;
  }
  
  .w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px;
  }
  
  .w-background-video {
    height: 500px;
    color: #fff;
    position: relative;
    overflow: hidden;
  }
  
  .w-background-video > video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
  }
  
  .w-background-video > video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
  }
  
  .w-background-video--control {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em;
  }
  
  .w-background-video--control > [hidden] {
    display: none !important;
  }
  
  .w-slider {
    height: 300px;
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    position: relative;
  }
  
  .w-slider-mask {
    z-index: 1;
    height: 100%;
    white-space: nowrap;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  
  .w-slide {
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left;
    display: inline-block;
    position: relative;
  }
  
  .w-slider-nav {
    z-index: 2;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .w-slider-nav.w-round > div {
    border-radius: 100%;
  }
  
  .w-slider-nav.w-num > div {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    padding: .2em .5em;
  }
  
  .w-slider-nav.w-shadow > div {
    box-shadow: 0 0 3px rgba(51, 51, 51, .4);
  }
  
  .w-slider-nav-invert {
    color: #fff;
  }
  
  .w-slider-nav-invert > div {
    background-color: rgba(34, 34, 34, .4);
  }
  
  .w-slider-nav-invert > div.w-active {
    background-color: #222;
  }
  
  .w-slider-dot {
    width: 1em;
    height: 1em;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .4);
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative;
  }
  
  .w-slider-dot.w-active {
    background-color: #fff;
  }
  
  .w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff;
  }
  
  .w-slider-dot:focus.w-active {
    box-shadow: none;
  }
  
  .w-slider-arrow-left, .w-slider-arrow-right {
    width: 80px;
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  
  .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
    position: absolute;
  }
  
  .w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
    outline: 0;
  }
  
  .w-slider-arrow-left {
    z-index: 3;
    right: auto;
  }
  
  .w-slider-arrow-right {
    z-index: 4;
    left: auto;
  }
  
  .w-icon-slider-left, .w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .w-slider-aria-label {
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  
  .w-slider-force-show {
    display: block !important;
  }
  
  .w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
  }
  
  .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
  }
  
  .w-dropdown-toggle {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
  }
  
  .w-dropdown-toggle:focus {
    outline: 0;
  }
  
  .w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  
  .w-dropdown-list {
    min-width: 100%;
    background: #ddd;
    display: none;
    position: absolute;
  }
  
  .w-dropdown-list.w--open {
    display: block;
  }
  
  .w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block;
  }
  
  .w-dropdown-link.w--current {
    color: #0082f3;
  }
  
  .w-dropdown-link:focus {
    outline: 0;
  }
  
  @media screen and (max-width: 767px) {
    .w-nav-brand {
      padding-left: 10px;
    }
  }
  
  .w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .9);
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0);
  }
  
  .w-lightbox-backdrop, .w-lightbox-container {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
  
  .w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
  
  .w-lightbox-view {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: absolute;
  }
  
  .w-lightbox-view:before {
    content: "";
    height: 100vh;
  }
  
  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 86vh;
  }
  
  .w-lightbox-frame, .w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block;
  }
  
  .w-lightbox-figure {
    margin: 0;
    position: relative;
  }
  
  .w-lightbox-group .w-lightbox-figure {
    cursor: pointer;
  }
  
  .w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none;
  }
  
  .w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block;
  }
  
  .w-lightbox-group .w-lightbox-image {
    max-height: 86vh;
  }
  
  .w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, .4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  
  .w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .w-lightbox-control {
    width: 4em;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: all .3s;
    position: absolute;
    top: 0;
  }
  
  .w-lightbox-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
    display: none;
    bottom: 0;
    left: 0;
  }
  
  .w-lightbox-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
    display: none;
    bottom: 0;
    right: 0;
  }
  
  .w-lightbox-close {
    height: 2.6em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
    background-size: 18px;
    right: 0;
  }
  
  .w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden;
  }
  
  .w-lightbox-item {
    width: 10vh;
    box-sizing: content-box;
    cursor: pointer;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
  }
  
  .w-lightbox-active {
    opacity: .3;
  }
  
  .w-lightbox-thumbnail {
    height: 10vh;
    background: #222;
    position: relative;
    overflow: hidden;
  }
  
  .w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
  
  .w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%);
  }
  
  .w-lightbox-spinner {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 5px solid rgba(0, 0, 0, .4);
    border-radius: 50%;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  
  .w-lightbox-spinner:after {
    content: "";
    border: 3px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
  }
  
  .w-lightbox-hide {
    display: none;
  }
  
  .w-lightbox-noscroll {
    overflow: hidden;
  }
  
  @media (min-width: 768px) {
    .w-lightbox-content {
      height: 96vh;
      margin-top: 2vh;
    }
  
    .w-lightbox-view, .w-lightbox-view:before {
      height: 96vh;
    }
  
    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
      height: 84vh;
    }
  
    .w-lightbox-image {
      max-width: 96vw;
      max-height: 96vh;
    }
  
    .w-lightbox-group .w-lightbox-image {
      max-width: 82.3vw;
      max-height: 84vh;
    }
  
    .w-lightbox-left, .w-lightbox-right {
      opacity: .5;
      display: block;
    }
  
    .w-lightbox-close {
      opacity: .8;
    }
  
    .w-lightbox-control:hover {
      opacity: 1;
    }
  }
  
  .w-lightbox-inactive, .w-lightbox-inactive:hover {
    opacity: 0;
  }
  
  .w-richtext:before, .w-richtext:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-richtext:after {
    clear: both;
  }
  
  .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
    white-space: initial;
  }
  
  .w-richtext ol, .w-richtext ul {
    overflow: hidden;
  }
  
  .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
    outline: 2px solid #2895f7;
  }
  
  .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .w-richtext figure {
    max-width: 60%;
    position: relative;
  }
  
  .w-richtext figure > div:before {
    cursor: default !important;
  }
  
  .w-richtext figure img {
    width: 100%;
  }
  
  .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6;
  }
  
  .w-richtext figure div {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
  }
  
  .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
    display: table;
  }
  
  .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
    display: inline-block;
  }
  
  .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
    caption-side: bottom;
    display: table-caption;
  }
  
  .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
    width: 60%;
    height: 0;
  }
  
  .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
    width: 100%;
  }
  
  .w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto;
  }
  
  .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
    max-width: 100%;
  }
  
  .w-richtext figure.w-richtext-align-normal {
    clear: both;
  }
  
  .w-richtext figure.w-richtext-align-fullwidth {
    width: 100%;
    max-width: 100%;
    text-align: center;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .w-richtext figure.w-richtext-align-fullwidth > div {
    padding-bottom: inherit;
    display: inline-block;
  }
  
  .w-richtext figure.w-richtext-align-fullwidth > figcaption {
    display: block;
  }
  
  .w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px;
  }
  
  .w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px;
  }
  
  .w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative;
  }
  
  .w-nav:before, .w-nav:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-nav:after {
    clear: both;
  }
  
  .w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
  }
  
  .w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  
  .w-nav-link.w--current {
    color: #0082f3;
  }
  
  .w-nav-menu {
    float: right;
    position: relative;
  }
  
  [data-nav-menu-open] {
    text-align: center;
    min-width: 200px;
    background: #c8c8c8;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important;
  }
  
  .w--nav-link-open {
    display: block;
    position: relative;
  }
  
  .w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  
  .w-nav-overlay [data-nav-menu-open] {
    top: 0;
  }
  
  .w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto;
  }
  
  .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto;
  }
  
  .w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto;
  }
  
  .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto;
  }
  
  .w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
  }
  
  .w-nav-button:focus {
    outline: 0;
  }
  
  .w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8;
  }
  
  .w-nav[data-collapse="all"] .w-nav-menu {
    display: none;
  }
  
  .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
    display: block;
  }
  
  .w--nav-dropdown-list-open {
    position: static;
  }
  
  @media screen and (max-width: 991px) {
    .w-nav[data-collapse="medium"] .w-nav-menu {
      display: none;
    }
  
    .w-nav[data-collapse="medium"] .w-nav-button {
      display: block;
    }
  }
  
  @media screen and (max-width: 767px) {
    .w-nav[data-collapse="small"] .w-nav-menu {
      display: none;
    }
  
    .w-nav[data-collapse="small"] .w-nav-button {
      display: block;
    }
  
    .w-nav-brand {
      padding-left: 10px;
    }
  }
  
  @media screen and (max-width: 479px) {
    .w-nav[data-collapse="tiny"] .w-nav-menu {
      display: none;
    }
  
    .w-nav[data-collapse="tiny"] .w-nav-button {
      display: block;
    }
  }
  
  .w-tabs {
    position: relative;
  }
  
  .w-tabs:before, .w-tabs:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-tabs:after {
    clear: both;
  }
  
  .w-tab-menu {
    position: relative;
  }
  
  .w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  
  .w-tab-link.w--current {
    background-color: #c8c8c8;
  }
  
  .w-tab-link:focus {
    outline: 0;
  }
  
  .w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .w-tab-pane {
    display: none;
    position: relative;
  }
  
  .w--tab-active {
    display: block;
  }
  
  @media screen and (max-width: 479px) {
    .w-tab-link {
      display: block;
    }
  }
  
  .w-ix-emptyfix:after {
    content: "";
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .w-dyn-empty {
    background-color: #ddd;
    padding: 10px;
  }
  
  .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
    display: none !important;
  }
  
  .w-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;
  }
  
  .w-commerce-commercecheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
  }
  
  .w-commerce-commercelayoutcontainer {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
  
  .w-commerce-commercelayoutmain {
    flex: 0 800px;
    margin-right: 20px;
  }
  
  .w-commerce-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    min-height: 30px;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    text-decoration: none;
    display: flex;
  }
  
  .w-commerce-commercecartapplepayicon {
    width: 100%;
    height: 50%;
    min-height: 20px;
  }
  
  .w-commerce-commercecartquickcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 15px;
    text-decoration: none;
    display: flex;
  }
  
  .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
    margin-right: 8px;
    display: block;
  }
  
  .w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
  }
  
  .w-commerce-commercecheckoutblockcontent {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 20px;
  }
  
  .w-commerce-commercecheckoutlabel {
    margin-bottom: 8px;
  }
  
  .w-commerce-commercecheckoutemailinput {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutemailinput::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutemailinput:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutshippingfullname {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingfullname::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingfullname:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddress {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddress::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutrow {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
  }
  
  .w-commerce-commercecheckoutcolumn {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
  }
  
  .w-commerce-commercecheckoutshippingcity {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingcity::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingcity:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingstateprovince {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingstateprovince::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingzippostalcode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingzippostalcode::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingcountryselector {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingcountryselector::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutshippingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutshippingmethodslist {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
  }
  
  .w-commerce-commercecheckoutshippingmethoditem {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 0;
    padding: 16px;
    font-weight: 400;
    display: flex;
  }
  
  .w-commerce-commercecheckoutshippingmethoddescriptionblock {
    flex-direction: column;
    flex-grow: 1;
    margin-left: 12px;
    margin-right: 12px;
    display: flex;
  }
  
  .w-commerce-commerceboldtextblock {
    font-weight: 700;
  }
  
  .w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 64px 16px;
  }
  
  .w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutcardnumber {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutcardnumber::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutcardexpirationdate {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutcardexpirationdate::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutcardsecuritycode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutcardsecuritycode::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingaddresstogglewrapper {
    flex-direction: row;
    display: flex;
  }
  
  .w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top: 4px;
  }
  
  .w-commerce-commercecheckoutbillingaddresstogglelabel {
    margin-left: 8px;
    font-weight: 400;
  }
  
  .w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top: 16px;
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutbillingfullname {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingfullname::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingfullname:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddress {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddress::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddress:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddressoptional {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingcity {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingcity::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingcity:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingstateprovince {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingstateprovince::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingstateprovince:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingzippostalcode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingzippostalcode::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingzippostalcode:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutbillingcountryselector {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
  }
  
  .w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingcountryselector::placeholder {
    color: #999;
  }
  
  .w-commerce-commercecheckoutbillingcountryselector:focus {
    border-color: #3898ec;
    outline-style: none;
  }
  
  .w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutsummaryblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
  }
  
  .w-commerce-commercecheckoutorderitemslist {
    margin-bottom: -20px;
  }
  
  .w-commerce-commercecheckoutorderitem {
    margin-bottom: 20px;
    display: flex;
  }
  
  .w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%;
  }
  
  .w-commerce-commercecheckoutorderitemdescriptionwrapper {
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px;
  }
  
  .w-commerce-commercecheckoutorderitemquantitywrapper {
    white-space: pre-wrap;
    display: flex;
  }
  
  .w-commerce-commercecheckoutorderitemoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none;
  }
  
  .w-commerce-commercelayoutsidebar {
    flex: 0 0 320px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
  }
  
  .w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex;
  }
  
  .w-commerce-commercecheckoutsummarytotal {
    font-weight: 700;
  }
  
  .w-commerce-commercecheckoutplaceorderbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    align-items: center;
    margin-bottom: 20px;
    padding: 9px 15px;
    text-decoration: none;
    display: block;
  }
  
  .w-commerce-commercecheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
  }
  
  .w-commerce-commercepaypalcheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
  }
  
  .w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
    margin-bottom: 8px;
  }
  
  .w-commerce-commercecheckoutsummaryflexboxdiv {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
  }
  
  .w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right: .33em;
  }
  
  .w-commerce-commercecheckoutpaymentsummarywrapper {
    margin-bottom: 20px;
  }
  
  .w-commerce-commercepaypalcheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
  }
  
  .w-commerce-commerceorderconfirmationcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
  }
  
  .w-commerce-commercecheckoutshippingsummarywrapper {
    margin-bottom: 20px;
  }
  
  .w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
  }
  
  .w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
  }
  
  .w-checkbox-input--inputType-custom {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
  }
  
  .w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
  }
  
  .w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
  }
  
  @media screen and (max-width: 767px) {
    .w-commerce-commercelayoutcontainer {
      flex-direction: column;
      align-items: stretch;
    }
  
    .w-commerce-commercelayoutmain {
      flex-basis: auto;
      margin-right: 0;
    }
  
    .w-commerce-commercelayoutsidebar {
      flex-basis: auto;
    }
  }
  
  @media screen and (max-width: 479px) {
    .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
      font-size: 16px;
    }
  
    .w-commerce-commercecheckoutrow {
      flex-direction: column;
    }
  
    .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
      font-size: 16px;
    }
  }
  
  h1 {
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
  }
  
  h2 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
  }
  
  h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    display: block;
  }
  
  h4 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  
  h5 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
  }
  
  h6 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: block;
  }
  
  p {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 28px;
  }
  
  a {
    color: #7567f8;
    text-decoration: none;
  }
  
  ul {
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 40px;
    display: block;
  }
  
  ol {
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 40px;
  }
  
  img {
    max-width: 100%;
    display: inline-block;
  }
  
  blockquote {
    border-left: 3px solid #ffa535;
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 8px 24px;
    font-size: 22px;
    line-height: 32px;
  }
  
  figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  
  figcaption {
    color: #9096a4;
    text-align: center;
    margin-top: 9px;
    font-size: 14px;
    line-height: 20px;
  }
  
  .body {
    color: #2e323c;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
  }
  
  .section {
    color: #111;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-color: #edeff4;
    background-clip: border-box;
    padding: 120px 24px;
    overflow: hidden;
  }
  
  .section.grey-section {
    background-color: #3377fe;
    padding: 100px 3px;
  }
  
  .section.no-bottom-padding {
    padding-bottom: 0;
  }
  
  .section.no-top-padding {
    box-shadow: none;
    opacity: 1;
    background-color: #fff;
    background-image: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .section.no-top-padding.no-bottom-padding {
    opacity: 1;
    background-color: #0a1226;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    box-shadow: 12px 12px 20px -18px #000;
  }
  
  .section.color-3 {
    background-color: #329eff;
  }
  
  .section.contact-image {
    z-index: 2;
    background-image: linear-gradient(rgba(46, 50, 60, .2), rgba(46, 50, 60, .2)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    position: relative;
  }
  
  .section.contact-image.scroll-bg {
    background-image: linear-gradient(to bottom, null, null), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-attachment: scroll, scroll;
  }
  
  .wrapper {
    max-width: 1200px;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .wrapper.nav-bar-wrapper {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .button {
    height: 48px;
    background-color: #329eff;
    background-image: linear-gradient(#327dff, #327dff);
    border-radius: 24px;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    transition: box-shadow .3s, transform .3s;
  }
  
  .button:hover {
    transform: translate(0, -1px);
    box-shadow: 0 5px 18px #4374f6;
  }
  
  .button.contact-button {
    mix-blend-mode: normal;
    background-color: #329eff;
    background-image: linear-gradient(#329eff, #329eff);
    margin-top: 16px;
    padding-top: 7px;
    transition: box-shadow .3s, transform .3s;
    display: inline-block;
    position: static;
  }
  
  .button.contact-button:hover {
    box-shadow: 0 5px 18px #329eff;
  }
  
  .button.contact-ready-button {
    color: #000;
    background-image: linear-gradient(#fff, #fff);
    margin-top: 20px;
  }
  
  .button.footer-big-subscribe-button {
    margin-left: 24px;
    padding-top: 7px;
  }
  
  .button.footer-subscribe-button {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }
  
  .button.subscribe-button {
    margin-left: 24px;
  }
  
  .button.works-v5-button {
    margin-top: 64px;
  }
  
  .button.form-button {
    padding-top: 7px;
  }
  
  .button.full-screen-button {
    position: absolute;
    bottom: 40px;
    right: 40px;
  }
  
  .button.pricing-table-button {
    background-color: #4374f6;
    background-image: linear-gradient(#329eff, #329eff);
    margin-top: 40px;
  }
  
  .button._404-home-button {
    margin-top: 24px;
    margin-bottom: -64px;
  }
  
  .button.style-guide-button {
    margin-top: 64px;
  }
  
  .button.float-subscribe-button {
    margin-left: 16px;
  }
  
  .nav-bar {
    z-index: 200;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 20px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 9px rgba(46, 50, 60, .09);
  }
  
  .nav-bar.ghost-nav-bar {
    width: 100%;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
  }
  
  .logo {
    color: #2e323c;
    margin-top: 2px;
    margin-bottom: 11px;
    font-size: 25px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .logo-link {
    padding: 25px 16px 23px 14px;
  }
  
  .logo-link.full-screen-logo {
    position: absolute;
    top: 0;
    left: 25px;
  }
  
  .logo-line {
    width: 62%;
    height: 2px;
    background-color: #ffa535;
    background-image: linear-gradient(to right, #ff753e, #ffb731);
  }
  
  .logo-line.white-line {
    background-color: #fff;
    background-image: none;
  }
  
  .logo-text {
    float: left;
    color: #a5aab6;
    margin-left: 8px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
  }
  
  .nav-link {
    color: #2e323c;
    padding-top: 16px;
    padding-bottom: 18px;
    padding-left: 16px;
    font-size: 15px;
    line-height: 24px;
    transition: color .15s;
  }
  
  .nav-link:hover {
    color: #4374f6;
  }
  
  .nav-link.w--current {
    color: #2e323c;
  }
  
  .nav-link.w--current:hover {
    color: #4374f6;
  }
  
  .nav-link.dropdown {
    padding-right: 36px;
  }
  
  .service-side-text {
    color: #9096a4;
    padding-right: 32px;
  }
  
  .paragraph-big {
    color: #2e323c;
    font-size: 22px;
    line-height: 40px;
  }
  
  .paragraph-big.hero-split-text {
    color: #9096a4;
    margin-top: 8px;
    margin-bottom: 36px;
  }
  
  .hero-imac {
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
  }
  
  .hero-plant-small {
    z-index: 3;
    position: absolute;
    top: 18%;
    left: 4%;
  }
  
  .hero-plant-big {
    position: absolute;
    top: 16%;
    right: -110px;
  }
  
  .hero-pencils {
    z-index: 7;
    position: absolute;
    top: 39%;
    right: 8%;
  }
  
  .hero-pencil {
    position: absolute;
    bottom: 25%;
    right: 5%;
    transform: rotate(16deg);
  }
  
  .section-header-wrapper {
    max-width: 570px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -64px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    font-family: Ubuntu, Helvetica, sans-serif;
    display: block;
  }
  
  .section-header-wrapper.subscribe-header-wrapper {
    padding-bottom: 40px;
  }
  
  .section-header-wrapper.no-padding-bottom {
    padding-bottom: 0;
  }
  
  .section-small-header {
    color: #329eff;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
  }
  
  .section-header {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 8px;
  }
  
  .section-description {
    color: #9096a4;
    font-size: 14px;
    line-height: 28px;
  }
  
  .link-arrow-icon {
    margin-top: -3px;
    margin-left: 8px;
  }
  
  .link-arrow-text {
    display: inline-block;
  }
  
  .white-text {
    color: #fff;
  }
  
  .color-2 {
    background-color: #f34568;
  }
  
  .color-3 {
    background-color: #7567f8;
  }
  
  .service-simple {
    width: 33.3333%;
    text-align: left;
    flex: 1;
    margin-top: -13px;
    padding: 0 32px 0 15px;
  }
  
  .paragraph-small {
    color: #dedfe3;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
  }
  
  .service-simple-header {
    color: #2e323c;
    margin-top: 12px;
    font-size: 25px;
  }
  
  .service-simple-icon {
    float: left;
    object-fit: fill;
  }
  
  .service-simple-info {
    color: #9096a4;
    padding-left: 16px;
    position: relative;
    overflow: hidden;
  }
  
  .services-simple {
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }
  
  .grey-section {
    text-align: center;
    background-color: #f5f6f9;
  }
  
  .works-v1 {
    flex-wrap: wrap;
    margin-bottom: -32px;
    display: flex;
  }
  
  .work-v1 {
    width: 50%;
  }
  
  .work-card-v1 {
    color: #9096a4;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    margin: 0 15px 32px;
    padding: 40px;
    transition: background-color .3s, box-shadow .3s, transform .3s;
    display: block;
  }
  
  .work-card-v1:hover {
    background-color: #fff;
    transform: translate(0, -4px);
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .work-card-v1-image {
    border-radius: 8px;
  }
  
  .work-card-v1-category {
    z-index: 1;
    width: 80px;
    height: 80px;
    background-color: #2e323c;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px;
    border-radius: 50%;
    margin: -40px auto -8px;
    display: block;
    position: relative;
    box-shadow: 0 5px 18px rgba(46, 50, 60, .18);
  }
  
  .work-card-v1-header {
    color: #2e323c;
    margin-bottom: 20px;
  }
  
  .work-card-v1-description {
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .team {
    display: flex;
  }
  
  .team-member {
    width: 25%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .team-member-photo {
    height: 360px;
    background-color: #ccd0d9;
    border-radius: 8px;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: -10px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .team-member-photo.team-member-1 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326026d8d2751_team-member-01.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-photo.team-member-2 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed3263c7b8d2754_team-member-02.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-photo.team-member-3 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32623618d2720_team-member-03.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-photo.team-member-4 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c9c18d2750_team-member-04.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-role {
    color: #9096a4;
    margin-top: -12px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .rich-text-content {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }
  
  .team-member-links {
    background-color: #fff;
    border-radius: 6px;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(46, 50, 60, .27);
  }
  
  .team-member-link {
    background-color: #fff;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    box-shadow: -1px 0 #e1e3ea, 1px 0 #e1e3ea;
  }
  
  .contact-section {
    flex-direction: row;
    display: flex;
  }
  
  .contact-split-image {
    width: 50%;
    min-height: 600px;
    background-color: #ccd0d9;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be7a07c26837a9c716beaf_frederik-lipfert-exv1JefGzTU-unsplash.jpg");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .contact-split-info {
    max-width: 570px;
    text-align: center;
    flex: 1;
    margin-bottom: 0;
    margin-left: 15px;
    padding: 80px 7% 120px;
  }
  
  .form-label {
    text-align: left;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 16px;
  }
  
  .input {
    height: 48px;
    background-color: rgba(0, 0, 0, 0);
    border-color: #000 #000 #ccd0d9;
    border-top-style: none;
    border-top-width: 1px;
    border-left-style: none;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
    border-radius: 0;
    margin-bottom: 32px;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 24px;
    transition: border-color .3s;
    display: block;
  }
  
  .input:hover {
    border-bottom-color: #9096a4;
  }
  
  .input:focus {
    border-bottom-color: #ffa535;
  }
  
  .input:focus-visible {
    border: 1px #000;
  }
  
  .input[data-wf-focus-visible] {
    border: 1px #000;
  }
  
  .input.text-area {
    height: auto;
    min-height: 112px;
  }
  
  .input.footer-big-subscribe-input {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326ef8a8d277d_subscribe-icon.png");
    background-position: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    flex: 1;
    margin-bottom: 0;
    padding-left: 56px;
    display: inline-block;
  }
  
  .input.footer-subscribe-input {
    margin-bottom: 24px;
  }
  
  .input.subscribe-input {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326ef8a8d277d_subscribe-icon.png");
    background-position: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    flex: 1;
    margin-bottom: 0;
    padding-left: 56px;
  }
  
  .input.password-input {
    text-align: center;
  }
  
  .contact-split-form {
    padding-top: 0;
  }
  
  .contact-split-form:active {
    mix-blend-mode: normal;
  }
  
  .clients-section {
    background-color: #f5f6f9;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  
  .clients-section.clients-color-section {
    color: #fff;
    background-color: #7567f8;
  }
  
  .clients-section.white {
    background-color: #fff;
  }
  
  .clients-logotypes {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .client-logo {
    opacity: .7;
    margin-left: 16px;
    margin-right: 16px;
    padding: 16px;
    transition: opacity .3s;
  }
  
  .client-logo:hover, .client-logo.color-logo {
    opacity: 1;
  }
  
  .footer-v1 {
    text-align: left;
    flex-wrap: wrap;
    align-items: stretch;
    padding-top: 28px;
    display: flex;
  }
  
  .footer-v1-column {
    width: 25%;
    flex: 0 auto;
    padding: 8px 60px 64px 15px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .footer-v1-column-text {
    color: #9096a4;
  }
  
  .footer-logo {
    margin-top: 10px;
    margin-bottom: -16px;
    padding: 24px 15px 24px 0;
    display: block;
  }
  
  .footer-bottom {
    width: 100%;
    color: #9096a4;
    border-top: 1px solid #e1e3ea;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 12px;
    line-height: 24px;
    display: flex;
  }
  
  .footer-bottom-text-left {
    color: #9096a4;
    text-align: center;
    margin-right: 24px;
  }
  
  .footer-bottom-link {
    color: #2e323c;
  }
  
  .footer-bottom-link:hover {
    text-decoration: underline;
  }
  
  .footer-bottom-link-right {
    color: #2e323c;
    margin-left: 24px;
  }
  
  .footer-bottom-link-right:hover {
    text-decoration: underline;
  }
  
  .footer-grey-link {
    color: #9096a4;
  }
  
  .footer-grey-link:hover {
    text-decoration: underline;
  }
  
  .video-play-button {
    width: 80px;
    height: 80px;
    background-color: #329eff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326ea8b8d2749_play-icon.svg"), linear-gradient(#329eff, #329eff);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-left: 24px;
    margin-right: 24px;
    transition: transform .3s;
  }
  
  .video-play-button:hover {
    transform: scale(1.1);
  }
  
  .about-side-info {
    text-align: left;
    margin-top: -8px;
    display: flex;
  }
  
  .about-side-header-wrapper {
    width: 50%;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }
  
  .about-side-line {
    width: 12%;
    height: 3px;
    float: left;
    background-color: #ffa535;
    background-image: linear-gradient(to right, #ff753e, #ffb731);
    margin-top: 25px;
    margin-right: 32px;
    display: inline-block;
  }
  
  .about-side-header {
    flex: 1;
    margin-top: 0;
    padding-right: 40px;
  }
  
  .about-side-text {
    color: #9096a4;
    flex: 1;
    margin-top: 8px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .work-card-v2 {
    background-color: #ccd0d9;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .service-side-block {
    align-items: center;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }
  
  .service-side-block.reversed {
    flex-direction: row-reverse;
    padding-bottom: 0;
  }
  
  .service-side-info {
    width: 50%;
    color: #f5f6f9;
    text-align: left;
    padding-bottom: 16px;
    padding-left: 0%;
    padding-right: 0%;
  }
  
  .service-side-content {
    flex: 1;
    justify-content: flex-end;
    padding-left: 4.6%;
    display: flex;
  }
  
  .service-side-content.service-side-content-reversed {
    justify-content: flex-start;
    padding-left: 0%;
    padding-right: 6%;
  }
  
  .service-side-icon {
    margin-bottom: -8px;
    margin-left: -8px;
    margin-right: 26px;
  }
  
  .link-arrow {
    color: #2e323c;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
  }
  
  .service-side-image {
    width: 91.6667%;
    height: 320px;
    background-color: #ccd0d9;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6439ce280ef08809d9ac38d4_pc.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    position: relative;
  }
  
  .service-side-image.service-side-image-2 {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0;
    background-size: auto;
  }
  
  .service-side-image.service-side-image-1 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6226609d284fd102ad76b7da_Screen%20Shot%202022-03-07%20at%202.44.08%20PM.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 700px;
  }
  
  .service-side-image.service-side-image-3 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6439ce29604b7701b3d04a17_network.png");
    background-position: 50%;
    background-size: cover;
  }
  
  .service-side-image.service-side-image-4 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622c38e13e233309a59cbfbd_marc-pezin-i_JUAdanGH0-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .service-side-blocks {
    margin-bottom: -120px;
  }
  
  .slider-arrow-button {
    border-radius: 50px;
    margin: auto;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 9px rgba(46, 50, 60, .09);
  }
  
  .side-video-section {
    background-color: #fff;
    display: flex;
    overflow: hidden;
  }
  
  .side-video-content {
    width: 50%;
    background-color: #f5f6f9;
    justify-content: flex-end;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
  }
  
  .side-video-preview {
    width: 50%;
    min-height: 680px;
    background-color: #ccd0d9;
    background-image: linear-gradient(rgba(46, 50, 60, .1), rgba(46, 50, 60, .1)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32604db8d2791_gabriel-beaudry-93842.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .side-video-info {
    max-width: 600px;
    margin-left: 24px;
    padding-left: 15px;
    padding-right: 25%;
  }
  
  .clients-header {
    max-width: 570px;
    text-align: center;
    margin: 8px auto 40px;
    display: block;
  }
  
  .post-v2 {
    width: 33.3333%;
    padding-bottom: 48px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .blog-posts-v2 {
    flex-wrap: wrap;
    margin-bottom: -48px;
    display: flex;
  }
  
  .category {
    height: 24px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #2e323c;
    border-radius: 12px;
    padding-top: 4px;
    padding-left: 13px;
    padding-right: 12px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;
  }
  
  .category.post-card-v2-category {
    z-index: 2;
    position: relative;
    box-shadow: 0 3px 9px rgba(46, 50, 60, .18);
  }
  
  .category.work-card-v5-category {
    z-index: 5;
    margin: 24px;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .category.post-card-v1-category {
    z-index: 1;
    margin: 32px;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .category.work-category {
    margin-bottom: 8px;
  }
  
  .category.pricing-table-category {
    margin-bottom: 24px;
  }
  
  .category.pricing-table-category.mobile {
    background-color: #7567f8;
  }
  
  .post-card-v2-header {
    color: #fff;
    margin-top: 22px;
    margin-bottom: 14px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .post-card-v2-link {
    color: #9096a4;
    font-size: 14px;
    line-height: 24px;
  }
  
  .post-card-v2-link:hover {
    text-decoration: underline;
  }
  
  .post-card-v2-image-wrapper {
    z-index: 1;
    background-color: #2e323c;
    border-radius: 8px;
    margin-bottom: -16px;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .footer-v2-logo {
    width: 16.6667%;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .footer-v2 {
    text-align: left;
    flex-wrap: wrap;
    padding-top: 100px;
    display: flex;
  }
  
  .footer-v2-about {
    color: #9096a4;
    flex: 1;
    padding: 19px 32px 40px 15px;
  }
  
  .footer-v2-contact {
    width: 25%;
    padding: 35px 15px 40px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .footer-v2-contact-header {
    color: #2e323c;
    font-weight: 700;
  }
  
  .footer-v2-social {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }
  
  .social-button {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    margin-right: 4px;
    display: flex;
    box-shadow: 0 1px 2px rgba(46, 50, 60, .09);
  }
  
  .float-subscribe-header {
    margin-top: 0;
    margin-bottom: 4px;
  }
  
  .footer-big-subscribe {
    height: 96px;
    max-width: 570px;
    background-color: #fff;
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    margin: -48px auto 0;
    padding-top: 24px;
    padding-left: 48px;
    padding-right: 24px;
    display: block;
    position: relative;
    bottom: -48px;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .footer-big-subscribe-form {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .works-v3 {
    flex-wrap: wrap;
    margin-bottom: -56px;
    display: flex;
  }
  
  .work-v3 {
    width: 33.3333%;
    padding-bottom: 48px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .work-card-v3-image {
    z-index: 1;
    background-color: #ccd0d9;
    border-radius: 8px;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .work-card-v3-category {
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 16px;
    font-size: 11px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .work-card-v3-header {
    margin-top: 6px;
  }
  
  .about-side-media {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }
  
  .about-side-media.about-side-reversed {
    text-align: left;
    flex-direction: row-reverse;
    justify-content: center;
    display: flex;
  }
  
  .about-side-image-info {
    width: 33.3333%;
    text-align: left;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }
  
  .about-side-image-wrapper {
    width: 39%;
    flex: 0 auto;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .about-side-image {
    direction: ltr;
    border-radius: 20px;
    display: inline-block;
    position: static;
    box-shadow: 9px 9px 20px 6px rgba(0, 0, 0, .08);
  }
  
  .service-cards {
    flex-wrap: wrap;
    margin-bottom: -6px;
    display: flex;
  }
  
  .service-card {
    color: #9096a4;
    background-color: #fff;
    border-radius: 8px;
    flex-grow: 1;
    flex-basis: 20%;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 56px 32px 40px;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .service-card._33-width {
    outline-offset: 0px;
    text-align: center;
    outline: 3px #9096a4;
    flex-basis: 30%;
    margin-bottom: 48px;
    transition: opacity .2s;
  }
  
  .service-card-header {
    color: #2e323c;
    margin-top: 22px;
  }
  
  .no-bottom-padding {
    padding-bottom: 0;
  }
  
  .footer-v3-about {
    width: 33.3333%;
    color: #9096a4;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 56px;
    padding-left: 15px;
    padding-right: 9%;
    font-size: 14px;
    line-height: 24px;
    display: flex;
  }
  
  .footer-v3 {
    text-align: left;
    flex-wrap: wrap;
    padding-top: 30px;
    display: flex;
  }
  
  .footer-v3-social {
    align-items: center;
    margin-left: -8px;
    display: flex;
  }
  
  .footer-v3-social-link {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .footer-v3-nav {
    width: 16.6667%;
    padding-bottom: 56px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .footer-v3-link {
    color: #9096a4;
    font-size: 14px;
    line-height: 32px;
    display: block;
  }
  
  .footer-v3-link:hover {
    text-decoration: underline;
  }
  
  .footer-v3-subscribe {
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .footer-big-subscribe-wrapper {
    background-color: #fff;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .work-card-v4 {
    background-color: #ccd0d9;
    border-radius: 8px;
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .black-text {
    color: #2e323c;
  }
  
  .subscribe-form {
    align-items: center;
    padding: 24px 8.33333% 8px;
    display: flex;
  }
  
  .subscribe-info {
    width: 41.6667%;
    color: #9096a4;
    text-align: left;
    padding: 20px 24px 20px 15px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .subscribe-header {
    color: #2e323c;
    margin-top: 7px;
    margin-bottom: 1px;
  }
  
  .team-color-cards {
    justify-content: space-around;
    display: flex;
  }
  
  .team-member-color-card {
    width: 22.4%;
    border-radius: 8px;
    position: relative;
  }
  
  .team-member-color-photo {
    z-index: 5;
    height: 360px;
    background-color: #ccd0d9;
    border-radius: 8px;
    position: relative;
    left: 40px;
    box-shadow: 0 5px 18px rgba(46, 50, 60, .27);
  }
  
  .team-member-color-photo.team-member-1 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326026d8d2751_team-member-01.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-color-photo.team-member-2 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed3263c7b8d2754_team-member-02.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-color-photo.team-member-3 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32623618d2720_team-member-03.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .team-member-color-role {
    width: 280px;
    color: #fff;
    text-align: right;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    line-height: 40px;
    position: absolute;
    top: 140px;
    left: -120px;
    overflow: hidden;
    transform: rotate(-90deg);
  }
  
  .team-member-color-links {
    height: 40px;
    justify-content: flex-end;
    align-items: center;
    margin-left: 40px;
    padding-right: 8px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .team-member-color-link {
    color: #fff;
    padding: 7px 8px 9px;
    font-size: 12px;
    line-height: 24px;
  }
  
  .team-member-color-link:hover {
    text-decoration: underline;
  }
  
  .color-1 {
    background-color: #ffa535;
  }
  
  .testimonials-slider {
    width: 83.3333%;
    height: auto;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    display: block;
  }
  
  .review-slide {
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 14px;
    line-height: 24px;
  }
  
  .review-logo {
    margin-bottom: 24px;
  }
  
  .review-line {
    width: 30px;
    height: 2px;
    opacity: .29;
    background-color: #fff;
    margin: 36px auto 24px;
    display: block;
  }
  
  .review-line.grey-line {
    background-color: #a5aab6;
  }
  
  .testimonials-slider-arrow {
    align-items: center;
    margin-bottom: 12px;
    display: flex;
  }
  
  .hero-split-section {
    background-color: #fff;
    justify-content: flex-end;
    display: flex;
  }
  
  .hero-split-image {
    width: 50%;
    height: 100vh;
    background-color: #ccd0d9;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6213d8264cfb33fe8bba5236_josh-hild-WjZ4eaHq9G4-unsplash.jpg");
    background-position: 100%;
    background-repeat: repeat;
    background-size: cover;
    align-items: center;
    display: flex;
  }
  
  .hero-split-content {
    max-width: 600px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    margin-left: 24px;
    padding-left: 15px;
    padding-right: 8.33%;
    display: flex;
  }
  
  .works-v5 {
    flex-wrap: wrap;
    margin-bottom: -48px;
    display: flex;
  }
  
  .work-v5 {
    width: 33.33%;
    padding: 15px 15px 43px;
  }
  
  .work-card-v5 {
    width: 100%;
    color: #2e323c;
    position: relative;
    overflow: hidden;
  }
  
  .work-card-v5-header {
    margin-top: 14px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .team-cards {
    display: flex;
  }
  
  .team-member-card {
    background-color: #fff;
    border-radius: 8px;
    flex: 1;
    margin-left: 15px;
    margin-right: 15px;
    padding: 48px 32px 40px;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .team-member-card-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin-bottom: -10px;
  }
  
  .team-member-card-text {
    color: #9096a4;
    margin-top: -7px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .team-member-card-links {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .team-member-card-link {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .testimonials-cards {
    align-items: flex-start;
    display: flex;
  }
  
  .testimonials-cards-column {
    width: 33.33%;
    margin-bottom: -30px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .review-card {
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 16px 32px 32px;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .review-card-info {
    color: #9096a4;
    border-top: 1px solid #edeff4;
    align-items: center;
    margin-top: 24px;
    padding-top: 24px;
    font-size: 13px;
    line-height: 16px;
    display: flex;
  }
  
  .review-card-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 12px;
  }
  
  .footer-v4 {
    text-align: left;
    flex-wrap: wrap;
    padding-top: 32px;
    display: flex;
  }
  
  .footer-v4-about {
    width: 33.33%;
    color: #9096a4;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 56px;
    padding-left: 15px;
    padding-right: 9%;
    font-size: 14px;
    line-height: 24px;
    display: flex;
  }
  
  .footer-v4-column {
    flex: 1;
    padding-bottom: 56px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .footer-v4-link {
    color: #9096a4;
    font-size: 14px;
    line-height: 32px;
    display: block;
  }
  
  .footer-v4-link:hover {
    text-decoration: underline;
  }
  
  .menu-button.white-menu-button {
    z-index: 100;
    width: 56px;
    height: 56px;
    color: #fff;
    justify-content: flex-end;
    align-items: center;
    padding: 0 12px 12px 0;
  }
  
  .menu-button.white-menu-button.w--open {
    z-index: 110;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
  }
  
  .contact-window {
    width: 500px;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 0;
    margin-left: 9%;
    margin-right: 9%;
    padding-top: 0;
    padding-bottom: 48px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .27);
  }
  
  .contact-window.popup-window {
    z-index: 1000;
    margin-left: 0%;
    margin-right: 0%;
  }
  
  .contact-window-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .contact-window-form {
    text-align: center;
    margin-left: 56px;
    margin-right: 56px;
    padding-top: 32px;
  }
  
  .contact-window-header {
    color: #fff;
    text-align: center;
    background-image: linear-gradient(to right, #ff753e, #ffb731);
    margin-top: 0;
    margin-bottom: 0;
    padding: 28px 56px;
  }
  
  .preloader {
    z-index: 1000;
    background-color: #fff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32686f58d2788_preloader.svg");
    background-repeat: no-repeat;
    background-size: 46px;
    display: none;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .page-wrapper {
    font-family: Ubuntu, Helvetica, sans-serif;
    overflow: hidden;
  }
  
  .page-wrapper.overflow-visible {
    overflow: visible;
  }
  
  .page-wrapper.hide {
    display: none;
  }
  
  .footer-v1-logo-column {
    width: 25%;
    padding-bottom: 64px;
    padding-left: 15px;
    padding-right: 64px;
  }
  
  .nav-dropdown-link {
    color: #2e323c;
    background-color: #fff;
    padding: 12px 24px;
    font-size: 14px;
    line-height: 24px;
    transition: background-color .1s, color .1s;
  }
  
  .nav-dropdown-link:hover {
    color: #fff;
    background-color: #7567f8;
  }
  
  .nav-dropdown-link.w--current {
    color: #7567f8;
  }
  
  .nav-dropdown-link.w--current:hover {
    color: #fff;
  }
  
  .nav-dropdown-icon {
    color: #a5aab6;
    margin-right: 18px;
    font-size: 13px;
  }
  
  .nav-dropdown-list {
    margin-left: -5px;
  }
  
  .nav-dropdown-list.w--open {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(46, 50, 60, .09);
  }
  
  .page-header-section {
    height: 440px;
    color: #fff;
    background-color: #7567f8;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 56px;
    display: flex;
  }
  
  .page-header-section.about-1 {
    background-image: radial-gradient(circle, #3377fe, #4a37ff 51%, #329eff);
  }
  
  .page-header-section.about-3 {
    height: 140px;
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292d06b33518fe14841f721_sigmund-eTgMFFzroGc-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 0;
  }
  
  .page-header-section.blog {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c9588d27a9_grovemade-239370.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.about-2 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c7128d27a6_vadim-sherbakov-277610.jpg");
    background-position: 0 0, 50% 28%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.works-1 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5a367e9139badcd2495e7_xps-g2E2NQ5SWSU-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.works-3 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc56ac4e9c9af7599f08cdc_xps-8pb7Hq539Zw-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.contact-2 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6209960c7d75bcc0f706b86d_sumaid-pal-singh-bakshi-_k7TtkxkA-s-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.services {
    height: 500px;
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    position: static;
  }
  
  .page-header-section.faq {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 50% -42px;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.pricing-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6285b8aef6eeece84ae44c17_luis-gonzalez-jgzdwJWCPDI-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 0;
  }
  
  .page-header-section.licensing-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32674268d27c2_jesus-kiteque-224069.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section.style-guide-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .4), rgba(46, 50, 60, .4)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326bf5d8d27c0_alice-achterhof-85968.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .grey-text {
    color: #9096a4;
  }
  
  .review-slide-author {
    font-weight: 700;
  }
  
  .gallery {
    flex-wrap: wrap;
    margin-left: 8.33%;
    margin-right: 8.33%;
    padding-left: 11px;
    padding-right: 11px;
    display: flex;
  }
  
  .gallery-vertical-column {
    flex-flow: column wrap;
    flex: 1;
    display: flex;
  }
  
  .gallery-photo {
    background-color: #ccd0d9;
    border-radius: 6px;
    margin: 4px;
    position: relative;
    overflow: hidden;
  }
  
  .gallery-photo.gallery-photo-1 {
    z-index: 1;
    width: 62%;
    height: 560px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32674618d27b0_breather-163391.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .gallery-photo.gallery-photo-2 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c9588d27a9_grovemade-239370.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row;
    flex: 1;
    display: flex;
  }
  
  .gallery-photo.gallery-photo-3 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
  }
  
  .gallery-photo.gallery-photo-4 {
    height: 360px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32682508d27b6_gabriel-beaudry-253369.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
  }
  
  .gallery-photo.gallery-photo-5 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed3262c708d2797_dane-deaner-272375.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
  }
  
  .utility-page-section {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    background-color: #f5f6f9;
    justify-content: center;
    align-items: center;
    padding-top: 48px;
    display: flex;
  }
  
  .password-window {
    width: 370px;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    margin-top: 48px;
    padding: 56px;
    display: flex;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .password-form {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  
  .about-us {
    width: 83.33%;
    flex-flow: column wrap;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }
  
  .about-image {
    border-radius: 8px;
  }
  
  .about-text {
    color: #9096a4;
    text-align: left;
    column-count: 2;
    column-gap: 30px;
    margin-top: 72px;
    margin-bottom: -24px;
  }
  
  .blog-posts-and-sidebar {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
    display: flex;
  }
  
  .blog-posts-v1-wrapper {
    width: 66.66%;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .blog-sidebar {
    width: 27.5%;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .blog-posts-v1 {
    flex-direction: column;
    margin-bottom: -56px;
    display: flex;
  }
  
  .post-card-v1 {
    text-align: left;
    flex-direction: column;
    margin-bottom: 56px;
    display: flex;
  }
  
  .post-card-v1-bottom {
    color: #9096a4;
    border-top: 1px solid #e1e3ea;
    align-items: center;
    margin-top: 8px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 4px;
    font-size: 13px;
    line-height: 24px;
    display: flex;
  }
  
  .post-card-v1-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 12px;
  }
  
  .post-card-v1-author {
    color: #9096a4;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    display: flex;
  }
  
  .post-card-v1-author:hover {
    text-decoration: underline;
  }
  
  .zoom-on-hover {
    transition: transform .45s;
  }
  
  .zoom-on-hover:hover {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0;
    background-size: 125px;
    transform: scale(1.06);
  }
  
  .post-card-v1-image {
    z-index: 1;
    width: 100%;
    max-height: 424px;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .post-card-v1-text {
    color: #9096a4;
    margin-top: 0;
  }
  
  .blog-card-v1-dot {
    width: 3px;
    height: 3px;
    background-color: #a5aab6;
    border-radius: 50%;
    margin-left: 8px;
    margin-right: 8px;
  }
  
  .text-block-5 {
    flex: 1;
  }
  
  .blog-sidebar-block {
    margin-bottom: 56px;
  }
  
  .sidebar-header {
    border-bottom: 1px solid #e1e3ea;
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  
  .blog-category-dot {
    width: 8px;
    height: 8px;
    background-color: #2e323c;
    border-radius: 50%;
    margin-top: 1px;
    margin-right: 16px;
  }
  
  .sidebar-category {
    color: #2e323c;
    letter-spacing: 1px;
    text-transform: uppercase;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 32px;
    display: flex;
  }
  
  .sidebar-category:hover {
    text-decoration: underline;
  }
  
  .sidebar-tags {
    flex-wrap: wrap;
    display: flex;
  }
  
  .sidebar-tag {
    color: #9096a4;
    margin-right: 16px;
    font-size: 14px;
    line-height: 32px;
  }
  
  .sidebar-tag:hover {
    text-decoration: underline;
  }
  
  .categories {
    display: flex;
  }
  
  .category-filter-link {
    color: #5d6371;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
    line-height: 32px;
    transition: color .1s;
    display: block;
  }
  
  .category-filter-link:hover {
    color: #2e323c;
  }
  
  .category-filter-link.w--current {
    color: #2e323c;
    background-color: rgba(0, 0, 0, 0);
    font-weight: 700;
    box-shadow: inset 0 -2px #329eff;
  }
  
  .categories-filter {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: -8px;
    margin-bottom: 80px;
    display: flex;
  }
  
  .gallery-horizontal-column {
    width: 100%;
    display: flex;
  }
  
  .gallery-hover {
    opacity: 0;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326756f8d2786_plus-circle-icon.png"), linear-gradient(rgba(46, 50, 60, .2), rgba(46, 50, 60, .2));
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 66px, auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .work-card-v3 {
    color: #2e323c;
    padding-bottom: 8px;
  }
  
  .work-card-v5-image {
    z-index: 1;
    border-radius: 8px;
    margin-bottom: 22px;
    position: relative;
    overflow: hidden;
  }
  
  .sidebar-author {
    color: #2e323c;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    display: flex;
  }
  
  .sidebar-author:hover {
    text-decoration: underline;
  }
  
  .sidebar-author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 16px;
  }
  
  .full-screen-menu {
    width: 100%;
    background-color: #2e323c;
    background-image: linear-gradient(rgba(27, 33, 44, .93), rgba(27, 33, 44, .93)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed3269f058d27ad_silvio-kundt-65518.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0 16px 16px;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
  }
  
  .full-screen-menu-list {
    width: 50%;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .full-screen-nav-link {
    color: #fff;
    text-align: center;
    padding: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 80px;
    transition: color .3s;
  }
  
  .full-screen-nav-link:hover {
    color: #a5aab6;
  }
  
  .menu-line {
    width: 24px;
    height: 2px;
    background-color: #fff;
    display: block;
  }
  
  .menu-line.menu-top-line {
    width: 24px;
    margin-bottom: 4px;
  }
  
  .menu-line.menu-middle-line-2 {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .menu-line.menu-bottom-line {
    width: 24px;
    margin-top: 4px;
    top: 12px;
    left: 12px;
  }
  
  .menu-top-line {
    width: 20px;
  }
  
  .menu-icon {
    width: 24px;
    height: 24px;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-end;
    margin: auto;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .work-header-wrapper {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    display: block;
  }
  
  .work-details {
    width: 66.66%;
    background-color: #fff;
    border-radius: 8px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .work-details-column {
    background-color: #fff;
    flex: 1;
    padding-bottom: 20px;
    padding-left: 23px;
    padding-right: 23px;
    box-shadow: -1px 0 #e1e3ea, 1px 0 #e1e3ea;
  }
  
  .work-details-text {
    color: #9096a4;
    font-size: 16px;
    line-height: 24px;
  }
  
  .link {
    color: #7567f8;
    font-size: 16px;
    line-height: 24px;
    display: block;
  }
  
  .link:hover {
    text-decoration: underline;
  }
  
  .work-details-header {
    margin-top: 22px;
    margin-bottom: 8px;
  }
  
  .work-presentation {
    text-align: left;
    margin-bottom: -16px;
  }
  
  .work-presentation h2, .work-presentation p, .work-presentation h4, .work-presentation h1, .work-presentation h3, .work-presentation h5, .work-presentation h6 {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .work-presentation img {
    border-radius: 8px;
  }
  
  .work-presentation figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .work-presentation blockquote, .work-presentation ol, .work-presentation ul {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .work-presentation a:hover {
    text-decoration: underline;
  }
  
  .work-main-image {
    width: 100%;
    border-radius: 8px;
    margin-top: 120px;
    margin-bottom: 24px;
    display: block;
  }
  
  .work-content {
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .form-success {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
  }
  
  .form-success.contact-split-form-success {
    text-align: left;
  }
  
  .form-success.window-success {
    margin-bottom: -40px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .form-success.footer-big-subscribe-success {
    padding-top: 8px;
  }
  
  .form-error {
    color: #f34568;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 24px;
  }
  
  .form-error.window-error {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .form-error.footer-big-subscribe-error {
    margin-top: 24px;
  }
  
  .post-header-section {
    height: 40vh;
    min-height: 400px;
    color: #fff;
    text-align: center;
    background-color: #2e323c;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }
  
  .post-header-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: 12px;
    margin-right: 12px;
  }
  
  .post-header-author {
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
    display: flex;
  }
  
  .post-header-wrapper {
    z-index: 1;
    width: 66.66%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -57px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
    position: relative;
  }
  
  .post-header-overlay {
    background-color: rgba(0, 0, 0, 0);
    flex: 0 auto;
    position: static;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .blog-post {
    color: #000;
    text-align: left;
    background-color: #fff;
    border-radius: 20px;
    font-weight: 500;
    display: block;
    overflow: visible;
    box-shadow: -6px -12px 20px -4px rgba(227, 227, 227, .2);
  }
  
  .blog-post h1, .blog-post p {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .blog-post img {
    border-radius: 8px;
  }
  
  .blog-post h2, .blog-post blockquote, .blog-post ul, .blog-post ol, .blog-post h5 {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .blog-post a:hover {
    text-decoration: underline;
  }
  
  .blog-post h6, .blog-post h3, .blog-post h4 {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .blog-post figure {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }
  
  .blog-post-content {
    text-align: left;
    flex-direction: column;
    align-items: center;
    margin-top: -40px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }
  
  .post-date-wrapper {
    width: 66.66%;
    color: #9096a4;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
    display: flex;
  }
  
  .post-date {
    margin-left: 3px;
  }
  
  .post-author-profile {
    width: 66.66%;
    color: #fff;
    border-top: 1px solid #e1e3ea;
    border-bottom: 1px solid #e1e3ea;
    align-items: flex-start;
    margin-top: 56px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }
  
  .post-author-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin-right: 24px;
  }
  
  .post-author-name {
    margin-top: 0;
    margin-bottom: 6px;
  }
  
  .post-author-bio {
    color: #9096a4;
  }
  
  .post-author-link {
    margin-top: 7px;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
  }
  
  .post-author-link:hover {
    text-decoration: underline;
  }
  
  .faq-list {
    width: 66.66%;
    margin-bottom: -24px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }
  
  .question-block {
    width: 100%;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 20px 32px;
    transition: box-shadow .3s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(46, 50, 60, .09);
  }
  
  .question-block:hover {
    box-shadow: 0 3px 9px rgba(46, 50, 60, .09);
  }
  
  .question {
    color: #2e323c;
    align-items: center;
    display: flex;
  }
  
  .question-text {
    flex: 1;
    margin-top: 15px;
    margin-left: 24px;
  }
  
  .answer {
    color: #9096a4;
    padding-left: 64px;
    padding-right: 8px;
    display: block;
  }
  
  .question-arrow-icon {
    opacity: .51;
    margin-left: 24px;
    margin-right: 8px;
  }
  
  .answer-text {
    margin-top: 8px;
  }
  
  .pricing {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -30px;
    display: flex;
  }
  
  .pricing-table {
    max-width: 33.33%;
    color: #9096a4;
    background-color: #fff;
    border-radius: 8px;
    flex: 1;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 56px 48px;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .pricing-table-price {
    color: #2e323c;
    margin-top: 0;
    margin-bottom: 32px;
  }
  
  .pricing-table-feature {
    background-color: #fff;
    padding-top: 13px;
    padding-bottom: 11px;
    font-size: 14px;
    line-height: 24px;
    box-shadow: inset 0 1px #e1e3ea, 0 1px #e1e3ea;
  }
  
  .popup-wrapper {
    z-index: 300;
    opacity: 1;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .popup-overlay {
    background-color: rgba(26, 31, 46, .7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .password-icon {
    width: 80px;
    height: 80px;
    background-color: #f34568;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .password-header {
    margin-top: 16px;
    margin-bottom: 32px;
  }
  
  .licence-items {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -24px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }
  
  .licence-item {
    width: 66.66%;
    background-color: #fff;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(46, 50, 60, .09);
  }
  
  .licence-link {
    color: #9096a4;
  }
  
  .licence-link:hover {
    text-decoration: underline;
  }
  
  .licence-links-wrapper {
    color: #9096a4;
    flex: 1;
    justify-content: space-between;
    padding-left: 64px;
    padding-right: 64px;
    display: flex;
  }
  
  .heading-styles {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .floating-card {
    z-index: 250;
    color: #9096a4;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 24px;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    bottom: 24px;
    left: 24px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(46, 50, 60, .18);
  }
  
  .floating-subscribe-form {
    width: 392px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 16px;
    margin-bottom: 4px;
    display: flex;
  }
  
  .floating-card-close {
    z-index: 1;
    width: 32px;
    height: 32px;
    opacity: .6;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed3268c208d27c4_close-small-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .floating-card-close:hover {
    opacity: 1;
  }
  
  .floating-behance {
    width: 312px;
    display: flex;
  }
  
  .floating-behance-icon {
    width: 72px;
    min-height: 40px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32635df8d27c5_behance-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 24px;
  }
  
  .floating-behance-content {
    flex: 1;
    margin-bottom: -8px;
  }
  
  .changelog {
    width: 66.66%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .change-icon {
    width: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    display: flex;
    position: relative;
  }
  
  .change-icon.new {
    background-color: #0dd290;
  }
  
  .change-icon.fix {
    background-color: #f34568;
  }
  
  .change-icon.enhancement {
    background-color: #ffa535;
  }
  
  .change-icon.release {
    background-color: #7567f8;
  }
  
  .text-block-6 {
    font-weight: 700;
  }
  
  .tooltip {
    max-width: 200px;
    color: #2e323c;
    background-color: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    position: absolute;
    bottom: 34px;
    box-shadow: 1px 1px 6px rgba(17, 17, 17, .1);
  }
  
  .tooltip.change-tooltip {
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 700;
    bottom: 50px;
  }
  
  .tooltip-arrow {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-bottom: 1px solid #ccd0d9;
    border-right: 1px solid #ccd0d9;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    transform: rotate(45deg);
  }
  
  .change-text {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 24px;
  }
  
  .change {
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 16px;
    padding: 32px;
    display: flex;
    box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
  }
  
  .text-link:hover {
    text-decoration: underline;
  }
  
  .logo-wrapper {
    flex: 1;
    align-items: center;
    display: flex;
  }
  
  .menu-icon-line-top, .menu-icon-line-bottom {
    height: 2px;
    background-color: #151515;
  }
  
  .menu-icon-wrapper {
    width: 20px;
    height: 20px;
    float: right;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }
  
  .menu-icon-line-middle {
    height: 2px;
    background-color: #151515;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  
  .footer-bottom-left {
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  
  .button-3 {
    opacity: .9;
    color: #fff;
    background-color: #3276ff;
    border-radius: 20px;
    margin-right: 35px;
    padding: 7px 16px;
    box-shadow: 4px 0 20px -17px #fff;
  }
  
  .link-2 {
    color: #5d6371;
  }
  
  .section-2 {
    color: #111;
    text-align: center;
    background-color: #f5f6f9;
    padding: 120px 24px;
    overflow: hidden;
  }
  
  .section-description-2 {
    color: #9096a4;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
  }
  
  .text-span {
    color: #329eff;
  }
  
  .link-3 {
    color: #5d6371;
  }
  
  .footer-bottom-link-right-2 {
    color: #2e323c;
    margin-left: 24px;
  }
  
  .footer-bottom-link-right-2:hover {
    text-decoration: underline;
  }
  
  .footer-bottom-text-left-2 {
    color: #9096a4;
    text-align: left;
    margin-right: 24px;
  }
  
  .logo-line-2 {
    width: 62%;
    height: 2px;
    background-color: #ffa535;
    background-image: linear-gradient(to right, #ff753e, #ffb731);
  }
  
  .section-3 {
    color: #111;
    text-align: center;
    background-color: #fbfbfb;
    padding: 100px 3px;
    overflow: hidden;
  }
  
  .section-3.no-top-padding {
    opacity: 1;
    padding-top: 44px;
    padding-bottom: 57px;
    box-shadow: 3px 0 9px rgba(46, 50, 60, .09);
  }
  
  .section-3.no-top-padding.no-bottom-padding {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 12px 12px 20px -18px #000;
  }
  
  .section-3.contact-image {
    z-index: 2;
    background-image: linear-gradient(rgba(46, 50, 60, .2), rgba(46, 50, 60, .2)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881e3366926ea0978cc3_kirill-sh-eVWWr6nmDf8-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    position: relative;
  }
  
  .footer-grey-link-2 {
    color: #9096a4;
  }
  
  .footer-grey-link-2:hover {
    text-decoration: underline;
  }
  
  .footer-v1-column-text-2 {
    color: #9096a4;
  }
  
  .footer-bottom-2 {
    width: 100%;
    color: #9096a4;
    border-top: 1px solid #e1e3ea;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 12px;
    line-height: 24px;
    display: flex;
  }
  
  .heading-2 {
    font-size: 52px;
  }
  
  .image-2 {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    flex: 0 auto;
    display: block;
    overflow: visible;
  }
  
  .nav-bar-2 {
    z-index: 200;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 20px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  
  .contact-window-header-2 {
    color: #fff;
    text-align: center;
    background-image: linear-gradient(to right, #329eff, #337cf6);
    margin-top: 0;
    margin-bottom: 0;
    padding: 28px 56px;
  }
  
  .button-4 {
    height: 48px;
    background-color: #ff35e1;
    background-image: linear-gradient(to right, #337cf6, #337cf6);
    border-radius: 24px;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    transition: box-shadow .3s, transform .3s;
  }
  
  .button-4:hover {
    transform: translate(0, -1px);
    box-shadow: 0 5px 18px #0dd290;
  }
  
  .form-error-2 {
    color: #f34568;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 24px;
  }
  
  .form-error-2.window-error {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .form-error-2.footer-big-subscribe-error {
    margin-top: 24px;
  }
  
  .input-2 {
    height: 48px;
    background-color: rgba(0, 0, 0, 0);
    border-color: #000 #000 #ccd0d9;
    border-top-style: none;
    border-top-width: 1px;
    border-left-style: none;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
    border-radius: 0;
    margin-bottom: 32px;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 24px;
    transition: border-color .3s;
  }
  
  .input-2:hover {
    border-bottom-color: #9096a4;
  }
  
  .input-2:active, .input-2:focus {
    border-bottom: 1px solid #4374f6;
  }
  
  .paragraph-big-2 {
    margin-bottom: 62px;
    font-size: 22px;
    line-height: 40px;
  }
  
  .paragraph-big-2.hero-split-text {
    color: #9096a4;
    margin-top: 8px;
    margin-bottom: 36px;
  }
  
  .hero-split-image-2 {
    width: 50%;
    height: 100vh;
    background-color: #ccd0d9;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/62262fb10d3d422725a1ff43_frederik-lipfert-e-JBy8DJJ_U-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    display: flex;
  }
  
  .uit-section-header {
    max-width: 570px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -51px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    display: block;
  }
  
  .uit-section-header.no-padding-bottom {
    padding-bottom: 0;
  }
  
  .uit-section-header.subscribe-header-wrapper {
    padding-bottom: 40px;
  }
  
  .service-simple-header-2 {
    color: #2e323c;
    margin-top: 12px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 26px;
  }
  
  .service-simple-info-2 {
    color: #9096a4;
    padding-left: 16px;
    position: relative;
    overflow: hidden;
  }
  
  .button-5 {
    height: 48px;
    background-color: #fff;
    background-image: linear-gradient(to right, #444, #bbb9bb);
    border-radius: 24px;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    transition: box-shadow .3s, transform .3s;
  }
  
  .button-5:hover {
    transform: translate(0, -1px);
    box-shadow: 0 5px 18px #ffb300;
  }
  
  .button-5.form-button {
    background-color: #000;
    background-image: linear-gradient(to right, #329eff, #337cf6);
    padding-top: 7px;
  }
  
  .button-5.form-button:hover {
    box-shadow: 0 5px 18px #0dd290;
  }
  
  .button-5.form-button {
    padding-top: 7px;
  }
  
  .section-4 {
    color: #111;
    text-align: center;
    background-color: #fff;
    padding: 120px 24px;
    overflow: hidden;
  }
  
  .section-4.no-top-padding {
    background-color: #fff;
    margin-top: 74px;
    padding: 0 3px;
  }
  
  .section-4.grey-section {
    background-color: #000;
    padding-top: 0;
  }
  
  .section-4.color-3 {
    background-color: #000;
  }
  
  .section-4.no-top-padding {
    padding-top: 0;
  }
  
  .checkbox-field, .checkbox-field-2, .checkbox-field-3, .checkbox-field-4, .checkbox-field-5, .checkbox-field-6, .checkbox-field-7 {
    text-align: left;
  }
  
  .heading-3, .checkbox-label {
    text-align: center;
  }
  
  .checkbox-field-8, .checkbox-field-9, .checkbox-field-10 {
    text-align: left;
  }
  
  .link-4 {
    color: #329eff;
  }
  
  .text-block-7 {
    color: #2e323c;
  }
  
  .scroll-down-link-2 {
    max-width: 160px;
    opacity: .4;
    color: #5d6371;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 24px 32px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    transition: opacity .3s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .scroll-down-link-2:hover {
    opacity: 1;
  }
  
  .hero-table-intro-2 {
    max-height: 300px;
    max-width: 570px;
    color: #9096a4;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 18%;
    font-size: 22px;
    display: flex;
  }
  
  .hero-table-section-2 {
    height: 100vh;
    background-color: #f5f6f9;
    background-image: radial-gradient(circle farthest-side, #fff, #edeff4);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .black-text-2 {
    color: #2e323c;
  }
  
  .hero-arrow-down-icon-2 {
    margin-top: 6px;
  }
  
  .hero-intro-line-3 {
    width: 70px;
    height: 3px;
    background-image: linear-gradient(to right, #4374f6, #329eff);
    margin-top: 8px;
    margin-bottom: 14px;
  }
  
  .text-span-3 {
    color: #4374f6;
  }
  
  .service-side-image-2 {
    width: 91.6667%;
    height: 320px;
    background-color: #ccd0d9;
    border-radius: 8px;
    position: relative;
  }
  
  .service-side-image-2.service-side-image-2 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/62264cfa68abbe5824665c05_mika-baumeister-J5yoGZLdpSI-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .service-side-image-2.service-side-image-3 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622808339b1b6c6e3b4600bb_claude-gabriel-NOUiIuwzECk-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .service-side-image-2.service-side-image-1 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be7a07c26837a9c716beaf_frederik-lipfert-exv1JefGzTU-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1000px;
  }
  
  .service-side-image-2.service-side-image-4 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6228083288baa8875c983e71_javier-esteban-Jp_s8xBOBR4-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .service-side-text-2 {
    color: #f5f6f9;
    padding-right: 32px;
  }
  
  .link-arrow-2 {
    color: #f5f6f9;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
  }
  
  .section-small-header-5 {
    color: #a5aab6;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
  }
  
  .heading-4 {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  }
  
  .menu-icon-line-middle-2 {
    height: 2px;
    background-color: #151515;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  
  .hero-split-section-2 {
    background-color: #000;
    justify-content: flex-end;
    display: flex;
  }
  
  .menu-icon-line-bottom-2 {
    height: 2px;
    background-color: #151515;
  }
  
  .paragraph-big-3 {
    font-size: 22px;
    line-height: 40px;
  }
  
  .paragraph-big-3.hero-split-text {
    color: #9096a4;
    margin-top: 8px;
    margin-bottom: 36px;
  }
  
  .input-3 {
    height: 48px;
    background-color: rgba(0, 0, 0, 0);
    border-color: #000 #000 #ccd0d9;
    border-top-style: none;
    border-top-width: 1px;
    border-left-style: none;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
    border-radius: 0;
    margin-bottom: 32px;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 24px;
    transition: border-color .3s;
  }
  
  .input-3:hover {
    border-bottom-color: #9096a4;
  }
  
  .input-3:focus {
    border-bottom-color: #ffa535;
  }
  
  .input-3.footer-big-subscribe-input {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326ef8a8d277d_subscribe-icon.png");
    background-position: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    flex: 1;
    margin-bottom: 0;
    padding-left: 56px;
    display: inline-block;
  }
  
  .input-3.text-area {
    height: auto;
    min-height: 112px;
  }
  
  .input-3.footer-big-subscribe-input {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326ef8a8d277d_subscribe-icon.png");
    background-position: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    flex: 1;
    margin-bottom: 0;
    padding-left: 56px;
    display: inline-block;
  }
  
  .hero-split-image-3 {
    width: 50%;
    height: 100vh;
    background-color: #ccd0d9;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622808326bf03f5da58cc36b_blvck-paris-0fO7J6PGW84-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    display: flex;
  }
  
  .menu-icon-line-top-2 {
    height: 2px;
    background-color: #151515;
  }
  
  .preloader-2 {
    z-index: 1000;
    background-color: #fff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32686f58d2788_preloader.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 46px;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  
  .service-side-icon-2 {
    margin-bottom: -8px;
    margin-left: -8px;
  }
  
  .heading-5 {
    color: #bbb9bb;
  }
  
  .button-6 {
    height: 48px;
    background-color: #ffa535;
    background-image: linear-gradient(to right, #ff753e, #ffb731);
    border-radius: 24px;
    padding: 11px 24px;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    transition: box-shadow .3s, transform .3s;
  }
  
  .button-6:hover {
    transform: translate(0, -1px);
    box-shadow: 0 5px 18px rgba(255, 165, 53, .5);
  }
  
  .button-6.contact-ready-button {
    background-image: linear-gradient(to right, #2e323c, #5d6371);
    margin-top: 20px;
  }
  
  .button-6.footer-big-subscribe-button {
    margin-left: 24px;
    padding-top: 7px;
  }
  
  .button-6.sidebar-subscribe-button {
    padding-top: 8px;
  }
  
  .button-6.form-button {
    padding-top: 7px;
  }
  
  .text-span-4 {
    color: #4374f6;
  }
  
  .heading-6, .heading-7, .uit-managed-it-heading-9 {
    color: #000;
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .heading-10, .heading-11, .heading-12, .heading-13 {
    color: #000;
  }
  
  .link-title {
    letter-spacing: -.03em;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
  
  .link-title:hover {
    color: #4374f6;
  }
  
  .navigation-secondary-link {
    min-height: 60px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
  
  .resource-link {
    color: #1e1e48;
    border-radius: 10px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    text-decoration: none;
    transition: color .4s, background-color .4s;
    display: block;
  }
  
  .resource-link:hover {
    color: #4c4cb3;
    background-color: #f8f8fc;
  }
  
  .navigation-title {
    color: #4374f6;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
  }
  
  .product-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .navigation-link-wrapper {
    min-height: 60px;
    align-items: center;
    display: flex;
  }
  
  .icon-circle {
    width: 48px;
    height: 48px;
    min-height: 48px;
    min-width: 48px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    display: flex;
    overflow: hidden;
  }
  
  .navigation {
    z-index: 99;
    height: 100px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    box-shadow: 14px 14px 120px -20px #dbdbf0;
  }
  
  .navigation-grid {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr;
    margin-top: 20px;
  }
  
  .new-badge {
    color: #14b881;
    background-color: #d1faec;
    border-radius: 50px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
  }
  
  .customer-grid {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .icon-nav {
    color: #000;
    margin-right: 10px;
  }
  
  .icon-nav:hover {
    color: #4374f6;
  }
  
  .text-block {
    letter-spacing: -.03em;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .text-block:hover {
    color: #4374f6;
  }
  
  .resources-grid {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .navigation-dropdown-link {
    color: #000;
    border-radius: 10px;
    align-items: flex-start;
    padding: 20px;
    text-decoration: none;
    transition: background-color .4s, color .4s;
    display: flex;
  }
  
  .navigation-dropdown-link:hover {
    color: #329eff;
    background-color: #f8f8fc;
  }
  
  .large-image-block {
    width: 160px;
    height: 92px;
    min-height: 92px;
    min-width: 160px;
    background-color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    display: flex;
    overflow: hidden;
  }
  
  .dropdown {
    height: 100%;
    position: static;
  }
  
  .brand {
    margin-right: 40px;
  }
  
  .dropdown-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .platform-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }
  
  .nav-column {
    height: 100%;
  }
  
  .all-products-text {
    color: #4374f6;
    letter-spacing: -.03em;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .nav-link-3 {
    color: #1e1e48;
    align-items: center;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .nav-link-3:hover {
    color: #4c4cb3;
  }
  
  .dropdown-wrapper {
    max-width: 1160px;
    background-color: #fff;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    overflow: hidden;
    box-shadow: 14px 14px 120px -20px rgba(219, 219, 240, .8);
  }
  
  .dropdown-list {
    z-index: 99;
    min-width: 100%;
  }
  
  .dropdown-list.w--open {
    z-index: 99;
    min-width: auto;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    position: absolute;
    top: 100px;
    bottom: auto;
    left: 0;
    right: 0;
  }
  
  .link-block {
    color: #4374f6;
    align-items: center;
    margin-top: 16px;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    display: flex;
  }
  
  .all-products-link {
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-decoration: none;
    display: flex;
  }
  
  .badge-title-wrapper {
    align-items: center;
    display: flex;
  }
  
  .logo-image {
    width: 100px;
    min-width: 80px;
  }
  
  .menu-wrap {
    height: 100%;
    color: #283338;
    align-items: center;
    font-size: 15px;
    display: flex;
    position: static;
  }
  
  .nav-button {
    color: #fff;
    letter-spacing: -.02em;
    background-color: #f8f8fc;
    background-image: linear-gradient(115deg, #4374f6, #329eff);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    transition: border-color .4s;
  }
  
  .nav-button:hover {
    color: #fff;
    background-color: #4374f6;
    background-image: linear-gradient(123deg, #7567f8, #4374f6);
    border-color: #4374f6;
  }
  
  .toggle {
    height: 100%;
    color: #1e1e48;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 400;
    transition: all .2s;
    display: flex;
  }
  
  .toggle:hover {
    color: #4374f6;
  }
  
  .toggle.w--open {
    color: #4c4cb3;
  }
  
  .toggle.w--open:hover {
    color: #4374f6;
  }
  
  .link-description {
    color: #8f8fa3;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .small-image-block {
    width: 48px;
    height: 48px;
    min-height: 48px;
    min-width: 48px;
    background-color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    display: flex;
    overflow: hidden;
  }
  
  .resource-image-wrapper {
    width: 100%;
    height: 160px;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  
  .navigation-link-content {
    align-items: center;
    display: flex;
  }
  
  .container-navigation {
    width: 100%;
    height: 100%;
    max-width: 1280px;
    border-bottom: 1px rgba(4, 20, 52, .1);
    justify-content: space-between;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .navigation-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .navigation-feature-content {
    align-items: center;
    display: flex;
  }
  
  .navigation-feature-content:hover {
    color: #329eff;
  }
  
  .text-block-8 {
    color: #2e323c;
  }
  
  .text-block-8:hover {
    color: #4374f6;
  }
  
  .text-block-9 {
    color: #2e323c;
  }
  
  .text-block-9:hover, .image-3 {
    color: #4374f6;
  }
  
  .text-block-10 {
    color: #000;
  }
  
  .text-block-10:hover, .text-block-11 {
    color: #4374f6;
  }
  
  .slide-embed {
    display: none;
  }
  
  .slider {
    height: 100vh;
    min-height: 850px;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
  }
  
  .breadcrumb {
    width: 100%;
    border-bottom: 1px solid #dfdfe8;
    align-items: center;
    margin-bottom: 48px;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }
  
  .step-block {
    width: 40px;
    height: 40px;
    color: #494a7d;
    background-color: #f9f9fb;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    display: flex;
  }
  
  .step-block.completed {
    background-color: #ecf3fe;
  }
  
  .step-block.active {
    color: #fff;
    background-color: #0c75ff;
  }
  
  .large-checkbox-02 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #f9f9fb;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-color: #dfdfe8;
    border-radius: 8px;
    margin-top: 0;
    margin-left: 0;
  }
  
  .large-checkbox-02.w--redirected-checked {
    background-color: #ecf3fe;
    background-image: none;
    background-size: auto;
    border-color: #0c75ff;
    border-radius: 8px;
  }
  
  .title-wrap {
    width: 100%;
    margin-bottom: 40px;
  }
  
  .calendar-icon {
    position: absolute;
    top: auto;
    bottom: auto;
    left: 16px;
    right: auto;
  }
  
  .previous-placeholder {
    width: 0;
    height: 0;
    max-width: 100px;
    opacity: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    transition: opacity .2s;
    display: none;
  }
  
  .previous-placeholder:hover {
    opacity: 1;
  }
  
  .next-button-slide {
    color: #fff;
    text-align: center;
    background-color: #4374f6;
    border-radius: 8px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide:hover {
    background-color: #0c75ff;
  }
  
  .next-placeholder {
    width: 0;
    height: 0;
    max-width: 159px;
    justify-content: center;
    align-items: center;
    margin: auto auto 25px;
    display: none;
  }
  
  .large-checkbox {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #f9f9fb;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-color: #dfdfe8;
    border-radius: 8px;
    margin-top: 0;
    margin-left: 0;
  }
  
  .large-checkbox.w--redirected-checked {
    background-color: #ecf3fe;
    background-image: none;
    background-size: auto;
    border-color: #0c75ff;
    border-radius: 8px;
  }
  
  .text-field {
    min-height: 58px;
    cursor: pointer;
    background-color: #f9f9fb;
    border: 1px solid #f9f9fb;
    border-radius: 8px;
    margin-bottom: 14px;
    padding-left: 16px;
    font-size: 16px;
    transition: all .2s;
    position: relative;
  }
  
  .text-field:hover {
    background-color: #fff;
    border-style: solid;
    border-color: #dfdfe8;
    box-shadow: 1px 1px 4px rgba(2, 4, 74, .04);
  }
  
  .text-field:focus {
    border-width: 1.3px;
    border-color: #007bfc;
  }
  
  .text-field::-ms-input-placeholder {
    color: #8687a8;
  }
  
  .text-field::placeholder {
    color: #8687a8;
  }
  
  .text-field.icon-field {
    padding-left: 56px;
  }
  
  .back-button-slide {
    color: #02044a;
    margin-right: 20px;
    padding: 21px;
    font-size: 16px;
    text-decoration: none;
  }
  
  .text-field-large {
    min-height: 240px;
    cursor: pointer;
    background-color: #f9f9fb;
    border: 1px solid #dfdfe8;
    border-radius: 8px;
    margin-bottom: 0;
    font-size: 16px;
    transition: all .2s;
    position: relative;
  }
  
  .text-field-large:hover {
    background-color: #fff;
    border-style: solid;
    border-color: #dfdfe8;
    box-shadow: 1px 1px 4px rgba(2, 4, 74, .04);
  }
  
  .text-field-large:focus {
    border-width: 1.3px;
    border-color: #007bfc;
  }
  
  .text-field-large::-ms-input-placeholder {
    color: rgba(97, 114, 131, .46);
  }
  
  .text-field-large::placeholder {
    color: rgba(97, 114, 131, .46);
  }
  
  .slide {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    flex-wrap: wrap;
    position: static;
  }
  
  .large-checkbox-01 {
    width: 100%;
    height: 132px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
  }
  
  .div-block {
    align-items: center;
    display: flex;
  }
  
  .radio-button-field {
    margin-bottom: 0;
    margin-right: 14px;
  }
  
  .next-button {
    background-color: #5b3acc;
    border-radius: 5px;
    flex: 1;
    align-self: center;
    padding: 12px 32px;
    font-size: 15px;
    transition: background-color .2s ease-in;
    display: none;
  }
  
  .radio-button {
    width: 20px;
    height: 20px;
    border-color: #dfdfe8;
    margin-top: 0;
    margin-right: 10px;
  }
  
  .radio-button.w--redirected-checked {
    background-color: #0c75ff;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: #0c75ff;
  }
  
  .submit-form {
    color: #fff;
    text-align: center;
    background-color: #494a7d;
    border-radius: 8px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .submit-form:hover {
    background-color: #0c75ff;
  }
  
  .icon-field-wrap {
    width: 100%;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .form-section {
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 51px;
    display: flex;
  }
  
  .slide-banner-03 {
    width: 30%;
    min-width: 310px;
    background-color: #0c75ff;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .radio-button-label {
    color: #494a7d;
    margin-bottom: 0;
    font-size: 16px;
  }
  
  .form-content {
    width: 100%;
    max-width: 620px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
  
  .grid-two-column {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 48px;
  }
  
  .success-message {
    letter-spacing: 1px;
    padding: 50px;
  }
  
  .form-wrapper {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }
  
  .checkbox-text-hidden {
    display: none;
  }
  
  .form-body-wrap {
    width: 100%;
    min-height: 460px;
  }
  
  .step-wrap {
    color: #02044a;
    align-items: center;
    margin-right: 32px;
    font-size: 16px;
    display: flex;
  }
  
  .slide-wrapper {
    min-height: 100vh;
    display: flex;
  }
  
  .previous-button {
    opacity: 1;
    color: #5b617c;
    text-indent: -2px;
    flex: none;
    align-self: center;
    padding: 5px 0;
    font-size: 15px;
    transition: opacity .2s ease-in;
    display: none;
  }
  
  .previous-button:hover {
    opacity: 1;
    border-bottom-color: rgba(0, 0, 0, .55);
  }
  
  .slide-banner {
    width: 30%;
    min-width: 310px;
    background-color: #0c75ff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc59b5c219f9567007a170d_5f3349013669dd28ea9071bf_IMG_5674.jpeg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .form-title {
    color: #02044a;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 700;
  }
  
  .button-wrap {
    width: 100%;
    border-top: 1px solid #dfdfe8;
    justify-content: flex-end;
    align-items: center;
    padding-top: 32px;
    display: flex;
  }
  
  .slide-content {
    width: 70%;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 100px 3%;
    display: flex;
    position: relative;
  }
  
  .field-label {
    color: #02044a;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
  }
  
  .slide-banner-02 {
    width: 30%;
    min-width: 310px;
    background-color: #0c75ff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/62a790effd9ecbdb1f633c89_tyler-franta-RbFDzMKTH6Q-unsplash.jpeg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .step-count {
    color: #8687a8;
    margin-bottom: 8px;
    font-size: 16px;
  }
  
  .mask {
    margin-bottom: -96px;
  }
  
  .field-wrap {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .grid-single-column-skye {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 48px;
  }
  
  .error-message {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .bottom-content-wrapper {
    z-index: 5;
    align-items: flex-end;
    display: flex;
    position: relative;
  }
  
  .card-primary {
    color: #4d4d4d;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(184, 184, 224, .25);
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
    text-decoration: none;
    transition: box-shadow .3s;
    display: flex;
    position: relative;
  }
  
  .brand-wrapper {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }
  
  .pattern {
    max-width: 60%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }
  
  .card {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    transition: box-shadow .3s;
    box-shadow: 45px 45px 120px rgba(184, 203, 224, .25);
  }
  
  .card:hover {
    box-shadow: 45px 45px 120px rgba(184, 203, 224, .5);
  }
  
  .integrations-container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .description {
    margin-bottom: 0;
    line-height: 32px;
  }
  
  .integration-section {
    background-color: #fff;
    background-image: linear-gradient(#f5f6f9, #f5f6f9);
    margin-top: 0;
    padding: 100px 3%;
  }
  
  .apps-logo-circle {
    width: 85px;
    height: 85px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
    padding: 20px;
    display: flex;
    position: relative;
    box-shadow: 14px 14px 40px rgba(219, 219, 240, .25);
  }
  
  .shadow-gray {
    width: 24px;
    height: 24px;
    filter: blur(14px);
    background-color: #a5aab6;
    position: absolute;
    bottom: 22px;
    right: 22px;
  }
  
  .circle-pattern {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .integrations-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .title-wrapper {
    margin-right: 40px;
  }
  
  .brand-category {
    color: #4d4d4d;
  }
  
  .shadow-blue {
    width: 24px;
    height: 24px;
    filter: blur(16px);
    background-color: #329eff;
    position: absolute;
    bottom: 22px;
    right: 22px;
  }
  
  .shadow-green {
    width: 24px;
    height: 24px;
    filter: blur(16px);
    background-color: #28b145;
    position: absolute;
    bottom: 22px;
    right: 22px;
  }
  
  .shadow-dark-blue {
    width: 24px;
    height: 24px;
    filter: blur(14px);
    background-color: #103641;
    border: 1px solid #0f353f;
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  
  .shadow-purple {
    width: 24px;
    height: 24px;
    filter: blur(14px);
    background-color: #0273fa;
    position: absolute;
    bottom: 22px;
    right: 22px;
  }
  
  .small-title {
    color: #007cff;
    letter-spacing: .1em;
    margin-bottom: 14px;
    font-weight: 600;
  }
  
  .button-card {
    width: 100%;
    color: #007cff;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e2eaf3;
    border-radius: 12px;
    margin-top: 40px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 600;
    transition: all .3s;
  }
  
  .button-card:hover {
    color: #fff;
    background-color: #007cff;
    border-color: #007cff;
  }
  
  .form-heading {
    color: #000;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
  }
  
  .brand-name {
    color: #262626;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .form-button {
    height: 60px;
    background-color: #1355ff;
    border-radius: 10px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 16px;
    font-weight: 500;
  }
  
  .paragraph-standard {
    max-width: 600px;
    color: #67718e;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .copyright-wrapper {
    text-align: center;
  }
  
  .footer-column {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .footer-detail-small {
    color: #061237;
    font-weight: 500;
    line-height: 24px;
  }
  
  .grey-span {
    color: #b6bcce;
  }
  
  .container-large {
    z-index: 5;
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .footer-line {
    height: 1px;
    background-color: #f2f3f8;
    margin-top: 60px;
    margin-bottom: 40px;
  }
  
  .footer-logo-2 {
    /* width: 124px; */
    margin-bottom: 32px;
  }
  
  .header-section {
    background-image: radial-gradient(circle closest-side at 40% 40%, rgba(51, 119, 254, .24) 22%, #d1e1ff 30%, #fff);
    align-items: center;
    margin-top: 0;
    padding: 140px 5%;
    display: flex;
    position: relative;
  }
  
  .header-grid {
    grid-column-gap: 72px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    align-items: center;
  }
  
  .uit-home-page-h1 {
    color: #0c0c0c;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 32px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 68px;
  }
  
  .image-block-02 {
    width: 100%;
    height: 200px;
    border-radius: 4px;
    overflow: hidden;
  }
  
  .button-arrow {
    color: #202020;
    letter-spacing: -.04em;
    align-items: center;
    font-size: 18px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .image-block-03 {
    width: 100%;
    height: 200px;
    border-radius: 4px;
    position: relative;
  }
  
  .red-square-large {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    background-color: #4374f6;
    border-radius: 2px;
    position: relative;
  }
  
  .red-square-small {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    background-color: #7567f8;
    border-radius: 2px;
    position: absolute;
    top: -18px;
    bottom: auto;
    left: -18px;
    right: auto;
  }
  
  .blue-square-small {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    background-color: #32bbff;
    border-radius: 2px;
    position: absolute;
    top: auto;
    bottom: -18px;
    left: auto;
    right: -18px;
  }
  
  .header-paragraph {
    max-width: 460px;
    color: #565656;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .image-block-01 {
    width: 100%;
    height: 200px;
    max-width: 300px;
    border-radius: 4px;
  }
  
  .image-accent {
    width: 100%;
    max-width: 300px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }
  
  .blue-square-large {
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    background-color: #329eff;
    border-radius: 2px;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: auto;
    right: 15%;
  }
  
  .container {
    z-index: 5;
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .image-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    position: relative;
  }
  
  .image-grid-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 3fr 2fr;
    justify-items: end;
    margin-bottom: 20px;
  }
  
  .button-wrapper-2 {
    align-items: center;
    margin-top: 60px;
    display: flex;
  }
  
  .image-cover {
    width: 100%;
    height: 100%;
    float: none;
    object-fit: cover;
    border-radius: 4px;
  }
  
  .uit-hero-button {
    background-color: #202020;
    border: 2px solid #202020;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    padding: 14px 40px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .uit-hero-button:hover {
    color: #271d0c;
    background-color: #fff;
  }
  
  .image-grid-02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .arrow-circle {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid #202020;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    padding: 4px;
    display: flex;
  }
  
  .uit-home-page-hero-block {
    max-width: 600px;
  }
  
  .feature-section {
    background-color: #000;
    padding: 100px 3%;
  }
  
  .feature-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .feature-card {
    color: #fff;
    text-align: left;
    background-color: #1a1b20;
    border: 2px solid #1a1b20;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    text-decoration: none;
    transition: border-color .3s;
    display: flex;
  }
  
  .feature-card:hover {
    border-color: red;
  }
  
  .feature-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .feature-paragraph {
    opacity: .8;
    color: #8e8e8e;
    font-size: 16px;
    line-height: 24px;
  }
  
  .heading-large {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    text-decoration: none;
  }
  
  .feature-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    padding: 10px;
    display: flex;
  }
  
  .icon {
    z-index: 2;
    width: 50px;
    margin-bottom: 0;
    position: relative;
  }
  
  .icon-wrapper {
    align-items: center;
    margin-bottom: 30px;
    display: flex;
  }
  
  .grid-heading {
    grid-column-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: 2fr;
    align-items: center;
    margin-bottom: 100px;
    overflow: hidden;
  }
  
  .text-block-12 {
    color: red;
    letter-spacing: 2px;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .feature-container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .icon-social {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .social-icon-small {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    color: #061237;
    background-color: #67718e;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    padding: 8px;
    transition: all .3s;
    display: flex;
  }
  
  .social-icon-small:hover {
    color: #1355ff;
    background-color: #fff;
  }
  
  .footer-text-link {
    color: #67718e;
    letter-spacing: -.01em;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 32px;
    text-decoration: none;
    transition: color .3s;
  }
  
  .footer-text-link:hover {
    color: #1355ff;
  }
  
  .paragraph-footer {
    max-width: 600px;
    color: #dadde7;
    text-align: left;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .grid-socials {
    grid-template-rows: auto;
    margin-top: 40px;
  }
  
  .social-link {
    color: #b6bcce;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: flex;
  }
  
  .footer-title-light {
    color: #dadde7;
    letter-spacing: -.01em;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .footer-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
  }
  
  .section-footer {
    background-color: #0a1226;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .integration-row-bottom, .integration-row {
    width: 105vw;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    left: -5vw;
  }
  
  .title-large {
    color: #3377fe;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
  }
  
  .h3-heading {
    color: #2e323c;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .author-social {
    color: #67718e;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .section-social {
    background-color: #f5f6f9;
    padding: 100px 5%;
    position: relative;
    overflow: hidden;
  }
  
  .title-wrapper-2 {
    max-width: 600px;
    text-align: center;
    margin-bottom: 92px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .author-name {
    color: #37456c;
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .integration-wrapper {
    width: 100%;
    padding-bottom: 1px;
  }
  
  .card-testimonial-large {
    width: 100%;
    height: 100%;
    max-width: 380px;
    min-height: 140px;
    min-width: 380px;
    color: #02044a;
    text-align: left;
    letter-spacing: -.03em;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 16px;
    margin-right: 16px;
    padding: 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: none;
    display: flex;
    box-shadow: 46px 46px 72px 2px rgba(43, 29, 103, .08);
  }
  
  .avatar-wrapper {
    align-items: center;
    margin-top: 32px;
    display: flex;
  }
  
  .contact-form-block {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .form-image-section-black {
    width: 50%;
    min-height: 800px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292d232a28a6c68b243b17e_jane-palash-SpvR3bbNJJw-unsplash.jpg");
    background-position: 0%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .form-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
  }
  
  .image-background {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .contact-detail-grid {
    width: 100%;
    max-width: 800px;
    grid-template-rows: auto;
  }
  
  .heading-14 {
    max-width: 400px;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .form-title-wrapper {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .error-message-2 {
    color: #fff;
    background-color: #522723;
    padding: 16px;
    margin: 10px 0;
  }
  
  .title-small {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .bottom-bar {
    min-height: 140px;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: rgba(255, 255, 255, .3);
    justify-content: center;
    align-items: center;
    padding: 32px 60px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .form-field-wrapper {
    margin-bottom: 40px;
  }
  
  .contact-field-label {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .contact-form {
    color: #000;
    margin-bottom: 0;
  }
  
  .contact-field {
    min-height: 60px;
    color: #3377fe;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 20px;
    font-size: 16px;
    line-height: 24px;
    transition: all .3s;
  }
  
  .contact-field:hover {
    border-color: #000 #000 #fff;
  }
  
  .contact-field:focus {
    border-color: #f97316 #f97316 #3377fe;
  }
  
  .contact-field::-ms-input-placeholder {
    color: #665e86;
  }
  
  .contact-field::placeholder {
    color: #665e86;
  }
  
  .success-message-3 {
    color: #000;
    background-color: #fff;
    padding: 28px 16px;
    margin: 10px 0;
  }
  
  .detail {
    color: #fff;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .form-wrapper-2 {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .form-block {
    margin-left: auto;
    margin-right: auto;
  }
  
  .container-2 {
    width: 100%;
    max-width: 1280px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .form-block-wave {
    min-height: 440px;
    background-color: #fff;
    border-radius: 16px;
    align-items: center;
    margin-top: 101px;
    margin-bottom: 72px;
    padding: 60px;
    display: flex;
  }
  
  .h1-white {
    color: #000;
    margin-bottom: 16px;
    font-size: 44px;
  }
  
  .field-wrap-wave {
    margin-bottom: 24px;
  }
  
  .contact-icon {
    margin-right: 20px;
  }
  
  .form-wrap-wave {
    background-color: #3377fe;
    border-radius: 16px;
    padding: 40px;
  }
  
  .field-label-wave {
    color: #fff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 400;
  }
  
  .details-wrap-wave {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .social-wrap-wave {
    align-items: center;
    display: flex;
  }
  
  .button-wrap-right {
    justify-content: flex-end;
    margin-top: 32px;
    display: flex;
  }
  
  .social-link-wave {
    width: 64px;
    height: 64px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    transition: all .3s;
    display: flex;
  }
  
  .social-link-wave:hover {
    background-color: #0c75ff;
  }
  
  .input-icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .form-grid-wave {
    width: 100%;
    height: 100%;
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    grid-template-rows: auto;
  }
  
  .icon-wrap-wave {
    min-width: 260px;
    color: #fff;
    border: 2px solid rgba(12, 117, 255, 0);
    border-radius: 8px;
    align-items: center;
    margin-bottom: 8px;
    padding: 18px 20px;
    font-size: 16px;
    text-decoration: none;
    transition: all .35s;
    display: flex;
  }
  
  .icon-wrap-wave:hover {
    background-color: rgba(12, 117, 255, .08);
    border: 2px solid #0c75ff;
  }
  
  .paragraph-wave {
    max-width: 30ch;
    color: #000;
    letter-spacing: -.03em;
  }
  
  .title-wrap-wave {
    color: #000;
  }
  
  .button-wave {
    color: #fff;
    background-color: #02044a;
    border-radius: 8px;
    padding: 20px 40px;
    font-size: 16px;
    transition: all .3s;
  }
  
  .button-wave:hover {
    background-color: #0c75ff;
  }
  
  .input-icon {
    position: absolute;
    top: auto;
    bottom: auto;
    left: 10px;
    right: auto;
  }
  
  .text-field-wave {
    min-height: 56px;
    background-color: #f9f9fb;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 8px;
    margin-bottom: 0;
    padding-left: 42px;
    transition: all .3s;
  }
  
  .text-field-wave:hover {
    background-color: #fff;
    border-color: #dfdfe8;
  }
  
  .text-field-wave:active {
    border-width: 2px;
    border-color: #0c75ff;
  }
  
  .text-field-wave:focus {
    background-color: #fff;
    border: 2px solid #0c75ff;
  }
  
  .form-column-wave {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }
  
  .nav-bar-3 {
    z-index: 200;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 20px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 9px rgba(46, 50, 60, .09);
  }
  
  .page-header-section-2 {
    height: 440px;
    color: #fff;
    background-color: #7567f8;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 56px;
    display: flex;
  }
  
  .page-header-section-2.blog {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c9588d27a9_grovemade-239370.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .sidebar-header-2 {
    border-bottom: 1px solid #e1e3ea;
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
  
  .container-4 {
    z-index: 5;
    width: 100%;
    max-width: 1140px;
    margin: -39px auto -51px;
    position: relative;
  }
  
  .hero-heading-3 {
    color: #061237;
    letter-spacing: -.02em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(96deg, #3377fe, #ff2aea);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 50px;
    font-weight: 900;
    line-height: 68px;
  }
  
  .hero-content-block-2 {
    margin-bottom: 31px;
  }
  
  .header-logo-block {
    max-width: 100%;
    opacity: 1;
    background-color: #fff;
    border-radius: 11px;
    align-items: center;
    margin-top: 140px;
    margin-bottom: 104px;
    padding: 40px 32px;
    display: flex;
    box-shadow: 5px 5px 20px -8px rgba(0, 0, 0, .14);
  }
  
  .button-arrow-2 {
    color: #67718e;
    text-align: left;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .header-logo {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
  }
  
  .button-header {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    padding: 14px 40px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-header:hover {
    color: #3377fe;
    background-color: #fff;
    border-color: #3377fe;
  }
  
  .arrow-circle-2 {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid #67718e;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 18px;
    padding: 4px;
    display: flex;
  }
  
  .grid-hero {
    grid-column-gap: 72px;
    grid-template-rows: auto;
    padding-top: 36px;
    padding-bottom: 145px;
  }
  
  .header-paragraph-2 {
    max-width: 600px;
    color: #67718e;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .hero-image-block {
    width: 100%;
    height: 100%;
    max-width: 45%;
    background-color: #bebebe;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .button-wrapper-4 {
    align-items: center;
    margin-top: 60px;
    display: flex;
  }
  
  .header-section-3 {
    margin-top: 0;
    padding-top: 81px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
  
  .header-wrapper-3 {
    position: relative;
  }
  
  .price-block-top {
    color: #232936;
    text-align: center;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    box-shadow: 65px 65px 100px rgba(174, 175, 197, .24);
  }
  
  .price-block-top.featured-bg {
    border: 2px solid #007bfc;
  }
  
  .price-grid-top {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 60px;
  }
  
  .pricing-type-large {
    letter-spacing: -.03em;
    margin-bottom: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 30px;
  }
  
  .month {
    color: rgba(35, 41, 54, .6);
    font-size: 16px;
  }
  
  .pricing-compare-grid {
    grid-column-gap: 0px;
    background-color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    margin-bottom: 14px;
  }
  
  .blank-price-block {
    color: #232936;
    letter-spacing: -.035em;
    justify-content: center;
    align-items: center;
    padding: 23px 32px;
    font-size: 20px;
    font-weight: 600;
    display: flex;
  }
  
  .paragraph-pricing {
    color: #4a556c;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 28px;
  }
  
  .button-full {
    width: 100%;
    min-height: 52px;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background-color: #0083ff;
    padding: 18px 40px;
    font-size: 12px;
  }
  
  .button-full.light-button {
    color: #0083ff;
    background-color: rgba(0, 131, 255, .08);
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .pricing-grid-block {
    height: 100%;
    color: #041434;
    text-align: center;
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    padding: 23px 32px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
  }
  
  .pricing-grid-block.price-block-1 {
    color: #fff;
    background-color: #232936;
    justify-content: center;
  }
  
  .pricing-grid-block.price-block-3 {
    color: #fff;
    background-color: #007bfc;
    justify-content: center;
  }
  
  .pricing-grid-block.price-block-2 {
    color: #fff;
    background-color: rgba(0, 123, 252, .88);
    justify-content: center;
  }
  
  .content-h1 {
    z-index: 2;
    color: #232936;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 48px;
    line-height: 1.1;
    position: relative;
  }
  
  .pricing-container {
    z-index: 5;
    width: 100%;
    max-width: 1200px;
    margin-top: -137px;
    margin-left: 0;
    margin-right: 29px;
    padding-top: 0;
    position: relative;
  }
  
  .price-text {
    color: #041434;
    letter-spacing: -.03em;
    margin-top: 32px;
    margin-bottom: 32px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 48px;
    line-height: 1;
  }
  
  .title-wrap-centre {
    width: 100%;
    color: #7b88a8;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 72px;
    display: flex;
    position: relative;
  }
  
  .pricing-section {
    background-color: rgba(255, 255, 255, 0);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: -150px;
    margin-right: -150px;
    padding: 0 0% 36px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .pricing-title-wrap {
    color: #041434;
    letter-spacing: -.035em;
    justify-content: center;
    align-items: center;
    padding: 23px 32px;
    font-size: 20px;
    font-weight: 600;
    display: flex;
  }
  
  .text-block-13 {
    color: #4a556c;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
  }
  
  .tab-content-wrap {
    background-color: rgba(0, 0, 0, 0);
    display: block;
    position: static;
    overflow: hidden;
  }
  
  .tabs-container {
    max-width: 1100px;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .tabs-item-toggle {
    align-items: center;
    padding: 10px 20px;
    display: flex;
  }
  
  .tabs-heading {
    color: #000;
    text-align: left;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 60px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
  }
  
  .tabs-image {
    width: 40%;
    object-fit: cover;
    border-radius: 50px;
    margin-right: 80px;
  }
  
  .tab-content {
    color: #999;
    padding-bottom: 20px;
    padding-left: 75px;
    padding-right: 50px;
  }
  
  .tabs-item {
    background-color: #fff;
    border-radius: 18px;
    margin-bottom: 30px;
    display: block;
    box-shadow: 0 20px 40px rgba(133, 133, 133, .06);
  }
  
  .tabs-section {
    color: #000;
    background-color: #f5f6f9;
    padding: 100px 3% 190px;
    font-size: 16px;
    line-height: 24px;
  }
  
  .tab-icon {
    width: 40px;
    margin-right: 15px;
  }
  
  .tab-name {
    flex: 1;
    margin-right: 40px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
  }
  
  .faq-card {
    background-color: #fff;
    border-radius: 20px;
    padding: 14px 24px 16px;
  }
  
  .faq-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    display: block;
  }
  
  .faq-content {
    margin-top: 0;
    overflow: hidden;
  }
  
  .faq-paragraph {
    color: rgba(15, 21, 41, .8);
    margin-bottom: 0;
    padding-top: 16px;
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
  }
  
  .title-heading {
    color: #fff;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 70px;
    font-weight: 700;
    line-height: 56px;
  }
  
  .faq-title-paragraph {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
  }
  
  .faq-question-bar {
    cursor: pointer;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
  }
  
  .line-break {
    width: 100%;
    height: 1px;
    background-color: #efefef;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .faq-icon-circle {
    width: 52px;
    height: 52px;
    min-height: 52px;
    min-width: 52px;
    background-color: #f3f3f3;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-right: 25px;
    padding: 8px;
    display: flex;
  }
  
  .faq-side {
    width: 30%;
    height: auto;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc56ac4e9c9af7599f08cdc_xps-8pb7Hq539Zw-unsplash.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%, 100%;
    background-size: cover, cover;
    padding: 100px 80px 32px;
  }
  
  .faq-section {
    min-height: 90vh;
    background-color: #fff;
    align-items: stretch;
    display: flex;
  }
  
  .faq-base {
    width: 70%;
    height: auto;
    align-items: center;
    padding: 100px 3%;
    display: flex;
  }
  
  .faq-question {
    background-color: #fff;
    text-decoration: none;
    transition: background-color .2s;
  }
  
  .faq-wrapper {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .faq-title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .blog-heading {
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .blog-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .section-blog {
    background-color: #f5f6f9;
    align-items: center;
    padding: 140px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .title-button-wrapper {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
  
  .image-cover-2 {
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
  
  .badge-category {
    color: #fff;
    text-transform: uppercase;
    background-color: #3377fe;
    border-radius: 32px;
    margin-bottom: 16px;
    padding: 4px 10px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .blog-header {
    color: #2e323c;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .blog-thumbnail {
    height: 220px;
    border-radius: 20px;
    margin-bottom: 0;
    overflow: hidden;
  }
  
  .blog-wrapper {
    text-decoration: none;
  }
  
  .button-standard {
    background-color: #2e323c;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-standard:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
  }
  
  .blog-paragraph {
    max-width: 600px;
    color: #67718e;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .grid-title {
    grid-column-gap: 42px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    margin-bottom: 72px;
  }
  
  .grid-blog {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .title-wrap-2 {
    max-width: 650px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .integration-title {
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .container-small {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .section-integrations {
    padding: 140px 5%;
    position: relative;
  }
  
  .centre-line {
    width: 2px;
    height: 40%;
    background-color: #e5e5e5;
  }
  
  .integration-paragraph {
    color: #4d4d4d;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
  }
  
  .centre-line-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .title {
    color: #4374f6;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .button-integration {
    color: #fff;
    background-color: #3377fe;
    border-radius: 32px;
    margin-top: 40px;
    padding: 12px 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    transition: all .3s;
  }
  
  .button-integration:hover {
    color: #000;
    background-color: #f5f6f9;
    box-shadow: 7px 7px 40px 10px #a5aab6;
  }
  
  .integration-icon-circle {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 24px;
    display: flex;
    box-shadow: 28px 28px 80px 20px rgba(229, 229, 229, .5);
  }
  
  .integration-icon-circle.blur-one, .integration-icon-circle.blur-two {
    background-image: none;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto;
  }
  
  .integrations-grid-2 {
    grid-column-gap: 32px;
    grid-row-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 2fr;
  }
  
  .heading-large-2 {
    color: #262626;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
  }
  
  .integration-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    top: -46px;
  }
  
  .integration-card {
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    text-decoration: none;
    transition: box-shadow .3s;
    display: flex;
    box-shadow: 42px 42px 120px 40px rgba(229, 229, 229, .25);
  }
  
  .integration-card:hover {
    box-shadow: 10px 41px 60px rgba(160, 165, 177, .09);
  }
  
  .content-section {
    color: #858b93;
    background-color: #000;
    padding: 100px 3%;
    font-size: 18px;
    line-height: 30px;
  }
  
  .content-container {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .content-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    align-items: center;
  }
  
  .content-text-wrap {
    max-width: 480px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .content-preheader {
    color: #4374f6;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
  }
  
  .content-heading {
    color: #fff;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
  }
  
  .content-paragraph {
    color: #fff;
    margin-bottom: 55px;
  }
  
  .content-button {
    min-height: 70px;
    color: #fff;
    background-color: #5e38ff;
    justify-content: center;
    align-items: center;
    padding: 20px 44px;
    text-decoration: none;
    transition: background-color .4s;
    display: flex;
  }
  
  .content-button:hover {
    background-color: #001633;
  }
  
  .logo-wrapper-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .hero-heading-4 {
    color: #262626;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 60px;
    font-size: 80px;
    line-height: 96px;
  }
  
  .company-logo {
    margin-left: 60px;
    margin-right: 60px;
    display: block;
  }
  
  .header-paragraph-3 {
    max-width: 460px;
    color: #262626;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
  }
  
  .title-text {
    color: #4d4d4d;
    letter-spacing: 1px;
    margin-bottom: 40px;
    font-weight: 700;
  }
  
  .bloom-effect {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .header-section-4 {
    background-color: #fbf9f9;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
  }
  
  .bottom-content {
    max-width: 800px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 140px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .brand-span {
    color: #cc4c33;
  }
  
  .form-block-section-2 {
    width: 50%;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
  }
  
  .contact-submit-button-2 {
    width: 100%;
    height: 60px;
    color: #311313;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #e8cb02;
    background-image: linear-gradient(139deg, #edeff4, #edeff4 50%, #9ea3af);
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s;
  }
  
  .contact-submit-button-2:hover {
    color: #f5f6f9;
    background-color: #fff;
    background-image: linear-gradient(139deg, #4374f6, #329eff 50%, #4374f6);
  }
  
  .form-section-3 {
    min-height: 80vh;
    background-color: #fff;
    align-items: stretch;
    margin-top: 91px;
    display: flex;
  }
  
  .custom-tooltips {
    display: none;
  }
  
  .title-wrap-3 {
    max-width: 650px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .integration {
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    box-shadow: 7px 7px 10px rgba(55, 65, 81, .05);
  }
  
  .integration.surveymonkey {
    position: relative;
    bottom: -30px;
    left: 150px;
  }
  
  .integration.hubspot {
    box-shadow: none;
    border-radius: 0;
    position: relative;
    top: -43px;
    left: -120px;
  }
  
  .integration.intercom {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    left: -191px;
  }
  
  .integration.unbounce-2 {
    position: relative;
  }
  
  .integration.salesforce {
    position: relative;
    left: 191px;
  }
  
  .integration.hubspot-small {
    position: relative;
    bottom: -50px;
    left: -50px;
  }
  
  .integration.slack {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0;
    background-size: auto;
    position: relative;
    top: -21px;
    right: -22px;
  }
  
  .integration.flowbase {
    position: relative;
    top: -21px;
    right: 22px;
  }
  
  .integration.paypal {
    position: relative;
    bottom: -30px;
    left: -150px;
  }
  
  .integration.kickstarter {
    position: relative;
  }
  
  .integration.unbounce {
    position: relative;
    bottom: -50px;
    left: 50px;
  }
  
  .integration.mailchimp {
    position: relative;
    top: -43px;
    left: 120px;
  }
  
  .form-subheading {
    color: #5d6371;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  
  .integration-section-2 {
    margin-bottom: -193px;
    padding: 140px 3%;
    overflow: hidden;
  }
  
  .integration-logo {
    width: 64px;
    outline-offset: 0px;
    object-fit: fill;
    transform-style: preserve-3d;
    border: 0 #000;
    outline: 3px #7567f8;
    position: static;
    overflow: scroll;
    transform: rotateX(.01deg)rotateY(0)rotateZ(0);
  }
  
  .integration-wrap-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
  
  .form-heading-2 {
    color: #000;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 16px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.1;
  }
  
  .integration-grid {
    min-height: 480px;
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr 1fr;
  }
  
  .integration-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }
  
  .container-5 {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .span-blue {
    color: #1355ff;
  }
  
  .grid-features {
    width: 100%;
    grid-template-columns: 1fr;
    margin-top: 24px;
    margin-bottom: 32px;
  }
  
  .section-content {
    background-color: #fff;
    align-items: center;
    padding: 140px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .image-block-small {
    height: 380px;
    position: relative;
  }
  
  .grid-content {
    grid-column-gap: 92px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  
  .uit-service-title-large-2 {
    color: #2e323c;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
  }
  
  .content-background {
    z-index: -1;
    width: 80%;
    height: 80%;
    background-color: #f2f3f8;
    border-radius: 20px;
    position: absolute;
    top: -20px;
    bottom: auto;
    left: -20px;
    right: auto;
  }
  
  .check-icon-large {
    margin-right: 14px;
  }
  
  .feature-wrapper-2 {
    color: #18264e;
    align-items: center;
    font-size: 16px;
    display: flex;
  }
  
  .h3-heading-2 {
    color: #061237;
    letter-spacing: -.04em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .content-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .hero-image-block-2 {
    width: 100%;
    height: 100%;
    max-width: 45%;
    background-color: #bebebe;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .grid-hero-2 {
    grid-column-gap: 72px;
    grid-template-rows: auto;
  }
  
  .header-section-standard {
    min-height: 920px;
    align-items: center;
    padding: 140px 5% 100px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .button-link {
    height: 30px;
    color: #72d395;
    align-items: center;
    margin-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: flex;
  }
  
  .network {
    height: px;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 24px 24px;
    transition: box-shadow .3s;
    display: flex;
    position: relative;
  }
  
  .network:hover {
    box-shadow: 10px 41px 60px rgba(160, 165, 177, .09);
  }
  
  .content-grid-3 {
    grid-column-gap: 40px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .small-menu-wrapper {
    align-items: center;
    display: flex;
    position: absolute;
    top: 15px;
    bottom: auto;
    left: auto;
    right: 15px;
  }
  
  .integration-title-3 {
    color: #000;
    letter-spacing: -.03em;
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .integration-icon-2 {
    width: 60px;
    margin-bottom: 30px;
  }
  
  .integration-details-2 {
    color: #949bab;
    line-height: 28px;
  }
  
  .integration-section-4 {
    background-color: #f5f6f9;
    padding: 100px 3%;
  }
  
  .integrations-container-3 {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .slider-wrapper {
    position: relative;
  }
  
  .slide-content-block {
    max-width: 710px;
    color: #fff;
  }
  
  .navigation-6 {
    z-index: 10;
    height: 100px;
    padding: 20px 3%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }
  
  .right-arrow, .left-arrow {
    display: none;
  }
  
  .hero-heading-6 {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    font-family: Lato, sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .slide-image {
    z-index: 3;
    height: 100%;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622f2e799abbbc696ceb9bed_chris-leipelt-6w_dYdazo20-unsplash.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 150px;
    display: flex;
    position: relative;
  }
  
  .slide-image.slide-image-two {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622f3814265f4d4db7021281_oskar-kadaksoo-vqJFo6avdgc-unsplash.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
  }
  
  .nav-container {
    height: 100%;
    max-width: 1500px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .brand-span-2 {
    color: #4374f6;
    font-family: Lato, sans-serif;
    font-weight: 700;
  }
  
  .hero-title {
    letter-spacing: 2px;
    margin-bottom: 16px;
    margin-right: 8px;
    font-size: 12px;
    font-weight: 500;
  }
  
  .slide-content-wrap {
    z-index: 5;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 140px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .hero-container {
    width: 100%;
    max-width: 1500px;
  }
  
  .link-wrapper {
    color: #fff;
    text-decoration: none;
    display: flex;
  }
  
  .slider-2 {
    min-height: 920px;
  }
  
  .slide-nav-2 {
    display: none;
  }
  
  .slide-loader {
    width: 60px;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    display: flex;
  }
  
  .link-5 {
    color: #fff;
    padding: 15px 22px;
    font-size: 14px;
    text-decoration: none;
  }
  
  .link-5:hover {
    text-decoration: line-through;
  }
  
  .touch-cover {
    z-index: 9;
    height: 100vh;
    flex-wrap: wrap;
    font-family: Lato, sans-serif;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .logo-4 {
    width: 40px;
  }
  
  .uit-service-hero-heading-7 {
    color: #000;
    text-align: left;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 56px;
    font-weight: 900;
    line-height: 68px;
  }
  
  .header-logo-block-2 {
    max-width: 100%;
    background-color: #fff;
    align-items: center;
    margin-top: 0;
    padding: 40px 32px;
    display: flex;
    box-shadow: 14px 14px 20px -12px rgba(0, 0, 0, .17);
  }
  
  .header-logo-2 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
  }
  
  .text-span-12 {
    font-size: 14px;
  }
  
  .feature-icon-blue {
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    background-color: #4374f6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    padding: 8px;
    display: flex;
  }
  
  .heading-large-3 {
    color: #061237;
    letter-spacing: -.02em;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .grid-feature-large {
    grid-column-gap: 40px;
    grid-row-gap: 72px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
  }
  
  .section-features {
    min-height: 720px;
    background-color: #f5f6f9;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .large-feature-wrapper {
    align-items: flex-start;
    display: flex;
  }
  
  .text-span-13 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(122deg, #7567f8, #df4798);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .image-cover-3 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
  
  .feature-icon-circle {
    width: 54px;
    height: 54px;
    min-height: 54px;
    min-width: 54px;
    background-color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    padding: 8px;
    display: flex;
    box-shadow: 8px 8px 32px rgba(49, 106, 255, .08);
  }
  
  .grid-content-feature {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  
  .feature-wrapper-horizontal {
    align-items: flex-start;
    display: flex;
  }
  
  .container-7 {
    z-index: 5;
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .paragraph-large-2 {
    max-width: 600px;
    color: #67718e;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .image-background-2 {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: 50% 0%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .heading-16-black {
    max-width: 400px;
    color: #fff;
    border: 1px #2e323c;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .title-small-2 {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .form-section-4 {
    min-height: 80vh;
    background-color: #080e1f;
    align-items: stretch;
    display: flex;
  }
  
  .detail-2 {
    color: #fff;
    margin-bottom: 4px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .integration-4 {
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    padding: 32px 35px;
    transition: box-shadow .3s;
  }
  
  .integration-4:hover {
    box-shadow: 10px 41px 60px rgba(160, 165, 177, .09);
  }
  
  .integration-section-5 {
    background-color: #f8f9fb;
    padding: 0 3%;
    overflow: hidden;
  }
  
  .integration-title-4 {
    color: #000;
    letter-spacing: -.03em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(123deg, #3a44fe, #f0d);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .integration-grid-3 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
  }
  
  .integration-details-3 {
    color: #949bab;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
  }
  
  .icon-border {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
    padding: 15px;
    display: flex;
  }
  
  .icon-border.green {
    background-color: rgba(1, 168, 151, .27);
  }
  
  .icon-border.grey {
    background-color: rgba(242, 221, 68, .27);
  }
  
  .icon-border.blue {
    background-color: rgba(54, 175, 255, .27);
  }
  
  .integrations-container-4 {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .dots-wrapper {
    position: relative;
  }
  
  .body-3 {
    background-color: #f5f6f9;
  }
  
  .h3-heading-2-people {
    color: #061237;
    letter-spacing: -.04em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .h3-heading-2-tech {
    color: #000;
    text-align: center;
    letter-spacing: -.04em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .h3-heading-2-cyber {
    color: #061237;
    letter-spacing: -.04em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .link-6 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #0dd290, #0db8d2);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .button-freepbx {
    color: #fff;
    background-color: #8dbe48;
    border-radius: 32px;
    margin-top: 40px;
    padding: 12px 32px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    transition: all .3s;
  }
  
  .button-freepbx:hover {
    color: #000;
    background-color: #f5f6f9;
    box-shadow: 7px 7px 40px 10px #a5aab6;
  }
  
  .integration-card-unifi-talk {
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    text-decoration: none;
    transition: box-shadow .3s;
    display: flex;
    box-shadow: 42px 42px 120px 40px rgba(229, 229, 229, .25);
  }
  
  .integration-card-unifi-talk:hover {
    box-shadow: 10px 41px 60px rgba(160, 165, 177, .09);
  }
  
  .under-price-terms {
    color: #5d6371;
    letter-spacing: -.03em;
    margin-top: -19px;
    margin-bottom: 32px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1;
  }
  
  .form-image-section-2 {
    width: 50%;
    min-height: 800px;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .heading-17 {
    max-width: 400px;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .contact-submit-button-3 {
    width: 100%;
    height: 60px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: red;
    margin-top: 20px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s;
  }
  
  .contact-submit-button-3:hover {
    color: #1a1a1a;
    background-color: #fff;
  }
  
  .form-section-5 {
    min-height: 80vh;
    background-color: #000;
    align-items: stretch;
    display: flex;
  }
  
  .contact-field-2 {
    min-height: 60px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-bottom: 1px solid red;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 20px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    transition: all .3s;
  }
  
  .contact-field-2:hover {
    border-color: #000 #000 #fff;
  }
  
  .contact-field-2:focus {
    border-color: #f97316 #f97316 #6a27ff;
  }
  
  .contact-field-2::-ms-input-placeholder {
    color: #665e86;
  }
  
  .contact-field-2::placeholder {
    color: #665e86;
  }
  
  .section-5 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6209960c7d75bcc0f706b86d_sumaid-pal-singh-bakshi-_k7TtkxkA-s-unsplash.jpg");
    background-position: 0 0;
    background-size: auto;
  }
  
  .text-block-14, .text-block-15, .text-block-16 {
    color: #000;
  }
  
  .section-large-2 {
    background-color: rgba(0, 0, 0, 0);
    margin-top: -47px;
    padding: 120px 5%;
    position: relative;
  }
  
  .grid-two-column-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .grid-two-column-2.align-centre {
    grid-template-columns: 1fr;
    align-items: center;
  }
  
  .header-image-large {
    height: 455px;
    border-radius: 12px;
    overflow: hidden;
  }
  
  .button-neutral {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #160042;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-neutral:hover {
    background-color: #282556;
  }
  
  .button-neutral:active {
    background-color: #160042;
  }
  
  .button-neutral:focus {
    outline-offset: 0px;
    outline: 2px solid #6b7094;
  }
  
  .grid-60 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .container-regular {
    width: 100%;
    max-width: 1140px;
    text-align: center;
    margin-top: 31px;
    margin-left: auto;
    margin-right: auto;
    font-family: Ubuntu, Helvetica, sans-serif;
    position: relative;
  }
  
  .paragraph-large-3 {
    text-align: left;
    letter-spacing: -.02em;
    font-size: 18px;
    line-height: 32px;
  }
  
  .paragraph-large-3.text-weight-medium {
    font-weight: 500;
  }
  
  .paragraph-large-3.text-weight-semibold {
    font-weight: 600;
  }
  
  .header-icon {
    opacity: 1;
    text-align: left;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: rgba(0, 0, 0, 0);
    background-clip: border-box;
    margin-bottom: 32px;
    display: block;
  }
  
  .image-cover-4 {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
  }
  
  .facebook {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #ddefff;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .form-heading-4 {
    z-index: 5;
    color: #18191f;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    position: relative;
  }
  
  .integration-card-2 {
    text-align: center;
    border-bottom: 4px solid rgba(0, 175, 240, 0);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 32px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    position: relative;
    box-shadow: 17px 17px 60px rgba(9, 8, 48, .04);
  }
  
  .integration-card-2:hover {
    border-bottom-color: #00aff0;
    box-shadow: 10px 10px 60px rgba(0, 0, 0, .1);
  }
  
  .github {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #f5f5f5;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .slack {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #eafbff;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .skype {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #ddf9ff;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .integration-details-4 {
    color: #949bab;
    font-size: 14px;
    line-height: 24px;
  }
  
  .airbnb {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #fff1ea;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .google-play {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #fef6e1;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    padding: 20px;
    display: flex;
  }
  
  .header-paragraph-5 {
    max-width: 420px;
    color: #4f4f4f;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
  }
  
  .title-wrap-7 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 72px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .accent-wrapper {
    position: relative;
  }
  
  .blue-arrow {
    margin-left: 10px;
  }
  
  .dribbble {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #fff1f1;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .title-block {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .text-link-3 {
    color: #00aff0;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
  }
  
  .spotify {
    width: 80px;
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    background-color: #eafff1;
    border-radius: 100px;
    margin-bottom: 30px;
    padding: 20px;
  }
  
  .link-arrow-3 {
    align-items: center;
    margin-top: 24px;
    text-decoration: none;
    transition: opacity .4s;
    display: flex;
  }
  
  .link-arrow-3:hover {
    opacity: .5;
  }
  
  .integration-grid-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .button-arrow-3 {
    color: #67718e;
    letter-spacing: -.04em;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .tabs-pricing {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  
  .section-large-3 {
    background-color: #f5f6f9;
    padding: 120px 5%;
    position: relative;
  }
  
  .price-card-medium {
    height: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 40px;
    display: flex;
    position: relative;
    box-shadow: 34px 34px 140px -48px rgba(57, 59, 106, .08);
  }
  
  .price-tab-link {
    color: #1b114a;
    text-align: center;
    letter-spacing: -.02em;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
  }
  
  .price-tab-link.w--current {
    color: #1b114a;
    background-color: #fff;
    box-shadow: 1px 8px 20px rgba(141, 155, 190, .16);
  }
  
  .price-arrow {
    width: 64px;
    height: 64px;
    color: #160042;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: -70px;
  }
  
  .price-bg-block {
    z-index: -1;
    min-height: 30%;
    background-color: #f3f5fb;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .price-detail {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  
  .tabs-content-pricing {
    width: 100%;
  }
  
  .h5-heading {
    letter-spacing: -.02em;
    margin-top: 0;
    font-size: 32px;
    line-height: 1.5;
  }
  
  .h5-heading.margin-bottom-16 {
    margin-bottom: 16px;
  }
  
  .tabs-menu-pricing {
    background-color: #f3f5fb;
    border-radius: 44px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    padding: 4px;
    display: flex;
  }
  
  .pricing-month {
    color: #b6b9ce;
    letter-spacing: -.02em;
    margin-left: 4px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .heading-detail-small-2 {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .heading-detail-small-2.margin-bottom-12 {
    margin-bottom: 12px;
  }
  
  .heading-detail-small-2.margin-bottom-12.text-color-gray-500 {
    color: #6b7094;
  }
  
  .price-text-large {
    color: #160042;
    letter-spacing: -.02em;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
  }
  
  .tabs-wrapper-pricing {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .container-small-2 {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .price-card-phones {
    height: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 40px;
    display: flex;
    position: relative;
    box-shadow: 34px 34px 140px -48px rgba(57, 59, 106, .08);
  }
  
  .grid-feature-cards {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
  }
  
  .feature-icon-large {
    width: 72px;
    height: 72px;
    min-height: 72px;
    min-width: 72px;
    background-color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    padding: 8px;
    display: flex;
    box-shadow: 33px 33px 88px -12px rgba(6, 18, 55, .16);
  }
  
  .uit-service-h3-heading-5 {
    color: #2e323c;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Lato, sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
  }
  
  .card-features {
    background-color: #fff;
    border: 1px solid #dadde7;
    border-top: 10px solid #1355ff;
    border-radius: 12px;
    padding: 60px 32px 40px;
  }
  
  .section-feature-cards {
    min-height: 720px;
    background-color: #f5f6f9;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .feature-title-2 {
    color: #1e1e1e;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 34px;
    line-height: 1.2;
  }
  
  .features-grid-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .feature-card-3 {
    color: #000;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    padding: 40px;
    text-decoration: none;
    transition: box-shadow .3s;
  }
  
  .feature-card-3:hover {
    box-shadow: 0 40px 80px rgba(229, 229, 229, .5);
  }
  
  .title-wrapper-4 {
    margin-bottom: 40px;
  }
  
  .features-title-wrap {
    max-width: 470px;
    text-align: center;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .feature-section-2 {
    background-color: #f5f6f9;
    padding: 70px 3%;
  }
  
  .features-subheading {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 1.5;
  }
  
  .feature-container-2 {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .features-heading-2 {
    color: #000;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 40px;
    line-height: 1.3;
  }
  
  .feature-paragraph-2 {
    color: #4f4f4f;
    font-size: 18px;
    line-height: 32px;
  }
  
  .header-image-medium {
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
  }
  
  .h2-heading {
    color: #2e323c;
    letter-spacing: -.04em;
    text-shadow: none;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 56px;
    line-height: 1.2;
  }
  
  .header-image-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
    margin-top: 48px;
  }
  
  .section-regular {
    background-color: #f5f6f9;
    margin-top: 0;
    padding: 92px 5%;
    position: relative;
  }
  
  .link-7, .link-8 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }
  
  .text-span-14 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(143deg, #0bebfe, #4dacfc);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .navigation-grid-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
  }
  
  .integration-title-wrapper {
    align-items: center;
    display: flex;
  }
  
  .wave-vector {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .navigation-button-wrapper {
    min-height: 60px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
  
  .navigation-button {
    width: 100%;
    color: #5d6371;
    letter-spacing: -.02em;
    border: 1px dashed #5d6371;
    border-radius: 8px;
    justify-content: space-between;
    margin-top: 16px;
    padding: 10px 12px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
  }
  
  .navigation-button:hover {
    background-color: #ebebf4;
  }
  
  .brand-2 {
    margin-right: 4vw;
  }
  
  .badge {
    color: #ebebf4;
    letter-spacing: -.02em;
    background-color: rgba(0, 0, 0, 0);
    border: 1px dashed #ebebf4;
    border-radius: 32px;
    margin-left: 20px;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
  }
  
  .icon-nav-2 {
    color: #000;
    margin-right: 10px;
  }
  
  .navigation-title-2 {
    color: #2e323c;
    letter-spacing: .08em;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
  }
  
  .container-navigation-2 {
    width: 100%;
    height: 70px;
    max-width: 1280px;
    border-bottom: 1px rgba(4, 20, 52, .1);
    justify-content: space-between;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .banner {
    min-height: 64px;
    color: #fff;
    background-color: #6869ac;
    justify-content: center;
    align-items: center;
    padding: 8px 3%;
    display: flex;
    position: relative;
  }
  
  .column-01 {
    height: 100%;
    padding-right: 24px;
  }
  
  .integration-link {
    color: #2b2c4f;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
  }
  
  .integration-link:hover {
    background-color: #ebebf4;
  }
  
  .column-03 {
    height: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .integration-grid-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }
  
  .banner-content {
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .navigation-7 {
    z-index: 99;
    height: 100px;
    opacity: 1;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    box-shadow: 20px 0 14px -11px #2e323c;
  }
  
  .menu-wrap-2 {
    height: 100%;
    color: #2b2c4f;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    position: static;
  }
  
  .person-image {
    z-index: 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
  }
  
  .banner-text {
    color: #ebebf4;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .column-02 {
    height: 100%;
    border-left: 1px dashed #5d6371;
    border-right: 1px dashed #5d6371;
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .integration-icon {
    margin-right: 10px;
  }
  
  .navigation-icon {
    margin-right: 14px;
  }
  
  .image-block {
    height: 190px;
    background-color: #6869ac;
    border-radius: 8px;
    position: relative;
  }
  
  .dropdown-wrapper-2 {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 20px;
    overflow: hidden;
  }
  
  .nav-button-2 {
    color: #000;
    letter-spacing: -.02em;
    background-color: #f5f6f9;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    transition: all .2s;
  }
  
  .nav-button-2:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(341deg, #3377fe, #5833fe);
    border-style: solid;
  }
  
  .nav-toggle {
    height: 100%;
    color: #000;
    border-bottom: 2px solid rgba(102, 103, 171, 0);
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: 400;
    transition: all .2s;
    display: flex;
  }
  
  .nav-toggle:hover, .nav-toggle.w--open {
    color: #3377fe;
    border-bottom-color: #3377fe;
  }
  
  .link-title-2 {
    letter-spacing: -.02em;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .dropdown-list-2 {
    z-index: 99;
    min-width: 100%;
  }
  
  .dropdown-list-2.w--open {
    z-index: 99;
    min-width: auto;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 75px;
    bottom: auto;
    left: 0;
    right: 0;
    box-shadow: 13px 69px 90px rgba(235, 235, 244, .8);
  }
  
  .nav-link-4 {
    height: 100%;
    min-width: 100px;
    color: #000;
    text-align: center;
    border-bottom: 2px solid rgba(102, 103, 171, 0);
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .nav-link-4:hover {
    color: #3377fe;
    border-bottom-color: #3377fe;
  }
  
  .nav-link-4.w--open {
    color: #4c4cb3;
  }
  
  .navigation-dropdown-link-2 {
    color: #2b2c4f;
    border-radius: 8px;
    align-items: flex-start;
    padding: 20px;
    text-decoration: none;
    transition: background-color .4s, color .4s;
    display: flex;
  }
  
  .navigation-dropdown-link-2:hover {
    color: #3377fe;
    background-color: #ebebf4;
  }
  
  .link-description-2 {
    color: #2b2c4f;
    letter-spacing: .02em;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .navigation-grid-solutions {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }
  
  .icon-base {
    margin-top: 72px;
  }
  
  .h1-white-2 {
    color: #fff;
    margin-bottom: 16px;
    font-size: 44px;
  }
  
  .form-base-fizz {
    min-height: 440px;
    background-color: #3377fe;
    border-radius: 16px;
    align-items: center;
    padding: 60px 100px;
    display: flex;
  }
  
  .detail-3 {
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
  }
  
  .submit-button-fizz {
    color: #5f30e2;
    background-color: #f5f6f9;
    border-radius: 8px;
    padding: 20px 40px;
    font-size: 16px;
    transition: all .3s;
  }
  
  .button-wrap-2 {
    justify-content: flex-start;
    margin-top: 32px;
  }
  
  .text-field-fizz {
    min-height: 48px;
    color: #fcd3c7;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #c4cee8;
    border-bottom: 2px solid #b197ff;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 16px;
    padding-left: 0;
    transition: all .3s;
  }
  
  .text-field-fizz:active, .text-field-fizz:focus {
    color: #fff;
    border-width: 2px;
    border-color: #5f30e2 #5f30e2 #fcd3c7;
    font-size: 16px;
  }
  
  .text-field-fizz::-ms-input-placeholder {
    color: #b197ff;
    font-size: 16px;
  }
  
  .text-field-fizz::placeholder {
    color: #b197ff;
    font-size: 16px;
  }
  
  .icon-fizz {
    margin-right: 12px;
  }
  
  .icon-wrap {
    color: #fff;
    align-items: center;
    margin-bottom: 32px;
    font-size: 16px;
    display: flex;
  }
  
  .field-grid-fizz {
    grid-row-gap: 0px;
    grid-template-rows: auto;
    margin-bottom: 24px;
  }
  
  .field-wrap-2 {
    margin-bottom: 24px;
  }
  
  .form-section-fizz {
    min-height: 100vh;
    background-color: #f5f6f9;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 140px 3%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .paragraph {
    color: #b197ff;
  }
  
  .check-wrap-mind-dark {
    margin-top: 20px;
    margin-bottom: 24px;
  }
  
  .form-section-mind-dark {
    min-height: 100vh;
    background-color: #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 140px 3%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .text-field-mind-dark {
    min-height: 56px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #c4cee8;
    border-bottom: 2px solid #282828;
    border-radius: 0;
    margin-bottom: 0;
    padding-left: 0;
    transition: all .3s;
  }
  
  .text-field-mind-dark:hover {
    border-bottom-width: 2px;
    border-bottom-color: rgba(255, 255, 255, .6);
  }
  
  .text-field-mind-dark:active, .text-field-mind-dark:focus {
    color: #fff;
    border-width: 2px;
    border-color: #5f30e2 #5f30e2 #fff;
  }
  
  .text-field-mind-dark::-ms-input-placeholder {
    color: #727272;
    font-size: 16px;
  }
  
  .text-field-mind-dark::placeholder {
    color: #727272;
    font-size: 16px;
  }
  
  .checkbox-field-mind {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 16px;
    padding-left: 0;
    position: relative;
  }
  
  .button-mind-dark {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 20px 40px;
    font-size: 16px;
    transition: all .3s;
  }
  
  .button-mind-dark:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none;
  }
  
  .form-block-mind {
    max-width: 620px;
  }
  
  .form-image-dark {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .checkbox-label-2 {
    color: rgba(255, 255, 255, .5);
    margin: 12px 27px;
    position: relative;
  }
  
  .checkbox-mind-dark {
    z-index: 5;
    width: auto;
    height: auto;
    cursor: pointer;
    border-width: 2px;
    border-color: #282828;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    padding: 15px;
    transition: all .3s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .checkbox-mind-dark:hover {
    border-color: #fff;
  }
  
  .checkbox-mind-dark.w--redirected-checked {
    width: auto;
    height: auto;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-width: 2px;
    border-color: #fff;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    padding: 15px;
    display: block;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .checkbox-mind-dark.w--redirected-focus {
    box-shadow: none;
    border-width: 2px;
    border-color: #5f30e2;
  }
  
  .button-wrap-mind {
    justify-content: flex-end;
    margin-top: 64px;
    display: flex;
  }
  
  .detail-mind {
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
  }
  
  .title-wrap-mind {
    margin-bottom: 60px;
  }
  
  .check-wrapper {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }
  
  .paragraph-mind-dark {
    color: #727272;
    font-size: 20px;
  }
  
  .form-grid-mind-dark {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
  }
  
  .button-arrow-2-center {
    color: #67718e;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .tabs-heading-2 {
    color: #000;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 60px;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
  }
  
  .tabs-item-2 {
    border-radius: 18px;
    margin-bottom: 30px;
    display: block;
    box-shadow: 0 20px 40px rgba(133, 133, 133, .06);
  }
  
  .tabs-section-2 {
    color: #000;
    background-color: #f5f6f9;
    padding: 100px 3% 190px;
    font-size: 16px;
    line-height: 24px;
  }
  
  .tab-name-2 {
    flex: 1;
    margin-right: 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
  }
  
  .success-message-4 {
    color: #fff;
    background-color: #1355ff;
  }
  
  .text-field-small {
    height: 50px;
    color: #061237;
    border: 1px #000;
    border-radius: 10px;
    margin-bottom: 0;
    margin-right: 10px;
    padding-left: 24px;
    box-shadow: 14px 14px 50px -7px rgba(6, 18, 55, .08);
  }
  
  .text-field-small::-ms-input-placeholder {
    color: #67718e;
  }
  
  .text-field-small::placeholder {
    color: #67718e;
  }
  
  .cta-image {
    max-width: 50%;
    object-position: 50% 0%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .paragraph-cta {
    max-width: 450px;
    color: #dadde7;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .section-cta {
    background-color: #1355ff;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .cta-form-block {
    width: 100%;
    max-width: 460px;
    margin-top: 32px;
    margin-bottom: 0;
  }
  
  .form-button-small {
    height: 50px;
    background-color: #1355ff;
    border-radius: 10px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 16px;
    font-weight: 500;
  }
  
  .newsletter-form-base {
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    padding: 8px;
    display: flex;
  }
  
  .cta-grid {
    grid-column-gap: 92px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  
  .cta-heading {
    max-width: 550px;
    color: #fff;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 40px;
    font-weight: 800;
    line-height: 48px;
  }
  
  .cta-button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }
  
  .cta-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .button-cta {
    color: #061237;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-cta:hover {
    color: #1355ff;
    background-color: #fff;
  }
  
  .section-cta-2 {
    background-color: #1355ff;
    background-image: linear-gradient(294deg, #1755ff, #3377fe);
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .cta-grid-long {
    grid-column-gap: 92px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    align-items: center;
  }
  
  .button-outline {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-outline:hover {
    color: #1355ff;
    background-color: #fff;
  }
  
  .cta-shape {
    height: 100%;
    opacity: 1;
    mix-blend-mode: normal;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .feature-section-3 {
    background-color: #f5f6f9;
    padding: 85px 3%;
  }
  
  .right-arrow-svg {
    mix-blend-mode: normal;
  }
  
  .feature-content-grid {
    grid-column-gap: 90px;
    grid-row-gap: 56px;
    grid-template-rows: auto auto;
  }
  
  .feature-image {
    border-radius: 40px;
  }
  
  .feature-icon-2 {
    width: 60px;
    margin-bottom: 30px;
  }
  
  .feature-link {
    color: #3377fe;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    display: flex;
  }
  
  .feature-paragraph-3 {
    color: #6b7280;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
  }
  
  .feature-title-3 {
    color: #1f2937;
    letter-spacing: -.02em;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
  }
  
  .feature-grid-2 {
    grid-column-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-flow: row;
    margin-bottom: 57px;
  }
  
  .feature-link-text {
    color: #3377fe;
    letter-spacing: -.01em;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .feature-content-card {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .title-paragraph {
    color: #666;
    font-size: 18px;
    line-height: 32px;
  }
  
  .form-section-6 {
    background-color: #f5f6f9;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 3%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .large-title {
    color: #0a385c;
    letter-spacing: -.04em;
    margin-bottom: 32px;
    font-size: 60px;
    line-height: 65px;
  }
  
  .form-heading-5 {
    color: #02044a;
    letter-spacing: -.03em;
    margin-top: 0;
    font-size: 26px;
    line-height: 38px;
  }
  
  .form-block-2 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .success-message-5 {
    color: #fff;
    background-color: #7e47ea;
    border-radius: 20px;
  }
  
  .text-field-large-2 {
    min-height: 150px;
    border: 2px solid #ece3fc;
    border-radius: 10px;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 24px;
    transition: all .4s;
  }
  
  .text-field-large-2:hover {
    border-width: 2px;
    border-color: #7e47eb;
  }
  
  .text-field-large-2:active, .text-field-large-2:focus {
    border-width: 2px;
    border-color: #5f30e2;
  }
  
  .text-field-large-2::-ms-input-placeholder {
    color: #ccc;
  }
  
  .text-field-large-2::placeholder {
    color: #ccc;
  }
  
  .title-wrap-8 {
    width: 100%;
    color: #7b88a8;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    display: flex;
    position: relative;
    top: -38px;
  }
  
  .form-wrap {
    max-width: 560px;
    background-color: #fff;
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    padding-left: 80px;
    padding-right: 80px;
    box-shadow: 14px 14px 40px rgba(223, 209, 250, .25);
  }
  
  .title-2 {
    color: #3377fe;
    letter-spacing: 4px;
    font-weight: 600;
  }
  
  .text-field-2 {
    min-height: 56px;
    border: 2px solid #ece3fc;
    border-radius: 10px;
    padding-left: 24px;
    padding-right: 24px;
    transition: all .4s;
  }
  
  .text-field-2:hover, .text-field-2:active, .text-field-2:focus {
    border-width: 2px;
    border-color: #7e47eb;
  }
  
  .text-field-2::-ms-input-placeholder {
    color: #ccc;
  }
  
  .text-field-2::placeholder {
    color: #ccc;
  }
  
  .form-container {
    width: 100%;
    max-width: 1140px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .form-icon-circle {
    width: 105px;
    height: 105px;
    color: #3377fe;
    background-color: #f9f6fe;
    border: 15px solid #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 18px;
    display: flex;
  }
  
  .required {
    color: #7e48ea;
    font-size: 14px;
  }
  
  .title-wrapper-5 {
    max-width: 620px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    font-family: Ubuntu, Helvetica, sans-serif;
    display: flex;
  }
  
  .field-wrap-3 {
    margin-bottom: 20px;
  }
  
  .submit-button {
    width: 100%;
    height: 64px;
    color: #fff;
    background-color: #7e48ea;
    border-radius: 20px;
    margin-top: 20px;
    padding: 20px 40px;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s;
  }
  
  .submit-button:hover {
    background-color: #6c37d6;
  }
  
  .form-paragraph {
    color: #999;
    font-size: 16px;
    line-height: 32px;
  }
  
  .display-normal {
    color: #262626;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
  }
  
  .feature-card-4 {
    background-color: #fff;
    border-radius: 20px;
    text-decoration: none;
    transition: box-shadow .3s;
  }
  
  .features-subheading-2 {
    color: #5d6371;
    font-size: 20px;
    line-height: 1.5;
  }
  
  .feature-wrapper {
    color: #000;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }
  
  .feature-title-4 {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 36px;
    line-height: 1.2;
  }
  
  .ui-asset {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: 4px rgba(0, 0, 0, 0);
    border-radius: 30px;
    margin-bottom: 60px;
  }
  
  .features-title-wrap-2 {
    text-align: center;
    margin-bottom: 140px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .integration-link-wrapper {
    color: #486bd1;
    align-items: center;
    margin-top: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    text-decoration: none;
    display: flex;
  }
  
  .features-heading {
    color: #3377fe;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 60px;
    line-height: 1.3;
  }
  
  .feature-section-4 {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 140px 3%;
  }
  
  .feature-paragraph-4 {
    color: #000;
    font-size: 18px;
    line-height: 32px;
  }
  
  .features-grid {
    grid-column-gap: 80px;
    grid-row-gap: 120px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .arrow-icon {
    margin-left: 10px;
  }
  
  .text-span-15 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(87deg, #3377fe, #5d6371);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .paragraph-regular {
    letter-spacing: -.02em;
    font-size: 16px;
    line-height: 24px;
  }
  
  .margin-bottom-32 {
    margin-bottom: 32px;
  }
  
  .heading-wrapper {
    max-width: 720px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .feature-tabs-content {
    width: 100%;
    overflow: visible;
  }
  
  .feature-tab-card {
    width: 100%;
    height: 100%;
    color: #000;
    border: 1px solid #d1d1d6;
    border-radius: 8px;
    padding: 32px;
    text-decoration: none;
    transition: all .3s;
  }
  
  .feature-tab-card:hover {
    border-color: #f4f4f6;
    box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, .15);
  }
  
  .feature-line {
    width: 100%;
    height: 1px;
    background-color: #ececee;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  
  .section-regular-2 {
    padding: 92px 5% 0;
    position: relative;
  }
  
  .feature-heading-detail {
    color: #b2b2b2;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: normal;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .feature-shop-tab {
    color: #1e1e20;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 32px;
    transition: border-color .3s;
    display: flex;
  }
  
  .feature-shop-tab:hover {
    border-color: #d1d1d6;
  }
  
  .feature-shop-tab.w--current {
    background-color: #fff;
    border: 1px solid #f4f4f6;
    box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, .15);
  }
  
  .margin-bottom-08 {
    margin-bottom: 8px;
  }
  
  .margin-bottom-08.text-weight-medium {
    font-weight: 500;
  }
  
  .feature-icon-large-2 {
    margin-bottom: 16px;
  }
  
  .h1-heading {
    letter-spacing: -.04em;
    margin-top: 0;
    font-size: 64px;
    line-height: 1.2;
  }
  
  .h1-heading.text-weight-medium {
    font-weight: 500;
  }
  
  .h1-heading.text-color-white {
    color: #fff;
  }
  
  .container-small-3 {
    z-index: 5;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .feature-icon-small {
    width: 70px;
    margin-right: 16px;
  }
  
  .feature-link-text-2 {
    letter-spacing: -.01em;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .feature-arrow-wrapper {
    color: #1e1e20;
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  
  .feature-arrow-wrapper:hover {
    color: #d0011d;
  }
  
  .feature-shop-tabs {
    min-width: 50%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-right: 40px;
    display: grid;
  }
  
  .paragraph-small-2 {
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 24px;
  }
  
  .paragraph-small-2.text-weight-semibold {
    font-weight: 600;
  }
  
  .icon-regular {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .feature-tabs {
    display: flex;
  }
  
  .right-arrow-2 {
    width: 36px;
    height: 36px;
    color: #999;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 100px;
    font-size: 14px;
    right: -18px;
  }
  
  .content-slider {
    height: auto;
    max-width: 960px;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
  }
  
  .content-paragraph-2 {
    color: #4d4d4d;
    letter-spacing: .02em;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }
  
  .content-title {
    max-width: 600px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .left-arrow-2 {
    width: 36px;
    height: 36px;
    color: #999;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 100px;
    font-size: 14px;
    left: -18px;
  }
  
  .content-base {
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    align-items: center;
    padding: 80px 60px 60px;
    display: flex;
    box-shadow: 28px 28px 80px -40px #e5e5e5;
  }
  
  .content-heading-2 {
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
  }
  
  .button-wrapper {
    align-items: center;
    margin-top: 120px;
    display: flex;
  }
  
  .globe-detail {
    color: #999;
    text-align: right;
    letter-spacing: .02em;
    margin-top: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }
  
  .blue-span {
    color: #007cff;
    text-decoration: underline;
  }
  
  .slide-base {
    background-color: #fff;
    border-radius: 20px;
  }
  
  .button-outline-2 {
    color: #007cff;
    text-align: center;
    background-color: #fff;
    border: 1px solid #007cff;
    border-radius: 100px;
    margin-right: 10px;
    padding: 12px 24px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .content-icon {
    margin-bottom: 20px;
  }
  
  .section-content-2 {
    background-color: #f5f5f5;
    padding: 100px 5% 140px;
  }
  
  .container-content {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .content-heading-small {
    color: #000;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .text-span-2 {
    color: #007cff;
  }
  
  .button-blue {
    color: #fff;
    text-align: center;
    background-color: #007cff;
    border-radius: 100px;
    margin-right: 10px;
    padding: 12px 24px;
    font-weight: 600;
    line-height: 24px;
    transition: all .3s;
  }
  
  .button-blue:hover {
    background-color: #0870df;
  }
  
  .content-grid-4 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .cta-shape-freepbx {
    height: 100%;
    opacity: 1;
    mix-blend-mode: soft-light;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .cta-shape-managed-it {
    height: 100%;
    opacity: 1;
    mix-blend-mode: color-burn;
    border: 1px solid rgba(0, 0, 0, 0);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .section-4-fiber {
    color: #111;
    text-align: center;
    background-color: #fff;
    padding: 120px 24px;
    overflow: hidden;
  }
  
  .section-4-fiber.no-top-padding {
    background-color: #fff;
    padding: 0 3px 100px;
  }
  
  .section-4-fiber.grey-section, .section-4-fiber.color-3 {
    background-color: #000;
  }
  
  .section-4-fiber.no-top-padding {
    padding-top: 0;
  }
  
  .uit-section-header-fiber {
    max-width: 570px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    display: block;
  }
  
  .uit-section-header-fiber.no-padding-bottom {
    padding-bottom: 0;
  }
  
  .uit-section-header-fiber.subscribe-header-wrapper {
    padding-bottom: 40px;
  }
  
  .document-line {
    height: 1px;
    background-color: #f3f5fb;
    margin-top: 32px;
    margin-bottom: 32px;
  }
  
  .section-large {
    background-color: #f5f6f9;
    padding: 120px 5%;
    position: relative;
  }
  
  .pricing-icon {
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    display: flex;
  }
  
  .grid-three-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }
  
  .pricing-feature-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }
  
  .badge-pricing {
    width: 100%;
    max-width: 70%;
    color: #fff;
    text-align: center;
    background-color: #642eff;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 8px 10px 8px 12px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
  }
  
  .h3-heading-3 {
    letter-spacing: -.02em;
    margin-top: 0;
    font-size: 48px;
    line-height: 1.2;
  }
  
  .h3-heading-3.text-weight-medium {
    font-weight: 500;
  }
  
  .h3-heading-3.margin-bottom-16 {
    margin-bottom: 16px;
  }
  
  .pricing-line {
    height: 1px;
    background-color: #e4e6f1;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .pricing-feature-wrapper {
    align-items: center;
    display: flex;
  }
  
  .pricing-badge-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -14px;
    bottom: auto;
    left: 0%;
    right: 0%;
  }
  
  .pricing-card-line {
    height: 100%;
    background-color: #fff;
    border: 1px solid #e4e6f1;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    display: flex;
  }
  
  .pricing-centre {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .card-pricing-featured {
    height: 100%;
    background-color: #fff;
    border-radius: 16px;
    padding: 40px;
    position: relative;
    box-shadow: 34px 34px 140px -48px rgba(57, 59, 106, .08);
  }
  
  .line-regular {
    height: 1px;
    background-color: #e4e6f1;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .price-feature-text {
    color: #160042;
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 24px;
  }
  
  .pricing-type {
    text-align: center;
  }
  
  .flex-wrapper-centre-large {
    max-width: 600px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .text-block-17 {
    color: #262626;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: -30px;
    right: auto;
  }
  
  .process-heading {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 56px;
    line-height: 1.3;
  }
  
  .feature-card-primary {
    text-align: center;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .feature-circle {
    width: 160px;
    height: 160px;
    background-color: #fafafa;
    border-radius: 100px;
    position: absolute;
    top: 10%;
    bottom: auto;
    left: -10%;
    right: auto;
  }
  
  .image-wrapper-4 {
    min-height: 200px;
    min-width: 200px;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    display: flex;
    position: relative;
  }
  
  .process-container {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .feature-paragraph-5 {
    color: #999;
    letter-spacing: -.02em;
    font-size: 18px;
    line-height: 32px;
  }
  
  .process-title-wrap {
    max-width: 860px;
    text-align: center;
    margin-bottom: 140px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .feature-title-5 {
    color: #262626;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.2;
  }
  
  .process-section {
    background-color: #fff;
    padding: 100px 3%;
  }
  
  .process-subheading {
    color: #999;
    font-size: 22px;
    line-height: 1.5;
  }
  
  .line-break-2 {
    width: 100%;
    height: 1px;
    border: 1px dashed #e5e5e5;
  }
  
  .process-grid {
    grid-column-gap: 0px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 140px 1fr 140px 1fr;
  }
  
  .card-ui {
    z-index: 5;
    position: relative;
  }
  
  .text-field-3 {
    border: 1px #000;
    margin-bottom: 0;
    font-size: 16px;
  }
  
  .text-field-3::-ms-input-placeholder {
    color: #b5b5b5;
  }
  
  .text-field-3::placeholder {
    color: #b5b5b5;
  }
  
  .cta-image-wrapper {
    width: 300px;
    height: 300px;
    opacity: 1;
    background-color: rgba(255, 255, 255, .1);
    border: 0 #000;
    border-radius: 1000px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 10px 0 0;
    display: flex;
  }
  
  .cta-section {
    background-color: #1822fc;
    background-image: linear-gradient(28deg, #5465fe, #06b6fe);
    justify-content: center;
    align-items: center;
    margin-top: -119px;
    padding: 0 3%;
  }
  
  .mail-icon {
    margin-right: 8px;
  }
  
  .title-small-3 {
    color: #98fff3;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 18px;
  }
  
  .cta-grid-2 {
    grid-column-gap: 72px;
    grid-row-gap: 42px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    align-items: center;
  }
  
  .newsletter-form {
    min-height: 70px;
    background-color: #fff;
    border-radius: 50px;
    align-items: center;
    padding: 10px 10px 10px 32px;
    display: flex;
    position: relative;
  }
  
  .submit-button-2 {
    min-height: 54px;
    color: #fff;
    border-radius: 100px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 16px;
  }
  
  .cta-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .success-message-6 {
    background-color: #fff;
    border-radius: 16px;
  }
  
  .cta-paragraph {
    color: #fff;
    letter-spacing: -.02em;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .form-block-3 {
    max-width: 450px;
    margin-top: 40px;
    margin-bottom: 0;
  }
  
  .title-large-2 {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 35px;
    font-weight: 600;
    line-height: 56px;
  }
  
  .content-icon-03 {
    width: 52px;
    height: 52px;
    background-color: #fef1f1;
    border: 1px solid #f5a3a3;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .content-icon-01 {
    width: 52px;
    height: 52px;
    border: 1px solid #b3e5c3;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .sub-heading-regular {
    text-align: left;
    letter-spacing: -.03em;
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1.5;
  }
  
  .content-icon-large {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-icon-05 {
    width: 52px;
    height: 52px;
    background-color: #f4f5fb;
    border: 1px solid #b3bbe5;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .content-card {
    color: #1a1a1a;
    border-radius: 20px;
    padding: 24px;
  }
  
  .content-card.content-green {
    background-color: #f4fbf6;
  }
  
  .content-card.content-blue {
    background-color: #f4f5fb;
  }
  
  .content-card.content-yellow {
    background-color: #fffcf0;
  }
  
  .content-title-wrapper {
    margin-bottom: 72px;
  }
  
  .content-icon-06 {
    width: 52px;
    height: 52px;
    background-color: #fff9f0;
    border: 1px solid #fcd49c;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .heading-detail-section {
    color: #b2b2b2;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: normal;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .section-large-4 {
    margin-bottom: 0;
    padding: 35px 5%;
    position: relative;
  }
  
  .content-icon-02 {
    width: 52px;
    height: 52px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .content-icon-04 {
    width: 52px;
    height: 52px;
    background-color: #fffcf0;
    border: 1px solid #fcec9c;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .content-grid-5 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
  }
  
  .content-image {
    height: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .card-heading {
    color: #1355ff;
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .card-ui-graph {
    width: 100%;
    max-width: 280px;
    min-height: 140px;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -5%;
    left: auto;
    right: -5%;
    box-shadow: 58px 58px 95px -24px rgba(6, 18, 55, .08);
  }
  
  .card-text {
    max-width: 600px;
    color: #67718e;
    letter-spacing: -.02em;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .h3-heading-4 {
    color: #061237;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .section-content-3 {
    align-items: center;
    padding: 140px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .title-large-3 {
    color: #1355ff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
  }
  
  .graph-svg {
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    display: flex;
  }
  
  .section-white {
    color: #111;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    padding: 120px 24px;
    overflow: hidden;
  }
  
  .section-white.grey-section {
    background-color: #fff;
    padding: 100px 3px;
  }
  
  .section-white.no-bottom-padding {
    padding-bottom: 0;
  }
  
  .section-white.no-top-padding {
    box-shadow: none;
    opacity: 1;
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 44px;
    padding-bottom: 57px;
  }
  
  .section-white.no-top-padding.no-bottom-padding {
    opacity: 1;
    background-color: #0a1226;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 12px 12px 20px -18px #000;
  }
  
  .section-white.color-3 {
    background-color: #329eff;
  }
  
  .section-white.contact-image {
    z-index: 2;
    background-image: linear-gradient(rgba(46, 50, 60, .2), rgba(46, 50, 60, .2)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    position: relative;
  }
  
  .section-white.contact-image.scroll-bg {
    background-image: linear-gradient(to bottom, null, null), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-attachment: scroll, scroll;
  }
  
  .gallery-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
  }
  
  .gallery-header {
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 13px;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
  }
  
  .gallery-slider-right-arrow {
    width: 60px;
    height: 60px;
    opacity: .3;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #292d32;
    border-radius: 50%;
    transition: box-shadow .3s, background-color .3s;
    top: -140px;
    bottom: auto;
    left: auto;
    right: 0%;
  }
  
  .gallery-slider-right-arrow:hover {
    opacity: 1;
    background-color: #ffcf05;
    border-color: #fff;
    box-shadow: 0 10px 30px rgba(255, 207, 5, .2);
  }
  
  .gallery-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .gallery-header-wrap {
    margin-bottom: 80px;
    margin-right: 200px;
  }
  
  .gallery-likes-block {
    height: 30px;
    color: #000;
    background-color: #fff;
    background-image: none;
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 15px;
    align-items: center;
    margin-bottom: 14px;
    padding-left: 32px;
    padding-right: 10px;
    display: flex;
  }
  
  .gallery-card {
    height: 250px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
  }
  
  .gallery-card.vertical {
    height: 100%;
    max-height: 530px;
  }
  
  .gallery-slider {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
  }
  
  .gallery-info-block {
    margin-bottom: 14px;
  }
  
  .gallery-paragraph {
    color: #4f4f4f;
    font-size: 18px;
    line-height: 27px;
  }
  
  .gallery-card-info-wrap {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }
  
  .gallery-section {
    background-color: #f5f6f9;
    padding: 100px 3%;
  }
  
  .gallery-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1.25fr .75fr .75fr;
    grid-template-areas: ".";
    align-items: stretch;
  }
  
  .gallery-slider-left-arrow {
    width: 60px;
    height: 60px;
    opacity: .3;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #292d32;
    border-radius: 50%;
    transition: box-shadow .3s, background-color .3s;
    top: -140px;
    bottom: auto;
    left: auto;
    right: 84px;
  }
  
  .gallery-slider-left-arrow:hover {
    opacity: 1;
    background-color: #ffcf05;
    border-color: #fff;
    box-shadow: 0 10px 30px rgba(255, 207, 5, .2);
  }
  
  .gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
  
  .gallery-card-overlay {
    opacity: 1;
    flex-direction: column;
    justify-content: flex-end;
    transition: opacity .3s;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .text-span-16 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(102deg, #7567f8, #3377fe);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-17 {
    text-decoration: line-through;
  }
  
  .text-span-18 {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .button-arrow-2-center-network {
    color: #67718e;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: -68px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .cta-tab-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
  }
  
  .container-large-2 {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .margin-bottom-04 {
    margin-bottom: 4px;
  }
  
  .cta-tab {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 32px;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 2px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    display: flex;
  }
  
  .cta-tab.w--current {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000;
  }
  
  .cta-card {
    color: #000;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    padding: 32px;
    text-decoration: none;
    transition: box-shadow .3s, border-color .3s;
    box-shadow: 0 0 20px -20px #000;
  }
  
  .cta-card:hover {
    border-color: #f4f4f6;
    box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, .16);
  }
  
  .cta-tab-content {
    overflow: visible;
  }
  
  .heading-detail {
    color: #b2b2b2;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: normal;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .cta-icon {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .badge-red-tab {
    color: #fff;
    text-align: center;
    background-color: #d0011d;
    border-radius: 32px;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
  }
  
  .integration-section-4-2 {
    background-color: #fff;
    padding: 100px 3%;
  }
  
  .image-4 {
    text-align: left;
  }
  
  .text-span-19 {
    font-size: 12px;
  }
  
  .margin-bottom-24 {
    margin-bottom: 24px;
  }
  
  .flex-wrapper-centre {
    z-index: 5;
    width: 100%;
    max-width: 700px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .image-full-cover {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .header-full-image {
    min-height: 90vh;
    justify-content: center;
    align-items: center;
    padding: 120px 5%;
    display: flex;
    position: relative;
  }
  
  .margin-top-32 {
    margin-top: 32px;
  }
  
  .paragraph-large {
    letter-spacing: -.02em;
    font-size: 18px;
    line-height: 1.8;
  }
  
  .paragraph-large.text-color-white {
    color: #fff;
  }
  
  .paragraph-large.text-color-gray-400 {
    color: #b6b9ce;
  }
  
  .heading-detail-small {
    color: #3377fe;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
  }
  
  .margin-bottom-12 {
    margin-bottom: 12px;
  }
  
  .button-white {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-white:hover {
    color: #fff;
    background-color: #642eff;
  }
  
  .image-header {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .heading-18 {
    font-size: 24px;
  }
  
  .feature-section-5 {
    background-color: #fff;
    padding: 70px 3%;
  }
  
  .features-title-wrap-3 {
    margin-top: 59px;
    margin-bottom: -68px;
  }
  
  .feature-paragraph-6 {
    color: #4f4f4f;
    font-size: 16px;
    line-height: 1.5;
  }
  
  .icon-2 {
    width: 24px;
  }
  
  .features-grid-3 {
    grid-column-gap: 80px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .feature-icon-3 {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .feature-icon-3.green {
    background-color: #f1f8ee;
  }
  
  .feature-icon-3.orange {
    background-color: #ffece9;
  }
  
  .feature-icon-3.purple {
    background-color: #f1f1ff;
  }
  
  .feature-icon-3.yellow {
    background-color: #fef8f1;
  }
  
  .feature-icon-3.teal {
    background-color: #eef8f9;
  }
  
  .feature-icon-3.pink {
    background-color: #fff6fa;
  }
  
  .feature-card-5 {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 30px;
    padding: 40px;
    text-decoration: none;
    transition: box-shadow .4s;
  }
  
  .feature-card-5:hover {
    box-shadow: 0 20px 60px rgba(229, 229, 229, .4);
  }
  
  .feature-title-6 {
    margin-top: 0;
    margin-bottom: 14px;
  }
  
  .features-heading-3 {
    color: #000;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 40px;
  }
  
  .h3-heading-2-allign {
    color: #061237;
    letter-spacing: -.04em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #3377fe, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: -19px;
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .heading-19 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(51deg, #ef7738, #e73301);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .button-wrapper-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    margin-top: 32px;
    display: flex;
  }
  
  .button-neutral-2 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fe774f;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
  }
  
  .button-neutral-2:hover {
    background-color: #282556;
  }
  
  .section-small {
    padding: 64px 5%;
  }
  
  .heading-detail-small-3 {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
  }
  
  .grid-two-column-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  
  .grid-two-column-3.align-centre {
    grid-template-rows: auto;
    align-items: center;
  }
  
  .placeholder-image-tall {
    width: 100%;
    height: 640px;
    max-width: 500px;
    border-radius: 12px;
    overflow: hidden;
  }
  
  .button-secondary {
    min-height: 48px;
    min-width: 120px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e4e6f1;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
  }
  
  .button-secondary:hover {
    background-color: #f3f5fb;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .text-span-20 {
    color: #ff6d44;
  }
  
  .button-mind-dark-2 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    padding: 20px 40px;
    font-size: 16px;
    transition: all .3s;
  }
  
  .button-mind-dark-2:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none;
  }
  
  .contact-submit-button {
    width: 100%;
    height: 60px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #3377fe;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s;
  }
  
  .contact-submit-button:hover {
    color: #1a1a1a;
    background-color: #fff;
  }
  
  .form-section-7 {
    min-height: 80vh;
    background-color: #ffedd8;
    align-items: stretch;
    display: flex;
  }
  
  .contact-field-3 {
    min-height: 60px;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-bottom: 1px solid #443380;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 20px;
    font-size: 16px;
    line-height: 24px;
    transition: all .3s;
  }
  
  .contact-field-3:hover {
    border-color: #000 #000 #fff;
  }
  
  .contact-field-3:focus {
    border-color: #f97316 #f97316 #6a27ff;
  }
  
  .contact-field-3::-ms-input-placeholder {
    color: #665e86;
  }
  
  .contact-field-3::placeholder {
    color: #665e86;
  }
  
  .card-testimonial {
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    transition: box-shadow .3s;
    display: flex;
    box-shadow: 68px 68px 196px -32px rgba(6, 18, 55, .08);
  }
  
  .card-testimonial:hover {
    box-shadow: 37px 37px 72px rgba(220, 220, 220, .15);
  }
  
  .grid-testimonial {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .star {
    width: 24px;
    margin-left: 2px;
    margin-right: 2px;
  }
  
  .author-block {
    margin-top: 24px;
    margin-bottom: 16px;
  }
  
  .avatar-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .author-social-2 {
    color: #b6bcce;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .star-wrapper {
    margin-bottom: 14px;
  }
  
  .quote-icon {
    margin-top: 32px;
    margin-bottom: 24px;
  }
  
  .section-testimonial {
    background-color: #f5f6f9;
    padding: 100px 5%;
    position: relative;
    overflow: hidden;
  }
  
  .testimonial-details {
    opacity: .8;
    color: #67718e;
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 32px;
  }
  
  .avatar {
    width: 92px;
    height: 92px;
    min-height: 92px;
    min-width: 92px;
    background-color: #f1efee;
    border-radius: 100%;
    position: relative;
  }
  
  .author-name-2 {
    color: #37456c;
    letter-spacing: -.02em;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .feature-grid-2-copy {
    grid-column-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-flow: row;
  }
  
  .avatar-wrapper-2 {
    margin-right: 40px;
    position: relative;
  }
  
  .team-middle-row {
    justify-content: flex-end;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }
  
  .icon-circle-large {
    width: 48px;
    height: 49px;
    background-color: #fafafa;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: 6px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -40px;
    right: auto;
  }
  
  .team-section {
    padding: 100px 3%;
  }
  
  .team-name {
    color: #262626;
    text-align: left;
    letter-spacing: -.03em;
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
  }
  
  .team-container {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .team-block {
    max-width: 630px;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }
  
  .teams-heading {
    color: #000;
    letter-spacing: -1px;
    font-size: 50px;
    line-height: 64px;
  }
  
  .team-heading-text {
    color: #666;
    font-size: 22px;
    line-height: 32px;
  }
  
  .team-paragraph {
    color: #666;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 32px;
  }
  
  .team-grid {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .icon-circle-small {
    width: 36px;
    height: 36px;
    background-color: #fafafa;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 0;
    right: auto;
  }
  
  .avatar-2 {
    width: 160px;
    height: 160px;
    min-height: 160px;
    min-width: 160px;
    border-radius: 100px;
    overflow: hidden;
  }
  
  .title-wrap-centre-2 {
    text-align: center;
    margin-bottom: 108px;
  }
  
  .image {
    z-index: -1;
    position: absolute;
    top: 20%;
    bottom: auto;
    left: auto;
    right: 0%;
  }
  
  .link-9 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(131deg, #6633fe, #43a6ff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .link-10 {
    color: #0dd290;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(318deg, #329eff, #3377fe 58%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .link-11 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(119deg, #0dd290, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .link-12 {
    -webkit-text-fill-color: transparent;
    background-color: #f34568;
    background-image: linear-gradient(147deg, #f34568, #df4798);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .link-13 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(133deg, #ffa535, #ff753e);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .integration-title-4-copy {
    color: #000;
    letter-spacing: -.03em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(261deg, #fd0, #ff753e);
    -webkit-background-clip: text;
    background-clip: text;
    color: #000;
    letter-spacing: -.03em;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .integration-title-4-copy-copy {
    color: #000;
    letter-spacing: -.03em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(66deg, #15eabe, #0008a9);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .text-span-21 {
    -webkit-text-fill-color: transparent;
    background-color: #ffa535;
    background-image: linear-gradient(#3377fe, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .link-14 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#0bdb95, #0bdb95);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-22 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(179deg, #3377fe, #1755ff);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 26px;
  }
  
  .heading-17-white {
    max-width: 400px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .heading-content {
    color: #1a1a1a;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.2;
  }
  
  .integration-wrapper-2 {
    max-width: 920px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  
  .integration-bottom-wrapper {
    max-width: 400px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .integration-name {
    box-shadow: none;
    color: #1a1a1a;
    background-color: #fff;
    border-radius: 8px 8px 12px 12px;
    padding: 4px 16px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .integration-name-wrapper {
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .integration-logo-item {
    width: 120px;
    background-color: #fff;
    border-radius: 32px;
    justify-content: center;
    align-items: center;
    margin: 14px;
    padding: 14px;
    transition: all .3s;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .integration-logo-item:hover {
    box-shadow: 17px 17px 64px -14px rgba(77, 77, 77, .16);
  }
  
  .button-primary-light {
    color: #fff;
    background-color: #4255bd;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }
  
  .button-primary-light.margin-bottom-24 {
    margin-bottom: 24px;
  }
  
  .integration-inner-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .text-span-23 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(107deg, #6fbe2e, #00b5d3 38%, #424ba5 77%, #5a39a1);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-24 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(117deg, #0295d5, #32bfed);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .grid-three-column-copy {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .arrow-green {
    margin-left: 10px;
  }
  
  .integration-5 {
    height: px;
    text-align: center;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 24px 24px;
    transition: box-shadow .3s;
    display: flex;
    position: relative;
  }
  
  .integration-5:hover {
    box-shadow: 10px 41px 60px rgba(160, 165, 177, .09);
  }
  
  .dropdown-link {
    width: 100%;
    color: #000;
    border-radius: 8px;
    align-items: center;
    padding: 6px 10px;
    text-decoration: none;
    display: flex;
  }
  
  .dropdown-link:hover {
    background-color: #f7f7f7;
  }
  
  .dropdown-toggle {
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 10px;
    transition: border-color .3s;
  }
  
  .dropdown-toggle:hover {
    border-color: #e9e9e9;
  }
  
  .title-3 {
    color: #6f57eb;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .form-heading-6 {
    color: #18191f;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
  }
  
  .title-wrap-9 {
    max-width: 650px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 72px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .integration-section-6 {
    background-color: #fff;
    padding: 100px 3%;
  }
  
  .icon-small {
    width: 24px;
    margin-right: 8px;
  }
  
  .dropdown-list-3 {
    background-color: #9e6b6b;
  }
  
  .dropdown-list-3.w--open {
    min-width: 140px;
    background-color: #fff;
    border-radius: 14px;
    padding: 10px;
    box-shadow: 23px 23px 42px rgba(25, 20, 41, .07);
  }
  
  .integration-section-4-copy {
    background-color: #f5f6f9;
    padding: 100px 3%;
  }
  
  .content-grid-3-3-block {
    grid-column-gap: 40px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .content-grid-6 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
  }
  
  .h3-heading-5 {
    letter-spacing: -.02em;
    font-size: 48px;
    line-height: 1.2;
  }
  
  .h3-heading-5.text-weight-medium {
    font-weight: 500;
  }
  
  .content-icon-square {
    width: 52px;
    height: 52px;
    color: #4255bd;
    background-color: #f4f5fb;
    border: 1px solid #b3bbe5;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .heading-detail-section-2 {
    color: #b2b2b2;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: normal;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
  }
  
  .content-icon-red {
    width: 52px;
    height: 52px;
    background-color: #fef1f1;
    border: 1px solid #f5a3a3;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-heading-wrapper {
    margin-bottom: 72px;
  }
  
  .content-icon-green {
    width: 52px;
    height: 52px;
    border: 1px solid #b3e5c3;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-icon-orange {
    width: 52px;
    height: 52px;
    background-color: #fff9f0;
    border: 1px solid #fcd49c;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-icon-gray {
    width: 52px;
    height: 52px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-card-2 {
    color: #1a1a1a;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    display: flex;
  }
  
  .content-card-2.content-green {
    background-color: #f4fbf6;
  }
  
  .content-card-2.content-blue {
    background-color: #f4f5fb;
  }
  
  .content-card-2.content-yellow {
    background-color: #fffcf0;
  }
  
  .sub-heading-regular-2 {
    letter-spacing: -.03em;
    font-size: 20px;
    line-height: 32px;
  }
  
  .content-icon-yellow {
    width: 52px;
    height: 52px;
    background-color: #fffcf0;
    border: 1px solid #fcec9c;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .feature-grid-3 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 60px;
  }
  
  .content-heading-3 {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 44px;
    font-weight: 400;
    line-height: 52px;
  }
  
  .feature-text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
  }
  
  .content-image-wrap {
    max-width: 700px;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
  }
  
  .feature-wrap {
    align-items: center;
    display: flex;
  }
  
  .content-grid-7 {
    grid-column-gap: 140px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: start;
  }
  
  .content-wrapper-2 {
    max-width: 700px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .content-paragraph-3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 32px;
  }
  
  .content-section-2 {
    background-color: #10185a;
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 3%;
  }
  
  .content-container-2 {
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .square-point {
    width: 6px;
    height: 6px;
    min-height: 6px;
    min-width: 6px;
    background-color: #f6f0c4;
    margin-right: 14px;
  }
  
  .heading-20 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .page-header-section-copy {
    height: 440px;
    color: #fff;
    background-color: #7567f8;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 56px;
    display: flex;
  }
  
  .page-header-section-copy.about-1 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 50% 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }
  
  .page-header-section-copy.about-3 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6209960c7d75bcc0f706b86d_sumaid-pal-singh-bakshi-_k7TtkxkA-s-unsplash.jpg");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.blog {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c9588d27a9_grovemade-239370.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.about-2 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c7128d27a6_vadim-sherbakov-277610.jpg");
    background-position: 0 0, 50% 28%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.works-1 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5a367e9139badcd2495e7_xps-g2E2NQ5SWSU-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.works-3 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc56ac4e9c9af7599f08cdc_xps-8pb7Hq539Zw-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.contact-2 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6209960c7d75bcc0f706b86d_sumaid-pal-singh-bakshi-_k7TtkxkA-s-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.services {
    height: 500px;
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    position: static;
  }
  
  .page-header-section-copy.faq {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 50% -42px;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.pricing-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6285b27ef2a4c87037159c5f_benjamin-lehman-GNyjCePVRs8-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 0;
  }
  
  .page-header-section-copy.licensing-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32674268d27c2_jesus-kiteque-224069.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy.style-guide-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .4), rgba(46, 50, 60, .4)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326bf5d8d27c0_alice-achterhof-85968.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy {
    height: 440px;
    color: #fff;
    background-color: #7567f8;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 56px;
    display: flex;
  }
  
  .page-header-section-copy-copy.about-1 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 50% 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }
  
  .page-header-section-copy-copy.about-3 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6209960c7d75bcc0f706b86d_sumaid-pal-singh-bakshi-_k7TtkxkA-s-unsplash.jpg");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.blog {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c9588d27a9_grovemade-239370.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.about-2 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326c7128d27a6_vadim-sherbakov-277610.jpg");
    background-position: 0 0, 50% 28%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.works-1 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5a367e9139badcd2495e7_xps-g2E2NQ5SWSU-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.works-3 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc56ac4e9c9af7599f08cdc_xps-8pb7Hq539Zw-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.contact-2 {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6209960c7d75bcc0f706b86d_sumaid-pal-singh-bakshi-_k7TtkxkA-s-unsplash.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.services {
    height: 500px;
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    position: static;
  }
  
  .page-header-section-copy-copy.faq {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881fbb5532d75f146680_compare-fibre-8xnaQKWjDrM-unsplash.jpg");
    background-position: 0 0, 50% -42px;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.pricing-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6285b9f1e30387c8858f80e4_ildefonso-polo-DX9X0g0Cg88-unsplash.jpg");
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 0;
  }
  
  .page-header-section-copy-copy.licensing-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .5), rgba(46, 50, 60, .5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32674268d27c2_jesus-kiteque-224069.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .page-header-section-copy-copy.style-guide-header-section {
    background-image: linear-gradient(rgba(46, 50, 60, .4), rgba(46, 50, 60, .4)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed326bf5d8d27c0_alice-achterhof-85968.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }
  
  .section-copy {
    color: #111;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-color: #f5f6f9;
    background-clip: border-box;
    padding: 120px 24px;
    overflow: hidden;
  }
  
  .section-copy.grey-section {
    background-color: #fff;
    padding: 100px 3px;
  }
  
  .section-copy.no-bottom-padding {
    padding-bottom: 0;
  }
  
  .section-copy.no-top-padding {
    box-shadow: none;
    opacity: 1;
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 44px;
    padding-bottom: 57px;
  }
  
  .section-copy.no-top-padding.no-bottom-padding {
    opacity: 1;
    background-color: #0a1226;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 12px 12px 20px -18px #000;
  }
  
  .section-copy.color-3 {
    background-color: #329eff;
  }
  
  .section-copy.contact-image {
    z-index: 2;
    background-image: linear-gradient(rgba(46, 50, 60, .2), rgba(46, 50, 60, .2)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    position: relative;
  }
  
  .section-copy.contact-image.scroll-bg {
    background-image: linear-gradient(to bottom, null, null), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-attachment: scroll, scroll;
  }
  
  .text-span-25 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(120deg, #6fbe2e, #00b7d5 32%, #5a39a1);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-26 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(112deg, #0076ce, #0076ce);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .feature-card-red {
    color: #1a1a1a;
    text-align: center;
    border: 1px solid #f5a3a3;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .feature-card-orange {
    color: #1a1a1a;
    text-align: center;
    border: 1px solid #fcd49c;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .feature-card-blue {
    color: #1a1a1a;
    text-align: center;
    border: 1px solid #b3bbe5;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .feature-icon-blue-2 {
    width: 52px;
    height: 52px;
    background-color: #f4f5fb;
    border: 1px solid #b3bbe5;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .feature-icon-gray {
    width: 52px;
    height: 52px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .feature-card-gray {
    color: #1a1a1a;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .feature-icon-4 {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .feature-icon-red {
    width: 52px;
    height: 52px;
    background-color: #fef1f1;
    border: 1px solid #f5a3a3;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .feature-icon-orange {
    width: 52px;
    height: 52px;
    background-color: #fff9f0;
    border: 1px solid #fcd49c;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .feature-card-green {
    color: #1a1a1a;
    text-align: center;
    border: 1px solid #b3e5c3;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .feature-icon-yellow {
    width: 52px;
    height: 52px;
    background-color: #fffcf0;
    border: 1px solid #fcec9c;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .grid-three-column-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .feature-card-yellow {
    color: #1a1a1a;
    text-align: center;
    border: 1px solid #fcec9c;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .feature-icon-green {
    width: 52px;
    height: 52px;
    background-color: #f4fbf6;
    border: 1px solid #b3e5c3;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .header-content-wrapper {
    z-index: 5;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: relative;
  }
  
  .header-slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .header-grid-card {
    border: 1px solid #d1d1d6;
    border-radius: 16px;
    padding: 24px;
  }
  
  .header-illustration-wrapper {
    justify-content: flex-end;
    display: flex;
  }
  
  .header-badge-icon {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
  }
  
  .sub-heading-large {
    color: #fff;
    text-align: left;
    letter-spacing: -.02em;
    font-size: 24px;
    line-height: 1.5;
  }
  
  .header-discount-wrapper {
    margin-top: 24px;
    font-weight: 500;
  }
  
  .header-slide-arrow-r {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 2px solid #d1d1d6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    display: flex;
    right: -24px;
  }
  
  .header-slide-arrow-r:hover {
    border-color: #a1a1a5;
  }
  
  .header-slider-product {
    min-height: 360px;
    border-radius: 24px;
  }
  
  .discount-badge {
    color: #fff;
    background-color: #d0011d;
    border-radius: 8px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 4px 10px;
    display: inline-block;
  }
  
  .header-slide-product {
    border-radius: 24px;
    overflow: hidden;
  }
  
  .header-grid-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    color: #1e1e20;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    margin-top: 24px;
  }
  
  .header-grid-image-small {
    height: 100%;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }
  
  .header-large-white {
    color: #fff;
    letter-spacing: -.04em;
    white-space: normal;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: normal;
    background-image: linear-gradient(113deg, #377aff 34%, #3bffbd);
    -webkit-background-clip: text;
    background-clip: text;
    border-radius: 0;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .header-term-detail {
    color: #fff;
    text-align: left;
    margin-top: 60px;
  }
  
  .header-slide-arrow-l {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 2px solid #d1d1d6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    display: flex;
    left: -24px;
  }
  
  .header-slide-arrow-l:hover {
    border-color: #a1a1a5;
  }
  
  .header-category-detail {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
  }
  
  .header-grid-category {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 24px;
  }
  
  .header-section-small {
    padding: 62px 5%;
    position: relative;
  }
  
  .icon-3 {
    color: #1e1e20;
    font-size: 16px;
  }
  
  .header-discount-detail-wrapper {
    align-items: center;
    margin-bottom: 4px;
    display: flex;
  }
  
  .discount-badge-small {
    color: #fff;
    background-color: #d0011d;
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
  }
  
  .header-detail-wrapper {
    width: 100%;
    color: #1e1e20;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    display: flex;
  }
  
  .header-slide-wrapper {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 32px;
    display: flex;
  }
  
  .button-neutral-3 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #160042;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
  }
  
  .button-neutral-3:hover {
    background-color: #282556;
  }
  
  .header-placeholder-wide {
    height: 400px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622c3aa6bab0108e13cb4b45_daniel-romero-XO42lw5i3K0-unsplash.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    display: flex;
    overflow: hidden;
  }
  
  .button-secondary-2 {
    min-height: 48px;
    min-width: 120px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e4e6f1;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
  }
  
  .button-secondary-2:hover {
    background-color: #f3f5fb;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .heading-21 {
    position: static;
    overflow: visible;
  }
  
  .header-placeholder-contact-page {
    height: 400px;
    color: #fff;
    mix-blend-mode: normal;
    background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)) , url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/628d68b8e6296ddfd710ba73_ramiro-mendes-CjS3QsRuxnE-unsplash.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: -91px;
    display: flex;
    overflow: hidden;
  }
  
  .contact-heading {
    color: #1c2122;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    font-weight: 400;
    line-height: 86px;
  }
  
  .button-primary {
    min-height: 48px;
    color: #fff;
    letter-spacing: -.02em;
    background-color: #1c2122;
    border-radius: 8px;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    text-decoration: none;
    display: flex;
  }
  
  .button-secondary-3 {
    color: #fff;
    text-transform: uppercase;
    background-color: #1c2122;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
    display: flex;
  }
  
  .contact-card {
    outline-offset: 0px;
    border-radius: 24px;
    outline: 1px solid #ccd4d6;
    flex-direction: column;
    padding: 32px;
    transition: all .3s;
    display: flex;
  }
  
  .contact-card:hover {
    outline-offset: 0px;
    background-color: #e9eced;
    outline: 1px solid #e9eced;
  }
  
  .text-weight-semibold {
    font-weight: 600;
  }
  
  .icon-medium {
    width: 32px;
    height: 32px;
    color: #323c3e;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .contact-text {
    color: #49575a;
    text-align: left;
    font-weight: 500;
    line-height: 24px;
  }
  
  .caption-regular {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  
  .caption-regular.text-color-gray-800 {
    color: #323c3e;
  }
  
  .heading-wrapper-large {
    max-width: 620px;
    text-align: center;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .contact-wrapper {
    grid-column-gap: 8px;
    align-items: center;
    display: flex;
  }
  
  .heading-detail-2 {
    color: #323c3e;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: normal;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }
  
  .contact-icon-wrap {
    width: 32px;
    height: 32px;
    color: #323c3e;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .contact-button-wrapper {
    max-width: 142px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .header-placeholder-wide-copy-copy {
    height: 400px;
    mix-blend-mode: normal;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 22px;
    display: flex;
    overflow: hidden;
  }
  
  .button-arrow-2-center-copy {
    color: #67718e;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .header-placeholder-wide-copy-copy {
    height: 400px;
    mix-blend-mode: normal;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/628d68aaac7a18100723874d_milad-fakurian-0W-nqIhILS8-unsplash.jpg");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: -91px;
    display: flex;
    overflow: hidden;
  }
  
  .header-large-white-copy {
    color: #fff;
    letter-spacing: -.04em;
    white-space: normal;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-clip: border-box;
    border-radius: 0;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .header-content-wrapper-copy {
    z-index: 5;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: relative;
  }
  
  .header-term-detail-copy {
    color: #000;
    text-align: center;
    margin-top: 60px;
  }
  
  .sub-heading-large-copy {
    color: #fff;
    letter-spacing: -.02em;
    font-size: 24px;
    line-height: 1.5;
  }
  
  .button-white-2 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-white-2:hover {
    color: #fff;
    background-color: #642eff;
  }
  
  .hero-heading {
    color: #0c0c0c;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 56px;
    line-height: 68px;
  }
  
  .nav-menu-2 {
    width: auto;
    height: 100%;
    color: #000;
    white-space: nowrap;
    align-items: center;
    display: flex;
  }
  
  .navigation-button-grey {
    color: #101010;
    letter-spacing: -.02em;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
  }
  
  .navigation-button-grey:hover {
    color: #271d0c;
    background-color: #fff;
  }
  
  .navigation-button-primary {
    color: #fff;
    letter-spacing: -.02em;
    background-color: #ef8b7c;
    border-radius: 4px;
    margin-left: 14px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
  }
  
  .navigation-button-primary:hover {
    color: #000;
    background-color: #f7f7f7;
  }
  
  .container-navigation-3 {
    width: 100%;
    max-width: 1160px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .accent-wrapper-left {
    height: 90%;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -4%;
    right: auto;
    transform: skew(10deg);
  }
  
  .navigation-right {
    width: 50%;
    min-height: 50px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
  
  .header-section-5 {
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
  }
  
  .accent-square-small-right {
    width: 32px;
    height: 32px;
    background-color: #ef8b7c;
    position: relative;
    right: -32px;
  }
  
  .accent-line {
    width: 2px;
    height: 100%;
    background-color: #000;
  }
  
  .nav-link-5 {
    color: #7d7d7d;
    letter-spacing: -.01em;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    transition: all .35s;
  }
  
  .nav-link-5:hover {
    color: #101010;
  }
  
  .accent-square-small-left {
    width: 32px;
    height: 32px;
    background-color: #ef8b7c;
    position: relative;
  }
  
  .brand-3 {
    margin-right: 60px;
  }
  
  .accent-wrapper-right {
    height: 80%;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
    transform: skew(10deg);
  }
  
  .navigation-8 {
    height: 100px;
    background-color: #fff;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
  }
  
  .accent-square-wrapper {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: relative;
  }
  
  .button-hero {
    background-color: #202020;
    border: 2px solid #202020;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-hero:hover {
    color: #271d0c;
    background-color: #fff;
  }
  
  .accent-square-small {
    width: 32px;
    height: 32px;
    background-color: #ef8b7c;
  }
  
  .hero-image-2 {
    height: 100%;
    object-fit: contain;
  }
  
  .navigation-left {
    width: 50%;
    min-height: 50px;
    align-items: center;
    display: flex;
  }
  
  .hero-block {
    max-width: 600px;
  }
  
  .accent-square-large {
    width: 65px;
    height: 75px;
    background-color: #ef8b7c;
    position: relative;
    left: -32px;
  }
  
  .image-wrapper-5 {
    height: 100%;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative;
  }
  
  .button-navigation {
    color: #fff;
    letter-spacing: -.02em;
    background-color: #1355ff;
    border-radius: 10px;
    margin-left: 14px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
  }
  
  .button-navigation:hover {
    color: #1355ff;
    background-color: #f7f7f7;
  }
  
  .hero-heading-7 {
    color: #000;
    letter-spacing: -.02em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 56px;
    font-weight: 900;
    line-height: 68px;
  }
  
  .header-logo-block-3 {
    max-width: 100%;
    background-color: #fff;
    align-items: center;
    margin-top: 140px;
    padding: 40px 32px;
    display: flex;
  }
  
  .navigation-9 {
    height: 100px;
    background-color: #fff;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }
  
  .nav-link-6 {
    color: #67718e;
    letter-spacing: -.02em;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    transition: all .35s;
  }
  
  .nav-link-6:hover {
    color: #1355ff;
  }
  
  .button-header-2 {
    background-color: #000;
    border: 2px rgba(0, 0, 0, 0);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-header-2:hover {
    color: #fff;
    background-color: #fff;
    background-image: linear-gradient(121deg, #3377fe, #8732ff);
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .navigation-container {
    width: 100%;
    max-width: 1160px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .header-section-6 {
    padding-top: 140px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .logo-image-3 {
    max-width: 55px;
    text-align: center;
  }
  
  .hero-image-3 {
    width: 100%;
    height: 100%;
    float: none;
    clear: none;
    object-fit: cover;
    object-position: 100% 50%;
  }
  
  .div-block-2 {
    text-align: center;
  }
  
  .features-section {
    color: #52527a;
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 120px 3%;
  }
  
  .features-grid-4 {
    grid-column-gap: 80px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: start;
  }
  
  .features-container {
    max-width: 1270px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .features-wrapper {
    max-width: 600px;
  }
  
  .feature-title-paragraph {
    color: #52527a;
    margin-bottom: 100px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
  }
  
  .feature-dot {
    width: 20px;
    height: 20px;
    background-color: #f68055;
    border-radius: 50%;
    flex: none;
    margin-top: 3px;
    margin-right: 20px;
  }
  
  .feature-dot.green {
    background-color: #20bdc2;
  }
  
  .feature-dot.blue {
    background-color: #3368db;
  }
  
  .feature-paragraph-7 {
    color: #52527a;
    font-size: 18px;
    line-height: 27px;
  }
  
  .features-item {
    align-items: flex-start;
    margin-bottom: 30px;
    display: flex;
  }
  
  .feature-heading {
    color: #1e1e48;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
  }
  
  .feature-title-7 {
    color: #1e1e48;
    margin-top: 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
  }
  
  .feature-card-name {
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }
  
  .features-paragraph {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 40px;
    font-size: 18px;
  }
  
  .features-heading-4 {
    color: #000;
    letter-spacing: -2px;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
  }
  
  .feature-card-6 {
    text-align: left;
    background-color: #fff;
    background-image: linear-gradient(134deg, #7567f8, #5167f6);
    border-radius: 35px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
    padding: 25px;
    transition: box-shadow .4s;
    display: flex;
  }
  
  .feature-card-6:hover {
    position: relative;
    box-shadow: 0 20px 60px rgba(133, 133, 133, .06);
  }
  
  .purple-text {
    color: #8b88f6;
  }
  
  .features-grid-5 {
    grid-column-gap: 24px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
  
  .feature-icon-5 {
    margin-bottom: 15px;
  }
  
  .feature-card-paragraph {
    color: #fff;
  }
  
  .features-section-2 {
    color: #9a9a9a;
    background-color: #f5f6f9;
    padding: 130px 3%;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
  }
  
  .features-grid-col.even {
    margin-top: 40px;
  }
  
  .features-heading-wrap {
    max-width: 450px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 80px;
    margin-right: 80px;
    display: flex;
  }
  
  .feature-button {
    min-height: 50px;
    color: #fff;
    background-color: #3377fe;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    padding: 15px 35px;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
  }
  
  .feature-button:hover {
    background-color: rgba(0, 0, 0, .8);
  }
  
  .features-container-2 {
    max-width: 1140px;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .text-span-27 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(108deg, #3377fe, #7567f8);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-28 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(127deg, #3377fe 26%, #7567f8 99%, #f34568);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .ui-asset-wrapper {
    background-color: #fafafa;
    border-radius: 40px;
    padding: 40px;
  }
  
  .feature-section-6 {
    padding: 70px 3%;
  }
  
  .features-heading-5 {
    color: #000;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 52px;
    line-height: 1.3;
  }
  
  .title-wrapper-6 {
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .feature-title-8 {
    color: #000;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 36px;
    line-height: 1.2;
  }
  
  .feature-card-7 {
    color: #000;
    background-color: #fff;
    border-radius: 40px;
    text-decoration: none;
    transition: box-shadow .3s;
  }
  
  .features-grid-6 {
    grid-column-gap: 60px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .features-title-wrap-4 {
    max-width: 650px;
    text-align: center;
    margin-bottom: 92px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .feature-section-7 {
    background-color: #f5f6f9;
    padding: 85px 3%;
  }
  
  .feature-content-grid-2 {
    grid-column-gap: 90px;
    grid-row-gap: 56px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .feature-grid-4 {
    grid-column-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
  }
  
  .button-outline-3 {
    min-height: 48px;
    color: #4255bd;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1.5px solid #6070c8;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: border-color .4s;
    display: flex;
  }
  
  .button-outline-3:hover {
    border-color: #d3d3d3;
  }
  
  .grid-button {
    grid-template-rows: auto;
  }
  
  .grid-button.margin-top-64 {
    margin-top: 64px;
  }
  
  .integration-card-3 {
    color: #1a1a1a;
    background-color: #f4f5fb;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .section-regular-3 {
    background-color: #fff;
    padding: 92px 5%;
    position: relative;
  }
  
  .interaction-logo {
    width: 280px;
    opacity: .1;
    position: absolute;
    top: -100%;
    bottom: auto;
    left: auto;
    right: -100%;
  }
  
  .integration-icon-4 {
    width: 64px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    background-color: #fff;
    border-radius: 14px;
    margin-bottom: 24px;
  }
  
  .grid-four-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .button-primary-2 {
    min-height: 48px;
    color: #fff;
    background-color: #4255bd;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }
  
  .button-integration-2 {
    min-height: 48px;
    color: #fff;
    background-color: #4255bd;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    padding: 12px 24px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }
  
  .icon-arrow-small {
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    display: flex;
  }
  
  .button-arrow-2-center-copy-copy {
    color: #67718e;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .text-span-29 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(74deg, #1500ff 10%, #000);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .integration-logo-2 {
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .integration-detail {
    flex-direction: column;
    margin-bottom: auto;
    margin-right: auto;
    display: flex;
  }
  
  .integration-card-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  
  .button-small {
    outline-offset: 0px;
    color: #323c3e;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 99px;
    outline: 1px solid #ccd4d6;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .button-small:hover {
    color: #fff;
    background-color: #1c2122;
    outline-color: #1c2122;
  }
  
  .integration-button-wrapper {
    max-width: 127px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .grid-integration {
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 72px;
  }
  
  .section-large-5 {
    background-color: rgba(0, 0, 0, 0);
    padding: 120px 5%;
    position: relative;
  }
  
  .integration-line-light {
    width: 100%;
    height: 1px;
    max-width: 80%;
    background-color: #e9eced;
    justify-content: flex-end;
    margin-top: 32px;
    margin-left: auto;
  }
  
  .integration-app-title {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .button-primary-3 {
    min-height: 48px;
    color: #fff;
    letter-spacing: -.02em;
    background-color: #1c2122;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    text-decoration: none;
    display: flex;
  }
  
  .integration-apps {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  
  .caption-regular-2 {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  
  .caption-regular-2.text-color-gray-700 {
    color: #49575a;
  }
  
  .integration-logo-small {
    width: 64px;
    height: 64px;
    box-shadow: none;
    border: 1px solid #e9eced;
    border-radius: 16px;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: border-color .3s, box-shadow .3s;
    display: flex;
    overflow: hidden;
  }
  
  .integration-logo-small:hover {
    background-color: #fff;
    border-style: none;
    border-width: 0;
    box-shadow: 0 2px 4px rgba(148, 165, 168, .25);
  }
  
  .integration-wrapper-3 {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .integration-heading {
    color: #1c2122;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    font-weight: 400;
    line-height: 86px;
  }
  
  .filter-color-list {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }
  
  .price-text-detail {
    color: #3377fe;
    margin-top: 16px;
    font-weight: 600;
  }
  
  .product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #9096a4;
  }
  
  .checkbox-color-list {
    cursor: pointer;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 8px 14px;
    display: flex;
    position: relative;
  }
  
  .filter-checkbox-field {
    color: #1e1e20;
    border-radius: 8px;
    align-items: center;
    margin-bottom: 0;
    padding: 8px;
    font-weight: 500;
    transition: background-color .3s;
    display: flex;
  }
  
  .filter-checkbox-field:hover {
    background-color: #f4f4f6;
  }
  
  .product-dropdown-list {
    background-color: rgba(0, 0, 0, 0);
  }
  
  .product-dropdown-list.w--open {
    min-width: 200px;
    margin-top: 8px;
    right: 0;
    box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, .15);
  }
  
  .filter-dropdown {
    margin-left: 0;
    margin-right: 0;
  }
  
  .content-shop-tab {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 32px;
    margin: 4px;
    padding: 2px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .content-shop-tab.w--current {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-width: 2px;
    border-color: #2e323c;
  }
  
  .breadcrumb-arrow {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-caption {
    color: #df4798;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  
  .product-dropdown-card {
    background-color: #fff;
    border: 1px solid #f4f4f6;
    border-radius: 8px;
    padding: 8px;
  }
  
  .product-toggle {
    color: #1e1e20;
    border: 1px solid #d1d1d6;
    border-radius: 32px;
    align-items: center;
    padding: 8px 44px 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .product-toggle:hover, .product-toggle.w--open {
    border-color: #1e1e20;
  }
  
  .product-card {
    width: 100%;
    height: 430px;
    background-color: #f4f4f6;
    border-radius: 8px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
  }
  
  .product-caption-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }
  
  .filter-title {
    color: #1e1e20;
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .filter-checkbox {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-width: 2px;
    border-color: #d1d1d6;
    border-radius: 4px;
    margin: 0 8px 0 0;
  }
  
  .filter-checkbox:hover {
    border-color: #1e1e20;
  }
  
  .filter-checkbox.w--redirected-checked {
    background-color: #1e1e20;
    background-size: 12px;
    border-color: #1e1e20;
    border-radius: 4px;
  }
  
  .filter-checkbox.w--redirected-focus {
    box-shadow: none;
    outline-offset: -2px;
    outline: 2px solid #160042;
  }
  
  .caption-wrapper {
    align-items: center;
    margin-bottom: 4px;
    display: flex;
  }
  
  .filter-block {
    margin-bottom: 24px;
  }
  
  .checkbox-label-3 {
    margin-bottom: 0;
    font-weight: 500;
  }
  
  .checkbox-color-small-01 {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 100px;
    margin-right: 8px;
    overflow: hidden;
  }
  
  .badge-product {
    color: #fff;
    text-align: center;
    background-color: #d0011d;
    border-radius: 32px;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
  }
  
  .badge-product.badge-opacity {
    opacity: 0;
  }
  
  .checkbox-color-small-03 {
    width: 24px;
    height: 24px;
    background-color: #b3b3b3;
    border-radius: 100px;
    margin-right: 8px;
    overflow: hidden;
  }
  
  .product-like {
    width: 40px;
    height: 40px;
    color: #b3b3b3;
    background-color: #ececee;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    display: flex;
  }
  
  .product-like:hover {
    color: #d0011d;
  }
  
  .product-dropdown-link {
    color: #1e1e20;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .product-dropdown-link:hover {
    background-color: #f4f4f6;
  }
  
  .price-text-small {
    color: #3377fe;
    margin-top: 16px;
    font-weight: 600;
  }
  
  .breadcrumb-wrapper {
    align-items: center;
    margin-bottom: 16px;
    display: flex;
  }
  
  .filter-checkbox-label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .product-bar-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 32px;
    display: flex;
  }
  
  .product-grid-large {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .checkbox-color-small-04 {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #f4f4f6;
    border-radius: 100px;
    margin-right: 8px;
    overflow: hidden;
  }
  
  .breadcrumb-link {
    color: #5a5a5e;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
  }
  
  .breadcrumb-link:hover {
    color: #1e1e20;
  }
  
  .breadcrumb-link.w--current {
    color: #87878c;
    text-decoration: underline;
  }
  
  .checkbox-element {
    width: 100%;
    height: 100%;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    margin: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .checkbox-element.w--redirected-checked {
    background-color: rgba(209, 209, 214, .1);
    background-image: none;
    border-color: #ececee;
  }
  
  .checkbox-element.w--redirected-focus {
    box-shadow: none;
  }
  
  .filter-title-wrapper {
    border-bottom: 1px solid #d1d1d6;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .checkbox-color-small-05 {
    width: 24px;
    height: 24px;
    background-color: #d0011d;
    border-radius: 100px;
    margin-right: 8px;
    overflow: hidden;
  }
  
  .icon-heart {
    width: 24px;
    height: 24px;
  }
  
  .checkbox-color-small-06 {
    width: 24px;
    height: 24px;
    background-color: #06c;
    border-radius: 100px;
    margin-right: 8px;
    overflow: hidden;
  }
  
  .product-tab-menu {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
  }
  
  .product-dropdown-scroll {
    z-index: 99;
    background-color: rgba(0, 0, 0, 0);
  }
  
  .product-dropdown-scroll.w--open {
    height: 400px;
    min-width: 270px;
    margin-top: 8px;
    overflow: scroll;
    box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, .15);
  }
  
  .product-top-detail {
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    display: flex;
    position: absolute;
    top: 8px;
    bottom: auto;
    left: 8px;
    right: 8px;
  }
  
  .checkbox-color-small-02 {
    width: 24px;
    height: 24px;
    background-color: #000;
    border-radius: 100px;
    margin-right: 8px;
    overflow: hidden;
  }
  
  .product-tabs-content {
    overflow: visible;
  }
  
  .text-span-30 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(104deg, #08f 31%, #000);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .button-arrow-2-center-copy {
    color: #67718e;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-top: 43px;
    margin-bottom: -38px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .form-image-section-copy {
    width: 50%;
    min-height: 800px;
    width: 50%;
    min-height: 800px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/628d81c335672159d80b8c50_brooke-cagle-g1Kr4Ozfoac-unsplash.jpeg");
    background-position: 0%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .form-title-wrapper-copy {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .form-image-section-copy-copy {
    width: 50%;
    min-height: 800px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/628d9b0d2d9eb6c53e61e6d9_joesef-key-xgIZqWwiqik-unsplash.jpg");
    background-position: 0%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .button-arrow-2-center-copy-copy {
    color: #67718e;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .shadow-orange {
    width: 24px;
    height: 24px;
    filter: blur(14px);
    background-color: #f05b34;
    position: absolute;
    bottom: 22px;
    right: 22px;
  }
  
  .form-image-section-black-busisness {
    width: 50%;
    min-height: 800px;
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292d232a28a6c68b243b17e_jane-palash-SpvR3bbNJJw-unsplash.jpg");
    background-position: 0%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .heading-16-white {
    max-width: 400px;
    color: #fff;
    border: 1px #2e323c;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .feature-content-grid-2-copy {
    grid-column-gap: 90px;
    grid-row-gap: 56px;
  }
  
  .feature-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    display: flex;
  }
  
  .feature-link-text-3 {
    color: #6366f1;
    letter-spacing: -.01em;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .form-image-section-remote {
    width: 50%;
    min-height: 800px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/62a790effd9ecbdb1f633c89_tyler-franta-RbFDzMKTH6Q-unsplash.jpeg");
    background-position: 50%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .image-5 {
    transform-origin: 50%;
    transform: rotate(90deg);
  }
  
  .form-image-section-ministry {
    width: 50%;
    min-height: 800px;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292d232a28a6c68b243b17e_jane-palash-SpvR3bbNJJw-unsplash.jpg");
    background-position: 0%;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    padding: 100px 60px 220px;
    display: flex;
    position: relative;
  }
  
  .image-6 {
    transform: rotate(90deg);
  }
  
  .form-section-3-copy {
    min-height: 80vh;
    background-color: #fff;
    align-items: stretch;
    margin-top: 0;
    display: flex;
  }
  
  .content-grid-4-block {
    grid-column-gap: 40px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .header-placeholder-meeting-confirm {
    height: 400px;
    mix-blend-mode: normal;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/62af160b9b6a1e733a0984ec_milad-fakurian-E8Ufcyxz514-unsplash%20(1).jpeg");
    background-position: 50% 15%;
    background-size: cover;
    background-attachment: scroll;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: -91px;
    display: flex;
    overflow: hidden;
  }
  
  .header-content-wrapper-meeting-confirm {
    z-index: 5;
    color: #fff;
    text-align: center;
    margin-left: -436px;
    margin-right: 0;
    font-weight: 500;
    position: relative;
  }
  
  .header-large-white-meeting-confirm {
    color: #fff;
    text-align: left;
    letter-spacing: -.04em;
    white-space: normal;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: normal;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    border-radius: 0;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .button-secondary-3-copy {
    color: #fff;
    text-transform: uppercase;
    background-color: #1c2122;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
    display: flex;
  }
  
  .header-term-detail-contact-us-page {
    color: #fff;
    text-align: right;
    margin-top: 60px;
  }
  
  .sub-heading-contact-us {
    color: #5d6371;
    letter-spacing: -.02em;
    font-size: 24px;
    line-height: 1.5;
  }
  
  .contact-card-no-button {
    outline-offset: 0px;
    border-radius: 24px;
    outline: 1px solid #ccd4d6;
    flex-direction: column;
    padding: 32px;
    transition: all .3s;
    display: flex;
  }
  
  .contact-card-no-button:hover {
    outline-offset: 0px;
    background-color: #e9eced;
    outline: 1px solid #e9eced;
  }
  
  .sub-heading-large-copy {
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 24px;
    line-height: 1.5;
  }
  
  .section-large-4-extra-space {
    margin-bottom: 64px;
    padding: 35px 5%;
    position: relative;
  }
  
  .heading-14-white {
    max-width: 400px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .heading-14-black {
    max-width: 400px;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .text-span-31 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(124deg, #0dd290 45%, #3377fe);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-32 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(96deg, #329eff, #3377fe);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-33 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(124deg, #7567f8 45%, #df4798);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .integration-section-4-3 {
    background-color: #fff;
    padding: 100px 3%;
  }
  
  .feature-section-72 {
    background-color: #f5f6f9;
    padding: 85px 3%;
  }
  
  .contact-form-bc {
    color: #000;
    margin-bottom: 0;
  }
  
  .contact-field-label-bc {
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .error-message-3 {
    background-color: #ffa535;
  }
  
  .grid-two-column-2-copy {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .grid-two-column-2-copy.align-centre {
    grid-template-columns: 1fr;
    align-items: center;
  }
  
  .features-subheading-3 {
    color: #e5e5e5;
    font-size: 22px;
    line-height: 1.5;
  }
  
  .feature-title-9 {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 1.2;
  }
  
  .image-wrapper-6 {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 32px;
    padding: 32px;
  }
  
  .features-heading-6 {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 56px;
    line-height: 1.3;
  }
  
  .features-grid-7 {
    grid-column-gap: 40px;
    grid-row-gap: 100px;
    background-image: none;
    background-position: 50% 50px;
    background-repeat: no-repeat;
    background-size: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .features-title-wrap-5 {
    max-width: 860px;
    text-align: center;
    margin-bottom: 140px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .feature-paragraph-8 {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
  }
  
  .feature-section-73 {
    color: rgba(0, 0, 0, 0);
    background-color: #000;
    margin-top: -161px;
    padding: 0 3% 100px;
  }
  
  .text-span-34 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(157deg, #3377fe, #a617ff 92%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .margin-right-16 {
    margin-right: 16px;
  }
  
  .container-regular-2 {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .header-placeholder-wide-2 {
    height: 400px;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    display: flex;
    overflow: hidden;
  }
  
  .section-header-dark {
    background-color: #000;
    margin-top: 0;
    padding: 92px 5%;
  }
  
  .button-white-3 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-white-3:hover {
    color: #fff;
    background-color: #642eff;
  }
  
  .heading-22 {
    color: #fff;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(106deg, #3377fe, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .integration-section-4-copy {
    background-color: #fff;
    padding: 100px 3%;
  }
  
  .integration-title-3-copy {
    color: #fff;
    letter-spacing: -.03em;
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .h3-heading-2-tech-copy {
    color: #fff;
    letter-spacing: -.04em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .section-description-2-copy {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  
  .bold-text, .bold-text-2, .bold-text-3 {
    color: #fff;
  }
  
  .div-block-3 {
    text-align: center;
  }
  
  .section-regular-4 {
    background-color: #000;
    padding: 92px 5%;
    position: relative;
  }
  
  .image-cover-5 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .section-description-2-copy-copy {
    color: #000;
    font-size: 16px;
    line-height: 28px;
  }
  
  .red-square-small-2 {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    background-color: #ef8b7c;
    border-radius: 2px;
    position: absolute;
    top: -18px;
    bottom: auto;
    left: -18px;
    right: auto;
  }
  
  .hero-image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  
  .hero-block-2 {
    max-width: 840px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .red-square-large-2 {
    width: 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    background-color: #ef8b7c;
    border-radius: 2px;
    position: absolute;
    top: 15%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .header-section-7 {
    align-items: center;
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .text-span-35 {
    color: #ef8b7c;
  }
  
  .blue-square-large-2 {
    z-index: -1;
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    background-color: #8dd1cf;
    border-radius: 2px;
    position: absolute;
    top: auto;
    bottom: 15%;
    left: auto;
    right: -20px;
  }
  
  .container-8 {
    z-index: 5;
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .navigation-button-primary-2 {
    color: #fff;
    letter-spacing: -.02em;
    background-color: #ef8b7c;
    border-radius: 4px;
    margin-left: 14px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
  }
  
  .navigation-button-primary-2:hover {
    color: #000;
    background-color: #f7f7f7;
  }
  
  .blue-square-small-2 {
    width: 18px;
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    background-color: #8dd1cf;
    border-radius: 2px;
    position: absolute;
    top: auto;
    bottom: -18px;
    left: auto;
    right: -18px;
  }
  
  .header-paragraph-6 {
    max-width: 600px;
    color: #565656;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .hero-image-4 {
    height: 420px;
    border: 10px solid #fff;
    border-bottom-style: none;
    border-radius: 12px;
    position: relative;
    box-shadow: 10px 10px 28px rgba(0, 0, 0, .06);
  }
  
  .hero-heading-8 {
    color: #0c0c0c;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 56px;
    line-height: 68px;
  }
  
  .div-block-4 {
    text-align: center;
  }
  
  .button-wrapper-4-copy {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
  }
  
  .button-header-phone {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-header-phone:hover {
    color: #3377fe;
    background-color: #fff;
    border-color: #3377fe;
  }
  
  .button-header-phone-1 {
    color: #fff;
    background-color: #3377fe;
    border: 2px solid #3377fe;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-header-phone-1:hover {
    color: #3377fe;
    background-color: #fff;
    border-color: #3377fe;
  }
  
  .bold-text-3-white {
    color: #fff;
  }
  
  .bold-text-4, .bold-text-5 {
    color: #000;
  }
  
  .text-span-36 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#7567f8, #3377fe);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .button-wrapper-4-security {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 27px;
    margin-bottom: 27px;
    display: flex;
  }
  
  .content-grid-3-access {
    grid-column-gap: 40px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .button-white-4 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-white-4:hover {
    color: #fff;
    background-color: #642eff;
  }
  
  .heading-23 {
    color: #fff;
    font-family: Lato, sans-serif;
  }
  
  .button-arrow-2-mit {
    color: #67718e;
    text-align: center;
    letter-spacing: -.04em;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
  }
  
  .text-span-37 {
    text-shadow: none;
    -webkit-text-fill-color: transparent;
    background-color: #7567f8;
    background-image: linear-gradient(308deg, #fe3336, #ff16bc 57%, #3377fe 79%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-38 {
    text-shadow: none;
    -webkit-text-fill-color: transparent;
    background-color: #3377fe;
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .tabs-menu-icon {
    width: 60px;
    height: 60px;
    background-color: #f5f6f9;
    border-radius: 12px;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    padding: 10px;
    display: flex;
  }
  
  .tabs-menu {
    width: 45%;
    flex-direction: column;
    display: flex;
  }
  
  .tabs-heading-wrap {
    width: 40%;
    margin-bottom: 60px;
  }
  
  .tabs-heading-3 {
    color: #1e1e1e;
    letter-spacing: -2px;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
  }
  
  .tabs-container-2 {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .tabs-paragraph {
    font-size: 18px;
    line-height: 27px;
  }
  
  .tabs-content-2 {
    width: 50%;
    text-align: right;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .tabs-img {
    width: 100%;
    height: 100%;
    max-width: 390px;
    object-fit: cover;
    border-radius: 30px;
  }
  
  .tab-link {
    opacity: .7;
    filter: grayscale();
    color: #5e5e5e;
    background-color: #fff;
    border-radius: 14px;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    font-size: 16px;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .tab-link:hover {
    box-shadow: 0 10px 40px rgba(133, 133, 133, .05);
  }
  
  .tab-link.w--current {
    z-index: 2;
    opacity: 1;
    filter: grayscale(0%);
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(133, 133, 133, .05);
  }
  
  .tabs-section-3 {
    color: #fff;
    background-color: #fff;
    padding: 140px 3%;
  }
  
  .tab-pane-2 {
    height: 100%;
  }
  
  .tabs {
    position: static;
  }
  
  .step-title {
    color: #02044a;
    font-size: 16px;
    font-weight: 700;
  }
  
  .slider-embed {
    display: none;
  }
  
  .success-message-grace {
    max-width: 620px;
    color: #fff;
    background-color: #5f30e2;
    border-radius: 16px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px 50px;
  }
  
  .next-button-slide-2 {
    color: #fff;
    text-align: center;
    background-color: #3377fe;
    border-radius: 16px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide-2:hover {
    background-color: #5f30e2;
  }
  
  .form-wrapper-3 {
    max-width: 930px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
  }
  
  .slide-tab-current {
    width: 55px;
    height: 55px;
    min-height: 55px;
    min-width: 55px;
    background-color: #3377fe;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 3px 3px 8px rgba(95, 48, 226, .16);
  }
  
  .slide-content-2 {
    width: 100%;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    position: relative;
  }
  
  .step-detail {
    margin-left: 14px;
  }
  
  .grid-single-column {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 48px;
  }
  
  .form-wrap-2 {
    width: 100%;
    min-height: 390px;
  }
  
  .form-content-2 {
    width: 100%;
    max-width: 620px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .large-checkbox-3 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6265e5e4cef379e583dba1cc_globe.png");
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: 80px;
    border-width: 2px;
    border-color: rgba(223, 223, 232, .48);
    border-radius: 24px;
    margin-top: 0;
    margin-left: 0;
    transition: all .3s;
  }
  
  .large-checkbox-3:hover {
    border-color: #5f30e2;
  }
  
  .large-checkbox-3.w--redirected-checked {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-position: 50% 40%;
    background-size: auto;
    border-width: 2px;
    border-color: #5f30e2;
  }
  
  .large-checkbox-3.w--redirected-focus {
    box-shadow: none;
  }
  
  .large-checkbox-3.yes, .large-checkbox-3.no, .large-checkbox-3.price-1, .large-checkbox-3.price-2 {
    background-image: none;
  }
  
  .large-checkbox-3.option-02 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5b37248e78dfcec2226a3_phone-call.svg");
  }
  
  .large-checkbox-3.option-02.w--redirected-checked, .large-checkbox-3.price-3 {
    background-image: none;
  }
  
  .large-checkbox-3.option-03 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292c0b1c2da3e32eb0c6dae_smart-tv.png");
  }
  
  .large-checkbox-3.option-03.w--redirected-checked {
    background-image: none;
  }
  
  .back-button-slide-2 {
    color: #8687a8;
    margin-right: 20px;
    padding: 20px 30px;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s;
  }
  
  .back-button-slide-2:hover {
    color: #57588f;
  }
  
  .step-count-grace {
    color: #3377fe;
    font-size: 14px;
    font-weight: 500;
  }
  
  .slider-tab {
    border-radius: 100px;
    align-items: center;
    padding: 12px;
    display: flex;
  }
  
  .slider-tab:hover {
    background-color: #f9f9fb;
  }
  
  .slider-tab.active {
    background-color: #f5f1ff;
  }
  
  .slide-detail {
    width: 100%;
    border: 1px solid #dfdfe8;
    border-radius: 16px;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 64px;
    padding: 12px;
    display: flex;
  }
  
  .grid-three-column-3 {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 48px;
  }
  
  .line-break-3 {
    width: 1px;
    min-height: 32px;
    background-color: rgba(223, 223, 232, .48);
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .grid-two-column-4 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 48px;
  }
  
  .submit-button-grace {
    color: #fff;
    text-align: center;
    background-color: #3377fe;
    border-radius: 16px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .submit-button-grace:hover {
    background-color: #5d6371;
  }
  
  .form-heading-7 {
    color: #02044a;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 28px;
    font-weight: 700;
  }
  
  .form-section-8 {
    align-items: flex-start;
    margin-bottom: 0;
    padding: 140px 3% 0;
    display: flex;
  }
  
  .checkbox-field-11 {
    width: 100%;
    height: 176px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    position: relative;
  }
  
  .slide-3 {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    flex-wrap: wrap;
    position: static;
  }
  
  .slide-wrapper-2 {
    display: flex;
  }
  
  .active-tab {
    border-radius: 100px;
    align-items: center;
    display: flex;
  }
  
  .paragraph-header {
    color: #494a7d;
    font-size: 16px;
  }
  
  .checkbox-label-4 {
    color: #494a7d;
    text-align: center;
    font-size: 16px;
    display: block;
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0%;
    right: 0%;
  }
  
  .slider-tab-icon {
    width: 26px;
  }
  
  .slider-3 {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
  }
  
  .button-base {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
  
  .field-wrap-large {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .next-button-slide-3 {
    color: #fff;
    text-align: center;
    background-color: #3377fe;
    border-radius: 16px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide-3:hover {
    background-color: #5f30e2;
  }
  
  .slide-tab-current-2 {
    width: 55px;
    height: 55px;
    min-height: 55px;
    min-width: 55px;
    background-color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 3px 3px 8px rgba(95, 48, 226, .16);
  }
  
  .large-checkbox-4 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6265e5e4cef379e583dba1cc_globe.png");
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: 60px;
    border-width: 2px;
    border-color: rgba(223, 223, 232, .48);
    border-radius: 24px;
    margin-top: 0;
    margin-left: 0;
    transition: all .3s;
  }
  
  .large-checkbox-4:hover {
    border-color: #3377fe;
  }
  
  .large-checkbox-4.w--redirected-checked {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6265e5e4cef379e583dba1cc_globe.png");
    background-position: 50% 40%;
    background-size: 60px;
    border-width: 2px;
    border-color: #5f30e2;
  }
  
  .large-checkbox-4.w--redirected-focus {
    box-shadow: none;
  }
  
  .large-checkbox-4.yes, .large-checkbox-4.no, .large-checkbox-4.price-1, .large-checkbox-4.price-2 {
    background-image: none;
  }
  
  .large-checkbox-4.option-02 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5b37248e78dfcec2226a3_phone-call.svg");
  }
  
  .large-checkbox-4.option-02.w--redirected-checked {
    border-color: #3377fe;
  }
  
  .large-checkbox-4.price-3 {
    background-image: none;
  }
  
  .large-checkbox-4.option-03 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292c0b1c2da3e32eb0c6dae_smart-tv.png");
  }
  
  .large-checkbox-4.option-03.w--redirected-checked {
    border-color: #3377fe;
  }
  
  .next-button-slide-4 {
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 16px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide-4:hover {
    background-color: #3377fe;
  }
  
  .large-checkbox-5 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6265e5e4cef379e583dba1cc_globe.png");
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: 65px;
    border-width: 2px;
    border-color: rgba(223, 223, 232, .48);
    border-radius: 24px;
    margin-top: 0;
    margin-left: 0;
    transition: all .3s;
  }
  
  .large-checkbox-5:hover {
    border-color: #3377fe;
  }
  
  .large-checkbox-5.w--redirected-checked {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6265e5e4cef379e583dba1cc_globe.png");
    background-position: 50% 40%;
    background-size: 65px;
    border-width: 2px;
    border-color: #3377fe;
  }
  
  .large-checkbox-5.w--redirected-focus {
    box-shadow: none;
  }
  
  .large-checkbox-5.yes, .large-checkbox-5.no, .large-checkbox-5.price-1, .large-checkbox-5.price-2 {
    background-image: none;
  }
  
  .large-checkbox-5.option-02 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5b37248e78dfcec2226a3_phone-call.svg");
    background-size: 65px;
  }
  
  .large-checkbox-5.option-02:active, .large-checkbox-5.option-02.w--redirected-checked {
    border-color: #3377fe;
  }
  
  .large-checkbox-5.price-3 {
    background-image: none;
  }
  
  .large-checkbox-5.option-03 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292c0b1c2da3e32eb0c6dae_smart-tv.png");
    background-size: 65px;
  }
  
  .large-checkbox-5.option-03:hover, .large-checkbox-5.option-03:active, .large-checkbox-5.option-03.w--redirected-checked {
    border-color: #3377fe;
  }
  
  .text-field-address {
    min-height: 58px;
    cursor: pointer;
    background-color: #f9f9fb;
    border: 1px solid #f9f9fb;
    border-radius: 8px;
    margin-bottom: 10px;
    padding-left: 16px;
    font-size: 16px;
    transition: all .2s;
    position: relative;
  }
  
  .text-field-address:hover {
    background-color: #fff;
    border-style: solid;
    border-color: #dfdfe8;
    box-shadow: 1px 1px 4px rgba(2, 4, 74, .04);
  }
  
  .text-field-address:focus {
    border-width: 1.3px;
    border-color: #007bfc;
  }
  
  .text-field-address::-ms-input-placeholder {
    color: #8687a8;
  }
  
  .text-field-address::placeholder {
    color: #8687a8;
  }
  
  .text-field-address.icon-field {
    padding-left: 56px;
  }
  
  .next-button-slide-5 {
    color: #fff;
    text-align: center;
    background-color: #494a7d;
    border-radius: 16px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide-5:hover {
    background-color: #5f30e2;
  }
  
  .slide-tab-current-3 {
    width: 55px;
    height: 55px;
    min-height: 55px;
    min-width: 55px;
    background-color: #5f30e2;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 3px 3px 8px rgba(95, 48, 226, .16);
  }
  
  .large-checkbox-6 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
    background-image: none;
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: auto;
    border-width: 2px;
    border-color: rgba(223, 223, 232, .48);
    border-radius: 24px;
    margin-top: 0;
    margin-left: 0;
    transition: all .3s;
  }
  
  .large-checkbox-6:hover {
    border-color: #5f30e2;
  }
  
  .large-checkbox-6.w--redirected-checked {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-position: 50% 40%;
    background-size: auto;
    border-width: 2px;
    border-color: #5f30e2;
  }
  
  .large-checkbox-6.w--redirected-focus {
    box-shadow: none;
  }
  
  .large-checkbox-6.yes, .large-checkbox-6.no, .large-checkbox-6.price-1, .large-checkbox-6.price-2, .large-checkbox-6.option-02, .large-checkbox-6.option-02.w--redirected-checked, .large-checkbox-6.price-3, .large-checkbox-6.option-03, .large-checkbox-6.option-03.w--redirected-checked {
    background-image: none;
  }
  
  .step-count-grace-2 {
    color: #5f30e2;
    font-size: 14px;
    font-weight: 500;
  }
  
  .submit-button-grace-2 {
    color: #fff;
    text-align: center;
    background-color: #494a7d;
    border-radius: 16px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .submit-button-grace-2:hover {
    background-color: #5f30e2;
  }
  
  .text-field-4 {
    min-height: 58px;
    cursor: pointer;
    background-color: #f9f9fb;
    border: 1px solid #f9f9fb;
    border-radius: 8px;
    margin-bottom: 0;
    padding-left: 16px;
    font-size: 16px;
    transition: all .2s;
    position: relative;
  }
  
  .text-field-4:hover {
    background-color: #fff;
    border-style: solid;
    border-color: #dfdfe8;
    box-shadow: 1px 1px 4px rgba(2, 4, 74, .04);
  }
  
  .text-field-4:focus {
    border-width: 1.3px;
    border-color: #007bfc;
  }
  
  .text-field-4::-ms-input-placeholder {
    color: #8687a8;
  }
  
  .text-field-4::placeholder {
    color: #8687a8;
  }
  
  .text-field-4.icon-field {
    padding-left: 56px;
  }
  
  .faq-grid-2 {
    max-width: 820px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }
  
  .faq-block {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px 32px;
    text-decoration: none;
    transition: border-color .2s;
    box-shadow: 70px 23px 96px -32px rgba(85, 85, 124, .08);
  }
  
  .faq-block:hover {
    border-color: #4f46e5;
  }
  
  .vertical-line {
    width: 3px;
    height: 100%;
    background-color: #1f2937;
    position: absolute;
  }
  
  .faq-section-2 {
    background-color: #f5f6f9;
    padding: 80px 3%;
  }
  
  .faq-heading {
    text-align: center;
    letter-spacing: -.03em;
    margin-top: 0;
    font-size: 48px;
    line-height: 56px;
  }
  
  .faq-question-wrapper {
    color: #0a071b;
    letter-spacing: -.02em;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    display: flex;
  }
  
  .faq-paragraph-2 {
    color: #8c87a6;
    letter-spacing: -.01em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
  }
  
  .faq-container {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .faq-subheading {
    color: #8c87a6;
    font-size: 18px;
    line-height: 32px;
  }
  
  .faq-title-wrap-centre {
    max-width: 660px;
    text-align: center;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .horizontal-line {
    width: 100%;
    height: 3px;
    background-color: #1f2937;
  }
  
  .faq-title-2 {
    font-weight: 700;
    line-height: 32px;
  }
  
  .accordian-icon-wrapper {
    width: 13px;
    height: 13px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .cta-button {
    width: 100%;
    height: 67px;
    max-width: 222px;
    background-color: #0dc8e9;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    transition: color .2s, background-color .2s;
    display: flex;
  }
  
  .cta-button:hover {
    color: #0f1529;
    background-color: #fff;
  }
  
  .cta-subheading {
    max-width: 410px;
    color: rgba(255, 255, 255, .9);
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
  }
  
  .cta-container-2 {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .heading-wrap {
    flex-direction: column;
    align-items: center;
  }
  
  .cta-grid-3 {
    grid-row-gap: 80px;
    color: #fff;
    text-align: center;
    background-color: #1a40c9;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 40px;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding: 120px 90px 100px;
  }
  
  .feature-text-2 {
    color: rgba(255, 255, 255, .8);
    font-weight: 500;
  }
  
  .features-wrap {
    align-items: center;
    display: flex;
  }
  
  .cta-section-2 {
    color: #f5f6f9;
    background-color: #fff;
    background-image: linear-gradient(#fff, #fff 50%, #0f1529 50%);
    padding: 0 3%;
  }
  
  .cta-heading-2 {
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 48px;
    line-height: 58px;
  }
  
  .cta-button-wrap {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .blue-dot {
    width: 6px;
    height: 6px;
    background-color: #0dc8e9;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-right: 12px;
    display: flex;
  }
  
  .header-icon-center {
    opacity: 1;
    text-align: left;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-color: rgba(0, 0, 0, 0);
    background-clip: border-box;
    margin-bottom: 32px;
    display: inline-block;
  }
  
  .form-section-9 {
    align-items: flex-start;
    padding: 140px 3%;
    display: flex;
  }
  
  .section-header-dark-2 {
    background-color: #160042;
    background-image: linear-gradient(152deg, #0dd290, #32d6ff);
    padding: 92px 5%;
  }
  
  .header-icon-2 {
    margin-bottom: 32px;
  }
  
  .button-white-5 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fff;
    border-radius: 48px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-white-5:hover {
    color: #fff;
    background-color: #642eff;
  }
  
  .text-color-white {
    color: #fff;
  }
  
  .faq-title-wrapper {
    width: 100%;
    color: #160042;
    white-space: normal;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
  }
  
  .faq-toggle {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    display: flex;
  }
  
  .faq-toggle:hover {
    color: #338cff;
  }
  
  .grid-one-column {
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .faq-icon-square {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    background-color: #f7f9fd;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .paragraph-regular-bold {
    letter-spacing: -.03em;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .faq-content-2 {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    position: static;
    overflow: hidden;
  }
  
  .faq-item-line {
    border: 1px solid #e4e6f1;
    border-radius: 10px;
    padding: 28px 32px;
    transition: all .3s;
    display: block;
  }
  
  .faq-content-wrapper {
    width: 100%;
    max-width: 90%;
    line-height: 36px;
  }
  
  .faq-grid-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
  }
  
  .placeholder-faq {
    height: 330px;
    border-radius: 12px;
    margin-top: 40px;
    overflow: hidden;
  }
  
  .faq-arrow {
    width: 24px;
    height: 24px;
    color: #6b7094;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .header-form-wrapper {
    border: 1px solid #e4e6f1;
    border-radius: 50px;
    align-items: center;
    padding: 4px;
    display: flex;
  }
  
  .header-image-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    margin-top: 48px;
  }
  
  .header-form-block {
    max-width: 360px;
    margin-top: 32px;
    margin-bottom: 0;
  }
  
  .header-input-field {
    min-height: 48px;
    color: #160042;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    margin-bottom: 0;
    margin-right: 16px;
    padding: 12px 16px;
  }
  
  .header-input-field::-ms-input-placeholder {
    color: #b6b9ce;
  }
  
  .header-input-field::placeholder {
    color: #b6b9ce;
  }
  
  .text-block-18 {
    font-family: Open Sans, sans-serif;
  }
  
  .text-block-19, .text-block-20, .text-block-21, .text-block-22 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .text-block-23, .text-block-24, .text-block-25 {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 400;
  }
  
  .bold-text-6 {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 500;
  }
  
  .text-block-26 {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 400;
  }
  
  .text-span-39, .paragraph-2, .paragraph-3, .paragraph-4, .text-block-27, .text-block-28, .text-block-29, .text-block-30 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .text-block-31 {
    text-align: left;
  }
  
  .text-span-40 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #3377fe, #df4798);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-41 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(129deg, #329eff, #0dd290);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .body-4, .body-5, .body-6 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .body-7 {
    color: #fff;
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .body-8 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .section-regular-5 {
    background-color: #fff;
    padding: 100px 3% 0;
    position: relative;
  }
  
  .heading-24 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .integration-section-4-cloud {
    background-color: #fff;
    padding: 100px 3%;
  }
  
  .body-9 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .text-block-32, .text-block-33, .text-block-34 {
    color: #fff;
  }
  
  .navbar {
    background-color: #5d6371;
  }
  
  .icon-4 {
    margin-right: 10px;
  }
  
  .icon-5, .icon-6 {
    color: #fff;
    margin-right: 10px;
  }
  
  .div-block-5 {
    background-color: #9096a4;
  }
  
  .dropdown-wrapper-dark {
    background-color: #9096a4;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .navbar-2 {
    height: 75px;
    background-color: #fff;
    box-shadow: 14px 14px 20px -9px rgba(163, 163, 163, .15);
    position: sticky;
    top: 0;
  }
  
  .text-block-35, .text-block-36, .text-block-37 {
    color: #fff;
  }
  
  .phones {
    height: px;
    text-align: center;
    background-color: #000;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 24px 24px;
    transition: box-shadow .3s;
    display: flex;
    position: relative;
  }
  
  .phones:hover {
    box-shadow: 10px 41px 60px rgba(160, 165, 177, .09);
  }
  
  .phones-title {
    color: #fff;
    letter-spacing: -.03em;
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .text-span-42 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(110deg, #0dd290, #2fc0c0);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .hero-image-3-copy {
    width: 100%;
    height: 100%;
    float: none;
    clear: none;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    float: none;
    clear: none;
    object-fit: cover;
    object-position: 50% 50%;
  }
  
  .h2-heading-fiber {
    color: #fff;
    letter-spacing: -.04em;
    text-shadow: none;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 56px;
    line-height: 1.2;
  }
  
  .button-wrapper-4-fiber {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
  }
  
  .h2-heading-phones {
    color: #fff;
    letter-spacing: -.04em;
    text-shadow: none;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 56px;
    line-height: 1.2;
  }
  
  .h3-heading-2-tech-phones {
    color: #000;
    letter-spacing: -.04em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
  }
  
  .button-header-phone-copy {
    color: #3377fe;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #3377fe;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-header-phone-copy:hover {
    color: #3377fe;
    background-color: #fff;
    border-color: #3377fe;
  }
  
  .form-title-wrapper-copy {
    width: 100%;
    max-width: 800px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .heading-16-black-black {
    max-width: 400px;
    color: #000;
    border: 1px #2e323c;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
  }
  
  .integrations-grid-uit {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .logo-wrapper-4 {
    flex: 1;
    align-items: center;
    padding-top: 3px;
    display: flex;
  }
  
  .logo-5 {
    color: #2e323c;
    margin-top: 2px;
    margin-bottom: 11px;
    font-size: 25px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .footer-v2-contact-header-2 {
    color: #2e323c;
    font-weight: 700;
  }
  
  .text-span-43 {
    font-size: 20px;
  }
  
  .contact-window-header-3 {
    color: #fff;
    text-align: center;
    background-image: linear-gradient(to right, #ff753e, #ffb731);
    margin-top: 0;
    margin-bottom: 0;
    padding: 28px 56px;
  }
  
  .logo-line-3 {
    width: 62%;
    height: 2px;
    background-color: #7567f8;
    background-image: linear-gradient(to right, #7567f8, #df4798);
  }
  
  .section-header-wrapper-2 {
    max-width: 570px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    display: block;
  }
  
  .section-header-wrapper-2.subscribe-header-wrapper {
    padding-bottom: 40px;
  }
  
  .sidebar-subscribe {
    margin-bottom: 56px;
  }
  
  .footer-bottom-link-2 {
    color: #2e323c;
  }
  
  .footer-bottom-link-2:hover {
    text-decoration: underline;
  }
  
  .footer-v2-about-2 {
    color: #9096a4;
    flex: 1;
    padding: 19px 32px 40px 15px;
  }
  
  .nav-link-7 {
    color: #2e323c;
    padding-top: 16px;
    padding-bottom: 18px;
    padding-left: 16px;
    font-size: 15px;
    line-height: 24px;
    transition: color .15s;
  }
  
  .nav-link-7:hover {
    color: #7567f8;
  }
  
  .nav-link-7.w--current {
    color: #2e323c;
  }
  
  .logo-text-2 {
    float: left;
    color: #000;
    margin-left: 8px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
  }
  
  .sidebar-subscribe-header {
    margin-top: 0;
    margin-bottom: 24px;
  }
  
  .section-description-3 {
    color: #9096a4;
    font-size: 16px;
    line-height: 28px;
  }
  
  .footer-bottom-text-left-3 {
    text-align: left;
    margin-right: 24px;
  }
  
  .header-placeholder-referal {
    height: 400px;
    mix-blend-mode: normal;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6292efcbddc7b20f712ef4cb_dmitry-chernyshov-mP7aPSUm7aE-unsplash.jpg");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: -91px;
    display: flex;
    overflow: hidden;
  }
  
  .header-term-detail-contact-us-page-copy {
    color: #fff;
    text-align: right;
    margin-top: 60px;
  }
  
  .header-large-white-copy-copy {
    color: #fff;
    letter-spacing: -.04em;
    white-space: normal;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-clip: border-box;
    border-radius: 0;
    margin-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .sub-heading-large-copy-copy {
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 24px;
    line-height: 1.5;
  }
  
  .process-title-wrap-2 {
    max-width: 680px;
    text-align: center;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .feature-icon-square {
    width: 110px;
    height: 110px;
    background-color: #f6f3ff;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
    box-shadow: 2px 30px 40px -32px rgba(94, 58, 237, .4);
  }
  
  .feature-title-10 {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 1.2;
  }
  
  .feature-paragraph-9 {
    color: #4f4f4f;
    font-size: 16px;
    line-height: 32px;
  }
  
  .process-card-primary {
    border-radius: 30px;
    padding: 40px;
    transition: all .3s;
    position: relative;
  }
  
  .process-card-primary:hover {
    background-color: #fff;
    box-shadow: 23px 23px 40px rgba(229, 229, 229, .4);
  }
  
  .process-heading-2 {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 48px;
    line-height: 1.3;
  }
  
  .process-section-2 {
    background-color: #fafafa;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 3%;
  }
  
  .process-arrow-01 {
    max-width: 60%;
    position: absolute;
    top: 15%;
    bottom: auto;
    left: auto;
    right: -80px;
  }
  
  .process-arrow-02 {
    max-width: 60%;
    position: absolute;
    top: auto;
    bottom: 45%;
    left: auto;
    right: -80px;
  }
  
  .process-grid-2 {
    grid-column-gap: 80px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .process-subheading-2 {
    color: #4f4f4f;
    font-size: 24px;
    line-height: 1.5;
  }
  
  .section-large-6 {
    padding: 120px 5%;
    position: relative;
  }
  
  .flex-wrapper-centre-2 {
    z-index: 5;
    width: 100%;
    max-width: 700px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .container-x-small {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .form-icon-circle-2 {
    width: 105px;
    height: 105px;
    background-color: #f9f6fe;
    border: 15px solid #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 18px;
    display: flex;
  }
  
  .next-button-slide-6 {
    color: #fff;
    text-align: center;
    background-color: #49667d;
    border-radius: 8px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide-6:hover {
    background-color: #0c75ff;
  }
  
  .grid-two-column-5 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 48px;
  }
  
  .slide-banner-4 {
    width: 30%;
    min-width: 310px;
    background-color: #0c75ff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/636e82cdc3c48176f21d34cb_olena-sergienko-dIMJWLx1YbE-unsplash%20(1).jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .progress-card-01 {
    width: 33.3333%;
    min-width: 150px;
    color: #b2b2b2;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .progress-card-01:hover {
    color: #faa938;
    border-color: #faa938;
  }
  
  .dashboard-large-title {
    color: #1a1a1a;
    margin-bottom: 4px;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .dashboard-navbar {
    height: auto;
    min-width: 300px;
    background-color: rgba(0, 0, 0, 0);
    border-right: 1px solid #e6e6e6;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative;
  }
  
  .dashboard-bell {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .dashboard-details {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .dashboard-block {
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 24px;
  }
  
  .process-bar {
    width: 80%;
    height: 4px;
    background-color: #f99406;
  }
  
  .progress-card-03 {
    width: 33.3333%;
    min-width: 150px;
    color: #b2b2b2;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .progress-card-03:hover {
    color: #6c8;
    border-color: #6c8;
  }
  
  .dashboard-content {
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .dashboard-title {
    color: #333;
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .dashboard-wrapper {
    width: 100%;
    position: relative;
  }
  
  .progress-bar-base {
    width: 100%;
    height: 4px;
    background-color: #e6e6e6;
    border-radius: 24px;
    overflow: hidden;
  }
  
  .dashboard-avatar {
    width: 62px;
    height: 62px;
    min-height: 62px;
    min-width: 62px;
    background-color: #f3f5fb;
    border: 1px solid #f7f7f7;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .dashboard-key-dot-green {
    width: 8px;
    height: 8px;
    min-height: 8px;
    min-width: 8px;
    background-color: #8cd9a6;
    border-radius: 100px;
  }
  
  .dashboard-moodboard {
    height: 160px;
    border-radius: 14px;
    margin-top: 24px;
    margin-bottom: 24px;
    overflow: hidden;
  }
  
  .dashboard-key-green {
    grid-column-gap: 8px;
    color: #6c8;
    align-items: center;
    font-weight: 600;
    display: flex;
  }
  
  .dashboard-bell-button {
    color: #1a1a1a;
    align-items: center;
    padding: 14px;
    transition: all .3s;
    display: flex;
  }
  
  .dashboard-bell-button:hover {
    color: #4255bd;
  }
  
  .dashboard-task-wrapper {
    grid-column-gap: 8px;
    align-items: center;
    display: flex;
  }
  
  .dashboard-placeholder {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .dashboard-key-dot-blue {
    width: 8px;
    height: 8px;
    min-height: 8px;
    min-width: 8px;
    background-color: #8e99d7;
    border-radius: 100px;
  }
  
  .dashboard-column {
    min-width: 50%;
    grid-row-gap: 24px;
    flex-direction: column;
    padding: 14px;
    display: flex;
    overflow: auto;
  }
  
  .dashboard-filter {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .dashboard-progress-content {
    grid-row-gap: 14px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }
  
  .dashboard-author {
    text-align: left;
    align-items: center;
    display: flex;
  }
  
  .dashboard-logo {
    width: 64px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    margin-right: 14px;
  }
  
  .dashboard-progress {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 32px;
    display: flex;
  }
  
  .dashboard-link {
    color: #b2b2b2;
    border-radius: 14px;
    align-items: center;
    padding: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .dashboard-link:hover {
    color: #4255bd;
    background-color: #f4f5fb;
  }
  
  .dashboard-link.w--current {
    opacity: 1;
  }
  
  .dashboard-icon-square {
    width: 56px;
    height: 56px;
    min-height: 56px;
    min-width: 56px;
    background-color: #f4f5fb;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    display: flex;
  }
  
  .dashboard-small {
    color: gray;
    font-weight: 400;
    line-height: 24px;
  }
  
  .dashboard-detail {
    color: #b2b2b2;
    text-align: left;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .avatar-dashboard {
    width: 42px;
    height: 42px;
    background-color: #e4e6f1;
    border: 3px solid #fff;
    border-radius: 100px;
    position: relative;
  }
  
  .avatar-dashboard.avatar-group {
    margin-right: -12px;
  }
  
  .dashboard-card-detail {
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }
  
  .progress-card-wrapper {
    max-width: 500px;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .dashboard-button {
    color: #fff;
    background-color: #4255bd;
    border-radius: 14px;
    align-items: center;
    padding: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .dashboard-button:hover {
    background-color: #6070c8;
  }
  
  .dashboard-task {
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    align-items: center;
    padding: 32px;
    display: flex;
  }
  
  .dashboard-progress-green {
    width: 80%;
    height: 4px;
    background-color: #40bf6a;
  }
  
  .dashboard-progress-counter {
    color: #40bf6a;
    letter-spacing: -.01em;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .dashboard-button-wrapper {
    grid-column-gap: 14px;
    align-items: center;
    display: flex;
  }
  
  .dashboard-filter-link {
    color: #b2b2b2;
    padding: 4px;
    transition: color .3s;
  }
  
  .dashboard-filter-link:hover {
    color: #4255bd;
  }
  
  .dashboard-star-icon {
    width: 32px;
    height: 32px;
    color: #4255bd;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .dashboard-icon-tag {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    display: flex;
  }
  
  .dashboard-icon-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    display: flex;
  }
  
  .dashboard-progress-wrapper {
    margin-top: 24px;
    margin-bottom: 32px;
  }
  
  .dashboard-bar-wrapper {
    margin-top: 8px;
  }
  
  .dashboard-header {
    border-bottom: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
    display: flex;
  }
  
  .dashboard {
    max-width: 1440px;
    min-height: 800px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
  }
  
  .dashboard-warning {
    max-width: 950px;
    color: #603d2f;
    text-align: center;
    background-color: #fff1eb;
    border-radius: 12px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 25px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .dashboard-key {
    grid-column-gap: 14px;
    align-items: center;
    font-weight: 600;
    display: flex;
  }
  
  .dashboard-link-text {
    color: #1a1a1a;
  }
  
  .dashboard-author-name {
    letter-spacing: -.02em;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .dashboard-medium {
    color: gray;
    letter-spacing: -.01em;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .dashboard-card {
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    align-items: center;
    padding: 32px;
    display: block;
  }
  
  .dashboard-key-blue {
    grid-column-gap: 8px;
    color: #6070c8;
    align-items: center;
    font-weight: 600;
    display: flex;
  }
  
  .dashboard-heading {
    color: #1a1a1a;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 48px;
  }
  
  .avatar-wrapper-3 {
    display: flex;
  }
  
  .dashboard-title-wrapper {
    grid-column-gap: 14px;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
    display: flex;
  }
  
  .dashboard-nav-menu {
    width: 100%;
    padding: 24px;
  }
  
  .dashboard-key-yellow {
    grid-column-gap: 8px;
    color: #faa938;
    align-items: center;
    font-weight: 600;
    display: flex;
  }
  
  .dashboard-line {
    height: 1px;
    background-color: #e6e6e6;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  
  .dashboard-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .dashboard-check {
    width: 18px;
    height: 18px;
    color: #1a1a1a;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .notification-arrow {
    width: 10px;
    height: 10px;
    background-color: #eb4747;
    border-radius: 2px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: -4px;
    right: auto;
    transform: rotate(45deg);
  }
  
  .notification-badge {
    height: 24px;
    min-width: 24px;
    color: #fff;
    text-align: center;
    background-color: #eb4747;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    padding-left: 7px;
    padding-right: 7px;
    display: flex;
    position: relative;
  }
  
  .dashboard-icon-block {
    color: #b2b2b2;
    background-color: #f7f7f7;
    border-radius: 8px;
    align-items: center;
    padding: 8px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .dashboard-icon-block:hover {
    color: #333;
  }
  
  .dashboard-account {
    width: 100%;
    align-items: center;
    display: flex;
  }
  
  .dashboard-progress-title {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .dashboard-counter {
    color: #f99406;
    letter-spacing: -.01em;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .dashboard-icon {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    display: flex;
  }
  
  .dashboard-section {
    padding: 32px 2%;
    position: relative;
  }
  
  .dashboard-status {
    letter-spacing: -.01em;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .dashboard-span-gray {
    color: #333;
  }
  
  .dashboard-menu-icon {
    width: 24px;
    height: 24px;
    color: #160042;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .dashboard-key-dot-yellow {
    width: 8px;
    height: 8px;
    min-height: 8px;
    min-width: 8px;
    background-color: #fbbf6a;
    border-radius: 100px;
  }
  
  .dashboard-user {
    width: 100%;
    color: #1a1a1a;
    border-top: 1px solid #ccc;
    margin-top: auto;
    padding: 24px;
  }
  
  .progress-card-02 {
    width: 33.3333%;
    min-width: 150px;
    color: #b2b2b2;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .progress-card-02:hover {
    color: #6070c8;
    border-color: #6070c8;
  }
  
  .secure-wrapper {
    align-items: center;
    margin-top: 10px;
    display: flex;
  }
  
  .card-small {
    max-width: 100px;
    margin-right: 20px;
  }
  
  .dropdown-2 {
    width: 100%;
  }
  
  .medium-title {
    color: #262626;
    letter-spacing: -.04em;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
  }
  
  .expense-text {
    color: #ff8c4b;
  }
  
  .income-text {
    color: #7b55ec;
  }
  
  .card-link {
    width: 100%;
    border-radius: 10px;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    display: flex;
  }
  
  .card-link:hover {
    background-color: #fff;
  }
  
  .expense-circle-small {
    width: 16px;
    height: 16px;
    background-color: #fff8f5;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 3px;
    display: flex;
  }
  
  .card-2 {
    border-radius: 20px;
    box-shadow: 28px 28px 60px -20px rgba(38, 38, 38, .25);
  }
  
  .summary-income {
    align-items: center;
    margin-right: 20px;
    display: flex;
  }
  
  .chart-details {
    align-items: center;
    display: flex;
  }
  
  .expense-icon {
    width: 36px;
    height: 36px;
    background-color: #fff8f5;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    display: flex;
  }
  
  .search {
    width: 100%;
    max-width: 40%;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }
  
  .large-title-2 {
    color: #262626;
    letter-spacing: -.04em;
    margin-bottom: 20px;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
  }
  
  .filter-icon {
    margin-left: 6px;
  }
  
  .small-card {
    width: 40px;
    margin-right: 20px;
  }
  
  .search-button {
    display: none;
  }
  
  .price-wrapper {
    align-items: center;
    display: flex;
  }
  
  .filter-wrap {
    opacity: .4;
    color: #000;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    display: flex;
  }
  
  .filter-wrap:hover {
    opacity: 1;
  }
  
  .login-link {
    opacity: .2;
    color: #262626;
    border-radius: 20px;
    align-items: center;
    margin-top: 40px;
    padding: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .login-link:hover {
    opacity: 1;
    background-color: #fcfcfc;
  }
  
  .login-link.w--current {
    opacity: 1;
  }
  
  .title-wrapper-7 {
    color: #b2b2b2;
    letter-spacing: -.03em;
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
  }
  
  .logo-6 {
    margin-bottom: 40px;
  }
  
  .card-wrapper, .nav-menu-4 {
    width: 100%;
  }
  
  .navigation-grid-3 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
  
  .small-detail {
    color: #b2b2b2;
    font-size: 12px;
  }
  
  .avatar-circle-small {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid #e5e5e5;
    border-radius: 100px;
    margin-right: 20px;
    position: relative;
  }
  
  .large-detail {
    color: #262626;
    font-size: 14px;
  }
  
  .search-input {
    border: 1px #000;
    margin-bottom: 0;
  }
  
  .search-input::-ms-input-placeholder {
    color: #b2b2b2;
  }
  
  .search-input::placeholder {
    color: #b2b2b2;
  }
  
  .navbar-3 {
    width: auto;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    margin-right: 20px;
    position: relative;
  }
  
  .activity-user-wrapper {
    align-items: center;
    display: flex;
  }
  
  .dashboard-sidebar {
    width: 320px;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 40px 95px;
    display: flex;
  }
  
  .filter-wrap-large {
    opacity: .6;
    color: #000;
    align-items: center;
    font-size: 14px;
    text-decoration: none;
    display: flex;
  }
  
  .filter-wrap-large:hover {
    opacity: 1;
  }
  
  .dashboard-section-2 {
    min-height: 800px;
    background-color: #f0f0f0;
    justify-content: flex-start;
    align-items: stretch;
    padding: 60px;
    display: flex;
  }
  
  .dashboard-wrapper-2 {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .arrow-2 {
    margin-left: 4px;
  }
  
  .income-circle-small {
    width: 16px;
    height: 16px;
    background-color: #f8f6fe;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 3px;
    display: flex;
  }
  
  .dashboard-panel {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
  }
  
  .dropdown-toggle-2 {
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 20px;
    align-items: center;
    transition: all .2s;
    display: flex;
  }
  
  .dropdown-toggle-2:hover {
    border-color: #e2e2e2;
  }
  
  .activity-item {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }
  
  .shield {
    width: 16px;
    margin-right: 4px;
  }
  
  .nav-title {
    color: #b2b2b2;
    letter-spacing: -.03em;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .income-bar-detail {
    width: 20px;
    height: 2px;
    background-color: #7b55ec;
    border-radius: 20px;
    margin-right: 10px;
  }
  
  .balance-wrapper {
    align-items: center;
    margin-top: 40px;
    display: flex;
  }
  
  .expense-bar-detail {
    width: 20px;
    height: 2px;
    background-color: #ff8c4b;
    border-radius: 20px;
    margin-right: 10px;
  }
  
  .dashboard-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
  }
  
  .balance-block {
    cursor: pointer;
    border: 4px dashed #fafafa;
    border-radius: 20px;
    padding: 30px;
    transition: all .3s;
  }
  
  .balance-block:hover {
    border-color: #ececec;
  }
  
  .dashboard-icon-2 {
    margin-right: 20px;
  }
  
  .chart-placeholder {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 40px;
  }
  
  .number-text {
    color: #262626;
    font-size: 22px;
    line-height: 1.5;
  }
  
  .header-row {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
  }
  
  .search-icon {
    width: 32px;
  }
  
  .detail-block {
    align-items: center;
    margin-right: 20px;
    display: flex;
  }
  
  .income-circle {
    width: 36px;
    height: 36px;
    background-color: #f8f6fe;
    border-radius: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    display: flex;
  }
  
  .user-block {
    align-items: center;
    display: flex;
  }
  
  .summary-details {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }
  
  .avatar-circle {
    width: 60px;
    height: 60px;
    min-height: 60px;
    min-width: 60px;
    cursor: pointer;
    border: 2px solid #e5e5e5;
    border-radius: 100px;
    margin-left: 20px;
    transition: border-color .3s;
    position: relative;
  }
  
  .avatar-circle:hover {
    border-color: #fd8c4f;
  }
  
  .dashboard-link-2 {
    opacity: .2;
    color: #262626;
    border-radius: 20px;
    align-items: center;
    padding: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .dashboard-link-2:hover {
    opacity: 1;
    background-color: #fcfcfc;
  }
  
  .dashboard-link-2.w--current {
    opacity: 1;
  }
  
  .dropdown-list-4 {
    background-color: #945858;
  }
  
  .dropdown-list-4.w--open {
    background-color: #fafafa;
    border-radius: 20px;
    margin-top: 10px;
    padding: 10px;
  }
  
  .hero-heading-7-ministry {
    color: #000;
    letter-spacing: -.02em;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(116deg, #7567f8, #ff3f65);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 56px;
    font-weight: 900;
    line-height: 68px;
  }
  
  .banner-announcement {
    min-height: 56px;
    color: #fff;
    text-align: center;
    background-color: #ca3a3a;
    justify-content: center;
    align-items: center;
    padding: 16px 5%;
    display: flex;
  }
  
  .banner-container-center {
    width: 100%;
    max-width: 1140px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .banner-text-wrapper {
    grid-column-gap: 8px;
    align-items: center;
    display: flex;
  }
  
  .paragraph-small-3 {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.8;
  }
  
  .banner-strong-text {
    color: #7788f8;
    font-weight: 700;
  }
  
  .banner-button {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #5167f6;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    text-decoration: none;
    transition: color .3s, background-color .3s;
    display: flex;
    position: relative;
  }
  
  .banner-button:hover {
    color: #5167f6;
    background-color: #fff;
  }
  
  .banner-button-absolute {
    width: 24px;
    height: 24px;
    color: #b2b3bd;
    background-color: #26272c;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 4px;
    transition: color .2s, background-color .2s;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .banner-button-absolute:hover {
    color: #000;
    background-color: #fff;
  }
  
  .icon-small-2 {
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .banner-2 {
    min-height: 56px;
    color: #fff;
    text-align: center;
    background-color: #d33737;
    justify-content: center;
    align-items: center;
    padding: 16px 5%;
    display: flex;
  }
  
  .banner-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .badge-banner {
    color: #fff;
    background-color: #fff;
    border-radius: 50px;
    margin-right: 10px;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 16px;
  }
  
  .text-block-38 {
    color: #000;
    font-size: 14px;
  }
  
  .dashboard-footer-wrapper {
    text-align: center;
  }
  
  .due-tasks-module-buttons-container {
    grid-column-gap: 8px;
    display: flex;
    position: absolute;
    top: 28px;
    right: 28px;
  }
  
  .cart-button {
    transform-style: preserve-3d;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    transition-property: transform;
    position: relative;
  }
  
  .cart-button:hover {
    transform: scale3d(1.06, 1.06, 1.01);
  }
  
  .dashboard-main-content {
    min-height: 92vh;
    padding-top: 48px;
    padding-bottom: 64px;
  }
  
  .sidebar-nav-menu-list {
    z-index: 1;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    transition: transform .3s;
    display: flex;
  }
  
  .sidebar-nav-menu-list.mg-bottom-160px {
    margin-bottom: 160px;
  }
  
  .sidebar-nav-menu {
    width: 100%;
  }
  
  .dashboard-nav-left-content {
    width: 100%;
    align-items: center;
    margin-right: 32px;
    display: flex;
  }
  
  .dashboard-content-2 {
    flex: 1;
  }
  
  .color-neutral-800 {
    color: #0b0e2c;
  }
  
  .dashboard-cart-main-container {
    flex: none;
  }
  
  .text-300 {
    font-size: 16px;
    line-height: 1.125em;
  }
  
  .text-300.medium {
    font-weight: 500;
  }
  
  .text-300.bold {
    font-weight: 700;
  }
  
  .dashboard-nav-notification-dot {
    z-index: 1;
    max-height: 6px;
    max-width: 6px;
    min-height: 6px;
    min-width: 6px;
    background-color: #ff5a65;
    border-radius: 99999px;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .dashboard-profile-dropdown-link-wrapper {
    color: #6f7182;
    align-items: center;
    margin-bottom: 16px;
    text-decoration: none;
    display: flex;
  }
  
  .dashboard-profile-dropdown-link-wrapper:hover {
    color: #1476ff;
  }
  
  .dashboard-profile-dropdown-link-wrapper.mg-bottom-0 {
    margin-bottom: 0;
  }
  
  .dashboard-profile-dropdown-link-wrapper.transition-none {
    transition: none;
  }
  
  .dashboard-nav-container {
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
  }
  
  .dropdown-column-wrapper {
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 20px;
    overflow: hidden;
    transform: translate(-50%);
    box-shadow: 0 2px 12px rgba(11, 22, 44, .05);
  }
  
  .dropdown-column-wrapper.sidebar-dropdown {
    box-shadow: none;
    transform-origin: 50% 0;
    border-style: none;
    border-radius: 0;
    padding-top: 8px;
    position: static;
    transform: none;
  }
  
  .dropdown-column-wrapper.module-dropdown {
    padding: 20px;
    top: 34px;
    right: 0;
    transform: none;
  }
  
  .dropdown-column-wrapper.dashboard-nav-profile {
    width: 100%;
    min-width: 202px;
    border-radius: 20px;
    padding: 24px;
    transform: translate(-14%);
    box-shadow: 0 8px 28px rgba(11, 22, 44, .1);
  }
  
  .avatar-circle-2 {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    transform: translate(0);
  }
  
  .avatar-circle-2._02 {
    width: 40px;
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
  }
  
  .avatar-circle-2._01 {
    width: 32px;
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
  }
  
  .dashboard-footer-inner-wrapper {
    border-top: 1px solid #e9eaf3;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  
  .text-400 {
    font-size: 18px;
    line-height: 1.3em;
  }
  
  .text-400.medium {
    font-weight: 500;
  }
  
  .sidebar-logo-section-container {
    min-height: 74px;
    border-bottom: 1px solid #e9eaf3;
    justify-content: space-between;
    align-items: center;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
  }
  
  .avatar-circle-outline-container {
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    box-shadow: 0 2px 10px rgba(25, 93, 194, .07);
  }
  
  .avatar-circle-outline-container._36px {
    max-height: 36px;
    max-width: 36px;
    min-height: 36px;
    min-width: 36px;
  }
  
  .line-rounded-icon.sidebar-dropdown-arrow {
    margin-left: auto;
  }
  
  .line-rounded-icon.link-icon-right {
    margin-left: 6px;
    display: inline-block;
  }
  
  .line-rounded-icon.link-icon-right.mg-left-4px {
    margin-left: 4px;
  }
  
  .line-rounded-icon.dropdown-arrow {
    margin-left: 8px;
  }
  
  .line-rounded-icon.dropdown-arrow.profile-dropdown {
    color: #989aad;
    margin-left: 12px;
  }
  
  .line-rounded-icon.dropdown-arrow.module-dropdown {
    color: #989aad;
    line-height: 1em;
  }
  
  .line-rounded-icon.dashboard-top-search-bar-icon {
    z-index: 1;
    color: #989aad;
    align-items: center;
    font-size: 18px;
    line-height: 1em;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
  }
  
  .line-rounded-icon.link-icon-left {
    margin-right: 6px;
    display: inline-block;
  }
  
  .color-green-300 {
    color: #05c168;
  }
  
  .sidebar-logo-wrapper {
    max-width: 170px;
    transform-style: preserve-3d;
    margin-right: 24px;
    transition: transform .3s, color .3s;
    position: relative;
  }
  
  .sidebar-logo-wrapper:hover {
    transform: scale3d(1.06, 1.06, 1.01);
  }
  
  .sidebar-mobile-icon {
    display: none;
  }
  
  .mg-bottom-4px {
    margin-bottom: 4px;
  }
  
  .dashboard-main {
    align-items: flex-start;
    display: flex;
  }
  
  .checkbox {
    width: auto;
    height: auto;
    min-height: 18px;
    min-width: 18px;
    background-color: #fff;
    border-width: .6px;
    border-color: #e9eaf3;
    border-radius: 5px;
    margin-top: 0;
    margin-left: 0;
    transition: border-color .3s, background-color .3s;
    box-shadow: 0 2px 10px rgba(25, 93, 194, .07), inset 0 0 3px rgba(11, 22, 44, .1);
  }
  
  .checkbox:hover {
    border-color: #1476ff;
  }
  
  .checkbox.w--redirected-checked {
    background-color: #1476ff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6351409756c82221cedac78a_check-form-brix-templates-webflow.svg");
    background-size: 64%;
    border-color: #1476ff;
    border-radius: 5px;
    margin-top: 0;
    margin-left: 0;
  }
  
  .checkbox.w--redirected-focus {
    box-shadow: none;
  }
  
  .display-inline-block {
    display: inline-block;
  }
  
  .container-default {
    max-width: 1092px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .grid-1-column {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .grid-1-column.dropdown-link-column {
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    justify-items: start;
  }
  
  .sidebar-menu-wrapper {
    width: 100%;
    padding-top: 28px;
    padding-bottom: 40px;
  }
  
  .module {
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(25, 93, 194, .07);
  }
  
  .module.team-progress, .module.tasks-reports {
    border-radius: 30px;
    padding: 20px 36px 32px;
  }
  
  .module.tasks-top-module {
    grid-column-gap: 16px;
    border-radius: 24px;
    align-items: flex-start;
    padding: 30px 48px 30px 24px;
    display: flex;
    position: relative;
  }
  
  .module.due-tasks {
    grid-column-gap: 14px;
    border-radius: 24px;
    padding: 44px 32px 28px;
    display: flex;
    position: relative;
  }
  
  .grid-3-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .sidebar-logo-icon-wrapper {
    width: 100%;
    max-width: 30px;
    min-width: 30px;
    cursor: pointer;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    transition: transform .3s;
    display: none;
  }
  
  .sidebar-logo-icon-wrapper:hover {
    transform: scale3d(1.1, 1.1, 1.01);
  }
  
  .sidebar-collapse-icon-inner-container {
    width: 100%;
    max-width: 20px;
    min-height: 10px;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .sidebar-spacer {
    width: 300px;
    max-width: 300px;
    padding: 0;
  }
  
  .sidebar-menu-collapsed-overlay {
    z-index: 99999999;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -140%;
    right: -28px;
  }
  
  .btn-primary {
    color: #fff;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #1476ff;
    border-radius: 44px;
    justify-content: center;
    padding: 18px 22px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.143em;
    text-decoration: none;
    transition: background-color .3s, transform .3s, color .3s;
    box-shadow: 0 4px 10px rgba(2, 87, 251, .2);
  }
  
  .btn-primary:hover {
    color: #fff;
    background-color: #004cff;
    transform: scale3d(1.06, 1.06, 1.01);
  }
  
  .btn-primary.small {
    padding: 12px 18px;
    font-size: 12px;
    line-height: 1.167em;
  }
  
  .dashboard-nav-right-content {
    align-items: center;
    margin-left: auto;
    display: flex;
  }
  
  .mg-bottom-40px {
    margin-bottom: 40px;
  }
  
  .sidebar-collapse-icon-bar {
    width: 100%;
    height: 2.5px;
    max-height: 2.5px;
    min-height: 2.5px;
    min-width: 20px;
    background-color: #0b0e2c;
    border-radius: 99999px;
  }
  
  .position-relative---z-index-1 {
    z-index: 1;
    position: relative;
  }
  
  .progress-bar {
    width: 100%;
    max-height: 8px;
    min-height: 8px;
    background-color: #e9eaf3;
    border-radius: 40px;
    position: relative;
  }
  
  .input-4 {
    min-height: 52px;
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 52px;
    margin-bottom: 0;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.143em;
    transition: box-shadow .3s, color .3s, border-color .3s;
    box-shadow: 0 2px 12px rgba(11, 22, 44, .05);
  }
  
  .input-4:hover {
    border-color: #989aad;
    box-shadow: 0 2px 12px rgba(11, 22, 44, .1);
  }
  
  .input-4:focus {
    color: #0b0e2c;
    border-color: #1476ff;
  }
  
  .input-4.dashboard-top-search-bar {
    min-height: 50px;
    color: #0b0e2c;
    padding: 14px 18px 14px 44px;
  }
  
  .input-4.dashboard-top-search-bar::-ms-input-placeholder {
    color: #6f7182;
  }
  
  .input-4.dashboard-top-search-bar::placeholder {
    color: #6f7182;
  }
  
  .input-4.cart-quantity-input {
    width: 50px;
    min-height: 38px;
    border-radius: 8px;
    padding: 0 12px;
  }
  
  .popup-wrapper-2 {
    z-index: 504;
    background-color: rgba(11, 14, 44, .5);
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .sidebar-wrapper {
    z-index: 500;
    width: 100%;
    height: 100vh;
    max-width: 300px;
    background-color: #fff;
    border-right: 1px solid #e9eaf3;
    padding-left: 28px;
    padding-right: 28px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    box-shadow: 0 2px 12px rgba(11, 22, 44, .05);
  }
  
  .display-3 {
    color: #0b0e2c;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.182em;
  }
  
  .mg-bottom-24px {
    margin-bottom: 24px;
  }
  
  .close-button-popup-module {
    z-index: 1;
    cursor: pointer;
    transform-style: preserve-3d;
    font-size: 20px;
    line-height: 1em;
    transition: transform .3s;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  
  .close-button-popup-module:hover {
    transform: scale3d(1.25, 1.25, 1.01);
  }
  
  .mg-bottom-20px {
    margin-bottom: 20px;
  }
  
  .hamburger-menu-bar {
    width: 52px;
    height: 4px;
    background-color: #0b0e2c;
    border-radius: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  .team-progress-left-container {
    min-width: 144px;
    grid-column-gap: 8px;
    align-items: center;
    display: flex;
  }
  
  .popup {
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(25, 93, 194, .07);
  }
  
  .popup.simple-popup {
    width: 100%;
    max-width: 520px;
    text-align: center;
    border-radius: 30px;
    padding: 58px 48px;
    position: relative;
    overflow: hidden;
  }
  
  .dashboard-nav-notification-container {
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    color: #0b0e2c;
    cursor: pointer;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: flex-end;
    margin-left: 16px;
    margin-right: 12px;
    font-size: 20px;
    line-height: 1em;
    text-decoration: none;
    transition: transform .3s;
    display: flex;
    position: relative;
  }
  
  .dashboard-nav-notification-container:hover {
    color: #0b0e2c;
    transform: scale3d(1.1, 1.1, 1.01);
  }
  
  .divider {
    height: 1px;
    background-color: #e9eaf3;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  
  .divider._40px {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .divider.top-28px---bottom-36px {
    margin-top: 28px;
    margin-bottom: 36px;
  }
  
  .divider.top-20px---bottom-44px {
    margin-top: 20px;
    margin-bottom: 44px;
  }
  
  .divider._20px {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .pd-left-0 {
    padding-left: 0;
  }
  
  .tasks-reports-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }
  
  .sidebar-dropdown-text-container {
    align-items: center;
    text-decoration: none;
    transition: none;
    display: flex;
  }
  
  .team-progress-right-container {
    min-width: 250px;
    flex: 1;
  }
  
  .team-progress-row {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .hidden-on-desktop {
    display: none;
  }
  
  .flex {
    display: flex;
  }
  
  .flex.align-end {
    align-items: flex-end;
  }
  
  .flex.align-center {
    align-items: center;
  }
  
  .btn-secondary {
    color: #0b0e2c;
    text-align: center;
    transform-style: preserve-3d;
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 48px;
    padding: 18px 22px;
    font-size: 14px;
    line-height: 1.143em;
    transition: border-color .3s, transform .3s, background-color .3s, color .3s;
    box-shadow: 0 4px 10px rgba(20, 20, 43, .04);
  }
  
  .btn-secondary:hover {
    color: #fff;
    background-color: #1476ff;
    border-color: #1476ff;
    transform: scale3d(1.06, 1.06, 1.01);
  }
  
  .btn-secondary.small {
    padding: 12px 18px;
    font-size: 12px;
    line-height: 1.167em;
  }
  
  .heading-h4-size {
    color: #0b0e2c;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.273em;
    text-decoration: none;
  }
  
  .text-100 {
    font-size: 12px;
    line-height: 1.167em;
  }
  
  .text-100.medium {
    font-weight: 500;
  }
  
  .dashboard-top-search-bar-wrapper {
    width: 100%;
    max-width: 300px;
    margin-bottom: 0;
    position: relative;
  }
  
  .mg-right-24px {
    margin-right: 24px;
  }
  
  .dropdown-toggle-3 {
    z-index: 500;
    align-items: center;
    padding: 0;
    transition: color .3s;
    display: flex;
  }
  
  .dropdown-toggle-3:hover {
    color: #1476ff;
  }
  
  .dropdown-toggle-3.sidebar-dropdown {
    width: 100%;
    margin-bottom: 4px;
    padding: 12px;
  }
  
  .dropdown-toggle-3.sidebar-dropdown:hover {
    color: #1476ff;
  }
  
  .dropdown-link-2 {
    width: 100%;
    color: #6f7182;
    padding: 0;
    line-height: 20px;
  }
  
  .dropdown-link-2:hover {
    color: #1476ff;
  }
  
  .dropdown-link-2.sidebar-link {
    color: #303350;
    border-radius: 48px;
    margin-bottom: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 38px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.125em;
  }
  
  .dropdown-link-2.sidebar-link:hover {
    color: #1476ff;
  }
  
  .dropdown-link-2.sidebar-link.w--current {
    color: #1476ff;
    background-color: #f4f7ff;
  }
  
  .dropdown-link-2.sidebar-link.hover-none:hover {
    color: #303350;
  }
  
  .dropdown-link-2.sidebar-link.last {
    margin-bottom: 0;
  }
  
  .hamburger-menu-wrapper {
    transform-style: preserve-3d;
    padding: 0;
  }
  
  .hamburger-menu-wrapper.w--open {
    background-color: rgba(0, 0, 0, 0);
  }
  
  .hamburger-menu-wrapper.sidebar {
    transform-style: preserve-3d;
  }
  
  .sidebar-nav-list-item {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 1.125em;
  }
  
  .badge-secondary {
    color: #0b0e2c;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 40px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.167em;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 2px 12px rgba(11, 22, 44, .05);
  }
  
  .badge-secondary.blue {
    box-shadow: none;
    color: #1476ff;
    background-color: #eaf4ff;
    border-color: #eaf4ff;
  }
  
  .badge-secondary.orange {
    box-shadow: none;
    color: #d5691b;
    background-color: #fff3e4;
    border-color: #fff3e4;
  }
  
  .text-capitalize {
    text-transform: capitalize;
  }
  
  .checkbox-field-wrapper {
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 18px;
    line-height: 22px;
    display: flex;
  }
  
  .display-4 {
    color: #0b0e2c;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.455em;
  }
  
  .mg-bottom-0 {
    margin-bottom: 0;
  }
  
  .dashly-custom-icon.square-button {
    max-height: 26px;
    max-width: 26px;
    min-height: 26px;
    min-width: 26px;
    color: #6f7182;
    background-color: #f7f9fc;
    border: 1px solid #e9eaf3;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    text-decoration: none;
    display: flex;
  }
  
  .dashly-custom-icon.square-button:hover {
    color: #1476ff;
  }
  
  .dashly-custom-icon.square-button.color-neutral-800 {
    color: #0b0e2c;
  }
  
  .dashly-custom-icon.square-button.color-neutral-800:hover {
    color: #1476ff;
  }
  
  .dashly-custom-icon.dashboard-nav-profile-icon {
    color: #1476ff;
    margin-right: 8px;
    font-size: 18px;
    line-height: 1em;
  }
  
  .dashly-custom-icon.dashboard-nav-profile-icon.color-secondary-8 {
    color: #ff414c;
  }
  
  .dashly-custom-icon.sidebar-link-icon {
    margin-right: 10px;
    font-size: 20px;
    line-height: 1em;
  }
  
  .dashly-custom-icon.tasks-top-modules-detail-icon {
    cursor: pointer;
    font-size: 18px;
    line-height: 1em;
    transition: color .3s;
    position: absolute;
    top: 14px;
    right: 26px;
  }
  
  .dashly-custom-icon.tasks-top-modules-detail-icon:hover {
    color: #1476ff;
  }
  
  .width-100 {
    width: 100%;
  }
  
  .dashboard-nav-main-container {
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(11, 22, 44, .05);
  }
  
  .dropdown-wrapper-3 {
    z-index: 500;
  }
  
  .dropdown-wrapper-3.module-dropdown {
    z-index: 1;
    background-color: #fff;
    border: 1px solid #e9eaf3;
    border-radius: 38px;
    padding: 10px 10px 10px 14px;
  }
  
  .dropdown-wrapper-3.sidebar-dropdown {
    width: 100%;
    color: #303350;
  }
  
  .color-red-300 {
    color: #ff5a65;
  }
  
  .mg-bottom-12px {
    margin-bottom: 12px;
  }
  
  .grid-2-columns {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }
  
  .grid-2-columns.gap-18px {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }
  
  .text-200 {
    font-size: 14px;
    line-height: 1.143em;
  }
  
  .text-200.bold {
    font-weight: 700;
  }
  
  .text-200.medium {
    font-weight: 500;
  }
  
  .cart-quantity {
    color: #fff;
    background-color: #1476ff;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 10px;
    line-height: 1.11em;
    display: flex;
    position: absolute;
    bottom: -6px;
    left: -6px;
  }
  
  .inner-progress-bar {
    background-color: #05c168;
    border-radius: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 9px rgba(20, 202, 116, .2);
  }
  
  .inner-progress-bar._90 {
    width: 90%;
  }
  
  .inner-progress-bar._50 {
    width: 50%;
  }
  
  .inner-progress-bar._80 {
    width: 80%;
  }
  
  .inner-progress-bar._60 {
    width: 60%;
  }
  
  .inner-progress-bar._32 {
    width: 32%;
  }
  
  .inner-progress-bar._20 {
    width: 20%;
  }
  
  .sidebar-collapse-icon-container {
    min-width: 20px;
    justify-content: center;
    align-items: center;
    transition: transform .3s;
    display: flex;
  }
  
  .sidebar-collapse-icon-container:hover {
    transform: scale(1.2);
  }
  
  .text-span-44 {
    color: #3377fe;
  }
  
  .feature-card-8 {
    text-align: center;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    padding: 50px 24px;
    display: flex;
  }
  
  .features-container-3 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .team-heading {
    color: #161616;
    text-align: center;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
  }
  
  .feature-section-74 {
    color: #858585;
    background-color: #f5f6f9;
    padding: 200px 3%;
  }
  
  .features-wrap-2 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .feature-icon-wrap {
    width: 110px;
    height: 110px;
    background-color: rgba(51, 119, 254, .05);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    padding: 18px;
    display: flex;
  }
  
  .features-paragraph-2 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 27px;
  }
  
  .features-button {
    height: 60px;
    color: #fff;
    text-align: center;
    background-color: #ee2a52;
    background-image: none;
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    padding: 17px 53px 17px 24px;
    font-size: 18px;
    text-decoration: none;
    transition: background-position .3s;
    display: flex;
  }
  
  .features-button:hover {
    background-position: 90%;
  }
  
  .feature-card-name-2 {
    color: #161616;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
  }
  
  .feature-card-paragraph-2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .features-grid-8 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-right: 60px;
    font-size: 14px;
    position: relative;
  }
  
  .features-heading-wrap-2 {
    max-width: 350px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .feature-section-75 {
    background-color: #07080c;
    padding: 100px 3%;
  }
  
  .image-7 {
    margin-left: 10px;
  }
  
  .feature-card-9 {
    color: #fff;
    text-align: left;
    background-color: #1a1b20;
    border: 2px solid #1a1b20;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    text-decoration: none;
    transition: border-color .3s;
    display: flex;
  }
  
  .feature-card-9:hover {
    border-color: #2041ff;
  }
  
  .heading-large-4 {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    text-decoration: none;
  }
  
  .feature-icon-7 {
    width: 60px;
    height: 60px;
    background-color: #2041fe;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    padding: 10px;
    display: flex;
  }
  
  .grid-heading-2 {
    grid-column-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    margin-bottom: 100px;
    overflow: hidden;
  }
  
  .text-block-39 {
    color: #8e8e8e;
    letter-spacing: 2px;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .button-wrapper-6 {
    justify-content: flex-end;
    display: flex;
  }
  
  .button-7 {
    color: #fff;
    background-color: #2041ff;
    border-radius: 4px;
    align-items: center;
    padding: 20px 44px;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
  }
  
  .button-7:hover {
    background-color: #1c3bee;
  }
  
  .feature-title-11 {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 36px;
    line-height: 1.2;
  }
  
  .ui-asset-2 {
    width: 100%;
    object-fit: cover;
    border: 4px #262626;
    border-radius: 30px;
    margin-bottom: 60px;
  }
  
  .feature-section-76 {
    background-color: #fff;
    padding: 140px 3% 0;
  }
  
  .feature-paragraph-10 {
    color: #9096a4;
    font-size: 18px;
    line-height: 32px;
  }
  
  .integrations-paragraph {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
  }
  
  .title-wrap-10 {
    max-width: 800px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .integration-name-2 {
    color: #fff;
    margin-bottom: 17px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
  }
  
  .integration-grid-6 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
  }
  
  .integration-details {
    align-items: flex-start;
    display: flex;
  }
  
  .sketch {
    position: relative;
    top: -40px;
  }
  
  .large-header {
    z-index: 3;
    color: #f0f0f0;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 60px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
  }
  
  .connected-badge {
    color: #fff;
    background-color: #262626;
    border-radius: 100px;
    margin-left: 20px;
    padding: 10px 20px;
    font-weight: 600;
  }
  
  .connected-badge.connected {
    color: #0acf83;
    background-color: #033f28;
  }
  
  .brand-link {
    color: #7b55ec;
  }
  
  .integration-section-7 {
    background-color: #000;
    background-image: linear-gradient(#000, rgba(117, 103, 248, .3) 30%, #000);
    padding: 100px 3%;
    overflow: hidden;
  }
  
  .figma-icon {
    width: 20px;
  }
  
  .container-9 {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .content-wrapper-3 {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }
  
  .figma {
    width: 100%;
    max-width: 110px;
    position: relative;
    top: -40px;
  }
  
  .circle-icon {
    width: 64px;
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    background-color: #262626;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    padding: 14px;
    display: flex;
  }
  
  .integration-text {
    color: #e5e5e5;
    line-height: 22px;
  }
  
  .integration-block {
    background-color: #121212;
    border: 1.5px solid #121212;
    border-radius: 40px;
    padding: 20px 20px 40px;
    text-decoration: none;
    transition: all .2s;
  }
  
  .integration-block:hover {
    border-color: rgba(255, 255, 255, .2);
  }
  
  .grid-icons {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
    align-items: end;
  }
  
  .text-wrapper {
    margin-top: 20px;
  }
  
  .navigation-secondary {
    min-height: 40px;
    color: #080808;
    text-align: center;
    letter-spacing: -.02em;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .3s, border-color .3s;
    display: flex;
  }
  
  .navigation-secondary:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
  }
  
  .text-field-icon-wrapper {
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .form-newsletter-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    display: flex;
  }
  
  .navigation-wrapper {
    grid-column-gap: 16px;
    align-items: center;
    display: flex;
  }
  
  .field-icon {
    width: 24px;
    height: 24px;
    color: #b6b9ce;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 16px;
    right: auto;
  }
  
  .paragraph-regular-2 {
    max-width: 460px;
    color: #818a9c;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
  }
  
  .navigation-menu {
    grid-column-gap: 12px;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .button-primary-4 {
    color: #fff;
    background-color: #1457ff;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    transition: background-color .3s;
    display: flex;
  }
  
  .button-primary-4:hover {
    background-color: #1237a5;
  }
  
  .header-grid-2 {
    grid-column-gap: 72px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    align-items: center;
  }
  
  .navigation-button-2 {
    min-height: 40px;
    grid-column-gap: 8px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #1457ff;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
  }
  
  .navigation-button-2:hover {
    background-color: #c74e38;
  }
  
  .header-logo-grey {
    color: #818a9c;
  }
  
  .header-logo-wrapper {
    grid-column-gap: 64px;
    grid-row-gap: 32px;
    flex-wrap: wrap;
    margin-top: 96px;
    display: flex;
  }
  
  .navigation-link {
    color: #586174;
    letter-spacing: -.01em;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    padding: 4px 16px;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    transition: all .35s;
  }
  
  .navigation-link:hover {
    color: #080808;
    border: 1px solid #e6e6e6;
  }
  
  .navigation-link.w--current {
    color: #642eff;
  }
  
  .section-header-large {
    max-width: 1440px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 5% 140px;
    display: flex;
    position: relative;
  }
  
  .menu-button-9 {
    border-radius: 4px;
    padding: 8px;
    transition: color .3s;
  }
  
  .menu-button-9:hover {
    color: #1457ff;
  }
  
  .form-wrapper-small {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    margin-top: 48px;
    display: flex;
  }
  
  .text-field-icon {
    width: 100%;
    min-height: 48px;
    color: #160042;
    border: 1px solid #e4e6f1;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px 16px 12px 52px;
    font-size: 14px;
    transition: all .25s;
  }
  
  .text-field-icon:hover {
    border-color: #b6b9ce;
  }
  
  .text-field-icon:focus {
    color: #160042;
    border-color: #160042;
  }
  
  .text-field-icon::-ms-input-placeholder {
    color: #b6b9ce;
  }
  
  .text-field-icon::placeholder {
    color: #b6b9ce;
  }
  
  .hero-heading-9 {
    color: #07090d;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 56px;
    line-height: 72px;
  }
  
  .navigation-container-2 {
    width: 100%;
    max-width: 1280px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .header-form-block-2 {
    margin-bottom: 0;
  }
  
  .text-field-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .header-tall-image {
    width: 50%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .header-image-tall {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .navigation-10 {
    width: 100%;
    min-height: 96px;
    background-color: #fff;
    align-items: center;
    padding: 24px 5%;
    display: flex;
  }
  
  .logo-7 {
    width: 124px;
  }
  
  .span-primary {
    color: #1457ff;
  }
  
  .feature-title-12 {
    color: #e5e5e5;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 1.2;
  }
  
  .image-wrapper-7 {
    background-color: #000;
    margin-bottom: 32px;
    padding: 32px;
  }
  
  .feature-paragraph-11 {
    color: #999;
    font-size: 18px;
    line-height: 32px;
  }
  
  .feature-section-77 {
    background-color: #000;
    padding: 100px 3%;
  }
  
  .a-container-large {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .a-span-underline {
    color: #5167f6;
    border-bottom: 6px solid #5167f6;
  }
  
  .a-max-width-medium {
    max-width: 486px;
  }
  
  .a-feature-card-grid-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 64px;
    margin-bottom: 28px;
  }
  
  .a-detail-regular {
    color: #3377fe;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
  }
  
  .a-margin-bottom-24 {
    margin-bottom: 24px;
  }
  
  .a-subheading-regular {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
  }
  
  .a-section-large {
    padding: 120px 5%;
    position: relative;
  }
  
  .a-feature-card-tall {
    grid-column-gap: 24px;
    text-align: center;
    border: 1px solid #f4f4f6;
    border-radius: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
    display: flex;
  }
  
  .a-margin-bottom-08 {
    margin-bottom: 8px;
  }
  
  .a-caption {
    color: #000;
    letter-spacing: -.01em;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .a-feature-card-top-text-wrapper {
    max-width: 290px;
    margin-bottom: 24px;
  }
  
  .a-feature-card-large {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    border: 1px solid #f4f4f6;
    border-radius: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    padding: 24px;
    display: grid;
  }
  
  .a-feature-title-wrap-left {
    max-width: 760px;
  }
  
  .a-feature-card-text-wrapper {
    max-width: 350px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }
  
  .a-feature-card-image {
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 6px 6px 64px rgba(143, 143, 143, .16);
  }
  
  .a-feature-card-image-wrapper {
    width: 100%;
    height: 100%;
    align-items: center;
  }
  
  .a-paragraph-small {
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.8;
  }
  
  .a-feature-card-left-wrapper {
    grid-column-gap: 24px;
    display: flex;
  }
  
  .a-paragraph-regular {
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8;
  }
  
  .a-icon-regular {
    width: 25px;
    height: auto;
    justify-content: center;
    align-items: center;
    transition: color .2s;
    display: flex;
  }
  
  .a-feature-icon {
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .05);
  }
  
  .a-margin-bottom-16 {
    margin-bottom: 16px;
  }
  
  .a-feature-card-row {
    grid-column-gap: 24px;
    border: 1px solid #f4f4f6;
    border-radius: 24px;
    align-items: center;
    padding: 24px;
    display: flex;
  }
  
  .a-text-color-orange-900 {
    color: #f69351;
  }
  
  .a-h3-heading {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    line-height: 1.2;
  }
  
  .a-h3-heading.a-weight-bold {
    font-weight: 700;
  }
  
  .content-accent {
    width: 48px;
    height: 48px;
    color: #ea7462;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -16px;
    bottom: auto;
    left: auto;
    right: 24px;
  }
  
  .button-primary-5 {
    color: #fff;
    background-color: #080808;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .button-primary-5:hover {
    background-color: #c74e38;
  }
  
  .h3-heading-6 {
    color: #080808;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
  }
  
  .icon-regular-2 {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-image-wrapper {
    position: relative;
  }
  
  .content-grid-8 {
    grid-column-gap: 92px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    align-items: center;
  }
  
  .content-block {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .content-subheading {
    color: #3377fe;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .section-content-4 {
    align-items: center;
    padding: 100px 5% 140px;
    display: flex;
    position: relative;
  }
  
  .paragraph-regular-3 {
    max-width: 460px;
    color: #383838;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }
  
  .content-accent-02 {
    width: 48px;
    height: 48px;
    color: #93dcda;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -24px;
    left: 32px;
    right: auto;
  }
  
  .check-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 32px;
    margin-bottom: 40px;
    display: flex;
  }
  
  .check-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #5c5c5c;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    display: flex;
  }
  
  .content-image-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-feature-grid {
    width: 100%;
    max-width: 420px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 32px;
  }
  
  .content-feature-number {
    color: #080808;
    margin-top: 12px;
    margin-left: 12px;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
  }
  
  .content-feature-block {
    position: relative;
  }
  
  .content-image-right {
    width: 100%;
    height: 400px;
    border-radius: 16px;
    position: relative;
    top: 60px;
  }
  
  .content-image-tall {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
  }
  
  .content-feature-square {
    z-index: -1;
    width: 48px;
    height: 48px;
    background-color: #d3eeed;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .content-image-double {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .content-image-left {
    width: 100%;
    height: 400px;
    border-radius: 16px;
    position: relative;
  }
  
  .content-subheading-av {
    color: #7567f8;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .content-subheading-2 {
    color: #7567f8;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .text-span-45 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(118deg, #3377fe, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-46 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(105deg, #7567f8, #df4798);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .a-icon-extra-small {
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .a-button-primary {
    min-height: 48px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #3377fe;
    border-radius: 99px;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    transition: all .5s cubic-bezier(.6, .6, 0, 1);
  }
  
  .a-button-primary:hover {
    background-color: #6478f7;
  }
  
  .a-button-primary:active {
    background-color: #7788f8;
  }
  
  .a-cta-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
  }
  
  .a-cta-image-top {
    width: 45%;
    margin-bottom: 18px;
  }
  
  .a-cta-icon-circle {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .05);
  }
  
  .a-cta-image-wrapper {
    width: 100%;
    max-width: 430px;
    margin-left: auto;
    position: relative;
  }
  
  .a-h5-heading {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.4;
  }
  
  .a-cta-content {
    max-width: 430px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    flex: none;
    justify-content: space-between;
    display: flex;
    overflow: hidden;
  }
  
  .a-container-regular {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .a-cta-grid-wrapper {
    background-color: #f4f4f6;
    border-radius: 32px;
    padding: 64px 5%;
  }
  
  .a-cta-image-bottom-right {
    width: 65%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .a-cta-link-wrapper {
    grid-column-gap: 16px;
    color: #000;
    align-items: center;
    display: flex;
  }
  
  .a-button-arrow-icon {
    width: 16px;
    height: 16px;
    background-color: #eceefe;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .a-button-text-link {
    grid-column-gap: 6px;
    color: #5167f6;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .a-button-text-link:hover {
    color: #6478f7;
  }
  
  .a-section-regular {
    padding: 0 5% 92px;
    position: relative;
  }
  
  .a-cta-grid {
    grid-column-gap: 32px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .text-span-47 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(96deg, #0dd290, #0aceff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .faq-card-2 {
    background-color: #fff;
    border-radius: 20px;
    padding: 14px 24px 16px;
  }
  
  .faq-side-2 {
    width: 30%;
    height: auto;
  }
  
  .image-cover-6 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .faq-icon-circle-2 {
    width: 52px;
    height: 52px;
    min-height: 52px;
    min-width: 52px;
    background-color: #f3f3f3;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-right: 25px;
    padding: 8px;
    display: flex;
  }
  
  .faq-question-2 {
    background-color: #fff;
    text-decoration: none;
    transition: background-color .2s;
  }
  
  .table-lable-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }
  
  .h3-heading-7 {
    color: #f5f6f9;
    letter-spacing: -.04em;
    margin-top: 0;
    font-size: 44px;
    line-height: 48px;
  }
  
  .table {
    margin-bottom: 48px;
  }
  
  .container-10 {
    z-index: 5;
    width: 100%;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .check-icon {
    width: 32px;
    color: #0dd290;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .heading-detail-large {
    color: #6c678e;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 24px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .table-row-top {
    background-color: #3377fe;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
  }
  
  .table-title {
    color: #fff;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
  }
  
  .title-wrapper-centre {
    max-width: 680px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 72px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }
  
  .table-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #000;
    border-bottom: 1px solid #e8e7ee;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    align-items: center;
    padding: 24px 32px;
  }
  
  .pricing-detail {
    color: #f5f6f9;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
  }
  
  .table-section {
    background-color: #000;
    padding: 120px 5%;
  }
  
  .grid-cell {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .title-blue {
    color: #09f;
    margin-right: 10px;
    font-size: 22px;
    font-weight: 600;
  }
  
  .text-block-copy {
    color: #fff;
    letter-spacing: -2px;
    font-size: 58px;
    font-weight: 700;
    line-height: 64px;
  }
  
  .title-purple {
    color: #7b55ec;
    margin-right: 10px;
    font-size: 22px;
    font-weight: 600;
  }
  
  .pricing-section-2 {
    background-color: #000;
    padding: 100px 5%;
    display: block;
    position: relative;
  }
  
  .title-small-4 {
    color: #fff;
    margin-right: 20px;
    font-size: 22px;
    font-weight: 600;
  }
  
  .title-small-4.margin-bottom-12 {
    margin-bottom: 12px;
  }
  
  .badge-enterprise {
    color: #7b55ec;
    letter-spacing: 1px;
    background-color: #0f052e;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 11px;
    font-weight: 900;
    display: flex;
  }
  
  .check-wrapper-3 {
    color: #fff;
    align-items: center;
    font-weight: 500;
    display: flex;
  }
  
  .check-hidden {
    width: 28px;
    display: none;
  }
  
  .feature-wrapper-3 {
    margin-top: 100px;
  }
  
  .feature-text-3 {
    max-width: 400px;
    color: rgba(255, 255, 255, .6);
    text-align: left;
    line-height: 24px;
  }
  
  .title-yellow {
    color: #fb0;
    margin-right: 10px;
    font-size: 22px;
    font-weight: 600;
  }
  
  .line-break-gradient {
    width: 100%;
    height: 1px;
    max-width: 70%;
    background-image: linear-gradient(97deg, rgba(255, 255, 255, .3) 10%, rgba(255, 255, 255, 0));
  }
  
  .title-4 {
    color: rgba(255, 255, 255, .6);
    letter-spacing: 2px;
    font-size: 12px;
  }
  
  .price-wrapper-2 {
    position: relative;
  }
  
  .price-grid {
    z-index: 5;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    position: relative;
  }
  
  .pricing-wrapper {
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex;
  }
  
  .line-break-wrapper {
    justify-content: flex-end;
    margin-top: 60px;
    margin-bottom: 60px;
    display: flex;
  }
  
  .button-professional {
    width: 100%;
    min-height: 60px;
    background-color: #09f;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    transition: all .2s;
    display: flex;
  }
  
  .button-professional:hover {
    background-color: #078ee7;
  }
  
  .grid-title-2 {
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  
  .plan-title {
    color: #fff;
    letter-spacing: -1px;
    margin-bottom: 60px;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
  }
  
  .price-link {
    align-items: center;
    margin-top: 16px;
    text-decoration: none;
    display: flex;
  }
  
  .button-enterprise {
    width: 100%;
    min-height: 60px;
    background-color: #7b55ec;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    transition: all .2s;
    display: flex;
  }
  
  .button-enterprise:hover {
    background-color: #6e46e4;
  }
  
  .badge-starter {
    color: #fb0;
    letter-spacing: 1px;
    background-color: #332500;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 11px;
    font-weight: 900;
    display: flex;
  }
  
  .small-span {
    align-items: flex-end;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
  }
  
  .line-break-large {
    height: 1px;
    background-color: #262626;
    margin-top: 70px;
    margin-bottom: 120px;
  }
  
  .small-title-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    display: flex;
  }
  
  .container-11 {
    width: 100%;
    max-width: 1240px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .pricing-text {
    color: #fff;
    align-items: flex-end;
    font-size: 58px;
    font-weight: 700;
    line-height: 64px;
    display: flex;
  }
  
  .dollar-icon {
    color: #fff;
    font-size: 22px;
  }
  
  .pricing-title {
    color: #fff;
    margin-top: 0;
    font-size: 58px;
    line-height: 65px;
  }
  
  .badge-professional {
    color: #09f;
    text-align: center;
    letter-spacing: 1px;
    background-color: #001f33;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 11px;
    font-weight: 900;
    display: flex;
  }
  
  .grid-row {
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    margin-bottom: 60px;
  }
  
  .plan-name {
    color: #fb0;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .plan-name.enterprise {
    color: #7b55ec;
  }
  
  .plan-name.professional {
    color: #09f;
  }
  
  .pricing-block {
    background-color: rgba(0, 6, 10, .6);
    border: 1.62px solid #fff;
    border-radius: 40px;
    padding: 40px;
  }
  
  .pricing-block.starter {
    border-color: #332500;
  }
  
  .pricing-block.professional {
    border-color: #001f33;
  }
  
  .pricing-block.enterprise {
    border-color: #14073c;
  }
  
  .check-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 55px;
  }
  
  .price-detail-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex;
  }
  
  .pricing-bloom {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .bloom-css {
    display: none;
  }
  
  .bottom-bloom {
    z-index: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .check {
    margin-right: 20px;
  }
  
  .title-wrap-11 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 68px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .line-break-4 {
    height: 1px;
    background-color: #262626;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  
  .button-starter {
    width: 100%;
    min-height: 60px;
    background-color: #fb0;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    transition: all .2s;
    display: flex;
  }
  
  .button-starter:hover {
    background-color: #ebad03;
  }
  
  .grid-cell-check {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .check-large {
    width: 28px;
  }
  
  .feature-text-3-block {
    max-width: 400px;
    color: #fff;
    text-align: center;
    line-height: 24px;
  }
  
  .text-span-48 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(86deg, #3377fe, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-49 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(114deg, #7567f8, #f164af);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-50 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #0dd290, #0bf);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .content-subheading-it {
    color: #3377fe;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .price-tabs {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: -206px;
    display: flex;
  }
  
  .badge-pricing-secondary {
    color: #4255bd;
    letter-spacing: .02em;
    text-transform: uppercase;
    background-color: #f4f5fb;
    border: 1px solid #b3bbe5;
    border-radius: 32px;
    margin-bottom: 32px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;
  }
  
  .badge-beta {
    color: gray;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    padding: 2px 6px;
    font-weight: 600;
    display: flex;
  }
  
  .price-feature-grid {
    grid-column-gap: 14px;
    grid-row-gap: 4px;
    grid-template-columns: 1fr;
    margin-top: 14px;
  }
  
  .price-feature {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .price-feature-block-blue {
    height: 100%;
    background-color: #f4f5fb;
    border: 1px solid #b3bbe5;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 18px;
    display: flex;
  }
  
  .price-text-large-2 {
    color: #4255bd;
    margin-bottom: 14px;
    font-size: 64px;
    font-weight: 500;
    line-height: 72px;
  }
  
  .button-pricing {
    min-height: 48px;
    color: #f7f7f7;
    text-align: center;
    background-color: #4255bd;
    border: 1px solid #6070c8;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: border-color .4s;
    display: flex;
  }
  
  .button-pricing:hover {
    border-color: #d3d3d3;
  }
  
  .badge-beta-blue {
    color: #8e99d7;
    background-color: #f4f5fb;
    border: 1px solid #b3bbe5;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    padding: 2px 6px;
    font-weight: 600;
    display: flex;
  }
  
  .price-tab-link-2 {
    color: #1a1a1a;
    text-align: center;
    letter-spacing: -.02em;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
  }
  
  .price-tab-link-2.w--current {
    color: #f7f7f7;
    background-color: #3377fe;
    box-shadow: 1px 8px 20px rgba(141, 155, 190, .16);
  }
  
  .price-card-line {
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    margin-bottom: 32px;
    padding: 32px;
    position: relative;
    overflow: hidden;
  }
  
  .price-feature-block {
    height: 100%;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 18px;
    display: flex;
  }
  
  .price-content {
    width: 100%;
    overflow: visible;
  }
  
  .container-x-small-2 {
    z-index: 5;
    width: 100%;
    max-width: 840px;
    margin-top: -57px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .price-text-2 {
    color: #1a1a1a;
    margin-bottom: 14px;
    font-size: 64px;
    font-weight: 500;
    line-height: 72px;
  }
  
  .price-feature-line {
    border-bottom: 1.5px solid #e6e6e6;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
  }
  
  .price-feature-line.striked {
    opacity: .3;
    text-decoration: line-through;
  }
  
  .price-tab-menu {
    background-color: #f7f7f7;
    border: 1px #e6e6e6;
    border-radius: 44px;
    justify-content: center;
    align-items: center;
    margin-top: 9px;
    margin-bottom: 40px;
    padding: 8px;
    display: flex;
  }
  
  .price-card-line-feature {
    border: 2px solid #4255bd;
    border-radius: 20px;
    margin-bottom: 32px;
    padding: 32px;
    position: relative;
    overflow: hidden;
  }
  
  .paragraph-large-4 {
    letter-spacing: -.02em;
    font-size: 18px;
    line-height: 32px;
  }
  
  .badge-pricing-2 {
    color: #1a1a1a;
    letter-spacing: .02em;
    text-transform: uppercase;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 32px;
    margin-bottom: 32px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;
  }
  
  .pricing-icon-2 {
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    display: flex;
  }
  
  .pricing-icon-2.pricing-blue-icon {
    color: #4255bd;
  }
  
  .pricing-grid-wide {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    align-items: center;
  }
  
  .price-detail-2 {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
  }
  
  .price-type {
    color: gray;
    font-size: 16px;
    line-height: 24px;
  }
  
  .a-pricing-card-outline {
    border: 1px solid #dedfe3;
    border-radius: 24px;
    flex-direction: column;
    padding: 40px 32px 32px;
    display: flex;
  }
  
  .a-pricing-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .a-pricing-title-wrapper {
    grid-column-gap: 32px;
    align-items: center;
    margin-bottom: 32px;
    display: flex;
  }
  
  .a-detail-small {
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
  }
  
  .a-subheading-large {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
  }
  
  .a-title-wrap-center {
    max-width: 510px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: -57px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .a-pricing-feature {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    flex-direction: column;
    margin-top: 32px;
    display: flex;
  }
  
  .a-margin-bottom-04 {
    margin-bottom: 4px;
  }
  
  .a-button-primary-square {
    min-height: 48px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #5167f6;
    border-radius: 8px;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    transition: all .5s cubic-bezier(.6, .6, 0, 1);
  }
  
  .a-button-primary-square:hover {
    background-color: #6478f7;
  }
  
  .a-button-primary-square:active {
    background-color: #7788f8;
  }
  
  .a-margin-bottom-64 {
    margin-bottom: 64px;
  }
  
  .a-prcing-feature-wrap {
    grid-column-gap: 24px;
    align-items: center;
    display: flex;
  }
  
  .a-pricing-card {
    background-color: #f4f4f6;
    border-radius: 24px;
    flex-direction: column;
    padding: 40px 32px 32px;
    display: flex;
  }
  
  .a-button-outline {
    height: 48px;
    min-height: 48px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #5167f6;
    text-align: center;
    letter-spacing: -.02em;
    background-color: #fff;
    border: 1px solid #5167f6;
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    transition: all .5s cubic-bezier(.6, .6, 0, 1);
  }
  
  .a-button-outline:hover {
    background-color: #eceefe;
  }
  
  .a-button-outline:active {
    background-color: #d8d7df;
  }
  
  .pricing-line-dark {
    height: 1px;
    background-color: #282556;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .price-wrapper-year {
    align-items: center;
    margin-top: 12px;
    margin-bottom: 12px;
    display: flex;
  }
  
  .button-secondary-white {
    min-height: 48px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #282556;
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    transition: all .2s;
    display: flex;
  }
  
  .button-secondary-white:hover {
    color: #1b114a;
    background-color: #f3f5fb;
    border-color: #f3f5fb;
  }
  
  .button-secondary-white:active {
    color: #642eff;
    background-color: #e4e6f1;
  }
  
  .pricing-type-wrapper {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
  }
  
  .price-divider-dark {
    width: 1px;
    height: 20px;
    background-color: #393b6a;
    margin-left: 16px;
    margin-right: 16px;
  }
  
  .grid-three-column-4 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .pricing-card-dark {
    color: #fff;
    background-color: #160042;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 16px;
    padding: 40px;
    position: relative;
  }
  
  .price-feature-text-white {
    color: #fff;
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 24px;
  }
  
  .pricing-detail-2 {
    color: #6b7094;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .pricing-detail-primary {
    color: #6b7094;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
  }
  
  .price-month {
    color: #160042;
    letter-spacing: -.02em;
    font-size: 16px;
    line-height: 24px;
  }
  
  .price-month.text-gray-800 {
    color: #1b114a;
  }
  
  .price-description {
    color: #160042;
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 24px;
  }
  
  .pricing-card-line-2 {
    height: 100%;
    border: 1px solid #e4e6f1;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    display: flex;
  }
  
  .price-toggle {
    width: 100%;
    height: 24px;
    max-width: 44px;
    cursor: pointer;
    background-color: #25cc88;
    border-radius: 50px;
    justify-content: flex-end;
    align-items: center;
    margin-left: 14px;
    margin-right: 14px;
    padding: 2px;
    display: flex;
    position: relative;
    box-shadow: inset 1px 1px 2px rgba(73, 74, 125, .3), 17px 17px 24px -18px rgba(56, 50, 124, .08);
  }
  
  .toggle-round {
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    box-shadow: 3px 3px 8px rgba(73, 74, 125, .24);
  }
  
  .button-secondary-4 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #160042;
    text-align: center;
    letter-spacing: -.02em;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e4e6f1;
    border-radius: 50px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: flex;
  }
  
  .button-secondary-4:hover {
    background-color: #f3f5fb;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .button-secondary-4:active {
    color: #642eff;
    background-color: #e4e6f1;
  }
  
  .button-secondary-4:focus {
    outline-offset: 0px;
    outline: 2px solid #160042;
  }
  
  .price-divider {
    width: 1px;
    height: 20px;
    background-color: #b6b9ce;
    margin-left: 16px;
    margin-right: 16px;
  }
  
  .price-description-white {
    color: #fff;
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 24px;
  }
  
  .price-text-3 {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
  }
  
  .price-wrapper-month {
    align-items: center;
    margin-top: 12px;
    margin-bottom: 12px;
    display: flex;
  }
  
  .price-month-white {
    color: #fff;
    letter-spacing: -.02em;
    font-size: 16px;
    line-height: 24px;
  }
  
  .pricing-button-grid {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }
  
  .price-toggle-wrapper {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    display: flex;
  }
  
  .button-primary-6 {
    min-height: 48px;
    min-width: 120px;
    outline-offset: 0px;
    color: #fff;
    text-align: center;
    letter-spacing: -.02px;
    white-space: nowrap;
    background-color: #642eff;
    border-radius: 50px;
    outline: 2px solid rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .button-primary-6:hover {
    background-color: #7342ff;
  }
  
  .button-primary-6:active {
    background-color: #2d0896;
  }
  
  .button-primary-6:focus {
    outline-offset: 0px;
    outline: 2px solid #d9ccff;
  }
  
  .badge-standard {
    color: #fff;
    background-color: #642eff;
    border-radius: 50px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
  }
  
  .pricing-grid-large {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 39px;
  }
  
  .pricing-header {
    color: #07090d;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 56px;
    line-height: 72px;
  }
  
  .pricing-feature {
    grid-column-gap: 12px;
    color: #818a9c;
    align-items: center;
    display: flex;
  }
  
  .pricing-card-blue {
    color: #fff;
    background-color: #3377fe;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 12px;
    padding: 40px;
    transition: all .3s;
  }
  
  .button-white-6 {
    min-height: 48px;
    grid-column-gap: 8px;
    color: #07090d;
    background-color: #fff;
    border: 1px solid #edeff2;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: flex;
  }
  
  .button-white-6:hover {
    color: #fff;
    background-color: #07090d;
    border-color: rgba(0, 0, 0, 0);
  }
  
  .pricing-feature-text {
    font-size: 16px;
    line-height: 1.5;
  }
  
  .pricing-title-wrapper {
    max-width: 640px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .button-secondary-5 {
    min-height: 48px;
    grid-column-gap: 8px;
    color: #07090d;
    border: 1px solid #edeff2;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .3s, color .3s;
    display: flex;
  }
  
  .button-secondary-5:hover {
    color: #fff;
    background-color: #07090d;
  }
  
  .pricing-line-2 {
    height: 1px;
    background-color: #edeff2;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .pricing-text-small {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  
  .pricing-feature-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  
  .section-pricing {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 120px 5%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .pricing-icon-3 {
    width: 24px;
    height: 24px;
    color: #1457ff;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .pricing-date {
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }
  
  .pricing-detail-wrapper {
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 24px;
    display: flex;
  }
  
  .pricing-detail-3 {
    color: #1457ff;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .pricing-card {
    color: #07090d;
    background-color: #fff;
    border: 1px solid #edeff2;
    border-radius: 12px;
    padding: 40px;
    transition: all .3s;
  }
  
  .pricing-type-small {
    letter-spacing: -.02em;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }
  
  .pricing-feature-white {
    grid-column-gap: 12px;
    color: #fff;
    align-items: center;
    display: flex;
  }
  
  .pricing-badge {
    color: #1457ff;
    background-color: #f0f5ff;
    border-radius: 32px;
    justify-content: center;
    align-items: center;
    padding: 2px 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
  }
  
  .pricing-icon-white {
    width: 24px;
    height: 24px;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .text-span-51 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(91deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-52 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #0dd290, #6cddff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-53 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(117deg, #7567f8, #8232f3);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .heading-25 {
    margin-top: 23px;
  }
  
  .a-subheading-regular-copy {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
  }
  
  .a-subheading-regular-2 {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
  }
  
  .a-section-regular-2 {
    padding: 92px 5%;
    position: relative;
  }
  
  .text-block-40 {
    font-size: 14px;
  }
  
  .text-span-54 {
    color: #000;
  }
  
  .form-block-section-meeting {
    width: 50%;
    align-items: center;
    padding: 100px 5%;
    display: flex;
    position: relative;
  }
  
  .cta-button-2 {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(169deg, #3377fe, #7567f8);
    border: 2px #000;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: border-color .2s, background-color .2s;
    display: flex;
  }
  
  .cta-button-2:hover {
    color: #fff;
    background-color: #fff;
    background-image: linear-gradient(#000, #000);
    border: 2px solid #1e1e20;
  }
  
  .sub-heading-regular-3 {
    letter-spacing: -.03em;
    font-size: 20px;
    line-height: 1.5;
  }
  
  .paragraph-small-4 {
    letter-spacing: -.01em;
    font-size: 14px;
    line-height: 1.5;
  }
  
  .cta-description {
    height: auto;
    color: #1e1e20;
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 16px;
    left: 16px;
    right: 16px;
    overflow: hidden;
  }
  
  .section-regular-6 {
    padding: 92px 5%;
    position: relative;
  }
  
  .cta-block {
    height: 772px;
    border-radius: 16px;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .cta-description-content {
    width: 100%;
    border: 1px #414144;
    border-radius: 8px;
    padding: 24px;
  }
  
  .cta-image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .features-title-wrap-2-copy {
    text-align: center;
    margin: -68px auto 0;
  }
  
  .hero-heading-3-busisness {
    color: #061237;
    letter-spacing: -.02em;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 50px;
    font-weight: 900;
    line-height: 68px;
  }
  
  .form {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .email-input {
    height: 60px;
    background-color: #f3f3f3;
    border-radius: 100px;
    align-items: center;
    margin-right: 24px;
    padding: 16px 24px;
    display: flex;
  }
  
  .submit-button-3 {
    width: 100%;
    height: 60px;
    max-width: 130px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 500px;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
    font-weight: 500;
    transition: background-color .2s;
  }
  
  .submit-button-3:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
  }
  
  .title-cta {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .save-20 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
  }
  
  .form-block-4 {
    width: 100%;
    justify-content: center;
    margin-top: 35px;
    position: relative;
  }
  
  .save-20-wrapper {
    align-items: flex-end;
    margin-left: 26px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -59%;
    left: auto;
    right: 0%;
  }
  
  .cta-section-3 {
    background-image: none;
    background-position: 100%;
    background-size: cover;
    padding: 140px 3%;
  }
  
  .success-message-7 {
    color: #fff;
    background-color: #000;
    background-image: none;
    background-position: 0 0;
    background-size: cover;
    font-size: 18px;
  }
  
  .email-icon {
    margin-right: 18px;
  }
  
  .arrow-3 {
    width: 100px;
    height: 80px;
  }
  
  .text-field-5 {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 0;
    padding-left: 0;
    font-size: 18px;
  }
  
  .text-field-5:hover, .text-field-5:active {
    border-color: rgba(0, 0, 0, 0);
  }
  
  .text-field-5:focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
  }
  
  .cta-wrapper-2 {
    max-width: 820px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .error-message-4 {
    color: red;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    font-weight: 500;
  }
  
  .cta-paragraph-2 {
    color: #000;
    letter-spacing: -.02em;
    font-size: 22px;
    line-height: 42px;
  }
  
  .cta-container-3 {
    z-index: 1;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .cta-container-4 {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .cta-button-wrap-2 {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  
  .cta-subheading-2 {
    max-width: 410px;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
  }
  
  .cta-grid-4 {
    grid-column-gap: 110px;
    color: #fff;
    background-color: #1a40c9;
    background-image: linear-gradient(126deg, #7144a8, #1757fe);
    border-radius: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .45fr;
    padding: 61px 90px;
  }
  
  .cta-heading-wrap {
    flex-direction: column;
    align-items: center;
  }
  
  .accent-line-2 {
    width: 60px;
    height: 6px;
    background-color: #0dc8e9;
    border-radius: 20px;
  }
  
  .check-icon-2 {
    width: 24px;
    height: 24px;
    background-color: #0dc8e9;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    display: flex;
  }
  
  .feature-wrap-2 {
    align-items: center;
    margin-bottom: 16px;
    display: flex;
  }
  
  .pricing-grid-large-m {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 39px;
  }
  
  .cta-section-2-m {
    color: #f5f6f9;
    background-color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, 0), #fff 50%, #0f1529 50%);
    padding: 0 3%;
  }
  
  .m-integrations-app-image {
    border-radius: 24px;
    flex: none;
    overflow: hidden;
  }
  
  .m-integrations-info-icon {
    width: 32px;
    height: 32px;
    color: #5a6ded;
  }
  
  .m-heading-detail-small {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
  }
  
  .m-heading-detail-small.m-text-weight-medium {
    font-weight: 500;
  }
  
  .m-integrations-feature-block {
    color: #9c9eab;
    margin-bottom: 96px;
  }
  
  .m-text-color-blue {
    color: #7e8ef1;
  }
  
  .m-image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .m-integrations-tabs {
    align-items: flex-start;
    display: flex;
  }
  
  .m-integrations-tab-menu {
    max-width: 624px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-right: 36px;
    display: flex;
  }
  
  .m-integrations-feature-icon {
    width: 24px;
    height: 24px;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }
  
  .m-paragraph-extra-small {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  
  .m-paragraph-extra-small.text-color-gray-300 {
    color: #9c9eab;
  }
  
  .m-integrations-tab-link {
    width: 112px;
    background-color: #111218;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    display: flex;
    overflow: hidden;
  }
  
  .m-integrations-tab-link.w--current {
    background-color: #111218;
  }
  
  .m-integrations-heading-block {
    margin-bottom: 48px;
  }
  
  .m-integrations-feature-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #f4f4f6;
    align-items: center;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
  }
  
  .m-integrations-tabs-info {
    max-width: 400px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #9c9eab;
    align-items: center;
    padding: 16px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .m-icon-regular {
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .m-container-regular {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .m-integrations-feature-image {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .m-paragraph-regular {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
  }
  
  .m-section-regular {
    background-color: #000;
    padding: 80px 5%;
  }
  
  .m-button-primary-icon-right {
    min-height: 48px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: #fff;
    background-color: #5a6ded;
    border: 2px solid #5a6ded;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    padding: 12px 16px 12px 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    display: flex;
  }
  
  .m-h4-heading {
    color: #fff;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.3;
  }
  
  .m-integrations-app-badge {
    width: 100%;
    height: auto;
    max-width: 80px;
    min-height: 32px;
    color: #fff;
    text-align: center;
    background-color: #5a6ded;
    border-radius: 99px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    box-shadow: 25px 25px 64px -14px rgba(77, 77, 77, .15);
  }
  
  .m-integrations-tabs-wrapper {
    position: relative;
  }
  
  .m-icon-large {
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .m-button-outline {
    min-height: 56px;
    color: #7e8ef1;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #333647;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .m-button-outline:hover {
    color: #c8cef9;
    border-color: #7e8ef1;
  }
  
  .m-badge {
    color: #f4f4f6;
    letter-spacing: .034em;
    background-color: #333647;
    border-radius: 99px;
    margin-bottom: 24px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  
  .m-integrations-header-large {
    max-width: 1060px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 128px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .m-integrations-feature-card {
    width: 100%;
    height: 100%;
    max-width: 400px;
    background-color: #22242f;
    border: 2px solid #333647;
    border-radius: 32px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px 24px 24px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .m-integrations-tab-content {
    width: 100%;
  }
  
  .m-content-detail-block {
    padding: 8px;
  }
  
  .m-content-tabs-menu {
    width: 100%;
    max-width: 400px;
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 150px;
    display: flex;
  }
  
  .m-content-tabs-icon {
    width: 48px;
    height: 48px;
    color: #9c9eab;
    background-color: #111218;
    border: 2px solid #22242f;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .m-h3-heading {
    color: #fff;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 1.2;
  }
  
  .m-h6-heading {
    color: #fff;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
  }
  
  .m-content-feature-icon-02 {
    width: 48px;
    height: 48px;
    color: #7e8ef1;
    border: 2px solid #333647;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 10px;
    bottom: auto;
    left: auto;
    right: 24px;
  }
  
  .m-content-tabs-content {
    width: 100%;
  }
  
  .m-section-large {
    color: #fff;
    background-color: #000;
    padding: 120px 5%;
  }
  
  .m-content-tabs-info-icon {
    width: 48px;
    height: 48px;
    color: #7e8ef1;
    border: 2px solid #22242f;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .m-content-feature-icon-03 {
    width: 48px;
    height: 48px;
    color: #7e8ef1;
    border: 2px solid #333647;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -10px;
    left: auto;
    right: 60px;
  }
  
  .m-content-tab-info-block {
    max-width: 510px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #7e8ef1;
    align-items: center;
    padding: 8px;
    display: flex;
  }
  
  .m-content-tab-image {
    outline-offset: 0px;
    border-radius: 32px;
    outline: 2px solid #22242f;
    overflow: hidden;
  }
  
  .m-content-tab-info {
    width: 100%;
    max-width: 400px;
    border-top: 2px solid #22242f;
    padding-top: 16px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .m-content-tab-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
  
  .m-content-feature-icon-01 {
    width: 32px;
    height: 32px;
    color: #7e8ef1;
    border: 2px solid #333647;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 24px;
    bottom: auto;
    left: 16px;
    right: auto;
  }
  
  .m-content-details {
    width: 100%;
    height: 100%;
    color: #c8c9d0;
    background-color: #22242f;
    border-radius: 32px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    display: flex;
  }
  
  .m-content-features {
    min-height: 200px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: #dedfe3;
    text-align: center;
    background-color: #111218;
    border-radius: 99px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .m-content-heading-wrap {
    max-width: 620px;
  }
  
  .m-content-button {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #7e8ef1;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    transition: background-color .3s;
    display: flex;
  }
  
  .m-content-button:hover {
    background-color: #333647;
  }
  
  .m-content-tabs-wrapper {
    position: relative;
  }
  
  .m-content-header-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 128px;
    display: flex;
  }
  
  .m-content-tab-link {
    width: 100%;
    max-width: 300px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    color: #c8c9d0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 16px;
    align-items: center;
    padding: 8px 24px 8px 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .3s;
    display: flex;
  }
  
  .m-content-tab-link:hover {
    background-color: #22242f;
  }
  
  .m-content-tab-link.w--current {
    color: #f4f4f6;
    background-color: #22242f;
  }
  
  .content-info-detail {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: flex-start;
    display: flex;
  }
  
  .m-content-tabs {
    align-items: stretch;
    display: flex;
  }
  
  .m-span-yellow {
    color: #f4d452;
  }
  
  .features-section-3 {
    color: #9a9a9a;
    background-color: rgba(250, 250, 250, .34);
    padding: 130px 3%;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
  }
  
  .feature-button-2 {
    min-height: 50px;
    color: #fff;
    background-color: #8b88f6;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    padding: 15px 35px;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
  }
  
  .feature-button-2:hover {
    background-color: rgba(0, 0, 0, .8);
  }
  
  .feature-wrapper-4 {
    align-items: flex-start;
    margin-bottom: 30px;
    display: flex;
  }
  
  .feature-title-13 {
    color: #1e1e48;
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
  }
  
  .features-section-4 {
    color: #001633;
    padding: 160px 3%;
  }
  
  .arrow-icon-2 {
    margin-top: 2px;
    margin-right: 30px;
  }
  
  .features-heading-7 {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
  }
  
  .features-title-wrap-6 {
    margin-bottom: 60px;
  }
  
  .feature-card-10 {
    color: #000;
    border-radius: 30px;
    padding: 40px;
    text-decoration: none;
    transition: box-shadow .4s;
  }
  
  .feature-card-10:hover {
    box-shadow: 0 20px 60px rgba(229, 229, 229, .4);
  }
  
  .feature-card-11 {
    color: #000;
    text-align: center;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 40px;
    text-decoration: none;
    transition: box-shadow .3s;
    display: flex;
  }
  
  .feature-card-11:hover {
    box-shadow: 0 20px 60px rgba(229, 229, 229, .4);
  }
  
  .features-heading-8 {
    color: #131316;
    text-align: left;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
  }
  
  .features-title-wrap-7 {
    max-width: 470px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .feature-title-14 {
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.2;
  }
  
  .features-grid-9 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .icon-wrapper-2 {
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
    position: relative;
  }
  
  .icon-8 {
    z-index: 2;
    width: 50px;
    position: relative;
  }
  
  .feature-section-78 {
    background-color: #fff;
    padding: 80px 3%;
  }
  
  .yellow-shadow {
    width: 24px;
    height: 24px;
    position: absolute;
    box-shadow: -1px 14px 40px #000;
  }
  
  .feature-container-3 {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .category-block {
    color: #a5d18e;
    letter-spacing: 1px;
    background-color: #f0f8ec;
    border-radius: 50px;
    margin-bottom: 14px;
    padding: 8px 20px;
    font-weight: 500;
  }
  
  .content-subheading-2-copy {
    color: #0dd290;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  
  .yellow-shadow-1 {
    width: 24px;
    height: 24px;
    position: absolute;
    box-shadow: -1px 14px 40px #66dca5;
  }
  
  .yellow-shadow-3 {
    width: 24px;
    height: 24px;
    position: absolute;
    box-shadow: -1px 14px 40px #30c8fe;
  }
  
  .yellow-shadow-5 {
    width: 24px;
    height: 24px;
    position: absolute;
    box-shadow: -1px 14px 40px #00a0f1;
  }
  
  .yellow-shadow-copy {
    width: 24px;
    height: 24px;
    position: absolute;
    box-shadow: -1px 14px 40px #01a94b;
  }
  
  .div-block-6 {
    z-index: 2;
    width: 200px;
    height: 200px;
    background-color: #3377fe;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .div-block-7 {
    z-index: -1;
    width: 750px;
    height: 750px;
    opacity: .06;
    filter: blur(60px);
    background-color: #3377fe;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -37%;
    left: 55%;
    right: auto;
  }
  
  .div-block-7-copy {
    width: 750px;
    height: 750px;
    opacity: .08;
    filter: blur(60px);
    background-color: #329eff;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -72%;
    left: 12%;
    right: auto;
  }
  
  .div-block-7-copy-copy {
    z-index: 3;
    width: 750px;
    height: 750px;
    opacity: .09;
    filter: blur(60px);
    background-color: #7567f8;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -131%;
    left: 12%;
    right: auto;
  }
  
  .div-block-7-copy-copy-copy {
    width: 750px;
    height: 750px;
    opacity: .09;
    filter: blur(60px);
    background-color: #0dd290;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -202%;
    left: 57%;
    right: auto;
  }
  
  .div-block-7-copy-copy-copy-copy {
    z-index: -1;
    width: 750px;
    height: 750px;
    opacity: .04;
    filter: blur(60px);
    background-color: #3377fe;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -233%;
    left: 23%;
    right: auto;
  }
  
  .div-block-7-copy-copy-copy {
    width: 250px;
    height: 250px;
    opacity: .06;
    filter: blur(60px);
    background-color: #df4798;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -137%;
    left: 78%;
    right: auto;
  }
  
  .div-block-7-copy-copy-copy-copy-copy {
    z-index: -1;
    width: 750px;
    height: 750px;
    opacity: .06;
    filter: blur(20px);
    background-color: #0dd290;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -206%;
    left: 52%;
    right: auto;
  }
  
  .div-block-7-copy {
    width: 750px;
    height: 750px;
    opacity: .06;
    filter: blur(60px);
    width: 250px;
    height: 250px;
    opacity: .09;
    filter: blur(60px);
    width: 750px;
    height: 750px;
    opacity: .11;
    filter: blur(60px);
    background-color: #b2d6ff;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 46%;
    left: -4%;
    right: auto;
  }
  
  .div-block-7-copy-copy {
    width: 750px;
    height: 750px;
    opacity: .04;
    filter: blur(60px);
    background-color: #331eff;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 2%;
    left: 31%;
    right: auto;
  }
  
  .div-block-7-copy-copy-copy-copy-copy {
    z-index: 1;
    width: 750px;
    height: 750px;
    opacity: .05;
    filter: blur(60px);
    background-color: #7567f8;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -146%;
    left: 19%;
    right: auto;
  }
  
  .a-feature-grid {
    grid-column-gap: 72px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
  }
  
  .a-margin-bottom-48 {
    margin-bottom: 48px;
  }
  
  .a-feature-card {
    border: 1px solid #f4f4f6;
    border-radius: 24px;
    padding: 24px;
  }
  
  .a-feature-basic-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  
  .a-feature-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    align-items: center;
    margin-top: 24px;
    display: flex;
  }
  
  .a-h3-heading-2 {
    color: #000;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    line-height: 1.2;
  }
  
  .div-block-7-copy-copy {
    width: 750px;
    height: 750px;
    opacity: .11;
    filter: blur(60px);
    background-color: #0dd290;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 46%;
    left: -4%;
    right: auto;
  }
  
  .div-block-7-copy-copy-copy {
    width: 750px;
    height: 750px;
    opacity: .03;
    filter: blur(60px);
    background-color: #7567f8;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -20%;
    left: 56%;
    right: auto;
  }
  
  .cta-grid-4-copy {
    grid-column-gap: 110px;
    color: #fff;
    background-color: #1a40c9;
    background-image: linear-gradient(126deg, #0dd290, #52aeff);
    border-radius: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .45fr;
    padding: 120px 90px 100px;
  }
  
  .cta-section-2-off-white {
    color: #f5f6f9;
    background-color: #fff;
    background-image: linear-gradient(178deg, #f8f9fb, #f8f9fb 50%, #0f1529 50%);
    padding: 0 3%;
  }
  
  .a-paragraph-regular-white {
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8;
  }
  
  .div-block-7-copy-copy-copy {
    z-index: 3;
    width: 750px;
    height: 750px;
    opacity: .01;
    filter: blur(60px);
    background-color: #7567f8;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -131%;
    left: 12%;
    right: auto;
  }
  
  .a-paragraph-small-white {
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.8;
  }
  
  .button-base-2 {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    margin-top: 40px;
    display: flex;
  }
  
  .counter-top {
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 32px;
    padding-left: 30px;
    padding-right: 48px;
    display: flex;
    position: relative;
  }
  
  .icon-success {
    width: 60px;
    margin-bottom: 10px;
  }
  
  .title-wrap-form {
    width: 100%;
    border-bottom: 1px solid rgba(73, 74, 125, .32);
    margin-bottom: 32px;
    padding-top: 48px;
    padding-bottom: 32px;
  }
  
  .container-12 {
    width: 100%;
    max-width: 1060px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .paragraph-form {
    margin-bottom: 0;
    font-size: 14px;
  }
  
  .display-xl-white {
    color: #fff;
  }
  
  .step-line {
    width: 2px;
    height: 100%;
    background-color: rgba(73, 74, 125, .32);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 73px;
  }
  
  .counter-bottom {
    justify-content: flex-end;
    align-items: center;
    padding-top: 32px;
    padding-left: 30px;
    padding-right: 48px;
    display: flex;
    position: relative;
  }
  
  .check-symbol {
    width: 16px;
    height: 16px;
    background-color: #02044a;
    border: 4px solid rgba(73, 74, 125, .32);
    border-radius: 100px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: -9px;
  }
  
  .check-symbol.form-active {
    background-color: #25cc88;
  }
  
  .step-wrap-2 {
    position: relative;
  }
  
  .checkbox-field-12 {
    width: 100%;
    height: 132px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    padding-left: 0;
    display: flex;
    position: relative;
  }
  
  .form-wrapper-4 {
    width: 100%;
    max-width: 1140px;
    border-top: 2px solid rgba(73, 74, 125, .32);
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .paragraph-5 {
    color: #fff;
    font-size: 16px;
  }
  
  .display-small {
    font-size: 16px;
    font-weight: 700;
  }
  
  .column-large {
    padding: 20px;
  }
  
  .slider-4 {
    height: auto;
    background-color: #02044a;
    position: relative;
  }
  
  .success-button {
    color: #fff;
    text-align: center;
    background-color: #494a7d;
    border-radius: 500px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .success-button:hover {
    background-color: #25cc88;
  }
  
  .text-block-41 {
    color: rgba(255, 255, 255, .48);
    font-size: 16px;
  }
  
  .text-field-6 {
    min-height: 64px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #494a7d;
    border-radius: 8px;
    margin-bottom: 0;
    padding-left: 16px;
    font-size: 16px;
    transition: all .2s;
    position: relative;
  }
  
  .text-field-6:hover {
    border-color: #fff;
  }
  
  .text-field-6:focus {
    border-width: 2px;
    border-color: #2db27c;
  }
  
  .text-field-6::-ms-input-placeholder {
    color: #8687a8;
  }
  
  .text-field-6::placeholder {
    color: #8687a8;
  }
  
  .form-section-10 {
    background-color: #02044a;
    align-items: flex-start;
    padding: 140px 3%;
    display: flex;
  }
  
  .slide-wrapper-3 {
    display: block;
  }
  
  .form-grid-2 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
  }
  
  .body-small {
    color: #aeafc5;
    font-size: 16px;
  }
  
  .display-xl {
    color: #fff;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 28px;
    font-weight: 700;
  }
  
  .column-4 {
    border-right: 2px solid rgba(73, 74, 125, .32);
    padding-top: 48px;
    padding-bottom: 120px;
    position: relative;
  }
  
  .display-small-600 {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
  }
  
  .checkbox-wrap {
    color: #fff;
    cursor: pointer;
    align-items: center;
    padding: 33px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .field-label-2 {
    color: #f9f9fb;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
  }
  
  .checbox {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border-width: 2px;
    border-color: rgba(73, 74, 125, .32);
    border-radius: 12px;
    margin-top: 0;
    margin-left: 0;
  }
  
  .checbox.w--redirected-checked {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-width: 2px;
    border-color: #25cc88;
    border-radius: 8px;
  }
  
  .checbox.w--redirected-focus {
    box-shadow: none;
  }
  
  .back-button-slide-3 {
    color: #aeafc5;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    padding: 20px 32px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .back-button-slide-3:hover {
    color: #fff;
  }
  
  .checkbox-icon-circle {
    width: 64px;
    height: 64px;
    background-color: rgba(73, 74, 125, .32);
    border-radius: 100px;
    margin-right: 24px;
    padding: 15px;
  }
  
  .counter-centre {
    justify-content: flex-end;
    align-items: center;
    padding: 32px 48px 32px 30px;
    display: flex;
    position: relative;
  }
  
  .success-message-8 {
    max-width: 620px;
    color: #33f3a5;
    background-color: rgba(45, 178, 124, .1);
    border-radius: 16px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px 50px;
  }
  
  .form-text-wrapper {
    color: #8687a8;
    text-align: right;
  }
  
  .form-text-wrapper.active-text-wrapper {
    color: #fff;
  }
  
  .title-wrap-12 {
    margin-bottom: 42px;
  }
  
  .form-circle {
    z-index: 5;
    width: 52px;
    height: 52px;
    background-color: #494a7d;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    display: flex;
    position: relative;
  }
  
  .form-circle.circle-active {
    background-color: #2db27c;
  }
  
  .next-button-slide-7 {
    color: #fff;
    text-align: center;
    background-color: #494a7d;
    border-radius: 500px;
    padding: 20px 44px;
    font-size: 16px;
    transition: all .2s;
  }
  
  .next-button-slide-7:hover {
    background-color: #25cc88;
  }
  
  .b-h3-heading {
    color: #3e376d;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
  }
  
  .b-button-primary {
    min-height: 48px;
    color: #fff;
    text-align: center;
    background-color: #3e376d;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    transition: background-color .3s;
    display: inline-block;
  }
  
  .b-button-primary:hover {
    background-color: #4e4587;
  }
  
  .b-max-width-small {
    max-width: 400px;
  }
  
  .b-badge {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    align-items: center;
    margin-bottom: 12px;
    display: flex;
  }
  
  .b-paragraph-regular {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
  }
  
  .b-button-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    margin-top: 32px;
    display: flex;
  }
  
  .b-span-primary {
    color: #e57361;
  }
  
  .b-badge-caption {
    letter-spacing: .01em;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
  }
  
  .b-title-wrapper-center {
    max-width: 620px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .b-container-small {
    z-index: 5;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .b-badge-icon {
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .b-section-regular {
    background-color: #f5f6f9;
    padding: 92px 5%;
    position: relative;
    overflow: hidden;
  }
  
  .b-cta-image {
    width: 100%;
    height: 100%;
  }
  
  .cta-section-2-off-white-copy {
    color: #fff;
    background-color: #f5f6f9;
    background-image: linear-gradient(#fff, #fff 50%, #0f1529 50%);
    margin-top: 47px;
    padding: 0 3%;
  }
  
  .text-span-55 {
    text-decoration: line-through;
  }
  
  .text-span-56 {
    color: #0dd290;
  }
  
  .b-integration-grid-large {
    grid-column-gap: 40px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  
  .b-button-plain-icon-right {
    grid-column-gap: 8px;
    color: #5e53a2;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    transition: color .3s;
    display: flex;
  }
  
  .b-button-plain-icon-right:hover {
    color: #3e376d;
  }
  
  .b-integration-button-wrapper {
    margin-top: 16px;
    display: inline-block;
  }
  
  .b-paragraph-small {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
  }
  
  .b-paragraph-small.b-text-color-gray-700 {
    color: #fff;
  }
  
  .b-integration-icon-dark {
    width: 80px;
    height: 80px;
    background-color: #f3f4f6;
    border-radius: 24px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .b-button-default-icon {
    grid-column-gap: 4px;
    color: #454f5f;
    background-color: #f3f4f6;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
  }
  
  .b-button-default-icon:hover {
    color: #fff;
    background-color: #3e376d;
  }
  
  .b-integration-heading-content {
    width: 100%;
    max-width: 510px;
  }
  
  .b-integration-grid-block {
    grid-column-gap: 24px;
    align-items: flex-start;
    display: flex;
  }
  
  .b-heading-wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 64px;
    display: flex;
  }
  
  .b-paragraph-large {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.9;
  }
  
  .b-paragraph-large.b-text-weight-semibold {
    color: #f5f6f9;
    font-weight: 600;
  }
  
  .b-icon-xxsmall {
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .b-section-regular-2 {
    background-color: #000;
    padding: 31px 5% 92px;
    position: relative;
    overflow: hidden;
  }
  
  .b-icon-small {
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .features-title-wrap-7-left {
    max-width: 470px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }
  
  .features-subheading-left {
    color: #4f4f4f;
    text-align: left;
    margin-top: -1px;
    font-size: 18px;
    line-height: 1.5;
  }
  
  .features-title-wrap-7-copy {
    max-width: 470px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 39px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  
  .features-heading-8-copy {
    color: #000;
    text-align: center;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
  }
  
  .nav-toggle-2 {
    height: 100%;
    color: #000;
    border-bottom: 2px solid rgba(102, 103, 171, 0);
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 400;
    transition: all .2s;
    display: flex;
  }
  
  .nav-toggle-2:hover, .nav-toggle-2.w--open {
    color: #3377fe;
    border-bottom-color: #3377fe;
  }
  
  .dropdown-wrapper-4 {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 20px;
    overflow: hidden;
  }
  
  .navigation-dropdown-link-3 {
    color: #2b2c4f;
    border-radius: 8px;
    align-items: flex-start;
    padding: 20px;
    text-decoration: none;
    transition: background-color .4s, color .4s;
    display: flex;
  }
  
  .navigation-dropdown-link-3:hover {
    color: #3377fe;
    background-color: #ebebf4;
  }
  
  .logo-image-4 {
    margin-left: 35px;
  }
  
  .column-5 {
    height: 100%;
    border-radius: 20px;
    padding: 15px 0 10px 25px;
  }
  
  .navigation-title-3 {
    color: #2e323c;
    letter-spacing: .08em;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
  }
  
  .dropdown-list-5 {
    z-index: 99;
    min-width: 100%;
  }
  
  .dropdown-list-5.w--open {
    z-index: 99;
    min-width: auto;
    background-color: #fff;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 77px;
    bottom: auto;
    left: 45px;
    right: 45px;
    box-shadow: 13px 69px 90px rgba(235, 235, 244, .8);
  }
  
  .button-8 {
    min-width: 117px;
    color: #fff;
    text-align: center;
    background-color: #4869fe;
    border-radius: 5px;
    flex: 0 auto;
    align-self: auto;
    margin-bottom: 0;
    margin-right: 35px;
    padding: 12px 30px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .3s, color .3s;
  }
  
  .button-8:hover {
    color: #fff;
    background-color: #3f5ff6;
    text-decoration: none;
  }
  
  .button-8.w--current {
    padding-top: 11px;
  }
  
  .button-8.light-blue {
    color: #4869fe;
    text-align: center;
    background-color: #f0f3fe;
    transition: background-color .35s, color .35s;
  }
  
  .button-8.light-blue:hover {
    color: #fff;
    background-color: #3f5ff6;
    text-decoration: none;
  }
  
  .button-8.transparent {
    height: auto;
    color: #000;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6436e726e50ddfa3b1cf63c8_Black%20Arrow%20Right.svg");
    background-position: 93%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-left: 15px;
    padding-right: 50px;
    transition: background-position .3s, color .3s;
    position: relative;
  }
  
  .button-8.transparent:hover {
    background-position: 96%;
    text-decoration: none;
  }
  
  .link-description-3 {
    color: #2b2c4f;
    letter-spacing: .02em;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  
  .m-navigation-list {
    z-index: 99;
    background-color: rgba(0, 0, 0, 0);
  }
  
  .m-navigation-list.w--open {
    width: 100%;
    min-width: auto;
    background-color: #111218;
    border-top: 1px solid #22242f;
    padding: 24px 3%;
    position: absolute;
    top: 90px;
    bottom: auto;
    left: 0%;
    right: auto;
    overflow: hidden;
    box-shadow: 45px 45px 140px -48px rgba(57, 59, 106, .12);
  }
  
  .icon-nav-3 {
    color: #000;
    margin-right: 10px;
  }
  
  .navigation-grid-4 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 2fr;
  }
  
  .brand-4 {
    margin-right: 4vw;
  }
  
  .navbar-4 {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    box-shadow: 0 1px #f1f1f1;
  }
  
  .nav-link-text {
    color: #000;
    padding-top: 4px;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 20px;
    text-decoration: none;
  }
  
  .nav-link-8 {
    color: #423f3f;
    text-align: center;
    border: 2px solid rgba(63, 95, 246, 0);
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 4px 1em 6px;
    font-size: 16px;
    text-decoration: none;
    transition: border-color .2s;
    display: flex;
  }
  
  .nav-link-8:hover {
    opacity: 1;
    background-color: #fff;
    border: 2px solid #eef5fa;
    text-decoration: none;
    transition: box-shadow .3s, color .2s;
  }
  
  .nav-link-8.w--current {
    color: #3f5ff6;
    box-shadow: 1px 1px 4px rgba(5, 5, 5, .15);
  }
  
  .hero-features-paragraph {
    width: 80%;
  }
  
  .section-6 {
    position: relative;
  }
  
  .section-6.black-2, .section-6.black {
    background-color: #000;
  }
  
  .hero-title-overlay {
    z-index: 1;
    width: 110%;
    height: 125px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 10%, #fff);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: -10%;
    right: auto;
    transform: translate(100%);
  }
  
  .hero-title-overlay._2nd, .hero-title-overlay._2nd.feature-page {
    top: 100px;
  }
  
  .hero-title-overlay._4th {
    top: 375px;
  }
  
  .hero-title-overlay._4th.feature-page {
    top: 355px;
  }
  
  .hero-title-overlay._1st.feature-page {
    top: -20px;
  }
  
  .hero-title-overlay._3rd {
    top: 260px;
  }
  
  .hero-title-overlay._3rd.feature-page {
    top: 180px;
  }
  
  .container-13 {
    max-width: 1440px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 3em 1em;
    position: relative;
  }
  
  .container-13.more-space {
    padding-top: 4em;
    padding-bottom: 0;
  }
  
  .hero-features-buttons-holder {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 52px;
    display: flex;
  }
  
  .hero-text {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .hero-text.center {
    text-align: center;
  }
  
  .hero-text.center.features {
    font-size: 72px;
  }
  
  .center-box {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  
  .gradient-text-big {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .hero-title-container {
    z-index: 1;
    max-width: 75%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
  }
  
  .box-item {
    color: #242424;
    text-align: center;
    background-color: #242424;
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 40px 15px;
    text-decoration: none;
    transition: opacity .3s;
    display: flex;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
  }
  
  .box-item:hover {
    color: #242424;
    text-decoration: none;
  }
  
  .box-header {
    color: #eef5fa;
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
  }
  
  .scroll-to-id {
    z-index: -5;
    position: absolute;
    top: -10%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .heading-wrap-text {
    font-size: 42px;
    display: inline;
  }
  
  .content {
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }
  
  .box-description {
    color: #fafafa;
    text-align: center;
    font-size: 16px;
  }
  
  .gradient-text {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .card-9-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: -86px;
    margin-bottom: 103px;
    display: grid;
  }
  
  .box-icon {
    height: 35px;
    margin-bottom: 15px;
  }
  
  .box-item-link {
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
  }
  
  .box-item-link:hover {
    color: #242424;
    text-decoration: none;
  }
  
  .heading-container {
    margin-bottom: 3.5em;
    display: inline-block;
  }
  
  .text-center {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  
  .box-gradient {
    z-index: -1;
    background-image: linear-gradient(#4869fe, #3377fe);
    border-radius: 14px;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
  }
  
  .fade-in-on-scroll {
    float: none;
  }
  
  .managed-it-header-icon {
    height: auto;
    max-width: 20%;
    margin-bottom: 15px;
  }
  
  .no-margin-top {
    margin-top: 0;
    padding-left: 85px;
  }
  
  .no-margin-top.black-bg {
    text-align: left;
    padding-left: 0;
  }
  
  .tab-link-2 {
    color: #242424;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
    margin-bottom: 1em;
    padding: 24px 30px;
    text-decoration: none;
    transition: background-color .3s, color .3s;
  }
  
  .tab-link-2:hover {
    color: #242424;
    background-color: #fafafa;
    text-decoration: none;
  }
  
  .tab-link-2.w--current {
    background-color: #fafafa;
  }
  
  .tab-pane-image {
    width: 100%;
    height: 100%;
  }
  
  .tabs-content-3 {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .section-7 {
    position: relative;
  }
  
  .tabs-2 {
    flex-direction: row;
    align-items: center;
    display: flex;
  }
  
  .tabs-menu-2 {
    width: 35%;
    flex-direction: column;
    display: flex;
  }
  
  .tab-pane-3 {
    width: 100%;
  }
  
  .transparent-button-holder {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  
  .feature-black-image-holder {
    z-index: 1;
    border-radius: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 3.5em;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .decorative-line-cyber {
    width: 100%;
    height: 1px;
    text-align: left;
    -webkit-text-fill-color: inherit;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4 103%);
    background-clip: border-box;
    margin-top: 1.5em;
    margin-bottom: .5em;
    display: block;
  }
  
  .heading {
    font-size: 32px;
  }
  
  .container-14 {
    max-width: 1440px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: rgba(0, 0, 0, 0);
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 3em 1em;
    position: relative;
  }
  
  .container-14.subscribe-form-container {
    padding-top: 5.5em;
    padding-bottom: 1.9em;
  }
  
  .button-9 {
    height: 50px;
    min-width: 117px;
    color: #fff;
    text-align: center;
    background-color: #4869fe;
    border-radius: 5px;
    flex: 0 auto;
    align-self: auto;
    margin-bottom: 0;
    margin-right: 25px;
    padding: 15px 30px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .3s, color .3s;
  }
  
  .button-9:hover {
    color: #fff;
    background-color: #3f5ff6;
    text-decoration: none;
  }
  
  .button-9.icon-white-text {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/64370188c42e8f44d1a4eeb2_Gradient%20Arrow%20Right.svg");
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 0;
    padding-right: 40px;
    transition: background-position .3s, color .3s;
  }
  
  .button-9.icon-white-text:hover {
    background-position: 98%;
    text-decoration: none;
  }
  
  .button-9.transparent.no-left-margin {
    padding-left: 0;
  }
  
  .gradient-background-red {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4);
    flex: 0 .5 auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .feature-block-content {
    color: #fff;
  }
  
  .grid-6-columns {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .white-text-2 {
    color: #fff;
  }
  
  .white-text-2.center-text {
    display: inline-block;
  }
  
  .white-paragraph {
    color: #fff;
  }
  
  .managed-it-section-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 47px;
    display: flex;
  }
  
  .feature-image-2 {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
  }
  
  .gradient-background-green {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4);
    flex: 0 .5 auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .brand-marketplace-wrapper {
    z-index: 100;
    width: 100%;
    height: 80px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .arrows-holder {
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    display: flex;
    position: relative;
  }
  
  .brand-marketplace-content {
    width: 700%;
    height: 100%;
    max-height: 60px;
    max-width: 700px;
    background-color: #fff;
    border-radius: 100px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }
  
  .card-image-container {
    background-color: #ebf3fe;
    border-radius: 14px;
  }
  
  .brand-content-holder {
    width: 100%;
    height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    display: flex;
  }
  
  .brand-content-holder.right {
    justify-content: flex-end;
  }
  
  .brand-content-holder.left {
    justify-content: flex-start;
    padding-left: 40px;
  }
  
  .card-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
  }
  
  .card-grid.first {
    margin-top: 60px;
  }
  
  .card-grid.second {
    margin-top: 100px;
    margin-bottom: 80px;
  }
  
  .card-content-holder {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
  
  .brand-marketplace-link {
    height: 100%;
    color: #3f5ff6;
    text-transform: none;
    justify-content: flex-end;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
  }
  
  .brand-marketplace-link:hover {
    color: #e9bbc4;
    text-decoration: none;
  }
  
  .brand-bg {
    z-index: -1;
    width: 706px;
    height: 66px;
    max-width: 706px;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4);
    border-radius: 70px;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
  }
  
  .card-gradient-line {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #e9bbc4);
    margin-bottom: 16px;
  }
  
  ._100 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .card-paragraph {
    width: 68%;
    margin-bottom: 20px;
    line-height: 1.5;
  }
  
  .blue-arrow-2 {
    margin-left: 10px;
  }
  
  .blue-arrow-2.no-radius {
    width: 100%;
    height: 100%;
    border-radius: 0;
    margin-left: 0;
  }
  
  .pink-arrow {
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .subscribe-form-wrapper {
    background-color: #f8f9fb;
    border-radius: 16px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 70px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .error-message-5 {
    width: 100%;
    max-width: 570px;
    color: #fff;
    text-align: center;
    background-color: #e9bbc4;
    border: 1px #fff;
    border-radius: 5px;
    position: absolute;
    top: 85%;
  }
  
  .subscribe-form-content {
    width: 50%;
    height: auto;
    margin-left: -11px;
  }
  
  .subscribe-form-image {
    width: 100%;
    height: 100%;
    opacity: 1;
    margin-left: 40px;
  }
  
  .subscribe-form-image-holder {
    z-index: 20;
    width: 600px;
    height: 600px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%;
  }
  
  .form-block-5 {
    width: 100%;
    max-width: 575px;
    min-width: 575px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }
  
  .form-block-5.blog-form-block {
    max-width: 500px;
    min-width: 500px;
  }
  
  .subscribe-form-header {
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .form-2 {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  
  .subscribe-summary {
    margin-bottom: 56px;
  }
  
  .success-message-9 {
    width: 100%;
    color: #fff;
    background-color: #3f5ff6;
    border: 1px solid #3f5ff6;
    border-radius: 16px;
    padding: 20px;
  }
  
  .success-message-9.blog-form-block {
    border-color: #fff;
  }
  
  .submit-button-4 {
    width: 160px;
    height: 50px;
    color: #fff;
    background-color: #4869fe;
    border-radius: 5px;
    margin-left: 16px;
    padding: 12px 24px;
    font-size: 20px;
    font-weight: 500;
  }
  
  .submit-button-4.blog-submit-button {
    background-color: #000;
    margin-left: 20px;
    transition: background-color .3s;
  }
  
  .submit-button-4.blog-submit-button:hover {
    background-color: #323232;
  }
  
  .text-span-58 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(105deg, #3377fe, #5167f6);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-59 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(106deg, #5167f6, #3377fe 99%, #fff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-60 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(133deg, #3377fe, #5167f6);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-61 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(102deg, #5167f6, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .heading-wrap-text-color {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(123deg, #0dd290, #329eff);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 40px;
    display: inline;
  }
  
  .text-span-62 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(115deg, #fa496e, #ff1a1a);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .section---fs {
    position: relative;
  }
  
  .section---fs.black-2, .section---fs.black {
    background-color: #000;
  }
  
  .container-14-special {
    max-width: 1440px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 3em 1em;
    position: relative;
  }
  
  .container-14-special.subscribe-form-container {
    padding-top: 5.5em;
    padding-bottom: 5.5em;
  }
  
  .service-side-image-copy {
    width: 91.6667%;
    height: 320px;
    background-color: #ccd0d9;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/643752797db271a813a57771_john-towner-FD_sabE544U-unsplash.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    position: relative;
  }
  
  .service-side-image-copy.service-side-image-2 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/61be881e3366926ea0978cc3_kirill-sh-eVWWr6nmDf8-unsplash.jpg");
    background-position: 0 0;
    background-size: auto;
  }
  
  .service-side-image-copy.service-side-image-1 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6226609d284fd102ad76b7da_Screen%20Shot%202022-03-07%20at%202.44.08%20PM.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 700px;
  }
  
  .service-side-image-copy.service-side-image-3 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc5a86a10e3c75434ecb5a0_5f3349013669dd5327907199_julian-o-hayon-Bs-zngH79Ds-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .service-side-image-copy.service-side-image-4 {
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/622c38e13e233309a59cbfbd_marc-pezin-i_JUAdanGH0-unsplash.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .text-span-63 {
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 500;
  }
  
  .cta-section-2-off-black {
    color: #f5f6f9;
    background-color: #fff;
    background-image: linear-gradient(#000, #000 50%, #0f1529 66%);
    padding: 0 3%;
  }
  
  .text-span-64 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(104deg, #7567f8, #f34568);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-block-42, .text-block-43 {
    padding-left: 79px;
  }
  
  .text-block-44 {
    padding-left: 73px;
  }
  
  .text-span-65 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101deg, #5210b2, #0d87dc);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-66 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(102deg, #3377fe, #7567f8);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .text-span-67 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(105deg, #7567f8, #8232f3);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .box-item-blue {
    color: #242424;
    text-align: center;
    background-color: #242424;
    background-image: linear-gradient(134deg, #3377fe, #5167f6);
    border-radius: 12px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 15px;
    text-decoration: none;
    transition: opacity .3s;
    display: flex;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
  }
  
  .box-item-blue:hover {
    color: #242424;
    background-image: linear-gradient(134deg, #3377fe, #5167f6);
    flex-wrap: nowrap;
    text-decoration: none;
  }
  
  .service-simple-header-white {
    color: #fff;
    margin-top: 12px;
    font-size: 25px;
  }
  
  .card-9-column-home {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 14px;
    margin-bottom: 103px;
    display: grid;
  }
  
  .header-section-home {
    background-image: radial-gradient(circle closest-side at 40% 40%, rgba(51, 119, 254, .24) 22%, #d1e1ff 30%, #fff);
    align-items: center;
    margin-top: 0;
    padding: 140px 5% 130px;
    display: flex;
    position: relative;
  }
  
  .box-item-link-home {
    width: 100%;
    height: 100%;
    color: #3377fe;
    text-decoration: none;
    position: relative;
  }
  
  .box-item-link-home:hover {
    color: #242424;
    text-decoration: none;
  }
  
  .box-gradient-home {
    z-index: -1;
    border-radius: 14px;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
  }
  
  .text-span-68 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(134deg, #3377fe, #5167f6);
    -webkit-background-clip: text;
    background-clip: text;
  }
  
  .header-logo-block-min {
    max-width: 100%;
    opacity: 1;
    background-color: #fff;
    border-radius: 11px;
    align-items: center;
    margin-top: 3px;
    margin-bottom: 104px;
    padding: 40px 32px;
    display: flex;
    box-shadow: 5px 5px 20px -8px rgba(0, 0, 0, .14);
  }
  
  .features-section-3-black {
    color: #9a9a9a;
    background-color: #000;
    padding: 130px 3%;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
  }
  
  .h3-heading-6-white {
    color: #fff;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
  }
  
  .features-heading-8-white {
    color: #fff;
    text-align: left;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 14px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
  }
  
  .combine-chevron-right_icon {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    display: flex;
  }
  
  .combine-button-content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .combine-button-icon {
    color: #1f2c3d;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
  }
  
  .combine-button-icon:hover {
    color: #6157f8;
  }
  
  .combine-text-size-small {
    color: #1f2c3d;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-text-color-grey {
    color: #5f6570;
  }
  
  .combine-heading-style-h5 {
    color: #1f2c3d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
  }
  
  .combine-blog3_date {
    color: #5f6570;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-blog3_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    display: flex;
  }
  
  .combine-blog3_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .combine-blog3_label {
    z-index: 2;
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 4rem;
    margin-top: .75rem;
    margin-left: .75rem;
    padding: .25rem .75rem;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .combine-blog3_image-wrapper {
    width: 100%;
    min-height: 15rem;
    min-width: 12rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .combine-blog3_item {
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 1.25rem;
    flex-direction: row;
    text-decoration: none;
    transition: transform .25s, box-shadow .25s, color .25s;
    display: flex;
    overflow: hidden;
  }
  
  .combine-blog3_item:hover {
    transform: translate(0, -.75rem);
    box-shadow: 0 16px 20px rgba(140, 148, 165, .2);
  }
  
  .combine-blog3_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }
  
  .combine-container-large {
    width: 100%;
    max-width: 75rem;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .combine-space-large {
    height: 4rem;
  }
  
  .combine-text-size-regular {
    color: #5f6570;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-space-medium {
    width: 100%;
    height: 1.5rem;
  }
  
  .combine-heading-style-h2 {
    color: #1f2c3d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.35;
  }
  
  .combine-text-align-center {
    text-align: center;
  }
  
  .combine-container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .combine-padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .combine-padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .combine-section_blog3 {
    background-color: #f2f3f7;
  }
  
  .rounded-image {
    width: 800px;
    height: 400px;
    object-fit: cover;
    border-radius: 12px;
  }
  
  .row {
    display: flex;
  }
  
  .content-width-extra-large {
    width: 100%;
    max-width: 964px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .badge-2 {
    height: 32px;
    min-width: 32px;
    color: #fff;
    background-color: #ff715b;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    transition: box-shadow .2s;
    display: flex;
    box-shadow: inset 0 20px 20px 20px rgba(0, 0, 0, 0);
  }
  
  .badge-2:hover {
    box-shadow: inset 0 20px 20px 20px rgba(0, 0, 0, .15);
  }
  
  .space-left {
    margin-left: 24px;
  }
  
  .display-heading-3 {
    color: #3377fe;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
  }
  
  .post-meta-wrapper {
    align-items: center;
    margin-top: 12px;
    display: flex;
  }
  
  .section-8 {
    margin-top: 144px;
    margin-bottom: 144px;
  }
  
  .section-8.section-small {
    max-width: 100px;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .blog-post-panel-author {
    color: #3377fe;
    white-space: nowrap;
  }
  
  .container-15 {
    width: 100%;
    max-width: 1296px;
    perspective: 500px;
    margin-top: 44px;
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .content-width-medium {
    width: 100%;
    max-width: 612px;
  }
  
  .content-width-medium.article-title-wrapper {
    max-width: 728px;
    color: #000;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 27px;
    margin-left: 177px;
    margin-right: auto;
    display: flex;
  }
  
  .avatar-4 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex: none;
  }
  
  .cta-section-2-off-white-blog {
    color: #000;
    background-color: #fff;
    background-image: linear-gradient(178deg, #00246d, #f8f9fb 50%, #0f1529 50%);
    padding: 0 3%;
  }
  
  .cta-section-2-off-white-blog-2 {
    color: #000;
    background-color: #fff;
    background-image: linear-gradient(178deg, rgba(0, 0, 0, 0), #f8f9fb 50%, #0f1529 50%);
    padding: 0 3%;
  }
  
  .pricing-date-white {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }
  
  .badge-category-guide {
    color: #fff;
    text-transform: uppercase;
    background-color: #2e323c;
    border-radius: 32px;
    margin-bottom: 16px;
    padding: 4px 10px;
    font-weight: 600;
    line-height: 24px;
  }
  
  .combine-chevron-right_icon-2 {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    display: flex;
  }
  
  .combine-button-content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
    display: flex;
  }
  
  .combine-button-icon-2 {
    color: #1f2c3d;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
  }
  
  .combine-button-icon-2:hover {
    color: #6157f8;
  }
  
  .combine-blog4_paragraph {
    color: #5f6570;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-heading-style-h6 {
    color: #1f2c3d;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
  }
  
  .combine-blog4_date {
    color: #5f6570;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-blog4_content {
    width: 100%;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 1rem;
    padding: 1em;
    font-family: Ubuntu, Helvetica, sans-serif;
    display: flex;
  }
  
  .combine-blog4_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .combine-blog4_label {
    z-index: 2;
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 4rem;
    margin-top: .75rem;
    margin-left: .75rem;
    padding: .25rem .75rem;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .combine-blog4_image-wrapper {
    width: 100%;
    max-width: 12rem;
    min-height: 15rem;
    min-width: 12rem;
    border-radius: 1.25rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .combine-blog4_item {
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: row;
    margin-bottom: 10px;
    text-decoration: none;
    transition: background-color .25s, box-shadow .25s, transform .25s;
    display: flex;
  }
  
  .combine-blog4_item:hover {
    opacity: 1;
    transform: translate(0);
    box-shadow: 0 16px 20px rgba(140, 148, 165, .24);
  }
  
  .combine-blog4_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    display: flex;
  }
  
  .combine-text-size-regular-2 {
    color: #5f6570;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-heading-style-h5-2 {
    color: #1f2c3d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
  }
  
  .combine-blog4_content-featured {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem;
    display: flex;
  }
  
  .combine-blog4_image-featured {
    width: 100%;
    height: 24rem;
    min-width: 12rem;
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .combine-blog4_featured {
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 1.25rem;
    flex-direction: column;
    text-decoration: none;
    display: flex;
    overflow: hidden;
  }
  
  .combine-blog4_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
  }
  
  .combine-container-large-2 {
    width: 100%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .combine-space-large-2 {
    height: 4rem;
  }
  
  .combine-space-medium-2 {
    width: 100%;
    height: 1.5rem;
  }
  
  .combine-heading-style-h2-2 {
    color: #1f2c3d;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.35;
  }
  
  .combine-text-align-center-2 {
    text-align: center;
  }
  
  .combine-container-small-2 {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .combine-padding-section-medium-2 {
    padding-top: 0;
    padding-bottom: 4rem;
  }
  
  .combine-padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .combine-section_blog4 {
    background-color: #fff;
    display: none;
  }
  
  .lc-section {
    z-index: 10;
    color: #111;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-color: #edeff4;
    background-clip: border-box;
    padding: 120px 24px;
    position: relative;
    overflow: hidden;
  }
  
  .lc-section.grey-section {
    background-color: #000;
    padding: 100px 3px;
  }
  
  .lc-section.no-bottom-padding {
    padding-bottom: 0;
  }
  
  .lc-section.no-top-padding {
    box-shadow: none;
    opacity: 1;
    background-color: #fff;
    background-image: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .lc-section.no-top-padding.no-bottom-padding {
    opacity: 1;
    background-color: #0a1226;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    box-shadow: 12px 12px 20px -18px #000;
  }
  
  .lc-section.color-3 {
    background-color: #329eff;
  }
  
  .lc-section.contact-image {
    z-index: 2;
    background-image: linear-gradient(rgba(46, 50, 60, .2), rgba(46, 50, 60, .2)), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    position: relative;
  }
  
  .lc-section.contact-image.scroll-bg {
    background-image: linear-gradient(to bottom, null, null), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/5fc562d28ed32651b78d2796_grovemade-239358.jpg");
    background-attachment: scroll, scroll;
  }
  
  .text-block-45 {
    color: #fff;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 700;
  }
  
  .collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .combine-padding-global-2-black {
    background-color: #f2f3f7;
    border: 1px #f2f3f7;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .combine-button-content-3 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .combine-text-size-small-2 {
    color: #1f2c3d;
    margin-bottom: 0;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-text-color-grey-2 {
    color: #5f6570;
  }
  
  .combine-blog3_date-2 {
    color: #5f6570;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  
  .combine-blog3_content-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    display: flex;
  }
  
  .combine-blog3_image-2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .combine-blog3_label-2 {
    z-index: 2;
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 4rem;
    margin-top: .75rem;
    margin-left: .75rem;
    padding: .25rem .75rem;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }
  
  .combine-blog3_image-wrapper-2 {
    width: 100%;
    min-height: 15rem;
    min-width: 12rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .combine-blog3_item-2 {
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 1.25rem;
    flex-direction: row;
    text-decoration: none;
    transition: transform .25s, box-shadow .25s, color .25s;
    display: flex;
    overflow: hidden;
    transform: translate(0);
  }
  
  .combine-blog3_item-2:hover {
    transform: translate(0, -.75rem);
    box-shadow: 0 16px 20px rgba(140, 148, 165, .2);
  }
  
  .combine-blog3_component-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .combine-section_blog3-2 {
    background-color: #f2f3f7;
    display: none;
  }
  
  .combine-button-content-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .combine-blog3_item-3 {
    color: #1f2c3d;
    background-color: #fff;
    border-radius: 1.25rem;
    flex-direction: row;
    text-decoration: none;
    transition: transform .25s, box-shadow .25s, color .25s;
    display: flex;
    overflow: hidden;
  }
  
  .combine-blog3_item-3:hover {
    transform: translate(0);
    box-shadow: -5px 19px 20px rgba(140, 148, 165, .2);
  }
  
  .text-block-46 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }
  
  .heading-26 {
    color: #000;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(117deg, #3377fe, #6157f8);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 40px;
    line-height: 50px;
  }
  
  .section-9 {
    background-image: linear-gradient(178deg, #edeff5 54%, #3377fe 55%, #3377fe);
  }
  
  .hero-blog-wrapper {
    z-index: 5;
    background-color: #3f5ff6;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/628d68aaac7a18100723874d_milad-fakurian-0W-nqIhILS8-unsplash.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 32px;
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 4.5em;
    padding-bottom: 4.5em;
    padding-left: 4.2em;
    position: relative;
    overflow: hidden;
  }
  
  .blog-list.second-collection {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .blog-item.second {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }
  
  .blog-header-2 {
    margin-top: 0;
    margin-bottom: 13px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 72px;
  }
  
  .hero-blog-content {
    width: 65%;
    height: 100%;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  
  .blog-wrapper-2 {
    margin-top: 65px;
  }
  
  .blog-wrapper-2.second {
    margin-top: 50px;
  }
  
  .hero-feature-gradient {
    width: 100%;
    height: 170px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0%;
    right: 0%;
  }
  
  .hero-feature-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
  }
  
  .hero-feature-image.blog-hero-image {
    width: 100%;
    height: 60%;
    max-width: 50%;
    object-fit: scale-down;
  }
  
  .hero-features-image-grid {
    height: 750px;
    grid-column-gap: 34.5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    justify-items: center;
    margin-top: 130px;
    padding-top: 10em;
    overflow: hidden;
  }
  
  .hero-features-image-grid.blog-images-grid {
    width: 70%;
    margin-top: -2px;
    padding-top: 4em;
    position: absolute;
    top: 25%;
    bottom: 0%;
    left: 60%;
    right: auto;
  }
  
  .hero-features-images-col {
    width: 100%;
    height: 100%;
  }
  
  .hero-features-images-col.second-col, .hero-features-images-col.fourth-col {
    margin-top: -5em;
  }
  
  .text-field-7 {
    height: 50px;
    max-width: 400px;
    min-width: 400px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 0;
    transition: border-color .3s;
  }
  
  .text-field-7:active {
    border: 1px solid #3f5ff6;
  }
  
  .text-field-7::-ms-input-placeholder {
    color: #c4c4c4;
  }
  
  .text-field-7::placeholder {
    color: #c4c4c4;
  }
  
  .text-field-7.blog-text-field {
    max-width: 320px;
    min-width: 320px;
  }
  
  .hero-blog-paragraph {
    width: 75%;
    color: #fff;
    margin-bottom: 32px;
  }
  
  .hero-feature-image-holder {
    height: 30%;
    border-radius: 12px;
    margin-top: 30px;
  }
  
  .section-10 {
    background-color: #f2f3f7;
    display: none;
  }
  
  .avatar-5 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex: none;
  }
  
  .article-container {
    width: 100%;
    max-width: 700px;
    margin-left: 197px;
    margin-right: 15px;
    display: block;
  }
  
  .text-lead {
    letter-spacing: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }
  
  .text-lead.blog-post-summary {
    margin-bottom: 96px;
  }
  
  .article {
    position: static;
  }
  
  .horizontal-rule {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .horizontal-rule.blog-post-horizontal-rule {
    margin-top: 96px;
    margin-bottom: 96px;
  }
  
  .div-block-8 {
    min-width: 75px;
    display: block;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .gallery-overview {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }
  
  .container-16 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
  
  .gallery-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
  }
  
  .gallery-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  
  .gallery-features-block {
    margin-top: 16px;
    margin-bottom: 24px;
  }
  
  .gallery-feature {
    background-image: url("https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 8px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
  }
  
  .button-primary-7 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }
  
  .button-primary-7:hover {
    color: #fff;
    background-color: #32343a;
  }
  
  .button-primary-7:active {
    background-color: #43464d;
  }
  
  .gallery-grid-2 {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .gallery-image-2 {
    width: 100%;
  }
  
  .container-17 {
    background-color: #6478f7;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }
  
  .div-block-9 {
    width: 150px;
    height: 1000px;
    color: #ffa535;
    background-color: #df4798;
    position: fixed;
  }
  
  .blog-section {
    padding: 70px 4%;
  }
  
  .blog-grid-1 {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    align-items: start;
  }
  
  .blog-grid-1._2nd {
    grid-template-columns: .3fr 1fr .3fr;
  }
  
  .blog-grid-1-col {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }
  
  .blog-grid-1-col.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
  }
  
  .blog-grid-1-link {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    transition: all .2s;
  }
  
  .blog-grid-1-link:hover {
    background-color: #e3e8f4;
  }
  
  .blog-grid-1-link.w--current {
    color: #329eff;
    background-color: #e3e8f4;
  }
  
  .blog-grid-1-line {
    height: 1px;
    background-color: #e3e8f4;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  
  .blog-grid-1-h6 {
    color: #1f2c3d;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
  }
  
  .blog-grid-1-h6.blog-author-h6 {
    color: #1f2c3d;
    font-weight: 400;
  }
  
  .blog-grid-1-h6.diff {
    color: #fff;
    margin-bottom: 0;
    font-size: 19px;
  }
  
  .blog-grid-1-h6._16px-space {
    margin-bottom: 16px;
  }
  
  .blog-grid-1-side-menu-1 {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  
  .cate-col-list, .cate-col-item {
    flex-direction: column;
    display: flex;
  }
  
  .cate-col-link {
    color: #4d5b7c;
    border-radius: 14px;
    padding: 8px 15px 10px;
    font-size: 16px;
    font-weight: 500;
    transition: all .2s;
  }
  
  .cate-col-link:hover {
    background-color: #e3e8f4;
  }
  
  .cate-col-link.w--current {
    color: #329eff;
    background-color: #e3e8f4;
  }
  
  .blog-grid-1-col-top {
    color: #fff;
    background-color: #329eff;
    background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/628d68aaac7a18100723874d_milad-fakurian-0W-nqIhILS8-unsplash.jpg"), url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6444d724321aed578a3160a8_Group%207423-min.png");
    background-position: 50%, 97% 100%;
    background-repeat: repeat, no-repeat;
    background-size: cover, 150px;
    border: 1px #000;
    border-radius: 20px;
    margin-bottom: 60px;
    padding: 64px 48px;
  }
  
  .blog-heading-1 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 56px;
    line-height: 1;
  }
  
  .para.para-18px {
    font-size: 18px;
  }
  
  .para._0px-space {
    margin-bottom: 0;
  }
  
  .para._20px-space {
    margin-bottom: 20px;
  }
  
  .blog-h2 {
    margin-top: 0;
    margin-bottom: 48px;
    line-height: 1.2;
  }
  
  .blog-col-list-wrap._60px-space {
    margin-bottom: 60px;
  }
  
  .blog-col-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .blog-col-link {
    height: 100%;
    color: #1f2c3d;
    border-radius: 12px;
    flex-direction: column;
    text-decoration: none;
    transition: all .28s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .1);
  }
  
  .blog-col-link:hover {
    transform: translate(0, -5px);
  }
  
  .blog-col-link-img {
    height: 160px;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .blog-col-link-content {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }
  
  .blog-col-link-cate {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 700;
  }
  
  .blog-col-link-cate._8px-space {
    margin-bottom: 8px;
  }
  
  .blog-col-link-h5 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3;
  }
  
  .blog-col-link-date {
    color: #5f6570;
    margin-top: auto;
    font-size: 15px;
    font-weight: 500;
  }
  
  .blog-col-grid-spacer {
    height: 1px;
    background-color: #e3e8f4;
    margin-top: 80px;
    margin-bottom: 60px;
  }
  
  .blog-grid-1-head-drop {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
  }
  
  .blog-grid-1-head-drop-icon {
    width: 22px;
    height: 22px;
    color: #1f2c3d;
    justify-content: center;
    align-items: center;
    display: none;
  }
  
  .blog-grid-1-side-menu-1-link-hold {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }
  
  .blog-grid-1-side-menu-1-link {
    color: #a5aab6;
    font-size: 15px;
    line-height: 1.4;
    transition: all .2s;
  }
  
  .blog-grid-1-side-menu-1-link:hover {
    color: #5f6570;
  }
  
  .blog-grid-1-side-menu-1-link.w--current {
    color: #1f2c3d;
  }
  
  .blog-grid-col-related-hold {
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
  }
  
  .related-col-list {
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
  }
  
  .related-col-link {
    transition: all .2s;
    display: block;
  }
  
  .related-col-link:hover {
    color: #5f6570;
  }
  
  .related-link-txt {
    color: #5f6570;
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
  }
  
  .related-col-flex {
    grid-column-gap: 12px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: underline;
    display: flex;
  }
  
  .related-col-flex-icon {
    width: 18px;
    height: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .blog-h1 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 36px;
    line-height: 1.2;
  }
  
  .blog-grid-1-col-flex {
    grid-column-gap: 16px;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }
  
  .blog-grid-1-col-flex-img {
    width: 48px;
    height: 48px;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex: none;
  }
  
  .blog-img {
    height: 350px;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 40px;
  }
  
  .blog-grid-1-col-content-flex {
    flex-direction: column;
    display: flex;
  }
  
  .blog-grid-1-col-content-flex-div {
    padding-top: 72px;
  }
  
  .blog-grid-1-col-content-flex-div.top {
    padding-top: 0;
  }
  
  .blog-rt h2 {
    margin-top: 0;
    margin-bottom: 24px;
  }
  
  .blog-rt p {
    margin-top: 0;
  }
  
  .blog-rt h4 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .blog-rt h3 {
    margin-top: 0;
    margin-bottom: 24px;
  }
  
  .blog-rt h5 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .blog-grid-1-head-drop-top {
    margin-bottom: 48px;
  }
  
  .blog-grid-1-col-2nd-top {
    color: #fff;
    background-image: linear-gradient(to right, #6157f8, #329eff);
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 24px 20px;
  }
  
  .blog-grid-1-col-2nd-top-link {
    color: #fff;
    font-weight: 700;
  }
  
  .blog-grid-1-col-link-hold {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
  
  .blog-grid-1-col-link {
    color: #5f6570;
    font-weight: 500;
    line-height: 1.5;
    transition: all .2s;
  }
  
  .blog-grid-1-col-link:hover {
    color: #1f2c3d;
  }
  
  .toc-mbl {
    display: none;
  }
  
  @media screen and (min-width: 1280px) {
    .service-side-info {
      padding-left: 0%;
      padding-right: 0%;
    }
  
    .grid-hero {
      padding-bottom: 180px;
    }
  
    .container-navigation-2 {
      height: 70px;
    }
  
    .cta-grid-4 {
      padding-top: 66px;
      padding-bottom: 65px;
    }
  
    .logo-image-4 {
      margin-left: 35px;
    }
  
    .button-8 {
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .navbar-4 {
      border: 1px solid rgba(0, 0, 0, 0);
      box-shadow: 0 1px #f1f1f1;
    }
  
    .container-13 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .container-13.more-space {
      max-width: 1400px;
    }
  
    .hero-title-container {
      max-width: 70%;
    }
  
    .box-item {
      background-color: #242424;
    }
  
    .box-header {
      color: #eef5fa;
    }
  
    .box-description {
      color: #fafafa;
    }
  
    .card-9-column {
      margin-top: -98px;
      margin-bottom: 117px;
    }
  
    .container-14 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .managed-it-section-header {
      margin-bottom: 45px;
    }
  
    .error-message-5 {
      max-width: 580px;
      top: 77%;
    }
  
    .subscribe-form-content {
      z-index: 5;
      margin-left: 29px;
      position: relative;
    }
  
    .subscribe-form-image {
      padding-right: 0;
    }
  
    .container-14-special {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .box-item-blue {
      background-color: #242424;
    }
  
    .card-9-column-home {
      margin-top: -44px;
      margin-bottom: 117px;
    }
  
    .hero-features-image-grid.blog-images-grid {
      top: 35%;
    }
  }
  
  @media screen and (min-width: 1440px) {
    .service-side-text {
      padding-right: 0;
    }
  
    .service-side-info {
      padding-left: 0%;
      padding-right: 0%;
    }
  
    .service-side-content.service-side-content-reversed {
      padding-right: 0%;
    }
  
    .grid-hero {
      margin-top: 38px;
      padding-bottom: 173px;
    }
  
    .header-section-3 {
      padding-bottom: 0;
    }
  
    .button-8 {
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .m-navigation-list.w--open {
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 25px;
    }
  
    .navbar-4 {
      height: 75px;
      border: 1px solid rgba(0, 0, 0, 0);
      box-shadow: 0 1px #f1f1f1;
    }
  
    .container-13 {
      max-width: 1146px;
      flex: 1;
      margin-left: auto;
      margin-right: auto;
    }
  
    .box-item {
      background-color: #242424;
    }
  
    .box-header {
      color: #eef5fa;
    }
  
    .box-description {
      color: #fafafa;
    }
  
    .card-9-column {
      margin-top: -102px;
      margin-bottom: 128px;
    }
  
    .container-14 {
      max-width: 1146px;
      flex: 1;
      margin-left: auto;
      margin-right: auto;
    }
  
    .managed-it-section-header {
      margin-bottom: 38px;
    }
  
    .card-grid.first {
      grid-template-columns: .9fr 1fr;
    }
  
    .card-grid.second {
      grid-template-columns: 1fr .9fr;
    }
  
    .subscribe-form-content {
      margin-left: 0;
    }
  
    .subscribe-form-image {
      margin-left: -16px;
      padding-right: 0;
    }
  
    .subscribe-form-image-holder {
      right: -7%;
    }
  
    .text-span-59 {
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(113deg, #5167f6, #329eff);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .container-14-special {
      max-width: 1146px;
      flex: 1;
      margin-left: auto;
      margin-right: auto;
    }
  
    .box-item-blue {
      background-color: #242424;
    }
  
    .card-9-column-home {
      margin-top: -53px;
      margin-bottom: 128px;
    }
  
    .hero-blog-wrapper {
      background-image: linear-gradient(115deg, #4869fe, #3f42f6);
    }
  
    .blog-header-2 {
      font-family: Ubuntu, Helvetica, sans-serif;
    }
  
    .hero-blog-content {
      width: 70%;
    }
  
    .blog-heading-1 {
      font-family: Ubuntu, Helvetica, sans-serif;
    }
  }
  
  @media screen and (min-width: 1920px) {
    .section.no-top-padding {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .service-side-text {
      padding-right: 0;
    }
  
    .service-side-block, .service-side-block.reversed {
      padding-bottom: 37px;
    }
  
    .service-side-info {
      padding-left: 0%;
      padding-right: 0%;
    }
  
    .service-side-image.service-side-image-2 {
      width: 90%;
      height: 455px;
      background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/643701edaad4013f4472cdb5_dell-Yu0e-xuWoFI-unsplash.jpg");
    }
  
    .service-side-image.service-side-image-3 {
      width: 125%;
      height: 420px;
      background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/6439ce29604b7701b3d04a17_network.png");
    }
  
    .container-4 {
      margin-bottom: 240px;
    }
  
    .grid-hero {
      margin-top: 43px;
      padding-bottom: 113px;
    }
  
    .header-section-3 {
      padding-bottom: 0;
    }
  
    .section-blog {
      margin-bottom: -158px;
      padding-bottom: 0;
    }
  
    .integration-section-5 {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .link-11 {
      background-image: linear-gradient(119deg, #fa496e, #a30ae0);
    }
  
    .text-span-53 {
      background-image: linear-gradient(117deg, #7567f8, #8232f3);
    }
  
    .features-heading-8 {
      color: #000;
      text-align: center;
      margin-top: 11px;
      font-family: Ubuntu, Helvetica, sans-serif;
      font-size: 35px;
      font-weight: 500;
    }
  
    .cta-section-2-off-white {
      background-image: linear-gradient(178deg, #f8f9fb, #fff 50%, #0f1529 50%);
    }
  
    .b-paragraph-small.b-text-color-gray-700 {
      color: #fff;
      background-color: rgba(0, 0, 0, 0);
    }
  
    .b-paragraph-large.b-text-weight-semibold {
      color: #fff;
    }
  
    .b-section-regular-2 {
      background-color: #000;
      padding-bottom: 59px;
    }
  
    .dropdown-wrapper-4 {
      width: auto;
    }
  
    .navigation-dropdown-link-3 {
      margin-right: 24px;
      padding-right: 20px;
    }
  
    .column-5 {
      border-radius: 20px;
      padding: 15px 0 10px 25px;
    }
  
    .dropdown-list-5.w--open {
      max-width: 1000px;
      background-color: #fff;
      border-radius: 20px;
      top: 83px;
      box-shadow: 2px 10px 90px 8px rgba(235, 235, 244, .8);
    }
  
    .button-8, .button-8.light-blue {
      height: auto;
    }
  
    .m-navigation-list {
      font-family: Ubuntu, Helvetica, sans-serif;
    }
  
    .m-navigation-list.w--open {
      border-style: solid;
      right: 35px;
    }
  
    .navigation-grid-4 {
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 17px;
      grid-template-columns: 2fr;
    }
  
    .navbar-4 {
      height: 75px;
      border: 1px solid rgba(0, 0, 0, 0);
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      box-shadow: 0 1px #f1f1f1;
    }
  
    .nav-link-text {
      font-family: Ubuntu, Helvetica, sans-serif;
    }
  
    .hero-features-paragraph.center-text {
      text-align: center;
    }
  
    .section-6.hero-scetion-gray {
      max-width: 100%;
      text-align: center;
      background-image: linear-gradient(#fff, rgba(124, 150, 255, .18) 17%, #fff);
      margin-bottom: 87px;
    }
  
    .section-6.black-2 {
      background-image: radial-gradient(circle at 25% 25%, #000, rgba(86, 39, 98, .32) 15%, #000);
      margin-bottom: -68px;
    }
  
    .section-6.black {
      background-image: radial-gradient(circle at 25% 25%, #000, rgba(41, 26, 107, .32) 15%, #000);
    }
  
    .container-13 {
      max-width: 1200px;
    }
  
    .hero-text.center {
      color: #323232;
    }
  
    .hero-text.center.features {
      font-size: 50px;
    }
  
    .gradient-text-big {
      background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #b066ff);
      font-size: 100px;
    }
  
    .box-item {
      background-color: #242424;
      padding-top: 45px;
      padding-bottom: 45px;
    }
  
    .box-header {
      color: #eef5fa;
    }
  
    .heading-wrap-text {
      opacity: 1;
      color: #131316;
      text-align: center;
      background-color: rgba(0, 0, 0, 0);
      font-family: Ubuntu, Helvetica, sans-serif;
      font-size: 40px;
    }
  
    .content {
      margin-bottom: 4px;
      margin-left: 5px;
      margin-right: 5px;
    }
  
    .box-description {
      color: #fafafa;
    }
  
    .gradient-text {
      background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #b066ff);
    }
  
    .gradient-text.span {
      display: block;
    }
  
    .card-9-column {
      grid-template-rows: auto;
      margin-top: -102px;
      margin-bottom: 128px;
    }
  
    .text-center {
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      flex-wrap: wrap;
    }
  
    .box-gradient {
      z-index: 0;
      background-image: linear-gradient(to right, #4869fe, #3b9eff 100%, #7f3ff6);
    }
  
    .fade-in-on-scroll {
      text-align: center;
    }
  
    .managed-it-header-icon {
      height: auto;
      max-width: none;
    }
  
    .no-margin-top.black-bg {
      text-align: left;
      font-size: 50px;
    }
  
    .section-7 {
      background-color: #f5f5f7;
    }
  
    .decorative-line-cyber {
      background-image: linear-gradient(to right, #0dd290, #8dc4fa 62%, #329eff 103%);
    }
  
    .heading {
      text-align: left;
      font-size: 45px;
    }
  
    .container-14.subscribe-form-container {
      padding-top: 5.5em;
      padding-bottom: 1.3em;
    }
  
    .button-9 {
      height: 49px;
    }
  
    .gradient-background-red {
      background-image: linear-gradient(139deg, #4869fe, #111a23 62%, #242424);
    }
  
    .grid-6-columns {
      margin-top: 57px;
    }
  
    .white-paragraph {
      text-align: left;
    }
  
    .managed-it-section-header {
      margin-bottom: 43px;
    }
  
    .gradient-background-green {
      background-image: linear-gradient(to right, #973ff6, #af99ff 62%, #8dc4fa);
    }
  
    .brand-bg {
      background-image: linear-gradient(to right, #3f5ff6, #8dc4fa 62%, #7032c7);
    }
  
    .card-paragraph {
      width: 90%;
    }
  
    .subscribe-form-wrapper {
      background-color: rgba(0, 0, 0, 0);
      padding-bottom: 27px;
      padding-left: 0;
    }
  
    .subscribe-form-content {
      margin-left: 49px;
    }
  
    .subscribe-form-image {
      width: 100%;
      height: 100%;
      object-fit: fill;
      margin-left: -21px;
      padding-right: 0;
      overflow: visible;
    }
  
    .text-span-57 {
      -webkit-text-fill-color: transparent;
      background-image: radial-gradient(circle, #7567f8, #8232f3);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .text-span-58 {
      -webkit-text-fill-color: transparent;
      background-color: #5167f6;
      background-image: linear-gradient(#3377fe, #5167f6);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .text-span-59 {
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(106deg, #6478f7, #3377fe);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .text-span-60 {
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(#5167f6, #3377fe);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .text-span-61 {
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(102deg, #3377fe, #329eff);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .heading-wrap-text-color {
      text-align: center;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(115deg, #0dd290, #329eff);
      -webkit-background-clip: text;
      background-clip: text;
      font-family: Ubuntu, Helvetica, sans-serif;
      font-size: 40px;
    }
  
    .text-span-62 {
      -webkit-text-fill-color: transparent;
      background-color: #fa496e;
      background-image: linear-gradient(115deg, #fa496e, #e31f1f);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .section---fs.hero-scetion-gray {
      max-width: 100%;
      text-align: center;
      background-image: linear-gradient(#fff, rgba(124, 150, 255, .18) 17%, #fff);
      margin-bottom: 87px;
    }
  
    .section---fs.black-2 {
      background-image: radial-gradient(circle at 25% 25%, #000, rgba(86, 39, 98, .32) 15%, #000);
      margin-bottom: -123px;
    }
  
    .section---fs.black {
      background-image: radial-gradient(circle at 25% 25%, #000, rgba(41, 26, 107, .32) 15%, #000);
    }
  
    .container-14-special {
      padding-bottom: 0;
    }
  
    .container-14-special.subscribe-form-container {
      padding-top: 0;
      padding-bottom: 1.3em;
    }
  
    .service-side-image-copy {
      width: 90%;
      height: 420px;
      background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/643752797db271a813a57771_john-towner-FD_sabE544U-unsplash.jpg");
      background-position: 0 0;
      background-size: cover;
    }
  
    .service-side-image-copy.service-side-image-2 {
      width: 90%;
      height: 455px;
      background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/643701edaad4013f4472cdb5_dell-Yu0e-xuWoFI-unsplash.jpg");
    }
  
    .service-side-image-copy.service-side-image-3 {
      width: 125%;
      height: 420px;
      background-image: url("https://uploads-ssl.webflow.com/5fc562d2a1e593fb5251b2e2/64373ea7fbcde681bb76a327_brett-jordan-OCfHTaB5THQ-unsplash.jpg");
    }
  
    .text-span-63 {
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(118deg, #7567f8, #f34568);
      -webkit-background-clip: text;
      background-clip: text;
    }
  
    .cta-section-2-off-black {
      background-image: linear-gradient(#000 50%, #0a1226 50%);
    }
  
    .box-item-blue {
      background-color: #dedfe3;
      padding-top: 45px;
      padding-bottom: 45px;
    }
  
    .card-9-column-home {
      grid-template-rows: auto;
      margin-top: -2px;
      margin-bottom: 128px;
    }
  
    .box-gradient-home {
      z-index: 0;
    }
  
    .header-logo-block-min {
      margin-bottom: -214px;
    }
  
    .features-heading-8-white {
      color: #fff;
      text-align: left;
      margin-top: 11px;
      font-family: Ubuntu, Helvetica, sans-serif;
      font-size: 35px;
      font-weight: 500;
    }
  
    .section-8 {
      margin-top: 85px;
      margin-bottom: 85px;
    }
  
    .container-15 {
      margin-top: 9px;
    }
  
    .cta-section-2-off-white-blog, .cta-section-2-off-white-blog-2 {
      background-image: linear-gradient(178deg, #f8f9fb, #fff 50%, #0f1529 50%);
    }
  
    .lc-section.no-top-padding {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .blog-list.second-collection {
      grid-template-rows: auto;
    }
  }
  
  @media screen and (max-width: 991px) {
    h1 {
      margin-top: 32px;
      margin-bottom: 16px;
      font-size: 46px;
      line-height: 56px;
    }
  
    h2 {
      margin-top: 32px;
      font-size: 32px;
      line-height: 40px;
    }
  
    h3 {
      width: auto;
      font-size: 24px;
      line-height: 32px;
    }
  
    h4 {
      font-size: 20px;
      line-height: 28px;
    }
  
    h5 {
      font-size: 16px;
      line-height: 24px;
    }
  
    h6 {
      width: auto;
      font-size: 15px;
      line-height: 24px;
    }
  
    p {
      font-size: 15px;
    }
  
    figure {
      margin-top: 24px;
      margin-bottom: 24px;
    }
  
    .section {
      padding: 100px 8px;
    }
  
    .button.contact-ready-button {
      margin-bottom: -56px;
    }
  
    .button.subscribe-button {
      margin-left: 16px;
    }
  
    .button.full-screen-button {
      bottom: 24px;
      right: 24px;
    }
  
    .button.pricing-table-button {
      margin-top: 32px;
    }
  
    .nav-bar {
      padding-left: 2px;
      padding-right: 0;
    }
  
    .nav-bar.ghost-nav-bar {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .logo {
      margin-bottom: 9px;
    }
  
    .logo-link {
      padding-top: 21px;
      padding-bottom: 19px;
    }
  
    .logo-link.full-screen-logo {
      left: 8px;
    }
  
    .nav-link {
      background-color: #fff;
    }
  
    .nav-link:hover {
      color: #2e323c;
    }
  
    .service-side-text {
      padding-right: 8px;
      font-size: 15px;
    }
  
    .paragraph-big {
      font-size: 18px;
      line-height: 32px;
    }
  
    .hero-imac {
      top: 18%;
    }
  
    .hero-plant-small {
      max-width: 120px;
      left: -60px;
    }
  
    .hero-plant-big {
      max-width: 320px;
      top: 14%;
      right: -160px;
    }
  
    .hero-pencils {
      max-width: 110px;
      top: 40%;
      right: 6%;
    }
  
    .hero-pencil {
      display: none;
    }
  
    .section-header-wrapper {
      max-width: 66.66%;
      padding-bottom: 56px;
    }
  
    .section-description {
      font-size: 15px;
    }
  
    .service-simple {
      padding-left: 8px;
      padding-right: 16px;
    }
  
    .service-simple-icon {
      width: 56px;
      display: block;
    }
  
    .grey-section {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .works-v1 {
      margin-bottom: -32px;
    }
  
    .work-card-v1 {
      margin: 8px;
      padding: 0 0 32px;
    }
  
    .work-card-v1:hover {
      box-shadow: none;
      background-color: rgba(0, 0, 0, 0);
    }
  
    .work-card-v1-image {
      height: 240px;
    }
  
    .work-card-v1-category {
      width: 72px;
      height: 72px;
      margin-top: -36px;
    }
  
    .work-card-v1-description {
      padding-left: 24px;
      padding-right: 24px;
      font-size: 15px;
    }
  
    .team-member {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .team-member-photo {
      height: 260px;
    }
  
    .rich-text-content {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .team-member-links {
      margin-bottom: 8px;
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .contact-split-image {
      width: 33.33%;
    }
  
    .contact-split-info {
      padding-top: 60px;
      padding-bottom: 100px;
    }
  
    .clients-section {
      padding: 40px 16px;
    }
  
    .client-logo {
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .footer-v1 {
      padding-top: 12px;
    }
  
    .footer-v1-column {
      padding-bottom: 48px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .footer-bottom {
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .video-play-button {
      width: 64px;
      height: 64px;
      background-size: 20px, auto;
      margin-left: 16px;
      margin-right: 16px;
    }
  
    .about-side-header-wrapper {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .about-side-line {
      height: 2px;
      margin-top: 24px;
      margin-right: 24px;
    }
  
    .about-side-header {
      padding-right: 16px;
    }
  
    .about-side-text {
      padding-left: 8px;
      padding-right: 8px;
      font-size: 15px;
    }
  
    .service-side-block {
      align-items: center;
      padding-bottom: 17px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .service-side-block.reversed {
      padding-bottom: 10px;
    }
  
    .service-side-info {
      padding: 0 3%;
    }
  
    .service-side-content {
      padding-left: 0%;
    }
  
    .service-side-content.service-side-content-reversed {
      padding-right: 0%;
    }
  
    .service-side-image {
      height: 248px;
      margin-bottom: 32px;
    }
  
    .service-side-blocks {
      margin-bottom: -100px;
    }
  
    .side-video-content {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .side-video-preview {
      min-height: 520px;
    }
  
    .side-video-info {
      margin-left: 8.33%;
      margin-right: 8.33%;
      padding-left: 8px;
      padding-right: 8%;
    }
  
    .clients-header {
      margin-bottom: 32px;
    }
  
    .post-v2 {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .category {
      height: 20px;
      padding-top: 2px;
      padding-left: 11px;
      padding-right: 10px;
      font-size: 8px;
    }
  
    .category.post-card-v1-category {
      margin: 24px;
    }
  
    .post-card-v2-header {
      margin-top: 18px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .post-card-v2-image-wrapper {
      margin-bottom: -18px;
    }
  
    .footer-v2-logo, .footer-v2-about, .footer-v2-contact {
      padding-bottom: 32px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .footer-v2-social {
      margin-bottom: 16px;
      padding-top: 12px;
      padding-bottom: 12px;
    }
  
    .work-v3 {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .about-side-media {
      flex-direction: row;
    }
  
    .about-side-image-info {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .about-side-image-wrapper {
      width: 41.66%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .service-cards {
      margin-bottom: -16px;
    }
  
    .service-card {
      flex-basis: 40%;
      margin-bottom: 16px;
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .service-card._33-width {
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .footer-v3-about {
      padding-bottom: 40px;
      padding-left: 8px;
      padding-right: 4%;
    }
  
    .footer-v3 {
      padding-top: 14px;
    }
  
    .footer-v3-nav {
      padding-bottom: 40px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .footer-v3-subscribe {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .footer-big-subscribe-wrapper {
      margin-left: -8px;
      margin-right: -8px;
    }
  
    .subscribe-form {
      padding-left: 0;
      padding-right: 0;
    }
  
    .subscribe-info {
      padding-left: 24px;
    }
  
    .team-color-cards {
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .team-member-color-card {
      width: 32%;
      flex: 0 auto;
      margin: 20px 60px 40px 20px;
      padding-bottom: 40px;
    }
  
    .team-member-color-photo {
      height: 42vw;
      margin-top: -16px;
    }
  
    .team-member-color-role {
      width: 200px;
      top: 100px;
      left: -80px;
    }
  
    .hero-split-image {
      height: 560px;
    }
  
    .hero-split-content {
      margin-left: 0;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .work-v5 {
      padding-top: 0;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .work-card-v5-header {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .team-cards {
      flex-wrap: wrap;
      padding-left: 8.33%;
      padding-right: 8.33%;
    }
  
    .team-member-card {
      flex: 45%;
      margin-bottom: 16px;
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .testimonials-cards-column {
      margin-bottom: -16px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .review-card {
      margin-bottom: 16px;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .footer-v4-about, .footer-v4-column {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .menu-button {
      width: 64px;
      height: 64px;
      color: #2e323c;
      padding: 22px;
    }
  
    .menu-button.w--open {
      color: #2e323c;
      background-color: rgba(0, 0, 0, 0);
    }
  
    .contact-window.popup-window {
      width: 100%;
      max-width: 500px;
      transform: scale(.8);
    }
  
    .footer-v1-logo-column {
      padding-bottom: 48px;
      padding-left: 8px;
      padding-right: 32px;
    }
  
    .nav-dropdown-link {
      background-color: #f5f6f9;
      padding-left: 32px;
    }
  
    .nav-dropdown-link:hover {
      color: #2e323c;
      background-color: #f5f6f9;
    }
  
    .nav-dropdown-list.w--open {
      border-radius: 0;
      box-shadow: 0 0 rgba(0, 0, 0, 0);
    }
  
    .nav-menu {
      max-height: 80vh;
      border-bottom: 1px solid #e1e3ea;
      overflow: scroll;
    }
  
    .page-header-section {
      height: 320px;
      padding-top: 48px;
    }
  
    .gallery {
      margin-left: 0%;
      margin-right: 0%;
    }
  
    .utility-page-section {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .password-window {
      margin-top: 40px;
    }
  
    .about-us {
      width: 100%;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .about-text {
      margin-top: 48px;
    }
  
    .blog-posts-and-sidebar {
      padding-top: 0;
    }
  
    .blog-posts-v1-wrapper {
      padding-left: 8px;
      padding-right: 16px;
    }
  
    .blog-sidebar {
      width: 33.33%;
      padding-left: 16px;
      padding-right: 8px;
    }
  
    .post-card-v1 {
      margin-bottom: 32px;
    }
  
    .zoom-on-hover:hover {
      transform: none;
    }
  
    .post-card-v1-image {
      max-height: none;
    }
  
    .post-card-v1-header {
      margin-top: 24px;
    }
  
    .category-filter-link {
      margin-left: 16px;
      margin-right: 16px;
    }
  
    .categories-filter {
      margin-bottom: 64px;
    }
  
    .full-screen-menu {
      max-height: 100vh;
    }
  
    .full-screen-nav-link {
      font-size: 36px;
      line-height: 72px;
    }
  
    .work-details {
      width: 83.33%;
      padding-top: 24px;
      padding-bottom: 24px;
    }
  
    .work-presentation h2, .work-presentation p, .work-presentation h4, .work-presentation h1, .work-presentation h3, .work-presentation h5, .work-presentation h6 {
      width: 83.33%;
    }
  
    .work-presentation figure {
      margin-top: 32px;
      margin-bottom: 32px;
    }
  
    .work-presentation blockquote, .work-presentation ol, .work-presentation ul {
      width: 83.33%;
    }
  
    .work-main-image {
      margin-top: 100px;
    }
  
    .work-content {
      padding-top: 64px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .post-header-section {
      height: 75vh;
      min-height: 520px;
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .post-header-wrapper {
      width: 100%;
    }
  
    .blog-post h1 {
      width: 83.33%;
    }
  
    .blog-post p {
      width: 83.33%;
      font-size: 16px;
    }
  
    .blog-post h2, .blog-post blockquote, .blog-post ul, .blog-post ol, .blog-post h5, .blog-post h6, .blog-post h3 {
      width: 83.33%;
    }
  
    .blog-post h4 {
      width: 83.33%;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  
    .blog-post figure {
      padding-left: 0%;
      padding-right: 0%;
    }
  
    .blog-post-content {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .post-date-wrapper, .post-author-profile {
      width: 83.33%;
    }
  
    .post-author-avatar {
      width: 88px;
      height: 88px;
    }
  
    .faq-list {
      width: 83.33%;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .pricing-table {
      margin-left: 8px;
      margin-right: 8px;
      padding: 40px 24px;
    }
  
    .pricing-table-price {
      margin-bottom: 24px;
    }
  
    .popup-wrapper {
      padding-left: 8.33%;
      padding-right: 8.33%;
    }
  
    .licence-items {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .licence-item {
      width: 83.33%;
    }
  
    .licence-links-wrapper {
      padding-left: 56px;
      padding-right: 56px;
    }
  
    .heading-styles {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .change {
      flex-basis: 40%;
      margin-bottom: 16px;
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .menu-icon-line-top, .menu-icon-line-bottom, .menu-icon-line-middle {
      background-color: #2e323c;
    }
  
    .menu-button-2 {
      width: 72px;
      height: 72px;
      margin-left: 16px;
      padding: 26px;
    }
  
    .menu-button-2.w--open {
      color: #161a25;
      background-color: rgba(0, 0, 0, 0);
    }
  
    .button-3 {
      margin-right: 20px;
    }
  
    .section-2 {
      padding: 100px 8px;
    }
  
    .section-description-2 {
      font-size: 15px;
    }
  
    .section-3 {
      padding: 100px 8px;
    }
  
    .footer-bottom-2 {
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .menu-button-3 {
      width: 64px;
      height: 64px;
      color: #2e323c;
      padding: 22px;
    }
  
    .menu-button-3.w--open {
      color: #2e323c;
      background-color: rgba(0, 0, 0, 0);
    }
  
    .nav-bar-2 {
      padding-left: 2px;
      padding-right: 0;
    }
  
    .paragraph-big-2 {
      font-size: 18px;
      line-height: 32px;
    }
  
    .hero-split-image-2 {
      height: 560px;
    }
  
    .uit-section-header {
      max-width: 66.66%;
      padding-bottom: 56px;
    }
  
    .section-4 {
      padding: 100px 8px;
    }
  
    .scroll-down-link-2 {
      display: none;
    }
  
    .hero-table-intro-2 {
      max-width: 66.66%;
      padding-bottom: 60px;
      position: relative;
    }
  
    .hero-table-section-2 {
      height: 560px;
      justify-content: flex-end;
    }
  
    .hero-intro-line-3 {
      width: 50px;
      height: 2px;
      margin-top: 0;
      margin-bottom: 6px;
    }
  
    .service-side-image-2 {
      height: 248px;
      margin-bottom: 32px;
    }
  
    .service-side-text-2 {
      padding-right: 8px;
      font-size: 15px;
    }
  
    .menu-icon-line-middle-2, .menu-icon-line-bottom-2 {
      background-color: #2e323c;
    }
  
    .paragraph-big-3 {
      font-size: 18px;
      line-height: 32px;
    }
  
    .hero-split-image-3 {
      height: 560px;
    }
  
    .menu-icon-line-top-2 {
      background-color: #2e323c;
    }
  
    .button-6.contact-ready-button {
      margin-bottom: -56px;
    }
  
    .navigation-title {
      display: none;
    }
  
    .navigation-grid {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-columns: 1fr 1fr;
      margin-top: 0;
    }
  
    .customer-grid {
      grid-row-gap: 0px;
      grid-template-columns: 1fr 1fr;
    }
  
    .menu-button-4 {
      color: #7070c2;
      background-color: #f8f8fc;
      border: 1px solid #eaeaf6;
      border-radius: 10px;
      margin-left: 14px;
      padding: 12px;
    }
  
    .menu-button-4.w--open {
      color: #4374f6;
      background-color: #fff;
    }
  
    .resources-grid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .navigation-dropdown-link {
      padding: 10px;
    }
  
    .dropdown {
      width: 100%;
    }
  
    .brand {
      margin-right: 10px;
      padding: 0;
    }
  
    .dropdown-container {
      padding: 0;
    }
  
    .nav-link-3 {
      display: none;
    }
  
    .nav-link-3:hover {
      color: #0064be;
    }
  
    .dropdown-wrapper {
      box-shadow: none;
      border-radius: 0;
      padding: 20px 10px;
    }
  
    .dropdown-list.w--open {
      padding-top: 0;
      position: static;
    }
  
    .menu-wrap {
      height: auto;
      background-color: #fff;
      position: absolute;
    }
  
    .toggle {
      width: 100%;
      color: #000;
      justify-content: flex-start;
      padding-top: 14px;
      padding-bottom: 14px;
    }
  
    .toggle:hover {
      color: #4374f6;
    }
  
    .toggle.w--open {
      width: 100%;
      color: #fff;
      background-color: #f5f6f9;
    }
  
    .slide-banner-03 {
      width: 100%;
      display: none;
    }
  
    .slide-wrapper {
      flex-direction: column;
    }
  
    .slide-banner {
      width: 100%;
      display: none;
    }
  
    .slide-content {
      width: 100%;
      min-height: 100vh;
      align-items: center;
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .slide-banner-02 {
      width: 100%;
      display: none;
    }
  
    .bottom-content-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .card-primary {
      min-height: 420px;
    }
  
    .brand-wrapper {
      flex-wrap: nowrap;
    }
  
    .pattern {
      display: none;
    }
  
    .integrations-grid {
      grid-template-columns: 1fr 1fr;
    }
  
    .title-wrapper {
      min-width: auto;
      margin-bottom: 40px;
      margin-right: 0;
    }
  
    .header-section {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .header-grid {
      grid-template-columns: 1fr;
    }
  
    .uit-home-page-hero-block {
      margin-left: auto;
      margin-right: auto;
    }
  
    .feature-grid {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      grid-template-columns: 1fr 1fr;
    }
  
    .heading-large {
      margin-bottom: 20px;
    }
  
    .grid-heading {
      grid-template-columns: 1fr;
    }
  
    .footer-grid {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  
    .section-footer {
      padding-bottom: 140px;
    }
  
    .form-image-section-black {
      width: 100%;
      min-height: auto;
      padding-bottom: 62px;
    }
  
    .contact-detail-grid, .form-title-wrapper {
      max-width: 500px;
    }
  
    .form-block-wave {
      padding: 28px;
    }
  
    .form-wrap-wave {
      padding: 32px;
    }
  
    .form-grid-wave {
      grid-column-gap: 22px;
      grid-template-columns: .8fr 1fr;
    }
  
    .nav-bar-3 {
      padding-left: 2px;
      padding-right: 0;
    }
  
    .page-header-section-2 {
      height: 320px;
      padding-top: 48px;
    }
  
    .header-logo-block {
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .grid-hero {
      grid-template-columns: 1fr;
    }
  
    .hero-image-block {
      height: 440px;
      max-width: 100%;
      border-radius: 20px;
      position: relative;
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
      overflow: hidden;
    }
  
    .header-section-3 {
      border: 1px solid rgba(0, 0, 0, 0);
      flex-direction: column;
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .price-grid-top {
      grid-template-columns: 1fr 1fr;
    }
  
    .pricing-compare-grid {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .pricing-compare-grid.title-row {
      grid-template-rows: auto;
    }
  
    .blank-price-block {
      display: none;
    }
  
    .pricing-grid-block {
      justify-content: center;
    }
  
    .pricing-section {
      margin-left: 0;
      margin-right: 0;
    }
  
    .tabs-content {
      width: 100%;
    }
  
    .tabs-heading {
      margin-bottom: 40px;
    }
  
    .tabs-image {
      margin-right: 40px;
    }
  
    .faq-side {
      width: 100%;
      height: 440px;
      padding-left: 3%;
      padding-right: 3%;
    }
  
    .faq-section {
      flex-direction: column;
    }
  
    .faq-base {
      width: 100%;
    }
  
    .section-blog {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .title-button-wrapper {
      justify-content: flex-start;
    }
  
    .grid-title {
      grid-template-columns: 1fr;
    }
  
    .grid-blog {
      grid-template-columns: 1fr 1fr;
    }
  
    .centre-line-wrapper {
      display: none;
    }
  
    .integrations-grid-2 {
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .interaction-wrapper-2 {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .logo-wrapper-3 {
      width: 100%;
      flex-wrap: wrap;
    }
  
    .company-logo {
      margin: 15px;
    }
  
    .title-text {
      margin-bottom: 20px;
    }
  
    .header-section-4 {
      padding-top: 60px;
    }
  
    .form-block-section-2 {
      width: 100%;
    }
  
    .form-section-3 {
      background-image: none;
      flex-direction: column;
    }
  
    .integration.surveymonkey {
      bottom: 0;
      left: 0;
    }
  
    .integration.hubspot {
      top: 0;
      left: 0;
    }
  
    .integration.intercom, .integration.salesforce {
      left: 0;
    }
  
    .integration.hubspot-small {
      bottom: 0;
      left: 0;
    }
  
    .integration.slack, .integration.flowbase {
      top: 0;
      right: 0;
    }
  
    .integration.paypal, .integration.unbounce {
      bottom: 0;
      left: 0;
    }
  
    .integration.mailchimp {
      top: 0;
      left: 0;
    }
  
    .integration-wrap-right {
      flex-direction: row;
      align-items: center;
    }
  
    .integration-grid {
      grid-template-columns: 1fr;
    }
  
    .integration-wrap {
      flex-direction: row;
      align-items: center;
    }
  
    .section-content {
      padding-bottom: 140px;
    }
  
    .grid-content {
      grid-row-gap: 72px;
      grid-template-columns: 1fr;
    }
  
    .hero-image-block-2 {
      max-width: 100%;
      border-radius: 20px;
      position: relative;
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
      overflow: hidden;
    }
  
    .grid-hero-2 {
      grid-template-columns: 1fr;
      margin-bottom: 60px;
    }
  
    .header-section-standard {
      min-height: auto;
      flex-direction: column;
      padding-bottom: 40px;
    }
  
    .content-grid-3 {
      grid-template-columns: 1fr 1fr;
    }
  
    .link-wrapper {
      display: none;
    }
  
    .slider-2 {
      min-height: 840px;
    }
  
    .header-logo-block-2 {
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .grid-feature-large {
      grid-template-columns: 1fr 1fr;
    }
  
    .section-features {
      padding-bottom: 140px;
    }
  
    .form-section-4 {
      background-image: none;
      flex-direction: column;
    }
  
    .integration-section-5 {
      margin-bottom: -58px;
    }
  
    .integration-grid-3 {
      grid-template-columns: 1fr 1fr;
    }
  
    .form-image-section-2 {
      width: 100%;
      min-height: auto;
    }
  
    .form-section-5 {
      background-image: none;
      flex-direction: column;
    }
  
    .grid-two-column-2 {
      grid-template-columns: 1fr;
    }
  
    .header-image-large {
      height: 400px;
    }
  
    .title-wrap-7 {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .title-block {
      margin-bottom: 40px;
    }
  
    .integration-grid-4 {
      grid-template-columns: 1fr 1fr;
    }
  
    .grid-feature-cards {
      max-width: 480px;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .section-feature-cards {
      padding-bottom: 140px;
    }
  
    .features-grid-2 {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr;
    }
  
    .feature-card-3 {
      padding: 32px;
    }
  
    .navigation-grid-2 {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr;
      margin-top: 0;
    }
  
    .brand-2 {
      margin-right: 10px;
      padding: 0;
    }
  
    .navigation-title-2 {
      margin-bottom: 20px;
      display: flex;
    }
  
    .column-01 {
      padding-right: 0;
    }
  
    .column-03 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .menu-wrap-2 {
      height: auto;
      background-color: #fff;
      position: absolute;
      box-shadow: 0 40px 50px rgba(235, 235, 244, .8);
    }
  
    .column-02 {
      border-left-style: none;
      border-right-style: none;
      padding-left: 0;
      padding-right: 0;
    }
  
    .menu-button-5 {
      color: #000;
      background-color: #ebebf4;
      border: 1px #6869ac;
      border-radius: 10px;
      margin-left: 14px;
      margin-right: 17px;
      padding: 12px;
    }
  
    .menu-button-5.w--open {
      color: #5d6371;
      background-color: #fff;
      border-style: solid;
      border-color: #5d6371;
    }
  
    .dropdown-wrapper-2 {
      box-shadow: none;
      border-radius: 0;
      padding-top: 20px;
      padding-left: 5%;
      padding-right: 5%;
    }
  
    .nav-toggle {
      width: 100%;
      justify-content: flex-start;
      padding-top: 14px;
      padding-bottom: 14px;
    }
  
    .nav-toggle:hover {
      color: #4c4cb3;
    }
  
    .nav-toggle.w--open {
      width: 100%;
      color: #fff;
      background-color: #5d6371;
    }
  
    .dropdown-list-2.w--open {
      height: 640px;
      padding-top: 0;
      position: static;
      overflow: auto;
    }
  
    .nav-link-4 {
      width: 100%;
      justify-content: flex-start;
      padding-top: 14px;
      padding-bottom: 14px;
    }
  
    .nav-link-4:hover {
      color: #4c4cb3;
    }
  
    .nav-link-4.w--open {
      width: 100%;
      color: #fff;
      background-color: #7070c2;
    }
  
    .navigation-dropdown-link-2 {
      padding: 10px;
    }
  
    .navigation-grid-solutions {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr;
      margin-top: 0;
    }
  
    .form-base-fizz {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .form-block-mind {
      max-width: none;
    }
  
    .form-grid-mind-dark {
      grid-template-columns: 1fr;
    }
  
    .tabs-heading-2 {
      margin-bottom: 40px;
    }
  
    .gradient-overlay {
      background-image: linear-gradient(339deg, #1355ff, rgba(19, 85, 255, .38));
      position: absolute;
      top: 0%;
      bottom: 0%;
      left: 0%;
      right: 0%;
    }
  
    .cta-image {
      height: auto;
      max-width: 70%;
    }
  
    .section-cta {
      padding-bottom: 140px;
    }
  
    .cta-grid {
      grid-template-columns: 1fr;
    }
  
    .cta-button-wrapper {
      margin-top: -135px;
    }
  
    .cta-grid-long {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
    }
  
    .feature-content-grid {
      grid-column-gap: 60px;
      grid-row-gap: 40px;
    }
  
    .feature-image {
      max-height: 600px;
      object-fit: contain;
    }
  
    .feature-icon-2 {
      margin-bottom: 20px;
    }
  
    .feature-grid-2 {
      grid-row-gap: 70px;
      grid-template-columns: 1fr;
    }
  
    .features-grid {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr;
    }
  
    .feature-shop-tabs {
      min-width: 220px;
      margin-right: 40px;
    }
  
    .button-wrapper {
      margin-top: 40px;
    }
  
    .content-grid-4 {
      grid-template-columns: 1fr;
    }
  
    .section-4-fiber {
      padding: 100px 8px;
    }
  
    .uit-section-header-fiber {
      max-width: 66.66%;
      padding-bottom: 56px;
    }
  
    .grid-three-column {
      grid-template-columns: 1fr 1fr;
    }
  
    .process-title-wrap {
      max-width: 600px;
      margin-bottom: 100px;
    }
  
    .line-break-2 {
      display: none;
    }
  
    .process-grid {
      max-width: 450px;
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      background-image: none;
      background-repeat: repeat;
      background-size: auto;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .cta-section {
      background-position: 100% 0;
      flex-direction: column;
    }
  
    .cta-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .cta-wrapper {
      text-align: center;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .card-ui-graph {
      right: 5%;
    }
  
    .section-content-3 {
      padding-bottom: 140px;
    }
  
    .section-white {
      padding: 100px 8px;
    }
  
    .gallery-grid {
      grid-column-gap: 20px;
      grid-row-gap: 20px;
    }
  
    .gallery-image {
      width: 100%;
    }
  
    .features-grid-3 {
      grid-column-gap: 50px;
      grid-template-columns: 1fr 1fr;
    }
  
    .grid-two-column-3 {
      grid-template-columns: 1fr;
    }
  
    .placeholder-image-tall {
      height: 500px;
      max-width: 100%;
    }
  
    .form-section-7 {
      background-image: none;
      flex-direction: column;
    }
  
    .card-testimonial {
      flex-wrap: wrap;
    }
  
    .grid-testimonial {
      max-width: 400px;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .section-testimonial {
      padding-bottom: 140px;
    }
  
    .feature-grid-2-copy {
      grid-row-gap: 70px;
      grid-template-columns: 1fr;
    }
  
    .teams-heading {
      margin-bottom: 40px;
    }
  
    .team-grid {
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
    }
  
    .grid-three-column-copy, .content-grid-3-3-block {
      grid-template-columns: 1fr 1fr;
    }
  
    .content-grid-7 {
      grid-template-columns: 1fr;
    }
  
    .page-header-section-copy, .page-header-section-copy-copy {
      height: 320px;
      padding-top: 48px;
    }
  
    .section-copy {
      padding: 100px 8px;
    }
  
    .grid-three-column-2 {
      grid-template-columns: 1fr 1fr;
    }
  
    .header-grid-bottom {
      grid-template-columns: 1fr;
    }
  
    .nav-menu-2 {
      height: auto;
      background-color: #fff;
      position: absolute;
      top: 80px;
    }
  
    .container-navigation-3 {
      position: relative;
    }
  
    .navigation-right {
      align-items: center;
      display: flex;
    }
  
    .nav-link-5 {
      width: 100%;
      color: #262626;
    }
  
    .brand-3 {
      margin-right: 10px;
      padding: 0;
    }
  
    .navigation-8 {
      padding-left: 3%;
      padding-right: 3%;
    }
  
    .hero-block {
      margin-left: auto;
      margin-right: auto;
    }
  
    .menu-button-6 {
      color: #fff;
      background-color: #262626;
      border-radius: 8px;
      margin-left: 14px;
      padding: 12px;
      transition: background-color .2s;
    }
  
    .menu-button-6:hover {
      color: #fff;
      background-color: #ef8b7c;
    }
  
    .menu-button-6.w--open {
      color: #fff;
      background-color: #271d0c;
    }
  
    .header-logo-block-3 {
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .nav-link-6 {
      width: 100%;
      color: #262626;
    }
  
    .navigation-container {
      position: relative;
    }
  
    .header-section-6 {
      flex-direction: column;
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .menu-button-7 {
      color: #fff;
      background-color: #1355ff;
      border-radius: 8px;
      margin-left: 14px;
      padding: 12px;
      transition: background-color .2s;
    }
  
    .menu-button-7:hover, .menu-button-7.w--open {
      color: #fff;
      background-color: #061237;
    }
  
    .features-section {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .features-grid-4 {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  
    .features-grid-5 {
      max-width: 100%;
    }
  
    .features-heading-wrap {
      max-width: 500px;
      margin-bottom: 60px;
      margin-right: 0;
    }
  
    .features-container-2 {
      flex-direction: column;
      justify-content: flex-start;
    }
  
    .ui-asset-wrapper {
      padding: 20px;
    }
  
    .title-wrapper-6 {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .features-grid-6 {
      grid-column-gap: 40px;
      grid-row-gap: 60px;
      grid-template-columns: 1fr 1fr;
    }
  
    .feature-content-grid-2 {
      grid-column-gap: 60px;
      grid-row-gap: 40px;
    }
  
    .feature-grid-4 {
      grid-row-gap: 70px;
      grid-template-columns: 1fr;
    }
  
    .grid-four-column {
      grid-template-columns: 1fr 1fr;
    }
  
    .product-card {
      height: 380px;
    }
  
    .product-grid-large {
      grid-template-columns: 1fr 1fr;
    }
  
    .form-image-section-copy {
      width: 100%;
      min-height: auto;
      width: 100%;
      min-height: auto;
    }
  
    .form-title-wrapper-copy {
      max-width: 500px;
    }
  
    .form-image-section-copy-copy, .form-image-section-black-busisness {
      width: 100%;
      min-height: auto;
    }
  
    .feature-content-grid-2-copy {
      grid-column-gap: 60px;
      grid-row-gap: 40px;
    }
  
    .form-image-section-remote, .form-image-section-ministry {
      width: 100%;
      min-height: auto;
    }
  
    .form-section-3-copy {
      background-image: none;
      flex-direction: column;
    }
  
    .content-grid-4-block {
      grid-template-columns: 1fr 1fr;
    }
  
    .header-content-wrapper-meeting-confirm {
      margin-left: -61px;
    }
  
    .grid-two-column-2-copy {
      grid-template-columns: 1fr;
    }
  
    .features-grid-7 {
      max-width: 450px;
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      background-image: none;
      background-repeat: repeat;
      background-size: auto;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .section-description-2-copy, .section-description-2-copy-copy {
      font-size: 15px;
    }
  
    .hero-block-2 {
      margin-left: auto;
      margin-right: auto;
    }
  
    .content-grid-3-access {
      grid-template-columns: 1fr 1fr;
    }
  
    .tabs-menu {
      width: 50%;
      flex: none;
      margin-right: 10%;
    }
  
    .tabs-heading-wrap {
      width: 100%;
    }
  
    .tabs-content-2 {
      width: 40%;
      position: relative;
    }
  
    .tabs {
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }
  
    .form-wrapper-3 {
      width: 100%;
      padding: 0;
    }
  
    .slide-content-2 {
      min-height: 100vh;
      align-items: center;
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .slide-3 {
      width: 100%;
    }
  
    .cta-container-2 {
      max-width: 620px;
    }
  
    .cta-grid-3 {
      grid-template-columns: 1fr;
      padding: 100px 50px 70px;
    }
  
    .faq-content-2 {
      width: 100%;
    }
  
    .faq-grid-section {
      grid-template-columns: 1fr;
    }
  
    .placeholder-faq {
      height: 400px;
    }
  
    .form-title-wrapper-copy {
      max-width: 500px;
    }
  
    .integrations-grid-uit {
      grid-template-columns: 1fr 1fr;
    }
  
    .logo-5 {
      margin-bottom: 9px;
    }
  
    .nav-menu-3 {
      max-height: 80vh;
      border-bottom: 1px solid #e1e3ea;
      overflow: scroll;
    }
  
    .section-header-wrapper-2 {
      max-width: 66.66%;
      padding-bottom: 56px;
    }
  
    .footer-v2-about-2 {
      padding-bottom: 32px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .nav-link-7 {
      background-color: #fff;
    }
  
    .nav-link-7:hover {
      color: #2e323c;
    }
  
    .section-description-3 {
      font-size: 15px;
    }
  
    .process-card-primary {
      background-color: #fff;
    }
  
    .process-arrow-01, .process-arrow-02 {
      display: none;
    }
  
    .process-grid-2 {
      max-width: 640px;
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .slide-banner-4 {
      width: 100%;
      display: none;
    }
  
    .dashboard-navbar {
      min-width: auto;
      justify-content: flex-start;
      align-items: flex-end;
      display: flex;
      position: absolute;
      top: auto;
      bottom: auto;
      left: auto;
      right: 0%;
    }
  
    .dashboard-content {
      flex-direction: column;
    }
  
    .dashboard-title {
      text-align: left;
    }
  
    .dashboard-column {
      width: 100%;
      max-height: none;
      min-width: auto;
      overflow: visible;
    }
  
    .dashboard-menu-button {
      width: 80px;
      height: 80px;
      background-color: #1a1a1a;
      justify-content: center;
      align-items: center;
      padding: 28px;
      display: flex;
    }
  
    .dashboard-menu-button.w--open {
      z-index: 99;
      width: 80px;
      height: 80px;
      background-color: #000;
    }
  
    .dashboard-button-wrapper {
      display: none;
    }
  
    .dashboard-header {
      height: 80px;
    }
  
    .dashboard {
      position: relative;
    }
  
    .dashboard-nav-menu {
      width: 320px;
      height: auto;
      background-color: #fff;
      flex-direction: column;
      align-items: flex-start;
      padding: 80px 32px 32px;
      display: flex;
      box-shadow: 25px 25px 64px -14px rgba(77, 77, 77, .15);
    }
  
    .dashboard-account {
      text-align: left;
    }
  
    .dashboard-menu-icon {
      color: #fff;
    }
  
    .dashboard-user {
      display: none;
    }
  
    .menu-button-8.w--open {
      z-index: 99;
      background-color: #000;
      border-bottom-right-radius: 20px;
    }
  
    .logo-6 {
      display: none;
    }
  
    .nav-menu-4 {
      width: 320px;
      background-color: #fff;
      flex-direction: column;
      align-items: flex-start;
      padding: 100px 34px 34px;
      display: flex;
    }
  
    .navigation-grid-3 {
      margin-top: 40px;
    }
  
    .navbar-3 {
      border-radius: 0 0 20px;
      margin-right: 0;
      position: absolute;
      top: 0%;
      bottom: auto;
      left: 0%;
      right: auto;
    }
  
    .dashboard-sidebar {
      width: auto;
      height: auto;
      padding: 0;
    }
  
    .dashboard-section-2 {
      position: relative;
    }
  
    .nav-title {
      display: none;
    }
  
    .dashboard-grid {
      grid-template-columns: 1fr;
    }
  
    .chart-placeholder {
      max-width: 480px;
    }
  
    .banner-container-center {
      justify-content: flex-start;
    }
  
    .sidebar-nav-menu-list {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .sidebar-nav-menu-list.mg-bottom-160px {
      margin-bottom: 80px;
    }
  
    .sidebar-nav-menu {
      height: 110vh;
      min-height: 110vh;
      min-width: 260px;
      background-color: #fff;
      margin-top: 64px;
      padding-bottom: 64px;
      overflow: auto;
    }
  
    .dropdown-column-wrapper {
      box-shadow: none;
      border-width: 0;
      border-radius: 0;
    }
  
    .dropdown-column-wrapper.module-dropdown {
      border-width: 1px;
      border-radius: 20px;
    }
  
    .sidebar-logo-section-container, .sidebar-mobile-icon {
      display: none;
    }
  
    .sidebar-menu-wrapper {
      background-color: #fff;
      padding: 24px 24px 200px;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr 1fr;
    }
  
    .grid-3-columns._3-col-tablet {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .sidebar-spacer {
      width: 64px;
      display: none;
    }
  
    .sidebar-wrapper {
      max-height: 78px;
      max-width: 64px;
      min-height: 78px;
      min-width: 64px;
      box-shadow: none;
      border-right-style: none;
      justify-content: flex-start;
      align-items: center;
      padding: 0 0 0 24px;
      display: flex;
      bottom: auto;
      overflow: visible;
    }
  
    .display-3 {
      font-size: 32px;
    }
  
    .hamburger-menu-bar {
      width: 20px;
      height: 3px;
    }
  
    .hamburger-menu-wrapper {
      cursor: pointer;
      margin-left: 24px;
      transition: transform .3s;
    }
  
    .hamburger-menu-wrapper:hover {
      transform: scale3d(1.1, 1.1, 1.01);
    }
  
    .hamburger-menu-wrapper.w--open {
      background-color: rgba(0, 0, 0, 0);
    }
  
    .hamburger-menu-wrapper.sidebar {
      margin-left: 0;
      transition: transform .3s;
    }
  
    .hamburger-menu-wrapper.sidebar:hover {
      transform: scale3d(1.2, 1.2, 1.01);
    }
  
    .sidebar-nav-list-item {
      margin-bottom: 12px;
      padding-left: 0;
    }
  
    .dashboard-nav-main-container {
      z-index: 499;
      padding-left: 64px;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
    }
  
    .features-wrap-2 {
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: stretch;
    }
  
    .features-grid-8 {
      max-width: 100%;
      grid-column-gap: 24px;
      margin-right: 0;
    }
  
    .features-heading-wrap-2 {
      max-width: 600px;
      margin-bottom: 60px;
    }
  
    .heading-large-4 {
      margin-bottom: 20px;
    }
  
    .grid-heading-2 {
      grid-template-columns: 1fr;
    }
  
    .button-wrapper-6 {
      justify-content: flex-start;
    }
  
    .integration-details {
      flex-direction: column;
    }
  
    .connected-badge {
      position: absolute;
      top: 25px;
      bottom: auto;
      left: auto;
      right: 25px;
    }
  
    .integration-block {
      position: relative;
    }
  
    .logo-link-2 {
      margin-right: 0;
    }
  
    .navigation-wrapper {
      width: auto;
      align-items: center;
      display: flex;
    }
  
    .navigation-menu {
      color: #393b6a;
      background-color: #fff;
      border-radius: 8px;
      padding: 12px;
      position: absolute;
    }
  
    .navigation-menu.w--open {
      background-color: #282556;
      border-color: #fff;
    }
  
    .header-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .navigation-link {
      width: 100%;
    }
  
    .section-header-large {
      padding-bottom: 400px;
    }
  
    .menu-button-9.w--open {
      background-color: #07090d;
      justify-content: center;
      align-items: center;
    }
  
    .header-tall-image {
      width: 100%;
      height: 300px;
      top: auto;
      bottom: 0%;
      left: 0%;
      right: 0%;
    }
  
    .navigation-10 {
      position: relative;
    }
  
    .a-feature-card-grid-large {
      grid-template-columns: 1fr 1fr;
    }
  
    .content-grid-8 {
      grid-template-columns: 1fr;
    }
  
    .content-image-block, .content-image-double {
      justify-content: flex-start;
    }
  
    .a-button-primary {
      display: flex;
    }
  
    .a-cta-image-wrapper {
      max-width: 100%;
    }
  
    .a-cta-grid {
      grid-template-columns: 1fr;
    }
  
    .faq-side-2 {
      width: 100%;
      height: 440px;
      padding-left: 3%;
      padding-right: 3%;
    }
  
    .table {
      min-width: 900px;
    }
  
    .pricing-table-wrapper {
      overflow: scroll;
    }
  
    .table-row-top {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .grid-cell {
      margin-bottom: 40px;
    }
  
    .feature-text-3 {
      max-width: none;
    }
  
    .line-break-gradient {
      max-width: 100%;
    }
  
    .price-grid {
      max-width: 530px;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .grid-title-2 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .container-11 {
      min-height: auto;
      position: relative;
    }
  
    .grid-row {
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .feature-text-3-block {
      max-width: none;
    }
  
    .price-tabs {
      margin-top: -176px;
    }
  
    .price-tab-menu {
      margin-top: 105px;
    }
  
    .a-pricing-grid {
      grid-template-columns: 1fr;
    }
  
    .a-title-wrap-center {
      margin-top: -11px;
    }
  
    .a-button-primary-square {
      display: flex;
    }
  
    .grid-three-column-4 {
      grid-template-columns: 1fr 1fr;
    }
  
    .pricing-grid-large {
      max-width: 540px;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .section-pricing {
      background-position: 0 0, 50% 0;
      background-size: auto, auto;
    }
  
    .form-block-section-meeting {
      width: 100%;
    }
  
    .save-20-wrapper {
      bottom: -118%;
    }
  
    .cta-wrapper-2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }
  
    .cta-container-4 {
      max-width: 640px;
    }
  
    .cta-grid-4 {
      grid-row-gap: 80px;
      grid-template-columns: 1fr;
      padding: 100px 50px 70px;
    }
  
    .pricing-grid-large-m {
      max-width: 540px;
      grid-template-columns: 1fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .m-integrations-tabs {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    .m-integrations-tab-menu {
      margin-bottom: 56px;
      margin-right: 0;
    }
  
    .m-integrations-tabs-info {
      bottom: -96px;
    }
  
    .m-integrations-feature-card {
      max-width: none;
      margin-left: auto;
      margin-right: auto;
    }
  
    .m-content-tabs-menu {
      max-width: 100%;
      flex-flow: wrap;
      margin-bottom: 32px;
    }
  
    .m-content-tab-info {
      margin-top: 64px;
      position: static;
      top: 238px;
      bottom: auto;
      left: auto;
      right: 0%;
    }
  
    .m-content-header-row {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .m-content-tab-link {
      width: auto;
      max-width: 100%;
    }
  
    .m-content-tabs {
      flex-direction: column;
    }
  
    .features-section-4 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .features-grid-9 {
      grid-column-gap: 40px;
      grid-row-gap: 40px;
      grid-template-columns: 1fr 1fr;
    }
  
    .a-feature-grid {
      grid-template-columns: 1fr;
    }
  
    .cta-grid-4-copy {
      grid-row-gap: 80px;
      grid-template-columns: 1fr;
      padding: 100px 50px 70px;
    }
  
    .counter-top {
      padding-left: 10px;
      padding-right: 24px;
    }
  
    .step-line {
      display: none;
    }
  
    .counter-bottom {
      padding-left: 10px;
      padding-right: 24px;
    }
  
    .check-symbol {
      right: -4%;
    }
  
    .slide-wrapper-3 {
      flex-direction: column;
    }
  
    .form-grid-2 {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
    }
  
    .counter-centre {
      padding-left: 10px;
      padding-right: 24px;
    }
  
    .b-section-regular {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .b-integration-grid-large {
      grid-template-columns: 1fr;
    }
  
    .b-section-regular-2 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .nav-toggle-2 {
      width: 100%;
      justify-content: flex-start;
      padding-top: 14px;
      padding-bottom: 14px;
    }
  
    .nav-toggle-2:hover {
      color: #4c4cb3;
      border: 1px solid #5167f6;
      border-radius: 5px;
    }
  
    .nav-toggle-2.w--open {
      width: 100%;
      color: #fff;
      background-color: #fff;
      border: 1px solid #5167f6;
      border-radius: 20px;
    }
  
    .dropdown-wrapper-4 {
      box-shadow: none;
      border-radius: 0;
      padding-top: 20px;
      padding-left: 5%;
      padding-right: 5%;
    }
  
    .navigation-dropdown-link-3 {
      padding: 10px;
    }
  
    .logo-image-4 {
      margin-left: 25px;
    }
  
    .column-5 {
      padding-right: 0;
    }
  
    .navigation-title-3 {
      margin-bottom: 20px;
      display: flex;
    }
  
    .menu-button-10 {
      height: 48px;
      max-height: 60px;
      color: #000;
      background-color: #ebebf4;
      border: 1px #6869ac;
      border-radius: 10px;
      margin-left: 14px;
      margin-right: 25px;
      padding: 12px;
    }
  
    .menu-button-10.w--open {
      color: #000;
      background-color: #fff;
      border: 1.2px solid #131316;
    }
  
    .dropdown-list-5.w--open {
      height: auto;
      padding-top: 0;
      position: static;
      overflow: auto;
    }
  
    .button-8 {
      height: 48px;
      max-height: 60px;
      min-width: auto;
      text-align: center;
      border-radius: 10px;
      flex-direction: column;
      align-items: center;
      margin-left: -10px;
      padding: 11px 12px 13px;
      display: block;
      position: relative;
    }
  
    .m-navigation-list.w--open {
      padding-left: 20px;
      padding-right: 20px;
      position: static;
    }
  
    .navigation-grid-4 {
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: 1fr 1fr;
      margin-top: 0;
    }
  
    .brand-4 {
      margin-right: 10px;
      padding: 0;
    }
  
    .nav-link-text {
      color: #131316;
      font-size: 18px;
      font-weight: 500;
    }
  
    .nav-link-8 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: .5em;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 18px;
    }
  
    .nav-link-8:hover {
      text-decoration: none;
    }
  
    .nav-link-8.w--current {
      text-align: left;
      align-items: flex-start;
      position: relative;
    }
  
    .hero-title-overlay {
      height: 82px;
    }
  
    .hero-title-overlay._2nd {
      top: 82px;
    }
  
    .hero-title-overlay._2nd.feature-page {
      top: 90px;
    }
  
    .hero-title-overlay._4th {
      top: 246px;
    }
  
    .hero-title-overlay._1st {
      top: 10px;
    }
  
    .hero-title-overlay._1st.feature-page {
      top: 0;
    }
  
    .hero-title-overlay._3rd {
      top: 164px;
    }
  
    .container-13 {
      flex: 1;
      padding-top: 2em;
      padding-bottom: 2em;
    }
  
    .hero-text.center.features {
      font-size: 64px;
    }
  
    .hero-title-container {
      max-width: 100%;
    }
  
    .box-item {
      height: 100%;
    }
  
    .heading-wrap-text {
      font-size: 40px;
    }
  
    .box-description {
      text-align: center;
    }
  
    .box-gradient {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  
    .tabs-content-3 {
      align-self: center;
    }
  
    .tabs-menu-2 {
      width: 45%;
    }
  
    .feature-black-image-holder {
      padding: 5em;
    }
  
    .decorative-line-cyber {
      position: relative;
    }
  
    .container-14 {
      flex: 1;
      padding-top: 2em;
      padding-bottom: 2em;
    }
  
    .container-14.subscribe-form-container {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .button-9 {
      text-align: center;
      flex-direction: column;
      align-items: center;
      display: flex;
    }
  
    .button-9.icon-white-text {
      padding-left: 0;
    }
  
    .subscribe-form-wrapper {
      height: auto;
      min-height: 400px;
      flex-direction: row;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
    }
  
    .error-message-5 {
      max-width: none;
      position: static;
    }
  
    .subscribe-form-content {
      width: 65%;
      padding: 30px 0 30px 30px;
    }
  
    .subscribe-form-image {
      margin-left: -58px;
    }
  
    .subscribe-form-image-holder {
      width: 400px;
      height: 400px;
      right: -15%;
    }
  
    .form-block-5 {
      width: 100%;
      max-width: none;
      min-width: 0;
      flex-direction: column;
    }
  
    .form-block-5.blog-form-block {
      align-items: flex-start;
    }
  
    .subscribe-form-header {
      font-size: 26px;
    }
  
    .subscribe-summary {
      padding-right: 69px;
    }
  
    .submit-button-4 {
      margin-left: 12px;
    }
  
    .text-span-62 {
      background-image: linear-gradient(115deg, #fa496e, #e31f1f);
    }
  
    .container-14-special {
      flex: 1;
      padding-top: 2em;
      padding-bottom: 2em;
    }
  
    .service-side-image-copy {
      height: 248px;
      margin-bottom: 32px;
    }
  
    .text-span-65 {
      font-size: 40px;
    }
  
    .box-item-blue {
      height: 100%;
    }
  
    .header-section-home {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .box-gradient-home {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  
    .header-logo-block-min {
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .combine-button-icon {
      white-space: nowrap;
    }
  
    .combine-blog3_content {
      justify-content: center;
    }
  
    .combine-blog3_image-wrapper {
      max-width: 15rem;
    }
  
    .combine-blog3_component {
      grid-template-columns: 1fr;
    }
  
    .combine-heading-style-h2 {
      font-size: 2.5rem;
    }
  
    .combine-padding-global {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  
    .display-heading-3 {
      font-size: 54px;
      line-height: 54px;
    }
  
    .section-8 {
      margin-top: 96px;
      margin-bottom: 96px;
    }
  
    .section-8.section-small {
      margin-top: 72px;
      margin-bottom: 72px;
    }
  
    .content-width-medium.article-title-wrapper {
      margin-bottom: 72px;
    }
  
    .combine-button-icon-2 {
      white-space: nowrap;
    }
  
    .combine-blog4_component {
      grid-template-columns: 1fr;
    }
  
    .combine-heading-style-h2-2 {
      font-size: 2.5rem;
    }
  
    .combine-padding-global-2 {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  
    .lc-section {
      padding: 100px 8px;
    }
  
    .combine-padding-global-2-black {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  
    .combine-blog3_content-2 {
      justify-content: center;
    }
  
    .combine-blog3_image-wrapper-2 {
      max-width: 15rem;
    }
  
    .combine-blog3_component-2 {
      grid-template-columns: 1fr;
    }
  
    .hero-blog-wrapper {
      padding-top: 2em;
      padding-bottom: 2em;
      padding-left: 2em;
    }
  
    .blog-list.second-collection {
      grid-template-columns: 1fr 1fr;
    }
  
    .hero-blog-content {
      width: 75%;
    }
  
    .hero-features-image-grid {
      height: 650px;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      padding-top: 13em;
    }
  
    .hero-features-image-grid.blog-images-grid {
      width: 60%;
      top: 37%;
      left: 73%;
    }
  
    .text-field-7 {
      min-width: 260px;
    }
  
    .text-lead.blog-post-summary {
      margin-bottom: 72px;
    }
  
    .horizontal-rule.blog-post-horizontal-rule {
      margin-top: 72px;
      margin-bottom: 72px;
    }
  
    .container-16 {
      max-width: 728px;
    }
  
    .gallery-wrapper {
      grid-template-columns: 1fr 1fr;
    }
  
    .blog-section {
      padding: 60px 5%;
    }
  
    .blog-grid-1, .blog-grid-1._2nd {
      grid-template-columns: 1fr;
    }
  
    .blog-grid-1-col.sticky {
      display: block;
    }
  
    .blog-grid-1-col.tab-hide {
      display: none;
    }
  
    .blog-grid-1-col-top {
      margin-bottom: 40px;
      padding: 48px 20px;
    }
  
    .blog-heading-1 {
      font-size: 48px;
    }
  
    .blog-h2 {
      margin-bottom: 40px;
    }
  
    .blog-col-list {
      grid-template-columns: 1fr 1fr;
    }
  
    .blog-col-grid-spacer {
      margin-top: 60px;
    }
  
    .blog-grid-1-head-drop {
      grid-column-gap: 24px;
      justify-content: space-between;
      margin-bottom: 10px;
      padding-top: 6px;
      padding-bottom: 6px;
    }
  
    .blog-grid-1-head-drop-icon {
      color: #329eff;
      display: flex;
    }
  
    .blog-img {
      height: 320px;
      margin-bottom: 20px;
    }
  
    .blog-grid-1-head-drop-top {
      margin-bottom: 20px;
    }
  
    .toc-mbl {
      display: block;
    }
  }
  
  @media screen and (max-width: 767px) {
    h1 {
      margin-top: 24px;
      margin-bottom: 8px;
      font-size: 34px;
      line-height: 44px;
    }
  
    h2 {
      margin-top: 24px;
      margin-bottom: 8px;
      font-size: 24px;
      line-height: 32px;
    }
  
    h3 {
      margin-top: 24px;
      margin-bottom: 8px;
      font-size: 20px;
      line-height: 28px;
    }
  
    h4 {
      margin-top: 24px;
      margin-bottom: 8px;
      font-size: 18px;
      line-height: 24px;
    }
  
    h5, h6 {
      margin-top: 24px;
      margin-bottom: 8px;
    }
  
    p {
      margin-top: 8px;
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 24px;
    }
  
    blockquote {
      font-size: 20px;
    }
  
    .section {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .wrapper.nav-bar-wrapper {
      display: block;
    }
  
    .button.contact-ready-button {
      margin-bottom: -40px;
    }
  
    .button.works-v5-button {
      margin-top: 48px;
    }
  
    .button.full-screen-button {
      bottom: 16px;
      right: 16px;
    }
  
    .nav-bar.ghost-nav-bar {
      display: block;
    }
  
    .logo-link {
      padding-top: 12px;
      padding-bottom: 16px;
    }
  
    .logo-link.full-screen-logo {
      left: 8px;
    }
  
    .logo-text {
      margin-left: 0;
      font-size: 13px;
      display: none;
    }
  
    .nav-link {
      padding-top: 12px;
      padding-bottom: 14px;
    }
  
    .paragraph-big {
      font-size: 16px;
      line-height: 28px;
    }
  
    .paragraph-big.hero-split-text {
      margin-bottom: 20px;
    }
  
    .hero-imac {
      max-width: 90%;
    }
  
    .hero-plant-small, .hero-plant-big, .hero-pencils {
      display: none;
    }
  
    .section-header-wrapper {
      padding-bottom: 40px;
    }
  
    .section-small-header {
      letter-spacing: 3px;
      font-size: 10px;
      line-height: 16px;
    }
  
    .section-header {
      margin-top: 16px;
    }
  
    .section-description {
      font-size: 14px;
      line-height: 24px;
    }
  
    .service-simple {
      width: 83.33%;
      padding-bottom: 16px;
      padding-right: 8px;
    }
  
    .service-simple-header {
      margin-top: 8px;
    }
  
    .services-simple {
      flex-direction: column;
      align-items: center;
    }
  
    .works-v1 {
      margin-bottom: -16px;
    }
  
    .work-card-v1 {
      padding-bottom: 24px;
    }
  
    .work-card-v1-image {
      height: 176px;
    }
  
    .work-card-v1-header {
      margin-bottom: 12px;
    }
  
    .work-card-v1-description {
      font-size: 14px;
    }
  
    .team {
      flex-wrap: wrap;
      margin-bottom: -32px;
    }
  
    .team-member {
      width: 50%;
      padding-bottom: 32px;
    }
  
    .team-member-photo {
      height: 360px;
    }
  
    .contact-section {
      flex-direction: column;
    }
  
    .contact-split-image {
      width: 100%;
      height: 240px;
      min-height: 0;
      display: none;
    }
  
    .contact-split-info {
      text-align: center;
      margin-left: 0;
      padding: 54px 8.33% 80px;
    }
  
    .input.footer-subscribe-input {
      text-align: center;
      margin-top: 16px;
    }
  
    .contact-split-form {
      padding-top: 0;
    }
  
    .client-logo {
      margin-left: 0;
      margin-right: 0;
    }
  
    .footer-bottom-text-left {
      margin-right: 16px;
    }
  
    .footer-bottom-link-right {
      margin-left: 16px;
    }
  
    .about-side-info {
      flex-wrap: wrap;
    }
  
    .about-side-header-wrapper {
      width: 100%;
    }
  
    .about-side-line {
      width: 42px;
      margin-top: 18px;
      margin-left: 2px;
    }
  
    .about-side-header {
      padding-right: 0;
    }
  
    .about-side-text {
      padding-left: 76px;
    }
  
    .service-side-block {
      flex-direction: column-reverse;
      padding-bottom: 48px;
    }
  
    .service-side-block.reversed {
      flex-direction: column-reverse;
    }
  
    .service-side-info {
      width: 100%;
      text-align: center;
      padding: 48px 8.33% 0;
    }
  
    .service-side-content {
      width: 100%;
      justify-content: center;
      align-items: center;
    }
  
    .service-side-content.service-side-content-reversed {
      justify-content: center;
    }
  
    .link-arrow {
      font-size: 11px;
      line-height: 32px;
    }
  
    .service-side-image {
      width: 83.33%;
      height: 280px;
    }
  
    .service-side-blocks {
      margin-bottom: -60px;
    }
  
    .side-video-content {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .side-video-preview {
      min-height: 400px;
    }
  
    .side-video-info {
      padding-right: 8px;
    }
  
    .post-v2 {
      width: 66.66%;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 32px;
    }
  
    .blog-posts-v2 {
      margin-bottom: -32px;
    }
  
    .footer-v2-about {
      padding-top: 27px;
    }
  
    .footer-big-subscribe {
      max-width: 100%;
    }
  
    .works-v3 {
      margin-bottom: -24px;
    }
  
    .work-v3 {
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 24px;
    }
  
    .about-side-image-info {
      width: 50%;
      margin-left: 0%;
      margin-right: 0%;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .about-side-image-wrapper {
      width: 50%;
      flex: 1;
    }
  
    .service-card._33-width {
      flex-basis: 40%;
    }
  
    .footer-v3-about {
      width: 50%;
    }
  
    .footer-v3-nav {
      width: 25%;
    }
  
    .footer-v3-subscribe {
      width: 100%;
      flex: 0 auto;
      order: -1;
      padding-left: 16.66%;
      padding-right: 16.66%;
    }
  
    .footer-subscribe-form {
      text-align: center;
      padding-top: 8px;
      padding-bottom: 8px;
    }
  
    .subscribe-form {
      flex-wrap: wrap;
      padding-bottom: 32px;
      padding-left: 8.33%;
      padding-right: 8.33%;
    }
  
    .subscribe-info {
      width: 100%;
      text-align: center;
    }
  
    .testimonials-slider {
      width: 100%;
    }
  
    .review-slide {
      padding-left: 12%;
      padding-right: 12%;
    }
  
    .hero-split-image {
      height: 400px;
    }
  
    .hero-split-content {
      text-align: left;
    }
  
    .works-v5 {
      justify-content: center;
      margin-bottom: -20px;
    }
  
    .work-v5 {
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 20px;
      display: block;
    }
  
    .work-card-v5 {
      padding-bottom: 8px;
    }
  
    .team-cards {
      padding-left: 0;
      padding-right: 0%;
    }
  
    .testimonials-cards {
      flex-direction: column;
    }
  
    .testimonials-cards-column {
      width: 100%;
      margin-bottom: 0;
      padding-left: 9%;
      padding-right: 9%;
    }
  
    .footer-v4 {
      padding-top: 8px;
    }
  
    .footer-v4-about {
      width: 100%;
      padding-bottom: 16px;
    }
  
    .footer-v4-column {
      padding-bottom: 40px;
    }
  
    .menu-button {
      width: 56px;
      height: 56px;
      margin-right: 4px;
      padding: 18px;
    }
  
    .menu-button.white-menu-button {
      margin-right: 0;
    }
  
    .page-header-section {
      height: 240px;
      padding-top: 40px;
    }
  
    .page-header-section.about-1 {
      margin-bottom: 31px;
    }
  
    .page-header-section.blog {
      height: 240px;
    }
  
    .gallery-photo.gallery-photo-1 {
      width: 60%;
      height: 320px;
    }
  
    .gallery-photo.gallery-photo-4, .gallery-photo.gallery-photo-5 {
      height: 280px;
    }
  
    .utility-page-section {
      min-height: 480px;
    }
  
    .password-window {
      margin-top: 32px;
    }
  
    .about-text {
      column-gap: 24px;
      margin-top: 40px;
    }
  
    .blog-posts-v1-wrapper {
      padding-right: 12px;
    }
  
    .blog-sidebar {
      padding-left: 12px;
    }
  
    .post-card-v1-author {
      flex: 1;
    }
  
    .post-card-v1-header {
      margin-top: 16px;
    }
  
    .blog-card-v1-dot, .text-block-5 {
      display: none;
    }
  
    .category-filter-link {
      margin-left: 12px;
      margin-right: 12px;
      font-size: 14px;
    }
  
    .categories-filter {
      margin-bottom: 48px;
    }
  
    .gallery-horizontal-column {
      height: 320px;
    }
  
    .full-screen-nav-link {
      font-size: 32px;
      line-height: 64px;
    }
  
    .work-details {
      width: 100%;
    }
  
    .work-presentation figure {
      margin-top: 24px;
      margin-bottom: 24px;
    }
  
    .work-main-image {
      margin-top: 80px;
    }
  
    .work-content {
      padding-top: 48px;
    }
  
    .post-header-section {
      height: auto;
      min-height: 0;
    }
  
    .post-header-author {
      font-size: 14px;
      line-height: 24px;
    }
  
    .post-header-wrapper {
      margin-top: 56px;
    }
  
    .blog-post p {
      line-height: 28px;
    }
  
    .faq-list {
      width: 100%;
      margin-bottom: -16px;
    }
  
    .question-block {
      margin-bottom: 16px;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .question-text {
      margin-top: 8px;
    }
  
    .pricing-table {
      width: 66.66%;
      max-width: none;
      flex: 0 auto;
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .pricing-table-price {
      font-size: 24px;
      line-height: 32px;
    }
  
    .licence-items {
      margin-bottom: -16px;
    }
  
    .licence-item {
      width: 100%;
      margin-bottom: 16px;
    }
  
    .floating-card {
      display: none;
    }
  
    .logo-wrapper {
      float: left;
      display: inline-block;
    }
  
    .menu-button-2 {
      width: 60px;
      height: 60px;
      padding: 20px;
    }
  
    .button-3 {
      margin-top: 5px;
      padding-top: 5px;
      padding-bottom: 5px;
    }
  
    .section-2 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .section-description-2 {
      font-size: 14px;
      line-height: 24px;
    }
  
    .footer-bottom-link-right-2 {
      margin-left: 16px;
    }
  
    .footer-bottom-text-left-2 {
      margin-right: 16px;
    }
  
    .section-3 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .menu-button-3 {
      width: 56px;
      height: 56px;
      margin-right: 4px;
      padding: 18px;
    }
  
    .paragraph-big-2 {
      font-size: 16px;
      line-height: 28px;
    }
  
    .paragraph-big-2.hero-split-text {
      margin-bottom: 20px;
    }
  
    .hero-split-image-2 {
      height: 400px;
    }
  
    .uit-section-header {
      padding-bottom: 40px;
    }
  
    .service-simple-header-2 {
      margin-top: 8px;
    }
  
    .section-4 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .hero-table-intro-2 {
      padding-bottom: 32px;
    }
  
    .hero-table-section-2 {
      height: 400px;
    }
  
    .hero-intro-line-3 {
      margin-top: 8px;
    }
  
    .service-side-image-2 {
      width: 83.33%;
      height: 280px;
    }
  
    .link-arrow-2 {
      font-size: 11px;
      line-height: 32px;
    }
  
    .section-small-header-5 {
      letter-spacing: 3px;
      font-size: 10px;
      line-height: 16px;
    }
  
    .paragraph-big-3 {
      font-size: 16px;
      line-height: 28px;
    }
  
    .paragraph-big-3.hero-split-text {
      margin-bottom: 20px;
    }
  
    .hero-split-image-3 {
      height: 400px;
    }
  
    .button-6.contact-ready-button {
      margin-bottom: -40px;
    }
  
    .resource-link {
      padding: 10px;
    }
  
    .product-grid {
      grid-column-gap: 0px;
      grid-template-columns: 1fr;
    }
  
    .navigation-grid, .customer-grid {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      grid-template-columns: 1fr;
    }
  
    .resources-grid {
      grid-column-gap: 12px;
      grid-row-gap: 12px;
      grid-template-columns: 1fr 1fr;
    }
  
    .navigation-dropdown-link {
      padding: 10px;
    }
  
    .dropdown-list.w--open {
      height: 600px;
      overflow: scroll;
    }
  
    .link-block {
      margin-top: 10px;
    }
  
    .previous-placeholder, .next-placeholder {
      z-index: 6;
      position: fixed;
    }
  
    .form-content {
      width: 100%;
      min-width: auto;
    }
  
    .grid-two-column {
      grid-template-columns: 1fr;
    }
  
    .form-wrapper {
      width: 100%;
    }
  
    .slide-content {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .brand-wrapper {
      text-align: center;
      flex-flow: column wrap;
      justify-content: center;
      align-items: center;
    }
  
    .apps-logo-circle {
      margin-bottom: 10px;
      margin-right: 0;
    }
  
    .integrations-grid {
      width: 100%;
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      grid-template-columns: 1fr;
    }
  
    .brand-category {
      text-align: center;
    }
  
    .interaction-wrapper {
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .brand-name {
      text-align: center;
    }
  
    .image-block-02, .image-block-03, .image-block-01 {
      height: 180px;
    }
  
    .feature-card {
      padding: 32px;
    }
  
    .feature-grid {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: 1fr;
    }
  
    .footer-grid {
      grid-template-columns: 1fr 1fr;
    }
  
    .integration-row-bottom, .integration-row {
      width: auto;
      margin-bottom: 0;
      left: 0;
    }
  
    .section-social {
      padding-bottom: 60px;
    }
  
    .title-wrapper-2 {
      margin-bottom: 60px;
    }
  
    .integration-wrapper {
      padding: 20px 32px 60px 0;
      display: flex;
      overflow: auto;
    }
  
    .card-testimonial-large {
      margin-left: 0;
      margin-right: 24px;
    }
  
    .form-image-section-black {
      padding-bottom: 100px;
    }
  
    .contact-detail-grid {
      grid-template-columns: 1fr;
    }
  
    .form-block-wave {
      padding: 32px;
    }
  
    .form-grid-wave {
      grid-template-columns: 1fr;
    }
  
    .title-wrap-wave {
      margin-bottom: 40px;
    }
  
    .page-header-section-2 {
      height: 240px;
      padding-top: 40px;
    }
  
    .page-header-section-2.blog {
      height: 240px;
    }
  
    .hero-content-block-2 {
      text-align: center;
    }
  
    .header-logo {
      grid-template-columns: 1fr 1fr;
      justify-items: center;
    }
  
    .button-wrapper-4 {
      justify-content: center;
    }
  
    .header-section-3 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .price-grid-top {
      grid-template-columns: 1fr;
    }
  
    .content-h1 {
      font-size: 55px;
    }
  
    .tabs-container {
      flex-direction: column;
    }
  
    .tabs-content {
      margin-bottom: 40px;
    }
  
    .tabs-heading {
      margin-bottom: 40px;
      font-size: 40px;
      line-height: 50px;
    }
  
    .tabs-image {
      width: 100%;
      border-radius: 30px;
      margin-bottom: 60px;
      margin-right: 0;
    }
  
    .tabs-section {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .faq-section {
      flex-direction: column;
    }
  
    .faq-question {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .interaction-wrapper-2 {
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .content-grid {
      grid-template-columns: 1fr;
    }
  
    .content-text-wrap {
      max-width: none;
    }
  
    .content-heading {
      margin-bottom: 40px;
      font-size: 40px;
      line-height: 50px;
    }
  
    .content-paragraph {
      margin-bottom: 60px;
    }
  
    .company-logo {
      margin-left: 15px;
      margin-right: 15px;
    }
  
    .content-grid-3 {
      max-width: 380px;
      grid-template-columns: 3fr;
    }
  
    .hero-heading-6 {
      font-size: 52px;
    }
  
    .slider-2 {
      min-height: 740px;
    }
  
    .header-logo-2 {
      grid-template-columns: 1fr 1fr;
      justify-items: center;
    }
  
    .grid-feature-large {
      grid-row-gap: 24px;
      grid-template-columns: 1fr;
    }
  
    .integration-section-5 {
      margin-bottom: -212px;
    }
  
    .integration-grid-3 {
      max-width: 380px;
      grid-template-columns: 3fr;
    }
  
    .interaction-wrapper-3 {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .form-image-section-2 {
      padding-bottom: 320px;
    }
  
    .section-large-2 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .grid-two-column-2 {
      grid-template-columns: 1fr;
    }
  
    .integration-grid-4 {
      max-width: 380px;
      grid-template-columns: 3fr;
      margin-left: auto;
      margin-right: auto;
    }
  
    .section-large-3 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .features-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .h2-heading {
      font-size: 44px;
    }
  
    .section-regular {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .navigation-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .badge {
      display: none;
    }
  
    .navigation-title-2 {
      margin-bottom: 10px;
    }
  
    .banner {
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
    }
  
    .menu-button-5 {
      color: #000;
      background-color: #f4f6f8;
      border-style: solid;
      border-color: #f4f6f8;
    }
  
    .nav-toggle:hover, .nav-link-4:hover {
      color: #3377fe;
    }
  
    .navigation-dropdown-link-2 {
      padding: 10px;
    }
  
    .navigation-grid-solutions {
      grid-template-columns: 1fr;
    }
  
    .tabs-heading-2 {
      margin-bottom: 40px;
      font-size: 40px;
      line-height: 50px;
    }
  
    .tabs-section-2 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .cta-grid {
      grid-template-columns: 1fr 1fr;
    }
  
    .cta-button-wrapper {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
    }
  
    .button-cta {
      margin-bottom: 0;
      margin-right: 20px;
    }
  
    .cta-grid-long {
      grid-template-columns: 1fr;
    }
  
    .title-wrapper-5 {
      margin-bottom: 60px;
    }
  
    .ui-asset {
      margin-bottom: 40px;
    }
  
    .features-grid {
      grid-template-columns: 1fr;
    }
  
    .section-regular-2 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .feature-shop-tab {
      margin-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px;
      padding: 16px 32px;
    }
  
    .h1-heading {
      font-size: 48px;
    }
  
    .feature-shop-tabs {
      min-width: auto;
      flex-flow: wrap;
      justify-content: center;
      margin-bottom: 40px;
      margin-right: 0;
    }
  
    .feature-tabs {
      flex-direction: column;
    }
  
    .right-arrow-2 {
      top: auto;
      bottom: -60px;
      left: auto;
      right: 40%;
    }
  
    .content-title {
      margin-bottom: 40px;
    }
  
    .left-arrow-2 {
      top: auto;
      bottom: -60px;
      left: 40%;
      right: auto;
    }
  
    .section-content-2 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .section-4-fiber {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .uit-section-header-fiber {
      padding-bottom: 40px;
    }
  
    .section-large {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .grid-three-column {
      grid-template-columns: 1fr;
    }
  
    .h3-heading-3 {
      font-size: 40px;
    }
  
    .process-heading {
      font-size: 50px;
    }
  
    .process-grid {
      grid-template-columns: 1fr;
    }
  
    .section-large-4 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .section-white {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .gallery-slider-right-arrow {
      width: 40px;
      height: 40px;
      top: -80px;
    }
  
    .gallery-header-wrap {
      flex-direction: column;
      margin-bottom: 40px;
      margin-right: 140px;
    }
  
    .gallery-card.vertical {
      height: 250px;
    }
  
    .gallery-paragraph {
      width: 100%;
    }
  
    .gallery-section {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .gallery-grid {
      grid-template-columns: 1fr 1fr;
    }
  
    .gallery-slider-left-arrow {
      width: 40px;
      height: 40px;
      top: -80px;
      right: 60px;
    }
  
    .header-full-image {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .features-grid-3 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
    }
  
    .feature-card-5 {
      padding: 32px;
    }
  
    .section-small {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .grid-two-column-3 {
      grid-template-columns: 1fr;
    }
  
    .placeholder-image-tall {
      height: 400px;
    }
  
    .heading-content {
      font-size: 48px;
    }
  
    .grid-three-column-copy {
      grid-template-columns: 1fr;
    }
  
    .content-grid-3-3-block {
      max-width: 380px;
      grid-template-columns: 3fr;
    }
  
    .content-grid-6 {
      grid-column-gap: 24px;
      grid-row-gap: 24px;
    }
  
    .h3-heading-5 {
      font-size: 40px;
    }
  
    .content-heading-3 {
      font-size: 40px;
      line-height: 50px;
    }
  
    .content-grid-7 {
      grid-row-gap: 60px;
    }
  
    .content-section-2 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .page-header-section-copy {
      height: 240px;
      padding-top: 40px;
    }
  
    .page-header-section-copy.blog {
      height: 240px;
    }
  
    .page-header-section-copy-copy {
      height: 240px;
      padding-top: 40px;
    }
  
    .page-header-section-copy-copy.blog {
      height: 240px;
    }
  
    .section-copy {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .grid-three-column-2 {
      grid-template-columns: 1fr;
    }
  
    .header-large-white {
      font-size: 48px;
    }
  
    .header-section-small {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .contact-heading {
      font-size: 50px;
      line-height: 56px;
    }
  
    .header-large-white-copy {
      font-size: 48px;
    }
  
    .navigation-button-grey, .navigation-button-primary, .button-navigation {
      display: none;
    }
  
    .header-section-6 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .features-section {
      background-size: 400px;
    }
  
    .features-grid-4 {
      grid-row-gap: 60px;
    }
  
    .feature-title-paragraph {
      margin-bottom: 40px;
      font-size: 20px;
      line-height: 30px;
    }
  
    .feature-heading {
      font-size: 40px;
      line-height: 50px;
    }
  
    .feature-card-6 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .feature-card-6:hover {
      box-shadow: none;
    }
  
    .features-grid-5 {
      grid-template-columns: 1fr;
    }
  
    .features-section-2 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .features-grid-col.even {
      margin-top: 0;
    }
  
    .features-heading-wrap {
      margin-bottom: 60px;
    }
  
    .features-grid-6 {
      grid-template-columns: 1fr;
    }
  
    .section-regular-3 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .grid-integration {
      grid-template-columns: 1fr;
    }
  
    .section-large-5 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .integration-line-light {
      margin-top: 24px;
    }
  
    .integration-heading {
      font-size: 50px;
      line-height: 56px;
    }
  
    .form-image-section-copy, .form-image-section-copy-copy, .form-image-section-black-busisness, .form-image-section-remote, .form-image-section-ministry {
      padding-bottom: 320px;
    }
  
    .content-grid-4-block {
      max-width: 380px;
      grid-template-columns: 3fr;
    }
  
    .header-large-white-meeting-confirm {
      font-size: 48px;
    }
  
    .section-large-4-extra-space {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .grid-two-column-2-copy, .features-grid-7 {
      grid-template-columns: 1fr;
    }
  
    .section-description-2-copy {
      font-size: 14px;
      line-height: 24px;
    }
  
    .section-regular-4 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .section-description-2-copy-copy {
      font-size: 14px;
      line-height: 24px;
    }
  
    .blue-square-large-2 {
      right: 0;
    }
  
    .navigation-button-primary-2 {
      display: none;
    }
  
    .button-wrapper-4-copy, .button-wrapper-4-security {
      justify-content: center;
    }
  
    .content-grid-3-access {
      max-width: 380px;
      grid-template-columns: 3fr;
    }
  
    .tabs-menu {
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0%;
    }
  
    .tabs-heading-wrap {
      margin-bottom: 40px;
    }
  
    .tabs-heading-3 {
      margin-bottom: 16px;
      font-size: 40px;
      line-height: 50px;
    }
  
    .tabs-content-2 {
      width: 100%;
      text-align: left;
    }
  
    .tabs-img {
      height: auto;
    }
  
    .tab-link {
      margin-top: 10px;
      margin-bottom: 10px;
    }
  
    .tabs-section-3 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .tab-pane-2 {
      height: auto;
    }
  
    .tabs {
      flex-direction: column;
      align-items: stretch;
    }
  
    .form-wrapper-3 {
      width: 100%;
    }
  
    .slide-content-2 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  
    .grid-single-column {
      grid-template-columns: 1fr;
    }
  
    .form-content-2 {
      width: 100%;
      min-width: auto;
    }
  
    .grid-three-column-3, .grid-two-column-4 {
      grid-template-columns: 1fr;
    }
  
    .features-wrap {
      flex-direction: column;
    }
  
    .cta-heading-2 {
      font-size: 35px;
    }
  
    .blue-dot {
      margin-top: 12px;
      margin-bottom: 12px;
    }
  
    .section-regular-5 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .h2-heading-fiber {
      font-size: 44px;
    }
  
    .button-wrapper-4-fiber {
      justify-content: center;
    }
  
    .h2-heading-phones {
      font-size: 44px;
    }
  
    .integrations-grid-uit {
      width: 100%;
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      grid-template-columns: 1fr;
    }
  
    .logo-wrapper-4 {
      float: left;
      display: inline-block;
    }
  
    .section-header-wrapper-2 {
      padding-bottom: 40px;
    }
  
    .footer-v2-about-2 {
      padding-top: 27px;
    }
  
    .nav-link-7 {
      padding-top: 12px;
      padding-bottom: 14px;
    }
  
    .logo-text-2 {
      margin-left: 0;
      font-size: 13px;
      display: none;
    }
  
    .section-description-3 {
      font-size: 14px;
      line-height: 24px;
    }
  
    .footer-bottom-text-left-3 {
      margin-right: 16px;
    }
  
    .header-large-white-copy-copy {
      font-size: 48px;
    }
  
    .process-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .section-large-6 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .grid-two-column-5 {
      grid-template-columns: 1fr;
    }
  
    .dashboard-wrapper {
      width: 100%;
    }
  
    .dashboard-progress-content {
      align-items: center;
    }
  
    .dashboard-progress {
      text-align: center;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    .dashboard {
      flex-direction: column;
    }
  
    .dashboard-heading {
      font-size: 32px;
    }
  
    .dashboard-section {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .navigation-grid-3 {
      grid-row-gap: 24px;
      margin-top: 40px;
    }
  
    .dashboard-section-2 {
      flex-direction: column;
    }
  
    .balance-wrapper {
      flex-wrap: wrap;
    }
  
    .detail-block {
      margin-bottom: 20px;
    }
  
    .banner-announcement {
      text-align: left;
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
    }
  
    .banner-container-center {
      grid-column-gap: 24px;
    }
  
    .banner-button-absolute {
      position: static;
    }
  
    .banner-2 {
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
    }
  
    .banner-wrap {
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .badge-banner {
      margin-bottom: 4px;
      margin-left: 0;
      margin-right: 0;
    }
  
    .dashboard-nav-left-content {
      flex: 1;
    }
  
    .dashboard-nav-container {
      min-height: 78px;
    }
  
    .hidden-on-mbl {
      display: none;
    }
  
    .line-rounded-icon.dropdown-arrow.profile-dropdown {
      margin-left: 0;
    }
  
    .container-default {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .module.team-progress, .module.tasks-reports {
      border-radius: 24px;
    }
  
    .grid-3-columns, .grid-3-columns._3-col-tablet {
      grid-template-columns: 1fr;
    }
  
    .mg-bottom-40px {
      margin-bottom: 32px;
    }
  
    .input-4 {
      padding-top: 16px;
      padding-bottom: 16px;
    }
  
    .sidebar-logo {
      max-width: 90%;
    }
  
    .popup-wrapper-2 {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .sidebar-wrapper {
      padding-left: 20px;
    }
  
    .display-3 {
      font-size: 24px;
    }
  
    .close-button-popup-module {
      max-width: 18px;
    }
  
    .popup.simple-popup {
      border-radius: 20px;
      padding: 48px 32px;
    }
  
    .divider {
      margin-top: 64px;
      margin-bottom: 64px;
    }
  
    .tasks-reports-container {
      grid-column-gap: 16px;
    }
  
    .heading-h4-size {
      font-size: 20px;
    }
  
    .text-100.medium.mg-bottom-8px.mg-bottom-4px-mbl {
      margin-bottom: 4px;
    }
  
    .dashboard-top-search-bar-wrapper {
      display: none;
    }
  
    .display-4 {
      font-size: 20px;
    }
  
    .grid-2-columns {
      grid-template-columns: 1fr;
    }
  
    .grid-2-columns.gap-18px._2-columns-mbl, .grid-2-columns._2-col-mbl {
      grid-template-columns: 1fr 1fr;
    }
  
    .feature-section-74 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .features-grid-8 {
      grid-row-gap: 24px;
      grid-template-columns: 1fr;
    }
  
    .features-heading-wrap-2 {
      margin-bottom: 60px;
    }
  
    .feature-card-9 {
      padding: 32px;
    }
  
    .ui-asset-2 {
      margin-bottom: 40px;
    }
  
    .integrations-paragraph {
      max-width: 380px;
    }
  
    .integration-grid-6 {
      grid-template-columns: 1fr;
    }
  
    .large-header {
      font-size: 50px;
    }
  
    .navigation-secondary {
      display: none;
    }
  
    .a-feature-card-grid-large {
      grid-row-gap: 24px;
      grid-template-columns: 1fr;
    }
  
    .a-section-large {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .a-feature-card-large {
      flex-direction: column;
      grid-template-columns: 1fr;
    }
  
    .a-h3-heading {
      font-size: 40px;
    }
  
    .h3-heading-6 {
      font-size: 36px;
      line-height: 52px;
    }
  
    .a-cta-button-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .a-section-regular {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .faq-question-2 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .table {
      min-width: 760px;
    }
  
    .price-tab-menu {
      margin-top: 125px;
    }
  
    .pricing-icon-2 {
      color: #1a1a1a;
    }
  
    .pricing-grid-wide {
      grid-template-columns: 1fr;
    }
  
    .a-title-wrap-center {
      margin-top: 15px;
    }
  
    .grid-three-column-4, .pricing-grid-large {
      grid-template-columns: 1fr;
    }
  
    .a-section-regular-2, .section-regular-6 {
      padding-top: 72px;
      padding-bottom: 72px;
    }
  
    .cta-block {
      height: 520px;
    }
  
    .form {
      flex-direction: column;
    }
  
    .email-input {
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .submit-button-3 {
      max-width: none;
    }
  
    .form-block-4 {
      max-width: 420px;
    }
  
    .save-20-wrapper {
      top: auto;
      bottom: -65%;
      left: auto;
      right: 0%;
    }
  
    .pricing-grid-large-m {
      grid-template-columns: 1fr;
    }
  
    .m-integrations-tabs {
      flex-direction: column;
    }
  
    .m-integrations-tab-menu {
      flex-wrap: wrap;
    }
  
    .m-h4-heading {
      font-size: 36px;
    }
  
    .m-integrations-header-large {
      margin-bottom: 60px;
    }
  
    .m-h3-heading {
      font-size: 40px;
    }
  
    .features-section-3 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .features-section-4 {
      background-size: 400px;
    }
  
    .features-heading-7 {
      font-size: 40px;
      line-height: 50px;
    }
  
    .feature-card-10, .feature-card-11 {
      padding: 32px;
    }
  
    .features-grid-9 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: 1fr;
    }
  
    .a-feature-basic-grid {
      grid-template-columns: 1fr;
    }
  
    .a-feature-button-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .a-h3-heading-2 {
      font-size: 40px;
    }
  
    .counter-top, .title-wrap-form {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .counter-bottom {
      padding-top: 20px;
    }
  
    .check-symbol {
      display: none;
    }
  
    .step-wrap-2 {
      flex-wrap: wrap;
      align-items: center;
      display: flex;
    }
  
    .form-wrapper-4 {
      width: 100%;
    }
  
    .form-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .column-4 {
      border-right-style: none;
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .counter-centre {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .b-h3-heading {
      font-size: 40px;
    }
  
    .b-badge-caption {
      margin-right: 8px;
      display: inline;
    }
  
    .nav-toggle-2:hover {
      color: #3377fe;
    }
  
    .navigation-dropdown-link-3 {
      padding: 10px;
    }
  
    .navigation-title-3 {
      margin-bottom: 10px;
    }
  
    .menu-button-10 {
      color: #000;
      background-color: #f4f6f8;
      border-style: solid;
      border-color: #f4f6f8;
    }
  
    .button-8 {
      display: none;
    }
  
    .navigation-grid-4 {
      grid-template-columns: 1fr;
    }
  
    .hero-title-overlay._2nd {
      height: 55px;
      top: 65px;
    }
  
    .hero-title-overlay._2nd.feature-page {
      top: 65px;
    }
  
    .hero-title-overlay._1st {
      height: 55px;
      top: 7px;
    }
  
    .hero-title-overlay._1st.feature-page {
      top: 10px;
    }
  
    .hero-title-overlay._3rd {
      height: 55px;
      top: 135px;
    }
  
    .hero-text.center {
      font-size: 52px;
    }
  
    .hero-text.center.features {
      font-size: 48px;
    }
  
    .heading-wrap-text {
      font-size: 30px;
    }
  
    .card-9-column {
      grid-template-columns: 1fr;
    }
  
    .heading-container {
      margin-bottom: 2em;
    }
  
    .box-gradient {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  
    .tab-link-2 {
      padding: 1em;
    }
  
    .tabs-2 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
    }
  
    .tabs-menu-2 {
      width: 100%;
    }
  
    .feature-black-image-holder {
      padding: 2em;
    }
  
    .decorative-line-cyber {
      margin-bottom: 1em;
    }
  
    .container-14.subscribe-form-container {
      padding-top: 1em;
    }
  
    .button-9.icon-white-text {
      padding-left: 0;
    }
  
    .grid-6-columns {
      grid-template-columns: 1fr 1fr;
    }
  
    .feature-image-2 {
      margin-left: auto;
      margin-right: auto;
    }
  
    .brand-marketplace-content {
      width: 500px;
      max-width: 500px;
    }
  
    .brand-content-holder.right {
      width: 60%;
    }
  
    .brand-content-holder.left {
      padding-left: 20px;
    }
  
    .card-grid.first, .card-grid.second {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
    }
  
    .brand-marketplace-link {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .brand-bg {
      width: 506px;
      max-width: 506px;
    }
  
    .card-paragraph {
      font-size: 18px;
    }
  
    .subscribe-form-wrapper {
      height: 600px;
      flex-direction: column;
      justify-content: space-between;
    }
  
    .error-message-5 {
      max-width: 100%;
      position: static;
      top: 48%;
    }
  
    .subscribe-form-content {
      width: 100%;
      padding-bottom: 0;
      padding-right: 30px;
    }
  
    .subscribe-form-image {
      width: 400px;
      height: auto;
      margin-left: 113px;
      padding-top: 0;
    }
  
    .subscribe-form-image-holder {
      width: 600px;
      height: 600px;
      margin-left: -100px;
      padding-top: 0;
      padding-left: 0;
      top: 94px;
      bottom: 170%;
      left: auto;
      right: auto;
    }
  
    .form-block-5 {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .form-block-5.blog-form-block {
      max-width: 100%;
      min-width: 0;
      margin-left: auto;
      margin-right: auto;
    }
  
    .subscribe-summary {
      margin-bottom: 30px;
    }
  
    .heading-wrap-text-color {
      font-size: 30px;
    }
  
    .service-side-image-copy {
      width: 83.33%;
      height: 280px;
    }
  
    .text-span-65 {
      font-size: 30px;
    }
  
    .service-simple-header-white {
      margin-top: 8px;
    }
  
    .card-9-column-home {
      grid-template-columns: 1fr;
    }
  
    .box-gradient-home {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  
    .features-section-3-black {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .h3-heading-6-white {
      font-size: 36px;
      line-height: 52px;
    }
  
    .combine-padding-global {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  
    .rounded-image {
      border-radius: 6px;
    }
  
    .display-heading-3 {
      font-size: 54px;
      line-height: 54px;
    }
  
    .post-meta-wrapper {
      margin-top: 12px;
    }
  
    .section-8 {
      margin-top: 72px;
      margin-bottom: 72px;
    }
  
    .section-8.section-small {
      margin-top: 48px;
      margin-bottom: 48px;
    }
  
    .content-width-medium.article-title-wrapper {
      margin-bottom: 48px;
    }
  
    .combine-padding-global-2 {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  
    .lc-section {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  
    .combine-padding-global-2-black {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  
    .hero-blog-wrapper {
      height: 600px;
      text-align: center;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding-left: 1em;
      padding-right: 1em;
      display: flex;
    }
  
    .blog-list.second-collection {
      grid-template-columns: 1fr;
    }
  
    .blog-header-2 {
      text-align: center;
      font-size: 66px;
    }
  
    .hero-blog-content {
      width: 100%;
      justify-content: flex-start;
      align-items: center;
      position: relative;
    }
  
    .hero-features-image-grid {
      grid-column-gap: 5px;
      grid-row-gap: 5px;
    }
  
    .hero-features-image-grid.blog-images-grid {
      width: 100%;
      top: 60%;
      left: 0%;
    }
  
    .text-field-7.blog-text-field {
      min-width: 280px;
    }
  
    .hero-blog-paragraph {
      width: 90%;
      text-align: center;
    }
  
    .text-lead.blog-post-summary {
      margin-bottom: 48px;
    }
  
    .horizontal-rule.blog-post-horizontal-rule {
      margin-top: 24px;
      margin-bottom: 24px;
    }
  
    .gallery-overview {
      padding: 60px 15px;
    }
  
    .blog-section {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  
    .blog-grid-1-h6.blog-author-h6 {
      font-size: 16px;
    }
  
    .blog-heading-1 {
      font-size: 40px;
    }
  
    .para._20px-space {
      margin-bottom: 12px;
    }
  
    .blog-col-link-content {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .blog-col-link-cate {
      font-size: 14px;
    }
  
    .blog-h1 {
      font-size: 30px;
    }
  
    .blog-grid-1-col-flex {
      grid-column-gap: 12px;
      margin-bottom: 24px;
    }
  
    .blog-img {
      height: 260px;
    }
  }
  
  @media screen and (max-width: 479px) {
    h1, h2, h3, h4, h5, h6 {
      margin-bottom: 12px;
    }
  
    blockquote {
      font-size: 18px;
      line-height: 28px;
    }
  
    figure {
      margin-top: 24px;
      margin-bottom: 24px;
    }
  
    .button.footer-big-subscribe-button {
      margin-top: 16px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  
    .button.subscribe-button {
      width: 100%;
      margin-top: 24px;
      margin-left: 0;
      margin-right: 0;
    }
  
    .hero-imac {
      max-width: 100%;
      top: 24%;
    }
  
    .section-header-wrapper {
      max-width: 100%;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .service-simple, .work-v1 {
      width: 100%;
    }
  
    .work-card-v1-image {
      height: 216px;
    }
  
    .team-member {
      width: 100%;
      padding-left: 8.33%;
      padding-right: 8.33%;
    }
  
    .team-member-photo {
      height: 400px;
    }
  
    .contact-split-info {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .input.footer-big-subscribe-input {
      text-align: center;
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
      padding-left: 0;
    }
  
    .contact-split-form {
      text-align: center;
    }
  
    .clients-logotypes {
      flex-wrap: wrap;
    }
  
    .footer-v1 {
      padding-top: 0;
    }
  
    .footer-v1-column {
      width: 100%;
      margin-top: -24px;
      padding-top: 0;
      padding-bottom: 32px;
    }
  
    .footer-bottom {
      flex-wrap: wrap;
      justify-content: flex-start;
      padding-top: 16px;
      padding-bottom: 16px;
    }
  
    .footer-bottom-text-left {
      width: 100%;
      flex: 0 auto;
    }
  
    .footer-bottom-link-right {
      margin-left: 0;
      margin-right: 16px;
    }
  
    .service-side-info {
      padding-left: 0%;
      padding-right: 0%;
    }
  
    .service-side-image {
      width: 100%;
      height: 200px;
    }
  
    .side-video-section {
      flex-direction: column;
    }
  
    .side-video-content {
      width: 100%;
      padding-bottom: 72px;
    }
  
    .side-video-preview {
      width: 100%;
      min-height: 320px;
    }
  
    .side-video-info {
      text-align: center;
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .post-v2 {
      width: 100%;
    }
  
    .blog-posts-v2 {
      margin-bottom: 0;
    }
  
    .footer-v2-logo {
      width: 33.33%;
    }
  
    .footer-v2-about {
      width: 66.66%;
      flex: 0 auto;
    }
  
    .footer-v2-contact {
      width: 50%;
      padding-top: 8px;
      padding-bottom: 48px;
    }
  
    .footer-v2-social {
      flex-wrap: wrap;
    }
  
    .social-button {
      margin: 4px;
    }
  
    .footer-big-subscribe {
      height: auto;
      border-radius: 8px;
      margin-left: 8px;
      margin-right: 8px;
      padding-bottom: 24px;
      padding-left: 24px;
    }
  
    .footer-big-subscribe-form {
      flex-direction: column;
      align-items: stretch;
    }
  
    .work-v3 {
      width: 100%;
    }
  
    .about-side-media {
      flex-direction: column-reverse;
    }
  
    .about-side-image-info {
      width: 100%;
      text-align: center;
      align-items: center;
      padding-top: 32px;
    }
  
    .about-side-image-wrapper {
      width: 100%;
    }
  
    .service-card {
      flex-basis: 80%;
      padding-top: 48px;
    }
  
    .service-card._33-width {
      flex-basis: 80%;
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .footer-v3-about {
      width: 100%;
      padding-bottom: 16px;
    }
  
    .footer-v3-nav {
      width: 50%;
    }
  
    .footer-v3-subscribe {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .footer-subscribe-form {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .footer-big-subscribe-wrapper {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .subscribe-form {
      flex-direction: column;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .subscribe-info {
      padding-left: 0;
      padding-right: 0;
    }
  
    .team-color-cards {
      flex-flow: wrap;
      margin-bottom: -24px;
    }
  
    .team-member-color-card {
      width: 83.33%;
      flex: 0 auto;
      margin-bottom: 24px;
    }
  
    .team-member-color-photo {
      height: 92vw;
    }
  
    .testimonials-slider {
      margin-bottom: -16px;
      padding-bottom: 64px;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .review-slide {
      padding-left: 0%;
      padding-right: 0%;
    }
  
    .review-line {
      margin-top: 20px;
      margin-bottom: 16px;
    }
  
    .testimonials-slider-arrow {
      display: none;
    }
  
    .hero-split-section {
      flex-direction: column-reverse;
    }
  
    .hero-split-image {
      width: 100%;
      height: 240px;
      margin-top: 56px;
    }
  
    .hero-split-content {
      text-align: center;
      align-items: center;
      padding-top: 24px;
      padding-bottom: 64px;
    }
  
    .work-v5 {
      width: 100%;
    }
  
    .team-member-card {
      flex-basis: 80%;
    }
  
    .footer-v4-about {
      padding-bottom: 40px;
    }
  
    .footer-v4-column {
      width: 50%;
      flex: 0 auto;
      margin-top: -32px;
    }
  
    .contact-window {
      flex: 1;
      margin-left: 8px;
      margin-right: 8px;
    }
  
    .contact-window-form {
      margin-left: 16px;
      margin-right: 16px;
    }
  
    .contact-window-header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .footer-v1-logo-column {
      width: 100%;
      padding-bottom: 32px;
    }
  
    .slide-nav {
      font-size: 7px;
      display: block;
    }
  
    .page-header-section {
      height: 200px;
    }
  
    .page-header-section.about-1 {
      margin-bottom: 50px;
    }
  
    .review-slide-author {
      margin-bottom: 32px;
    }
  
    .gallery {
      padding-left: 0;
      padding-right: 0;
    }
  
    .gallery-vertical-column {
      height: 560px;
    }
  
    .gallery-photo.gallery-photo-1 {
      width: 100%;
      height: 280px;
    }
  
    .password-window {
      width: 100%;
    }
  
    .about-text {
      column-count: 1;
      margin-bottom: 0;
    }
  
    .blog-posts-and-sidebar {
      flex-direction: column;
    }
  
    .blog-posts-v1-wrapper {
      width: 100%;
      padding-right: 8px;
    }
  
    .blog-sidebar {
      width: 100%;
      margin-bottom: -56px;
      padding-top: 24px;
      padding-left: 8px;
    }
  
    .blog-posts-v1 {
      margin-bottom: -16px;
    }
  
    .gallery-horizontal-column {
      height: 560px;
      flex-direction: column;
    }
  
    .work-details {
      flex-direction: column;
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .work-details-column {
      box-shadow: 0 -1px #e1e3ea, 0 1px #e1e3ea;
    }
  
    .work-presentation h2, .work-presentation p, .work-presentation h4, .work-presentation h1, .work-presentation h3, .work-presentation h5, .work-presentation h6, .work-presentation blockquote, .work-presentation ol {
      width: 100%;
    }
  
    .form-error.footer-big-subscribe-error {
      margin-top: 0;
    }
  
    .blog-post h1, .blog-post p, .blog-post h2, .blog-post blockquote, .blog-post ul, .blog-post ol, .blog-post h5, .blog-post h6, .blog-post h3, .blog-post h4, .post-date-wrapper {
      width: 100%;
    }
  
    .post-author-profile {
      width: 100%;
      text-align: center;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    .post-author-avatar {
      margin-bottom: 24px;
      margin-right: 0;
    }
  
    .question-text {
      margin-bottom: 8px;
      margin-left: 16px;
    }
  
    .answer {
      padding-left: 56px;
    }
  
    .question-arrow-icon {
      margin-left: 16px;
    }
  
    .pricing {
      margin-bottom: -24px;
    }
  
    .pricing-table {
      width: 100%;
      margin-bottom: 24px;
    }
  
    .popup-wrapper {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .licence-link {
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 24px;
    }
  
    .licence-links-wrapper {
      text-align: left;
      flex-direction: column;
      align-items: flex-start;
      margin-top: 8px;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .change {
      flex-basis: 80%;
      padding-top: 48px;
    }
  
    .footer-bottom-left {
      width: 100%;
      flex: 0 auto;
    }
  
    .button-3 {
      margin-top: 3px;
      margin-right: 10px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 15px;
    }
  
    .footer-bottom-link-right-2 {
      margin-left: 0;
      margin-right: 16px;
    }
  
    .footer-bottom-text-left-2 {
      width: 100%;
      flex: 0 auto;
    }
  
    .footer-bottom-2 {
      flex-wrap: wrap;
      justify-content: flex-start;
      padding-top: 16px;
      padding-bottom: 16px;
    }
  
    .contact-window-header-2 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .form-error-2.footer-big-subscribe-error {
      margin-top: 0;
    }
  
    .hero-split-image-2 {
      width: 100%;
      height: 240px;
      margin-top: 56px;
    }
  
    .uit-section-header {
      max-width: 100%;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .hero-table-intro-2 {
      max-width: 100%;
      padding-bottom: 48px;
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .service-side-image-2 {
      width: 100%;
      height: 200px;
    }
  
    .hero-split-section-2 {
      flex-direction: column-reverse;
    }
  
    .input-3.footer-big-subscribe-input {
      text-align: center;
      text-align: center;
      background-image: none;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto;
      padding-left: 0;
    }
  
    .hero-split-image-3 {
      width: 100%;
      height: 240px;
      margin-top: 56px;
    }
  
    .button-6.footer-big-subscribe-button {
      margin-top: 16px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  
    .icon-circle {
      margin-bottom: 16px;
    }
  
    .navigation-grid, .customer-grid {
      grid-template-columns: 1fr;
    }
  
    .menu-button-4 {
      margin-left: 0;
    }
  
    .resources-grid {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-columns: 1fr;
    }
  
    .navigation-dropdown-link {
      flex-direction: column;
    }
  
    .large-image-block {
      margin-bottom: 16px;
    }
  
    .dropdown-wrapper {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .all-products-link {
      justify-content: flex-start;
      padding-left: 23px;
    }
  
    .nav-button {
      display: none;
    }
  
    .resource-image-wrapper {
      height: 130px;
      margin-bottom: 10px;
    }
  
    .navigation-feature-content {
      display: block;
    }
  
    .slider {
      height: auto;
      min-height: 80vh;
    }
  
    .breadcrumb {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .previous-placeholder {
      max-width: 75px;
      display: flex;
    }
  
    .form-content {
      width: 100%;
    }
  
    .step-wrap {
      margin-bottom: 32px;
    }
  
    .card-primary {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .apps-logo-circle {
      margin-right: 10px;
    }
  
    .integrations-grid {
      flex-direction: column;
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      display: flex;
    }
  
    .title-wrapper {
      flex-direction: column;
    }
  
    .form-heading {
      font-size: 10vw;
    }
  
    .header-section {
      padding-top: 60px;
    }
  
    .uit-home-page-h1 {
      font-size: 15vw;
      line-height: 18vw;
    }
  
    .image-block-02, .image-block-03 {
      height: 130px;
    }
  
    .red-square-large {
      left: 24px;
    }
  
    .header-paragraph {
      font-size: 18px;
      line-height: 30px;
    }
  
    .image-block-01 {
      height: 130px;
    }
  
    .button-wrapper-2 {
      max-width: 260px;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
    }
  
    .uit-hero-button {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .uit-home-page-hero-block {
      text-align: center;
    }
  
    .feature-grid {
      grid-template-columns: 1fr;
    }
  
    .grid-heading {
      margin-bottom: 60px;
    }
  
    .footer-grid {
      grid-template-columns: 1fr;
    }
  
    .h3-heading {
      font-size: 48px;
    }
  
    .card-testimonial-large {
      max-width: none;
      min-width: 310px;
    }
  
    .form-image-section-black {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .form-grid {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      grid-template-columns: 1fr;
    }
  
    .heading-14 {
      font-size: 50px;
      line-height: 54px;
    }
  
    .form-block-wave {
      padding: 40px 10px 10px;
    }
  
    .contact-icon {
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .form-wrap-wave {
      padding: 40px 20px 32px;
    }
  
    .details-wrap-wave {
      align-items: center;
    }
  
    .social-wrap-wave {
      justify-content: center;
    }
  
    .social-link-wave {
      width: 55px;
      height: 55px;
    }
  
    .icon-wrap-wave {
      flex-direction: column;
      padding-left: 14px;
      padding-right: 14px;
    }
  
    .title-wrap-wave {
      text-align: center;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  
    .page-header-section-2 {
      height: 200px;
    }
  
    .hero-heading-3 {
      font-size: 14vw;
      line-height: 16vw;
    }
  
    .header-logo-block {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .header-logo {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  
    .button-header {
      text-align: center;
      margin-bottom: 32px;
      margin-right: 0;
    }
  
    .grid-hero {
      padding-bottom: 0;
    }
  
    .header-paragraph-2 {
      font-size: 18px;
      line-height: 30px;
    }
  
    .hero-image-block {
      height: 340px;
      display: none;
    }
  
    .button-wrapper-4 {
      max-width: 260px;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
    }
  
    .pricing-compare-grid {
      grid-row-gap: 0px;
      box-shadow: none;
      margin-bottom: 0;
    }
  
    .pricing-grid-block {
      padding-left: 9px;
      padding-right: 9px;
    }
  
    .content-h1 {
      text-align: center;
      font-size: 42px;
    }
  
    .pricing-title-wrap {
      padding-left: 9px;
      padding-right: 9px;
      font-size: 16px;
    }
  
    .tabs-image {
      margin-bottom: 40px;
    }
  
    .tab-content {
      padding-left: 24px;
      padding-right: 30px;
    }
  
    .tab-name {
      margin-right: 20px;
    }
  
    .faq-question {
      padding: 16px;
    }
  
    .faq-wrapper {
      width: 100%;
    }
  
    .blog-header {
      font-size: 48px;
    }
  
    .button-standard {
      text-align: center;
    }
  
    .grid-blog {
      grid-template-columns: 1fr;
    }
  
    .section-integrations {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  
    .hero-heading-4 {
      margin-bottom: 40px;
      font-size: 70px;
      line-height: 80px;
    }
  
    .company-logo {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .header-paragraph-3 {
      font-size: 18px;
      line-height: 30px;
    }
  
    .contact-submit-button-2 {
      max-width: none;
    }
  
    .integration {
      margin-bottom: 32px;
    }
  
    .integration-wrap-right {
      flex-wrap: wrap;
    }
  
    .form-heading-2 {
      font-size: 48px;
    }
  
    .integration-wrap {
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .h3-heading-2 {
      font-size: 48px;
    }
  
    .grid-hero-2 {
      margin-bottom: 40px;
    }
  
    .hero-heading-6 {
      font-size: 44px;
    }
  
    .slide-content-wrap {
      padding-bottom: 100px;
    }
  
    .slider-2 {
      min-height: 680px;
    }
  
    .uit-service-hero-heading-7 {
      font-size: 14vw;
      line-height: 16vw;
    }
  
    .header-logo-block-2 {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .header-logo-2 {
      grid-template-columns: 1fr;
      justify-items: center;
    }
  
    .feature-icon-blue {
      margin-bottom: 24px;
      margin-right: 0;
    }
  
    .large-feature-wrapper {
      flex-direction: column;
    }
  
    .feature-icon-circle {
      margin-bottom: 24px;
      margin-right: 0;
    }
  
    .feature-wrapper-horizontal {
      flex-direction: column;
    }
  
    .paragraph-large-2 {
      font-size: 18px;
      line-height: 30px;
    }
  
    .heading-16-black {
      font-size: 50px;
      line-height: 54px;
    }
  
    .h3-heading-2-people, .h3-heading-2-tech, .h3-heading-2-cyber {
      font-size: 48px;
    }
  
    .form-image-section-2 {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .heading-17 {
      font-size: 50px;
      line-height: 54px;
    }
  
    .contact-submit-button-3 {
      max-width: none;
    }
  
    .price-arrow {
      display: none;
    }
  
    .uit-service-h3-heading-5 {
      font-size: 48px;
    }
  
    .features-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .header-image-grid {
      grid-template-columns: 1.5fr;
    }
  
    .navigation-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .banner {
      display: none;
    }
  
    .menu-button-5 {
      margin-left: 0;
    }
  
    .navigation-icon {
      margin-bottom: 10px;
      margin-right: 0;
    }
  
    .nav-button-2 {
      display: none;
    }
  
    .nav-toggle:hover {
      color: #3377fe;
    }
  
    .dropdown-list-2.w--open {
      height: 600px;
    }
  
    .navigation-dropdown-link-2 {
      flex-direction: column;
    }
  
    .navigation-grid-solutions {
      grid-template-columns: 1fr;
    }
  
    .field-grid-fizz {
      grid-row-gap: 20px;
      grid-template-columns: 1fr;
    }
  
    .button-wrap-mind {
      justify-content: center;
    }
  
    .check-wrapper {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .tab-name-2 {
      margin-right: 20px;
    }
  
    .cta-grid {
      grid-template-columns: 1fr;
    }
  
    .cta-button-wrapper {
      flex-direction: column;
      align-items: center;
      margin-top: -53px;
    }
  
    .cta-content {
      text-align: center;
    }
  
    .button-cta {
      text-align: center;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .cta-grid-long {
      grid-template-columns: 1fr;
    }
  
    .button-outline {
      text-align: center;
    }
  
    .feature-content-grid {
      grid-template-columns: 1fr;
    }
  
    .large-title {
      font-size: 50px;
      line-height: 60px;
    }
  
    .form-wrap {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .features-grid {
      grid-template-columns: 1fr;
    }
  
    .right-arrow-2 {
      right: 25%;
    }
  
    .content-slider {
      flex-direction: column;
      align-items: center;
    }
  
    .left-arrow-2 {
      left: 25%;
    }
  
    .content-base {
      padding: 40px 32px;
    }
  
    .button-wrapper {
      flex-direction: column;
      align-items: center;
      display: flex;
    }
  
    .button-outline-2 {
      width: 100%;
      margin-right: 0;
    }
  
    .button-blue {
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .uit-section-header-fiber {
      max-width: 100%;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .pricing-card-line {
      padding: 32px;
    }
  
    .text-block-17 {
      left: 0;
    }
  
    .process-grid {
      grid-template-columns: 1fr;
    }
  
    .cta-paragraph {
      font-size: 22px;
    }
  
    .title-large-2 {
      font-size: 40px;
      line-height: 51px;
    }
  
    .content-grid-5 {
      grid-template-columns: 1fr;
    }
  
    .h3-heading-4 {
      font-size: 48px;
    }
  
    .gallery-slider-right-arrow {
      top: -80px;
      bottom: auto;
      left: 60px;
      right: auto;
    }
  
    .gallery-header-wrap {
      margin-bottom: 120px;
      margin-right: 0;
    }
  
    .gallery-grid {
      grid-template-columns: 1fr;
    }
  
    .gallery-slider-left-arrow {
      top: -80px;
      bottom: auto;
      left: 0%;
      right: auto;
    }
  
    .features-grid-3 {
      grid-template-columns: 1fr;
    }
  
    .h3-heading-2-allign {
      font-size: 48px;
    }
  
    .contact-submit-button {
      max-width: none;
    }
  
    .card-testimonial {
      flex-direction: column;
    }
  
    .icon-circle-large {
      display: none;
    }
  
    .team-block {
      flex-direction: column;
      align-items: flex-start;
      padding-left: 0;
      padding-right: 0;
    }
  
    .icon-circle-small {
      display: none;
    }
  
    .avatar-2 {
      margin-bottom: 20px;
    }
  
    .heading-17-white {
      font-size: 50px;
      line-height: 54px;
    }
  
    .dropdown-list-3.w--open {
      right: -10px;
    }
  
    .content-grid-6, .feature-grid-3 {
      grid-template-columns: 1fr;
    }
  
    .content-paragraph-3 {
      font-size: 18px;
    }
  
    .page-header-section-copy, .page-header-section-copy-copy {
      height: 200px;
    }
  
    .sub-heading-large {
      margin-left: 91px;
    }
  
    .header-slide-arrow-r {
      display: none;
    }
  
    .header-slider-product {
      min-height: 460px;
    }
  
    .header-term-detail {
      margin-top: 11px;
      margin-left: 91px;
    }
  
    .header-slide-arrow-l {
      display: none;
    }
  
    .header-grid-category {
      grid-template-columns: 1fr;
    }
  
    .header-detail-wrapper {
      flex-wrap: wrap;
    }
  
    .hero-heading {
      font-size: 15vw;
      line-height: 18vw;
    }
  
    .navigation-button-grey, .navigation-button-primary {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .accent-wrapper-left {
      display: none;
    }
  
    .button-hero {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .hero-block {
      text-align: center;
    }
  
    .button-navigation {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .hero-heading-7 {
      font-size: 14vw;
      line-height: 16vw;
    }
  
    .header-logo-block-3 {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .button-header-2 {
      text-align: center;
      margin-bottom: 32px;
      margin-right: 0;
    }
  
    .features-section {
      background-size: 80%;
    }
  
    .feature-card-6 {
      margin-bottom: 20px;
    }
  
    .features-grid-6, .feature-content-grid-2, .grid-button.margin-top-64, .grid-four-column {
      grid-template-columns: 1fr;
    }
  
    .integration-apps {
      flex-wrap: wrap;
    }
  
    .filter-dropdown {
      margin-bottom: 10px;
    }
  
    .product-bar-wrapper {
      flex-direction: column;
    }
  
    .product-grid-large {
      grid-template-columns: 1fr;
    }
  
    .product-dropdown-scroll.w--open {
      right: 0;
    }
  
    .form-image-section-copy, .form-image-section-copy-copy, .form-image-section-black-busisness {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .heading-16-white {
      font-size: 50px;
      line-height: 54px;
    }
  
    .feature-content-grid-2-copy {
      grid-template-columns: 1fr;
    }
  
    .form-image-section-remote, .form-image-section-ministry {
      padding-left: 40px;
      padding-right: 40px;
    }
  
    .header-large-white-meeting-confirm {
      margin-left: 91px;
    }
  
    .heading-14-white, .heading-14-black {
      font-size: 50px;
      line-height: 54px;
    }
  
    .features-grid-7 {
      grid-template-columns: 1fr;
    }
  
    .h3-heading-2-tech-copy {
      font-size: 48px;
    }
  
    .hero-block-2 {
      text-align: center;
    }
  
    .red-square-large-2 {
      left: 24px;
    }
  
    .navigation-button-primary-2 {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-right: 0;
    }
  
    .header-paragraph-6 {
      font-size: 18px;
      line-height: 30px;
    }
  
    .hero-heading-8 {
      font-size: 14vw;
      line-height: 16vw;
    }
  
    .button-wrapper-4-copy {
      max-width: 260px;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
    }
  
    .button-header-phone, .button-header-phone-1 {
      text-align: center;
      margin-bottom: 32px;
      margin-right: 0;
    }
  
    .button-wrapper-4-security {
      max-width: 260px;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
    }
  
    .button-arrow-2-mit {
      justify-content: center;
    }
  
    .tabs-img {
      border-radius: 14px;
    }
  
    .form-content-2 {
      width: 100%;
    }
  
    .slide-detail {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .slider-3 {
      height: auto;
      min-height: 80vh;
    }
  
    .cta-grid-3 {
      padding-left: 5%;
      padding-right: 5%;
    }
  
    .faq-item-line {
      padding: 24px;
    }
  
    .header-image-grid-2 {
      grid-template-columns: 1.5fr;
    }
  
    .button-wrapper-4-fiber {
      max-width: 260px;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
    }
  
    .h3-heading-2-tech-phones {
      font-size: 48px;
    }
  
    .button-header-phone-copy {
      text-align: center;
      margin-bottom: 32px;
      margin-right: 0;
    }
  
    .heading-16-black-black {
      font-size: 50px;
      line-height: 54px;
    }
  
    .integrations-grid-uit {
      flex-direction: column;
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      display: flex;
    }
  
    .contact-window-header-3 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .section-header-wrapper-2 {
      max-width: 100%;
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .footer-v2-about-2 {
      width: 66.66%;
      flex: 0 auto;
    }
  
    .footer-bottom-text-left-3 {
      width: 100%;
      flex: 0 auto;
    }
  
    .process-grid-2 {
      grid-template-columns: 1fr;
    }
  
    .dashboard-key {
      margin-top: 10px;
    }
  
    .dashboard-nav-menu {
      width: auto;
    }
  
    .search {
      display: none;
    }
  
    .price-wrapper {
      margin-top: 10px;
    }
  
    .dashboard-section-2 {
      padding: 80px 20px 40px;
    }
  
    .dashboard-panel {
      padding: 20px;
    }
  
    .activity-item, .balance-wrapper {
      flex-wrap: wrap;
    }
  
    .hero-heading-7-ministry {
      font-size: 14vw;
      line-height: 16vw;
    }
  
    .banner-wrap {
      text-align: left;
    }
  
    .due-tasks-module-buttons-container {
      top: 16px;
      right: 16px;
    }
  
    .dashboard-nav-left-content {
      margin-right: 16px;
    }
  
    .dashboard-nav-container {
      margin-left: -16px;
    }
  
    .text-400 {
      font-size: 16px;
    }
  
    .line-rounded-icon.dropdown-arrow.profile-dropdown {
      margin-left: 0;
    }
  
    .container-default {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .module.team-progress, .module.tasks-reports {
      border-radius: 16px;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .module.due-tasks {
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .grid-3-columns {
      grid-template-columns: 1fr;
    }
  
    .btn-primary {
      width: 100%;
    }
  
    .input-4 {
      min-height: 48px;
    }
  
    .input-4::-ms-input-placeholder {
      font-size: 16px;
      line-height: 16px;
    }
  
    .input-4::placeholder {
      font-size: 16px;
      line-height: 16px;
    }
  
    .sidebar-logo {
      max-width: 86%;
    }
  
    .popup-wrapper-2 {
      padding-left: 16px;
      padding-right: 16px;
    }
  
    .sidebar-wrapper {
      max-width: 48px;
      min-width: 48px;
      padding-left: 16px;
    }
  
    .mg-bottom-24px {
      margin-bottom: 20px;
    }
  
    .close-button-popup-module {
      top: 16px;
      right: 16px;
    }
  
    .mg-bottom-20px {
      margin-bottom: 16px;
    }
  
    .popup.simple-popup {
      padding-bottom: 40px;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .team-progress-right-container {
      min-width: 100%;
    }
  
    .btn-secondary {
      width: 100%;
    }
  
    .sidebar-nav-list-item {
      width: 100%;
      text-align: left;
    }
  
    .checkbox-field-wrapper {
      font-size: 16px;
      line-height: 20px;
    }
  
    .dashboard-nav-main-container {
      padding-left: 52px;
    }
  
    .grid-2-columns._2-col-mbl._1-col-mbp {
      grid-template-columns: 1fr;
    }
  
    .grid-heading-2 {
      margin-bottom: 60px;
    }
  
    .navigation-secondary {
      display: none;
    }
  
    .form-newsletter-wrapper {
      flex-direction: column;
    }
  
    .header-block {
      text-align: center;
    }
  
    .paragraph-regular-2 {
      font-size: 18px;
      line-height: 30px;
    }
  
    .button-primary-4 {
      width: 100%;
    }
  
    .navigation-button-2 {
      display: none;
    }
  
    .header-logo-wrapper {
      justify-content: center;
    }
  
    .form-wrapper-small {
      flex-direction: column;
      align-items: center;
    }
  
    .hero-heading-9 {
      font-size: 44px;
      line-height: 62px;
    }
  
    .a-feature-card-left-wrapper, .a-feature-card-row {
      flex-direction: column;
    }
  
    .button-primary-5 {
      width: 100%;
    }
  
    .paragraph-regular-3 {
      font-size: 18px;
      line-height: 30px;
    }
  
    .content-feature-grid {
      grid-template-columns: 1fr;
    }
  
    .content-image-right {
      height: 220px;
      top: 32px;
    }
  
    .content-image-double {
      grid-column-gap: 24px;
    }
  
    .content-image-left {
      height: 220px;
    }
  
    .a-button-primary {
      width: 100%;
    }
  
    .a-cta-content {
      flex-direction: column;
    }
  
    .faq-card-2 {
      padding-left: 14px;
      padding-right: 14px;
    }
  
    .faq-icon-circle-2 {
      width: 42px;
      height: 42px;
      min-height: 42px;
      min-width: 42px;
      margin-right: 4px;
    }
  
    .faq-question-2 {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
    }
  
    .table-lable-grid {
      grid-column-gap: 14px;
    }
  
    .table {
      min-width: 700px;
    }
  
    .table-row-top {
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .table-row {
      grid-column-gap: 14px;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .badge-enterprise {
      margin-bottom: 12px;
    }
  
    .grid-title-2 {
      grid-template-columns: 1fr;
    }
  
    .badge-starter, .badge-professional {
      margin-bottom: 12px;
    }
  
    .pricing-block {
      padding: 24px;
    }
  
    .price-detail-wrapper {
      flex-direction: column-reverse;
    }
  
    .price-card-line-feature {
      padding: 24px 14px;
    }
  
    .a-button-primary-square {
      width: 100%;
    }
  
    .pricing-card-line-2 {
      padding: 32px;
    }
  
    .price-text-3 {
      margin-top: 16px;
    }
  
    .pricing-grid-large {
      grid-template-columns: 1fr;
    }
  
    .pricing-header {
      font-size: 44px;
      line-height: 62px;
    }
  
    .pricing-card-blue {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .button-white-6 {
      width: 100%;
    }
  
    .pricing-title-wrapper {
      text-align: center;
    }
  
    .button-secondary-5 {
      width: 100%;
    }
  
    .pricing-card {
      padding-left: 32px;
      padding-right: 32px;
    }
  
    .hero-heading-3-busisness {
      font-size: 14vw;
      line-height: 16vw;
    }
  
    .form {
      flex-direction: column;
    }
  
    .email-input {
      width: 100%;
      margin-bottom: 10px;
      margin-right: 0;
    }
  
    .submit-button-3 {
      max-width: 100%;
    }
  
    .cta-grid-4 {
      padding: 39px 5% 59px 10%;
    }
  
    .pricing-grid-large-m {
      grid-template-columns: 1fr;
    }
  
    .m-integrations-tab-menu {
      justify-content: center;
      align-items: center;
    }
  
    .m-integrations-feature-image {
      z-index: 0;
    }
  
    .m-button-primary-icon-right {
      z-index: 1;
      position: relative;
    }
  
    .m-button-outline {
      width: 100%;
    }
  
    .m-content-tab-grid {
      grid-template-rows: auto;
      grid-template-columns: 1fr;
    }
  
    .content-info-detail {
      flex-wrap: wrap;
    }
  
    .features-section-4 {
      background-size: 80%;
    }
  
    .features-grid-9 {
      grid-template-columns: 1fr;
    }
  
    .cta-grid-4-copy {
      padding-left: 5%;
      padding-right: 5%;
    }
  
    .slider-4 {
      height: auto;
      min-height: 80vh;
    }
  
    .b-button-primary {
      width: 100%;
    }
  
    .b-button-wrapper {
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .b-integration-grid-large {
      grid-template-columns: 1fr;
    }
  
    .nav-toggle-2:hover {
      color: #3377fe;
    }
  
    .navigation-dropdown-link-3 {
      flex-direction: column;
    }
  
    .menu-button-10 {
      margin-left: 0;
    }
  
    .dropdown-list-5.w--open {
      height: 600px;
    }
  
    .button-8 {
      font-size: 10px;
    }
  
    .navigation-grid-4 {
      grid-template-columns: 1fr;
    }
  
    .nav-link-8, .nav-link-8.w--current {
      font-size: 16px;
    }
  
    .hero-features-paragraph.center-text {
      width: 100%;
    }
  
    .section-6, .section-6.hero-scetion-gray {
      overflow: hidden;
    }
  
    .hero-title-overlay {
      height: 48px;
    }
  
    .hero-title-overlay._2nd {
      top: 50px;
    }
  
    .hero-title-overlay._2nd.feature-page {
      height: 50px;
      top: 47px;
    }
  
    .hero-title-overlay._4th {
      top: 152px;
    }
  
    .hero-title-overlay._4th.feature-page {
      height: 50px;
      top: 191px;
    }
  
    .hero-title-overlay._1st {
      height: 45px;
      top: 5px;
    }
  
    .hero-title-overlay._1st.feature-page {
      height: 50px;
      top: 0;
    }
  
    .hero-title-overlay._3rd {
      top: 95px;
    }
  
    .hero-title-overlay._3rd.feature-page {
      height: 50px;
      top: 100px;
    }
  
    .hero-features-buttons-holder {
      flex-direction: column;
    }
  
    .hero-text.center {
      font-size: 42px;
    }
  
    .hero-text.center.features {
      font-size: 38px;
    }
  
    .box-item {
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .heading-wrap-text {
      font-size: 25px;
    }
  
    .card-9-column {
      grid-template-columns: 1fr;
      margin-top: -44px;
    }
  
    .box-gradient {
      position: relative;
    }
  
    .no-margin-top {
      color: #000;
      order: -1;
    }
  
    .no-margin-top.black-bg {
      color: #fff;
    }
  
    .section-7 {
      overflow: hidden;
    }
  
    .feature-black-image-holder {
      padding: 1em;
    }
  
    .container-14.subscribe-form-container {
      padding-top: 3em;
      padding-bottom: 3em;
    }
  
    .button-9 {
      font-size: 16px;
    }
  
    .feature-block-content {
      margin-top: 2em;
    }
  
    .grid-6-columns {
      grid-column-gap: 0px;
      grid-row-gap: 0px;
    }
  
    .arrows-holder {
      width: 14px;
      height: 14px;
      margin-left: 5px;
    }
  
    .brand-marketplace-content {
      width: 300px;
      max-width: 300px;
    }
  
    .brand-content-holder.right {
      width: 100%;
    }
  
    .brand-content-holder.left {
      width: 100%;
      text-transform: capitalize;
      padding-left: 20px;
    }
  
    .card-grid.first, .card-grid.second {
      grid-template-columns: 1fr;
    }
  
    .brand-marketplace-link {
      padding-left: 0;
      padding-right: 20px;
    }
  
    .brand-bg {
      width: 306px;
      max-width: 306px;
    }
  
    .card-paragraph {
      width: 100%;
    }
  
    .subscribe-form-wrapper {
      height: 700px;
      min-height: 600px;
    }
  
    .error-message-5 {
      top: 90%;
    }
  
    .subscribe-form-content {
      z-index: 2;
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
    }
  
    .subscribe-form-image-holder {
      z-index: 0;
      width: 400px;
      height: 400px;
      opacity: 1;
      bottom: -15%;
    }
  
    .form-block-5 {
      max-width: 100%;
      min-width: 100%;
    }
  
    .form-block-5.blog-form-block {
      max-width: 100%;
      min-width: 100%;
      justify-content: center;
    }
  
    .subscribe-form-header {
      font-size: 25px;
    }
  
    .form-2 {
      max-width: 100%;
      min-width: 100%;
      flex-direction: column;
    }
  
    .form-2.blog-form-block {
      max-width: 100%;
      min-width: 100%;
      align-items: flex-start;
    }
  
    .success-message-9 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .submit-button-4 {
      width: 100%;
      margin-left: 0;
    }
  
    .submit-button-4.blog-submit-button {
      max-width: 100%;
      min-width: 100%;
      margin-left: 0;
    }
  
    .heading-wrap-text-color {
      font-size: 25px;
    }
  
    .section---fs, .section---fs.hero-scetion-gray {
      overflow: hidden;
    }
  
    .container-14-special.subscribe-form-container {
      padding-top: 3em;
      padding-bottom: 3em;
    }
  
    .service-side-image-copy {
      width: 100%;
      height: 200px;
    }
  
    .text-span-65 {
      font-size: 25px;
    }
  
    .box-item-blue {
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .card-9-column-home {
      grid-template-columns: 1fr;
      margin-top: -44px;
    }
  
    .header-section-home {
      padding-top: 60px;
    }
  
    .box-gradient-home {
      position: relative;
    }
  
    .header-logo-block-min {
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .combine-blog3_image-wrapper {
      max-width: none;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .combine-blog3_item {
      flex-direction: column;
    }
  
    .combine-padding-global {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .badge-2 {
      height: 24px;
      min-width: 24px;
      font-size: 14px;
    }
  
    .display-heading-3 {
      font-size: 40px;
      line-height: 44px;
    }
  
    .post-meta-wrapper {
      margin-top: 0;
    }
  
    .section-8.section-small {
      margin-top: 24px;
      margin-bottom: 24px;
    }
  
    .container-15 {
      padding-left: 12px;
      padding-right: 12px;
    }
  
    .content-width-medium.article-title-wrapper {
      margin-bottom: 24px;
    }
  
    .combine-blog4_content {
      margin-left: 0;
    }
  
    .combine-blog4_image-wrapper {
      max-width: none;
    }
  
    .combine-blog4_item {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem;
      flex-direction: column;
    }
  
    .combine-padding-global-2, .combine-padding-global-2-black {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .combine-blog3_image-wrapper-2 {
      max-width: none;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      display: grid;
    }
  
    .combine-blog3_item-2, .combine-blog3_item-3 {
      flex-direction: column;
    }
  
    .blog-header-2 {
      font-size: 32px;
    }
  
    .hero-features-image-grid {
      height: 300px;
      margin-top: 16em;
      padding-top: 8em;
    }
  
    .hero-features-image-grid.blog-images-grid {
      padding-top: 5em;
      top: 65%;
    }
  
    .hero-features-images-col.third-col {
      transform: translate(0, -65px);
    }
  
    .text-field-7 {
      max-width: 100%;
      min-width: 100%;
      margin-bottom: 15px;
    }
  
    .text-field-7.blog-text-field {
      max-width: 100%;
      min-width: 100%;
    }
  
    .hero-blog-paragraph {
      width: 100%;
    }
  
    .hero-feature-image-holder {
      margin-top: 5px;
    }
  
    .text-lead {
      font-size: 16px;
      line-height: 24px;
    }
  
    .text-lead.blog-post-summary {
      margin-bottom: 24px;
    }
  
    .container-16 {
      max-width: none;
    }
  
    .gallery-wrapper {
      grid-template-columns: 1fr;
    }
  
    .blog-heading-1 {
      font-size: 32px;
    }
  
    .blog-col-list {
      grid-template-columns: 1fr;
    }
  
    .blog-h1 {
      font-size: 24px;
    }
  
    .blog-img {
      height: 200px;
    }
  }
  
  #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79a87-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79aea-b5a79a4b, #w-node-_339e4e27-2999-d083-22d8-08964a314d90-5f8d272f, #w-node-_339e4e27-2999-d083-22d8-08964a314d9f-5f8d272f, #w-node-_99d53331-a3b3-6006-4d88-fbb463f192e8-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f1934b-a6814933, #w-node-_267c718b-b1ca-6fbf-75e5-c30e718eb426-548d2760, #w-node-_267c718b-b1ca-6fbf-75e5-c30e718eb435-548d2760, #w-node-_435540b7-cb3c-24e1-2910-91c2ebc3e709-488d2761, #w-node-_435540b7-cb3c-24e1-2910-91c2ebc3e714-488d2761, #w-node-_708ca2ac-edc5-f11e-a908-1d7e59297d5b-488d2761 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_85775b40-4386-770c-edbc-7384beccfed9-826989bc, #w-node-_85775b40-4386-770c-edbc-7384beccfed9-e8a54096 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }
  
  #w-node-c878932a-2c5c-1221-09a0-e5a10e3330e4-9148c7d6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: center;
    justify-self: start;
  }
  
  #w-node-c878932a-2c5c-1221-09a0-e5a10e3330f3-9148c7d6, #w-node-_161d6e9a-7a80-3827-b275-036f2ab72b19-9148c7d6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
  
  #w-node-_161d6e9a-7a80-3827-b275-036f2ab72b1d-9148c7d6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: center;
    justify-self: start;
  }
  
  #w-node-_93de8066-7bcc-dc83-da28-8fbed07aed6d-e908bede, #w-node-_1ff2d69d-6d65-18b5-e351-c43343ef680b-1bb78192 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b7e8-1bb78192 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b7f3-1bb78192 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
  
  #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b7fe-1bb78192, #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b81f-1bb78192 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-aa8cfb9d-da4a-ec00-837f-cbc9230dd8fb-0b7f873b, #w-node-_339e4e27-2999-d083-22d8-08964a314d90-24f0b16c, #w-node-_339e4e27-2999-d083-22d8-08964a314d9f-24f0b16c, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235103-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235106-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235110-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235113-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423511d-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235120-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423512a-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423512d-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235137-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423513a-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235144-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235147-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235151-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235154-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235161-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235164-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423516e-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235171-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423517b-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423517e-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235188-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423518b-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235195-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235198-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351a2-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351a5-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351af-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351b2-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351bc-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351bf-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351c9-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351cc-74235101, #w-node-ef4d7b7f-6318-1b31-6898-d4d01d480e85-74235101, #w-node-ef4d7b7f-6318-1b31-6898-d4d01d480e88-74235101, #w-node-_40cd3d1d-ff4f-b0bf-66d8-612a36e1fb3a-74235101, #w-node-_40cd3d1d-ff4f-b0bf-66d8-612a36e1fb3d-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351d6-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351d9-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351e3-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351e6-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351f0-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351f3-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a742351fd-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235200-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423520a-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423520d-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235217-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a7423521a-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235224-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235227-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235231-74235101, #w-node-_94ff83eb-0933-95f7-36c6-b00a74235234-74235101, #w-node-_517e15c8-d7d9-240f-cda0-8cffa0f5b99e-8f7aa904, #w-node-_517e15c8-d7d9-240f-cda0-8cffa0f5b9b2-8f7aa904, #w-node-_517e15c8-d7d9-240f-cda0-8cffa0f5b9b4-8f7aa904 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-f59672e6-4b95-4332-59f0-a7351a55f8ab-8f7aa904 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-f59672e6-4b95-4332-59f0-a7351a55f8ad-8f7aa904 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
  
  #w-node-f59672e6-4b95-4332-59f0-a7351a55f8af-8f7aa904, #w-node-f59672e6-4b95-4332-59f0-a7351a55f8b5-8f7aa904 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  
  #w-node-_339e4e27-2999-d083-22d8-08964a314d90-14815250, #w-node-_339e4e27-2999-d083-22d8-08964a314d9f-14815250, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-c4a0e207 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-e9f495c2-010a-ddad-a424-38c7b4e75711-5c357214 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }
  
  #w-node-e9f495c2-010a-ddad-a424-38c7b4e75722-5c357214, #w-node-e9f495c2-010a-ddad-a424-38c7b4e75723-5c357214, #w-node-e9f495c2-010a-ddad-a424-38c7b4e7572b-5c357214, #w-node-e9f495c2-010a-ddad-a424-38c7b4e75733-5c357214, #w-node-e9f495c2-010a-ddad-a424-38c7b4e7573b-5c357214, #w-node-_025ff662-0173-1481-06a2-c8bd47f5e8e5-8d07e576, #w-node-_025ff662-0173-1481-06a2-c8bd47f5e8ef-8d07e576 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  #w-node-_85775b40-4386-770c-edbc-7384beccfed9-cd14d91f {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }
  
  #w-node-b65a2ea0-a63f-0110-f374-4a80861ab2b9-122c4db1, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-b676552f, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-ef4a33f5, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-5039336c, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-01aad5e5, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-4dee8256, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-0b87604e, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-dfb53845, #w-node-_3ea7f5dd-f89e-4dae-6809-7902fc8ee235-d8473e9a, #w-node-b65a2ea0-a63f-0110-f374-4a80861ab2b9-0d867a83, #w-node-_339e4e27-2999-d083-22d8-08964a314d90-ea80b015, #w-node-_339e4e27-2999-d083-22d8-08964a314d9f-ea80b015, #w-node-_6f6019cb-cf60-ccf0-377f-05f774f6b9e8-4342e24f, #w-node-_3cd52303-e9d7-0c01-4869-5e39b66ca8ec-4342e24f, #w-node-e84264fd-6746-fc8e-8e69-59df00676663-4342e24f, #w-node-a8fc3e60-ff68-f805-d93b-66b258d76b84-4342e24f, #w-node-d11e5e3a-833d-a8a3-5e27-55f21e8c6738-4342e24f, #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d5f2-2afde949, #w-node-_1d68e857-91e7-2a29-e7b7-5bc9256cb985-3e5dddbe, #w-node-_365ba55c-ec15-df33-fb15-273021ddef99-3e5dddbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  @media screen and (min-width: 1920px) {
    #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79a5d-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79a7f-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79a87-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79ab0-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79ad2-b5a79a4b, #w-node-_99d53331-a3b3-6006-4d88-fbb463f192be-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f192e0-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f192e8-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f19311-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f19333-a6814933, #w-node-a8fc3e60-ff68-f805-d93b-66b258d76b84-4342e24f, #w-node-d11e5e3a-833d-a8a3-5e27-55f21e8c6738-4342e24f, #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d5b8-2afde949, #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d5da-2afde949 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  }
  
  @media screen and (max-width: 991px) {
    #w-node-e369fb0e-c056-27c8-e8ab-67ef3f39e956-14f3220c {
      grid-area: span 1 / span 4 / span 1 / span 4;
    }
  
    #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79a5d-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79ab0-b5a79a4b, #w-node-_99d53331-a3b3-6006-4d88-fbb463f192be-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f19311-a6814933 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_85775b40-4386-770c-edbc-7384beccfed9-826989bc, #w-node-_85775b40-4386-770c-edbc-7384beccfed9-e8a54096 {
      grid-area: span 2 / span 2 / span 2 / span 2;
    }
  
    #w-node-c878932a-2c5c-1221-09a0-e5a10e3330e4-9148c7d6 {
      grid-area: 2 / 1 / 3 / 7;
    }
  
    #w-node-c878932a-2c5c-1221-09a0-e5a10e3330f3-9148c7d6 {
      grid-area: 1 / 1 / 2 / 7;
    }
  
    #w-node-_161d6e9a-7a80-3827-b275-036f2ab72b19-9148c7d6, #w-node-_161d6e9a-7a80-3827-b275-036f2ab72b1d-9148c7d6 {
      grid-column: span 6 / span 6;
    }
  
    #w-node-aa8cfb9d-da4a-ec00-837f-cbc9230dd8df-0b7f873b, #w-node-aa8cfb9d-da4a-ec00-837f-cbc9230dd953-0b7f873b {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_512aa4cf-4845-f704-0d58-082253d2adf8-0b7f873b {
      order: -9999;
    }
  
    #w-node-_040b2c69-6227-6c15-e689-5a373615813c-0b7f873b, #w-node-b540964f-739e-abe7-0c85-65846d78f718-0b7f873b, #w-node-_3e9ec3c0-1f96-09bc-8c5f-7d60a7ddb24b-42f24a58, #w-node-_686873cb-4a32-28aa-4f67-91ec26c31fe1-e57f014b, #w-node-_47ec0095-9f1b-071a-00fe-6b654288bc36-59fcf117, #w-node-_686873cb-4a32-28aa-4f67-91ec26c31fe1-b9abf440, #w-node-_1d0d4f2a-8e98-9f2e-b827-1e02e7197b66-9c3b4c42, #w-node-_686873cb-4a32-28aa-4f67-91ec26c31fe1-59356c74, #w-node-_1d0d4f2a-8e98-9f2e-b827-1e02e7197b66-c5735812, #w-node-_686873cb-4a32-28aa-4f67-91ec26c31fe1-29c01bba {
      justify-self: center;
    }
  
    #w-node-_85775b40-4386-770c-edbc-7384beccfed9-cd14d91f {
      grid-area: span 2 / span 2 / span 2 / span 2;
    }
  
    #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea58180-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea58189-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea5819b-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea581ad-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea581c5-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea581d7-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea581f3-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea5820a-df61a965, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea5821b-df61a965 {
      grid-area: span 1 / span 3 / span 1 / span 3;
    }
  
    #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd15-cca1f11a {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd31-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd3e-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd4b-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd58-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd65-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd72-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd7f-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd8e-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd9b-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cda8-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cdb5-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cdc2-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cdcf-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cddc-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cdea-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753cdf8-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753ce06-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753ce14-cca1f11a, #w-node-_7c5918e9-a701-351c-f2ee-ef917753ce22-cca1f11a {
      grid-area: span 1 / span 3 / span 1 / span 3;
    }
  
    #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d5b8-2afde949, #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d60b-2afde949 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  }
  
  @media screen and (max-width: 767px) {
    #w-node-e369fb0e-c056-27c8-e8ab-67ef3f39e956-14f3220c {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  
    #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79a5d-b5a79a4b, #w-node-_8c1321c2-4bec-c020-0ae1-6e6fb5a79ab0-b5a79a4b, #w-node-_99d53331-a3b3-6006-4d88-fbb463f192be-a6814933, #w-node-_99d53331-a3b3-6006-4d88-fbb463f19311-a6814933 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  
    #w-node-_85775b40-4386-770c-edbc-7384beccfed9-826989bc, #w-node-_85775b40-4386-770c-edbc-7384beccfed9-e8a54096 {
      grid-area: span 2 / span 2 / span 2 / span 2;
    }
  
    #w-node-c878932a-2c5c-1221-09a0-e5a10e3330e4-9148c7d6, #w-node-c878932a-2c5c-1221-09a0-e5a10e3330f3-9148c7d6 {
      grid-column-end: 3;
    }
  
    #w-node-_161d6e9a-7a80-3827-b275-036f2ab72b19-9148c7d6, #w-node-_161d6e9a-7a80-3827-b275-036f2ab72b1d-9148c7d6 {
      grid-column: span 2 / span 2;
    }
  
    #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b7e8-1bb78192 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  
    #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b7f3-1bb78192 {
      grid-row: span 1 / span 1;
    }
  
    #w-node-aa8cfb9d-da4a-ec00-837f-cbc9230dd8df-0b7f873b, #w-node-aa8cfb9d-da4a-ec00-837f-cbc9230dd953-0b7f873b, #w-node-f59672e6-4b95-4332-59f0-a7351a55f8ab-8f7aa904 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  
    #w-node-f59672e6-4b95-4332-59f0-a7351a55f8ad-8f7aa904 {
      grid-row: span 1 / span 1;
    }
  
    #w-node-_85775b40-4386-770c-edbc-7384beccfed9-cd14d91f {
      grid-area: span 2 / span 2 / span 2 / span 2;
    }
  
    #w-node-_7c5918e9-a701-351c-f2ee-ef917753cd15-cca1f11a, #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d5b8-2afde949, #w-node-fd540f4e-5f91-ad3d-3b08-3d885c56d60b-2afde949 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  }
  
  @media screen and (max-width: 479px) {
    #w-node-e369fb0e-c056-27c8-e8ab-67ef3f39e956-14f3220c, #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b7fe-1bb78192, #w-node-_1ae15a31-ab8b-fd76-c4ed-edf7d631b81f-1bb78192, #w-node-f59672e6-4b95-4332-59f0-a7351a55f8af-8f7aa904, #w-node-f59672e6-4b95-4332-59f0-a7351a55f8b5-8f7aa904, #w-node-_58087b1c-6ade-f0b2-5f3d-60444ea58180-df61a965 {
      grid-area: span 1 / span 1 / span 1 / span 1;
    }
  }