:root {
  --white: #ffffff75;
  --black: black;
}

h1 {
  color: #e0ebf1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 78px;
}

h2 {
  color: #e0ebf1;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
}

h3 {
  color: #e0ebf1;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

h4 {
  color: #e0ebf1;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

p {
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

a {
  color: #0375ff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Poppins, sans-serif;
}

li {
  margin-bottom: 15px;
  padding-left: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.submit-button-2 {
  color: #fff;
  text-align: center;
  background-color: red;
  min-width: 150px;
  margin-top: 0;
  padding: 20px 40px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .3s;
}

.submit-button-2:hover {
  color: #fff;
  background-color: #da0000;
}

.textlink-3 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-3:hover {
  color: #00b2ed;
}

.textlink-3.grey {
  color: #a9b8ec;
  font-family: Inter, sans-serif;
}

.textlink-3.grey:hover {
  color: #dfe5fa;
  text-decoration: none;
}

.textlink-3.lightblue {
  color: #75ddff;
  font-size: 12px;
  font-style: normal;
}

.textlink-3.lightblue:hover {
  text-decoration: underline;
}

.section-copy {
  width: 55%;
  min-height: 100px;
}

.section-copy.left-copy {
  width: 45%;
  padding-left: 0;
}

.link-block {
  opacity: .72;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.fc-header {
  z-index: 11;
  background-color: #090f19;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  position: sticky;
  top: 0;
}

.fc-header.ns {
  position: static;
}

.footer-links {
  background-color: #090f19;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.footer-text {
  color: #a9b8ec;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Inter, sans-serif;
  font-size: 13px;
}

.fc-site-outer-wrapper {
  background-color: #092c55;
  position: relative;
}

.hero-angle-block {
  z-index: 1;
  color: #0e2f58;
  background-image: linear-gradient(184deg, #1b3d66 34%, #092b55 71%);
  height: 1300px;
  display: block;
  position: absolute;
  inset: -708px 0% auto;
  transform: skew(0deg, -23deg);
}

.waitlist-form-wrapper {
  z-index: 9;
  background-color: #00000059;
  border: 1px solid #ffffff5c;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 480px;
  padding: 40px 32px;
  display: flex;
}

.waitlist-form-wrapper._2 {
  background-color: #0b0f18bf;
  width: auto;
  max-width: 720px;
}

.image {
  border-radius: 8px;
  width: 100%;
  box-shadow: 7px 3px 16px 3px #0000004f;
}

.content-section {
  z-index: 1;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 760px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.content-section.demo {
  background-color: #fafafa;
  background-image: linear-gradient(#00021399, #00021399), url('../images/spacex.jpeg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: flex-start;
  padding-top: 140px;
  padding-bottom: 220px;
}

.content-section.charts {
  background-image: url('../images/chart-lite.png');
  background-position: 62%;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-section.yellow {
  z-index: 2;
  background-color: #f7df1e;
  background-image: url('../images/js2.png');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-section.services {
  background-color: #fafafa;
  background-image: linear-gradient(#00021399, #00021399), url('../images/borealis.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: flex-start;
  padding-top: 140px;
  padding-bottom: 220px;
}

.content-section.java {
  background-color: #2f302f;
  background-image: linear-gradient(270deg, #222 32%, #0000), url('../images/java.jpg');
  background-position: 0 0, 0 10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 2000px;
}

.content-section.center {
  background-color: #080d1a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 80px;
}

.content-section.email-us {
  background-color: #fafafa;
  background-image: linear-gradient(#000213bf, #000213bf), url('../images/ray.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: flex-start;
  min-height: 0;
  padding-top: 100px;
  padding-bottom: 200px;
  display: flex;
}

.fc-logo {
  opacity: .88;
}

.div-block-1068 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.waitlist-form-input {
  color: #fff;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #ffffff9e;
  height: 50px;
  margin-bottom: 15px;
  padding-left: 6px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.waitlist-form-input::placeholder {
  color: #fff9;
}

.heading-wrapper-copy {
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.section-content-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 990px;
  max-width: 1320px;
  min-height: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.section-content-wrapper.cta {
  align-items: flex-start;
}

.section-content-wrapper.center-copy {
  z-index: 2;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: none;
  padding-top: 60px;
  position: relative;
}

.section-content-wrapper.java {
  justify-content: flex-end;
}

.section-content-wrapper.service-hero {
  z-index: 2;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: none;
  padding-top: 60px;
  position: relative;
}

.section-content-wrapper.center {
  justify-content: center;
  align-items: center;
}

.div-block-903 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-wrapper {
  border-radius: 8px;
  width: 45%;
  min-height: 100px;
  position: relative;
}

.hero-section {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 760px;
  padding-top: 0;
  padding-bottom: 140px;
  display: flex;
}

.hero-section.service {
  background-image: linear-gradient(#00000078, #00000026), url('../images/borealis.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image-180 {
  width: 80px;
}

.down-arrow-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 62px;
  margin-top: 30px;
  display: none;
}

.down-arrow-link.w--current {
  text-decoration: none;
}

.image-181 {
  opacity: .6;
}

.text-element {
  color: #032944;
  text-align: left;
}

.text-element.white {
  color: #ffffffeb;
  text-align: left;
}

.text-element.center {
  text-align: center;
}

.footer-editable-text {
  opacity: .69;
}

.text-element-wrapper-2 {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.web-body-text {
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.textarea-5-copy {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #ffffff9e;
  height: auto;
  min-height: 80px;
  margin-top: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.textarea-5-copy::placeholder {
  color: #ffffffb5;
}

.hero-form-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 5px;
  display: flex;
}

.form-field-wrapper {
  margin-bottom: 20px;
}

.submit-button-3 {
  color: #fff;
  text-align: center;
  background-color: #0375ff;
  min-width: 150px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .3s;
}

.submit-button-3:hover {
  color: #fff;
  background-color: #005dce;
  text-decoration: none;
}

.hero-email-collection {
  width: 100%;
  padding-top: 20px;
  display: block;
}

.navbar {
  z-index: 5;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.navbar.secondary {
  background-color: #142a52;
  position: static;
}

.nav-link {
  color: #a9b8ec;
  border-bottom: 1px solid #a9b8ec00;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px 0 10px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .4s;
}

.nav-link:hover {
  color: #dfe5fa;
  border-bottom-style: solid;
  border-bottom-color: #a9b8ec;
  text-decoration: none;
}

.nav-link.w--current {
  color: #dfe5fa;
  border-bottom-style: none;
  font-weight: 500;
}

.nav-menu {
  flex-direction: row;
  align-items: stretch;
}

.container {
  z-index: 10;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.div-block-1058 {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.blog-feature-image {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.div-block-778 {
  padding-bottom: 10px;
}

.div-block-917 {
  max-width: 640px;
  margin-bottom: 50px;
}

.button-3 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #1976d2;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 220px;
  height: 64px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-3:hover {
  color: #fff;
  background-color: #0d60b3;
}

.button-3:focus {
  border: 3px solid #91b4f5;
}

.button-3.blog:hover {
  color: #fff;
  background-color: #1976d2;
}

.button-3.big-outline {
  color: #fff;
  background-color: red;
  width: 100%;
  min-width: 0;
  height: 70px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.button-3.big-outline:hover {
  color: #fff;
  background-color: #c10;
  text-decoration: none;
}

.button-3.blog {
  color: #1976d2;
  letter-spacing: .3px;
  background-color: #fff;
  border-color: #1976d2;
  min-width: 0;
  height: 48px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.button-3.blog:hover {
  color: #fff;
  background-color: #1976d2;
  text-decoration: none;
}

.title-link {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  text-decoration: none;
}

.title-link:hover {
  text-decoration: underline;
}

.item-image-wrapper-3 {
  background-color: #f3eaea;
  background-image: url('../images/before-after.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 360px;
  height: 260px;
}

.item-image-wrapper-3._5 {
  background-image: url('../images/blog.jpg');
}

.item-image-wrapper-3._2 {
  background-image: url('../images/plan.png');
}

.blog-snippet-2 {
  text-align: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  margin-right: 0;
  padding: 20px;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.link-block-9 {
  cursor: pointer;
  padding-bottom: 6px;
}

.link-block-9:hover {
  color: #0078ce;
  text-decoration: underline;
}

.title-h4-2 {
  color: #444;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-1027 {
  margin-bottom: 20px;
}

.topic-tag-wrapper {
  background-color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 20px 20px 30px;
  display: none;
}

.title-h3-3 {
  color: #333;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  position: relative;
}

.blog-snippet-grid-wrapper-2 {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1100px;
  padding-bottom: 100px;
}

.h1-sm {
  color: #000000b8;
  text-shadow: none;
  font-family: Poppins, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 62px;
}

.content-tag-2 {
  clear: left;
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 34px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 16px;
  display: inline-block;
  position: static;
}

.content-tag-2:hover {
  color: #fff;
  background-color: #00528ccc;
}

.featured-item-button-wrapper-2 {
  width: 140px;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 0;
}

.content-section-2 {
  z-index: 1;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.content-section-2.vertical {
  flex-direction: column;
  align-items: center;
}

.content-section-2.vertical.blog {
  background-color: #fafafa;
}

.logo-header {
  background-image: url('../images/fc-logo-reversed-horiz.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  width: 200px;
  height: 40px;
  margin-top: 3px;
}

.logo-header.w--current {
  z-index: 8;
}

.div-block-1070 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.nav-holder {
  z-index: 9;
  width: 100%;
}

.div-block-1071 {
  margin-top: 40px;
}

.outerwrapper, .builder-templates-wrapper {
  height: 100vh;
}

.form-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.image-166 {
  cursor: pointer;
}

.image-166:hover {
  filter: saturate(71%);
}

.image-84 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.volume-level-bar-2 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-2.max {
  height: 100%;
}

.body-comp-options {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.builder-modal-container {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.div-block-1033 {
  padding-top: 10px;
  padding-bottom: 6px;
}

.ac-wrapper-editor {
  position: relative;
}

.lead-gen-toggle {
  cursor: pointer;
  background-color: #64dd17;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  margin-left: 14px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: flex;
}

.lead-gen-toggle:hover {
  opacity: 1;
}

.lead-gen-toggle.off {
  background-color: #e0e0e0;
}

.speed-selected {
  cursor: default;
}

.plans-preview {
  background-color: #fff;
  padding: 14px 20px 10px;
}

.chip-label {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label.small {
  font-size: 13px;
  line-height: 16px;
}

.button-ac-wrapper-editor {
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.bg-style-options-2 {
  background-color: #0000001c;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.bg-style-options-2.padding {
  justify-content: space-between;
}

.media-preview-2 {
  background-color: #a7a7a7;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.div-block-371 {
  flex: 1;
  min-height: 25px;
}

.speed-option-3 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-3:hover {
  color: #fff;
  background-color: #353535;
}

.div-block-1045 {
  align-items: flex-start;
  display: flex;
}

.sf-52 {
  color: #313131;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-52.tran-white {
  color: #ffffffb3;
  font-weight: 400;
}

.sf-52.white {
  color: #fff;
}

.tag {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag.multiple {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.tag.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: none;
  position: relative;
}

.tag.multi {
  opacity: .92;
  background-color: #cddaf8;
  border: 2px solid #394a62;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag.multi:hover {
  filter: saturate(200%);
}

.tag.multi.field {
  opacity: 1;
  background-color: #00528ca3;
  border-style: none;
}

.tag.multi.field:hover {
  filter: none;
  background-color: #00528ccc;
}

.post-as-2 {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.post-as-2.hidden {
  border-right: 1px solid #cfcfcf;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.edit-section-menu-2 {
  z-index: 3;
  background-color: #272c44;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  flex-direction: column;
  width: 340px;
  min-height: 100px;
  max-height: 100vh;
  display: flex;
  position: static;
  inset: 8px 20px auto auto;
  box-shadow: 4px 5px 8px 1px #0000004d;
}

.check-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.checkbox-12 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-12:hover {
  background-color: #dfdfdf;
}

.timeline-compose-section {
  background-color: #f5f5f5;
  flex-direction: column;
  width: 57%;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.search-wrapper-6-copy {
  flex: 1;
  position: relative;
}

.trainer-chooser-holder {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  height: 36px;
  margin-left: 0;
  padding: 6px 10px;
  display: flex;
}

.post-submit-content {
  border-top: 1px solid #fff3;
  margin-top: 20px;
  padding-top: 20px;
}

.form-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.edit-post-title {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.autocomplete-input-area {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-area.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
  width: 100%;
  min-height: 50px;
  padding-top: 4px;
}

.handle-volume-2 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-2:hover {
  background-color: #fff;
}

.collapsible-settings-section, .collapsible-settings-section.submit-settings {
  display: block;
}

.play-pause-button {
  opacity: 1;
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button:hover {
  opacity: 1;
  background-color: #000000b3;
}

.play-pause-button.sm {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.div-block-523 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.plan-tile-3 {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 96%;
  min-width: 96%;
  min-height: 40px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-3:hover {
  background-color: #fff59d80;
}

.post-bottom-right-dragger {
  cursor: nwse-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-1032 {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.ac-default-label-2 {
  color: #7dafd3;
  width: 272px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.results-holder-4 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.matched-2 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.ac-default-button-link-3 {
  color: #032944;
  width: 370px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 0;
}

.sf-124 {
  color: #312b3de3;
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.sf-124.semi {
  color: #000000b3;
  font-weight: 600;
}

.lead-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.lead-component.component {
  display: none;
}

.post-header-4 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px;
  display: flex;
}

.post-header-4.module {
  align-items: center;
  padding: 10px 0 20px;
  display: block;
}

.rte-toggle {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.message-section-2 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 10px 14px 5px;
  display: block;
  position: static;
  bottom: auto;
}

.div-block-525 {
  margin-left: 12px;
}

.element-button-section-2 {
  background-color: #fff;
  border-top: 1px solid #e2e2e2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 3px 3px 9px 3px #00000040;
}

.element-button-section-2.vertical {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 8px 4px 5px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.social-section {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.tag-content-4 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.tag-content-4.builder {
  height: 30px;
  min-height: 30px;
  padding-left: 4px;
}

.settings-accordion-menu-holder-copy {
  flex-direction: column;
  flex: 1;
  height: auto;
  max-height: 100vh;
  padding-bottom: 10px;
  display: block;
  overflow: auto;
}

.edit-plan-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.default-confirmation-wrappe {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.sf-90 {
  color: #313131;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sf-90.white {
  color: #fff;
}

.sf-90.white.center {
  justify-content: center;
  display: block;
}

.results-scroller-5 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.section-style-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.input-component-holder-4 {
  background-color: #f5f5f5;
  flex: 0 auto;
  padding-bottom: 140px;
  position: relative;
  overflow: auto;
}

.toolbar-page-section {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 20px auto auto 100px;
}

.message-holder-2 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.sf-15-med-4 {
  color: #000000db;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.text-size-dropdown {
  z-index: 99;
  background-color: #262c46;
  border-radius: 6px;
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.section-element-settings-copy {
  padding: 20px 20px 40px;
  display: block;
}

.time-elasped {
  background-color: #2196f3;
  border-radius: 20px;
  width: 20px;
  height: 10px;
  position: absolute;
}

.time-elasped._2 {
  width: 135px;
}

.timeline-action-bar-3 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.timeline-action-bar-3.center {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
}

.custom-color-wrapper {
  border-top: 1px solid #ffffff47;
  width: 210px;
  margin-top: 10px;
  padding-top: 5px;
  display: block;
}

.lead-gen-toggle-wrapper {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.toolbar-basic {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 30px;
  padding-right: 30px;
  display: none;
  position: fixed;
  inset: 180px auto auto 100px;
}

.action-button-4 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-4:hover {
  color: #fff;
  background-color: #0d72b9;
}

.recipients-2 {
  border-bottom: 1px #e9e9e9;
  align-items: flex-start;
  padding: 20px 14px;
  display: block;
}

.old-preview-wrapper-3-copy {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: none;
  position: relative;
  overflow: auto;
}

.remove-section-2 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-2:hover {
  opacity: .86;
}

.time-bar {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.text-component-2 {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
}

.button-media-option-4 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  width: 100%;
  height: 44px;
  margin-top: 0;
  padding: 6px 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  position: static;
}

.button-media-option-4:hover {
  background-color: #00b2ed33;
}

.body-comp-options-copy {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.bg-img-preview-2 {
  background-color: #0000001c;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-top: 0;
}

.builder-modal-tab-bar {
  background-color: #0000001c;
  border-bottom: 1px solid #ffffff45;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.div-block-982 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.image-90 {
  filter: invert();
  position: relative;
}

.embed {
  opacity: 1;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 8px;
  display: block;
}

.textlabel-14 {
  color: #262c46;
  letter-spacing: .2px;
  font-weight: 400;
  line-height: 18px;
}

.textlabel-14.white {
  color: #fff;
  text-align: left;
}

.post-wrapper-4 {
  border-top: 1px solid #dfdfdf;
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.volume-bar-2 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.ac-default-label-small-20 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.button-icon-3 {
  margin-right: 5px;
}

.rte-icon {
  z-index: 5;
  opacity: .84;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/bold.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 4px;
  width: 38px;
  height: 38px;
  margin-left: 2px;
  margin-right: 2px;
  transition: background-color .2s;
  position: relative;
}

.rte-icon:hover {
  opacity: 1;
  background-color: #08568d80;
}

.rte-icon.align-right-button {
  cursor: pointer;
  background-image: url('../images/align-right.png');
  background-size: 26px;
}

.rte-icon.duplicate {
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-size: 22px;
}

.rte-icon.align-center-button {
  cursor: pointer;
  background-image: url('../images/align-center.png');
  background-size: 26px;
}

.rte-icon.label {
  background-image: none;
  width: 48%;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.rte-icon.text {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  font-size: 14px;
  font-weight: 500;
}

.rte-icon.text:hover {
  background-color: #0000;
}

.rte-icon.bold {
  cursor: pointer;
}

.rte-icon.bold:hover {
  opacity: 1;
}

.rte-icon.align-center {
  cursor: pointer;
  background-image: url('../images/icon-center_1icon-center.png');
  background-size: 22px;
}

.rte-icon.delete {
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
  background-size: 22px;
}

.rte-icon.url {
  cursor: pointer;
  background-image: url('../images/link.png');
  background-size: 18px;
}

.rte-icon.align-left {
  cursor: pointer;
  background-image: url('../images/icon-left_1icon-left.png');
  background-size: 22px;
}

.rte-icon.style {
  background-image: url('../images/paint_1paint.png');
  background-size: 21px;
}

.rte-icon.bulleted-list {
  background-image: url('../images/list-white.png');
  background-size: 20px;
}

.rte-icon.italic {
  cursor: pointer;
  background-image: url('../images/italic.png');
}

.rte-icon.align-right {
  cursor: pointer;
  background-image: url('../images/icon-right_1icon-right.png');
  background-size: 22px;
}

.rte-icon.edit {
  background-image: url('../images/edit2_1edit2.png');
  background-size: 20px;
}

.rte-icon.layout {
  background-image: url('../images/layout_1layout.png');
  background-size: 15px;
}

.rte-icon.align-left-button {
  cursor: pointer;
  background-image: url('../images/align-left.png');
  background-size: 26px;
}

.title-input-div-2 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: block;
}

.input-cta-button-label-3 {
  width: 340px;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}

.play-pause-2 {
  height: auto;
  margin-left: 0;
  padding-top: 13px;
}

.lead-gen-toggle-knob {
  background-color: #fff;
  border: 2px solid #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
}

.lead-gen-toggle-knob.off {
  border-style: none;
  border-color: #87badf;
  box-shadow: 2px 2px 8px -1px #00000040;
}

.lead-gen-toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 26px;
  box-shadow: -1px 1px 5px #00000040;
}

.poster-2 {
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.pause-icon {
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  transform: rotate(0);
}

.round-checkbox {
  cursor: pointer;
  background-image: url('../images/checked2_1checked2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.round-checkbox.checked {
  background-image: url('../images/checked_1checked.png');
}

.form-22 {
  padding-top: 14px;
}

.sf-122 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-122.center {
  text-align: center;
}

.audio-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.text-block-39 {
  border-right: 0 solid #000;
}

.upload-button-holder-5 {
  align-items: flex-start;
  height: auto;
  margin-top: 14px;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.sf-109 {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.div-block-1046 {
  border-bottom: 1px solid #ffffff63;
  justify-content: flex-start;
  padding: 10px 8px 10px 10px;
  display: flex;
}

.result-row-5 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-5:hover, .result-row-5.selected {
  background-color: #d8e6fc;
}

.result-row-5.checked {
  background-color: #ebecee;
}

.result-row-5.checked.selected {
  background-color: #d8e6fc;
}

.ac-default-label-builder {
  color: #7dafd3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.modal-top-bar-3 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.timeline-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.style-tab {
  opacity: .72;
  cursor: pointer;
  border-bottom: 3px solid #000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-right: 20px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.style-tab:hover {
  opacity: 1;
  border-bottom-color: #00b2edcc;
}

.style-tab.selected {
  opacity: 1;
  border-bottom: 3px solid #00b2ed;
}

.sf-15-med-5 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-5.white {
  color: #ffffffdb;
}

.submit-button-small-7 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-7:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-7.cancel {
  background-color: #97a4af;
}

.submit-button-small-7.cancel:hover {
  background-color: #8c959c;
}

.section-element-settings {
  flex: 1;
  max-height: 50vh;
  padding: 20px 20px 40px;
  display: block;
  overflow: auto;
}

.section-element-settings.select-fields {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.rte-text-dropdown {
  z-index: 5;
  opacity: .84;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  width: 125px;
  height: 38px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.rte-text-dropdown:hover {
  opacity: 1;
}

.sf-68 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-68.semi {
  font-weight: 600;
}

.sf-68.semi.navy {
  color: #00528c;
  text-align: center;
}

.text-span-46 {
  margin-left: 9px;
  font-weight: 500;
}

.chip-label-3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.chip-label-3.builder {
  font-size: 13px;
}

.request-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.request-component.component {
  display: none;
}

.multi-select-results-holder {
  border-radius: 8px;
}

.action-button-6 {
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-6:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-6.weblink {
  text-align: center;
  text-transform: none;
  background-color: #00528cc2;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-6.weblink:hover {
  background-color: #00528c;
}

.timeline-preview-6 {
  background-color: #fff;
  width: 440px;
  height: auto;
  min-height: 220px;
  margin-top: 10px;
  padding-top: 10px;
  display: block;
  position: static;
  bottom: auto;
}

.tag-content {
  align-items: center;
  height: 34px;
  display: flex;
}

.div-block-526 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.div-block-1030 {
  margin-left: 10px;
  position: relative;
}

.reaction-icon-bar {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar:hover {
  background-color: #eef3f8;
}

.color-swatch-wrapper-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.color-swatch-wrapper-2:hover {
  background-color: #08568d80;
}

.customize {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.action-button-10 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-10:hover {
  color: #fff;
  background-color: #0d72b9;
}

.small-toggle-knob {
  background-color: #fff;
  border-width: 2px;
  border-color: #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
  box-shadow: 1px 1px 3px #00000040;
}

.small-toggle-knob.off {
  box-shadow: 2px 2px 8px -1px #00000040;
}

.small-toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 20px;
  box-shadow: -1px 1px 5px #00000040;
}

.domain-option-scroller {
  background-color: #032944;
  max-height: 460px;
  padding-bottom: 0;
  overflow: auto;
}

.plan-tile-preview-2 {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 0%;
  min-height: 40px;
  margin-bottom: 12px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: static;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-preview-2:hover {
  background-color: #fff59dcf;
}

.result-icon-2 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-2.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.result-icon-2.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.div-block-1035 {
  padding-bottom: 6px;
}

.font-menu-modal {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.result-row {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row:hover, .result-row.selected {
  background-color: #d8e6fc;
}

.theme-option {
  cursor: pointer;
  border: 1px solid #ffffff75;
  border-radius: 6px;
  align-items: center;
  width: 240px;
  min-height: 40px;
  margin-top: 12px;
  padding-left: 12px;
  display: flex;
}

.theme-option.color2 {
  background-color: #161616;
}

.theme-option.custom {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
}

.theme-option.color1 {
  background-color: #d30c0c;
}

.theme-option.light2 {
  background-color: #dfdfdf;
}

.theme-option.light1 {
  background-color: #fff;
}

.post-editor-modal-3 {
  z-index: 999;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-direction: column;
  width: 1100px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.ac-site-builder {
  clear: left;
  color: #aaa;
  background-color: #155279cc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  position: static;
  overflow: hidden;
}

.ac-site-builder:hover {
  background-color: #155279;
}

.audio-time {
  justify-content: flex-end;
  width: 54px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.audio-time.right {
  justify-content: flex-start;
}

.tag-content-5 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-5.small {
  height: 30px;
  min-height: 30px;
}

.div-block-426 {
  padding-left: 8px;
}

.profile-content-title-input-2 {
  border: 1px solid #cecece;
  height: 46px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 26px;
  display: block;
}

.site-element-toolbar {
  background-color: #262c46;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  align-items: center;
  height: 42px;
  display: flex;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.paragraph-toolbar {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 30px;
  padding-right: 30px;
  display: none;
  position: fixed;
  inset: 60px auto auto 100px;
}

.post-button-img {
  width: 26px;
  min-width: 26px;
}

.div-block-329 {
  flex: 0 auto;
  display: block;
  position: static;
  inset: 40% auto 0% 180px;
}

.text-12 {
  color: #161616;
  font-size: 12px;
  line-height: 16px;
}

.social-label {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-759 {
  align-items: center;
  display: flex;
}

.lead-option {
  background-color: #fff;
  padding-top: 6px;
  padding-bottom: 12px;
  padding-right: 20px;
  display: block;
}

.rte-toggle-section {
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 0;
  display: flex;
}

.sf-91 {
  color: #000000db;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-91.white {
  color: #fff;
}

.remove-section-3 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-3:hover {
  opacity: .86;
}

.body-comp-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: none;
  position: relative;
}

.text-55 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-55.light {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.select-audio-9 {
  text-align: right;
  margin-left: auto;
  position: relative;
  left: 0;
  right: 0;
}

.post-submit-3 {
  background-color: #f6f6f6;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #dfdfdf;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.ac-icon-3 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-3.empty {
  background-image: none;
  width: 1px;
  min-width: 1px;
  height: 22px;
  margin-left: 0;
}

.loading-row {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.upload-button-div {
  clear: left;
  width: 130px;
  height: auto;
  margin-bottom: 6px;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  position: static;
  top: 0;
}

.post-message-2 {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 30px 20px;
  display: flex;
}

.post-message-2.module {
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-442 {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.social-icon-bar {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.social-icon-bar.web {
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.div-block-1029 {
  margin-left: 8px;
}

.image-172 {
  margin-top: 4px;
  margin-right: 4px;
}

.opacity-input {
  text-align: right;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 70px;
  height: 38px;
  margin-bottom: 0;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  display: flex;
}

.url-component-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.results-scroller-3 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.image-59 {
  opacity: .5;
  display: block;
}

.revert-button {
  cursor: pointer;
  display: inline-block;
}

.div-block-555 {
  padding-top: 20px;
}

.sf-93 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-72 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-72.white {
  color: #fff;
  cursor: default;
}

.sf-72.semi {
  color: #312b3de3;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.button-select-plan-3 {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1abc9c;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-3:hover {
  color: #fff;
  background-color: #0bac8c;
}

.empty-preview-message-3 {
  color: #313131;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
  font-weight: 400;
  line-height: 50px;
}

.link-label-input {
  margin-top: 4px;
  margin-bottom: 10px;
  display: block;
}

.remove-4 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-4:hover {
  opacity: 1;
}

.audio-do-over {
  margin-left: 20px;
}

.text-block-73 {
  color: #ffffffdb;
  text-align: left;
  letter-spacing: .2px;
  font-size: 14px;
  font-weight: 500;
}

.div-block-441 {
  margin-bottom: 20px;
  padding-top: 20px;
}

.apply-button {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.video-img-component-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px;
  display: block;
  position: relative;
}

.video-img-component-2:focus {
  border: 1px solid #bda3a3;
}

.play-icon {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.post-right-dragger {
  cursor: ew-resize;
  width: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.timeline-media-2-copy {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.div-block-274 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: block;
}

.checkbox-field-15 {
  margin-bottom: 12px;
}

.action-button-2 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-2:hover {
  color: #fff;
  background-color: #0d72b9;
}

.search-wrapper-6 {
  position: relative;
}

.back-link {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.back-link:hover {
  color: #00b2ed;
}

.back-link.red {
  color: #e53935;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.back-link.red:hover {
  color: #f3615e;
}

.back-link.small {
  font-size: 12px;
  line-height: 14px;
  position: static;
}

.section-tool-icon-2 {
  opacity: .8;
  cursor: pointer;
  background-color: #000000e6;
  background-image: url('../images/squares_1squares.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-right: 1px solid #ffffff4d;
  width: 44px;
  height: 36px;
}

.section-tool-icon-2:hover {
  opacity: 1;
  background-color: #000000e6;
}

.section-tool-icon-2.name {
  cursor: auto;
  background-color: #0000;
  background-image: none;
  border-right-style: none;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
}

.section-tool-icon-2.name:hover {
  opacity: .8;
}

.speed-level-bar {
  background-color: #000000b3;
  border-radius: 4px;
  width: 56px;
  display: none;
  position: absolute;
  inset: auto 0 34px auto;
}

.text-initials-account {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-content {
  align-items: center;
  height: 42px;
  display: flex;
}

.div-block-1047 {
  margin-left: 14px;
}

.tag-small-3 {
  clear: left;
  cursor: move;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-3:hover {
  background-color: #00528ccc;
}

.tag-small-3.selected {
  outline-offset: 0px;
  outline: 3px dashed #194463;
}

.add-element-menu {
  background-color: #262c46;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  flex-direction: column;
  align-items: flex-start;
  width: 305px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
  box-shadow: 2px 2px 10px 3px #0000004d;
}

.sf-60 {
  color: #000000db;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-60.semi {
  font-weight: 600;
}

.review-audio {
  background-color: #0000;
  border-radius: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.text-block-13-copy {
  color: #bbb;
}

.sm-toggle-switch {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 10px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.sm-toggle-switch:hover {
  opacity: 1;
}

.sm-toggle-switch.on {
  background-color: #64dd17;
}

.color-swatch {
  background-color: #1d1d1d;
  border: 1px solid #b3b3b3;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
}

.color-swatch.white {
  background-color: #fff;
}

.submit-button-xs {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-xs:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-xs.cancel {
  background-color: #97a4af;
}

.submit-button-xs.cancel:hover {
  background-color: #8c959c;
}

.div-block-1025 {
  margin-bottom: 10px;
}

.rich-text-unit-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sf-76-copy {
  color: #d61d1d;
  font-size: 13px;
  line-height: 16px;
}

.filter-autocomplete-font {
  text-align: left;
  background-color: #0000008a;
  border-bottom: 1px solid #026bb4;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: block;
}

.tag-item-input-4 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.timeline-new-preview-copy-copy-2 {
  background-color: #fff;
  width: 100%;
  height: auto;
  display: block;
  position: static;
  bottom: auto;
}

.sf-87 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}

.sf-87.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.unmatched-2 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.edit-section-title {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.social-icon {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.percent-label {
  color: #646464;
  font-size: 18px;
}

.percent-label.white {
  color: #ffffffdb;
  font-size: 15px;
}

.audio-component-2 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-2.review {
  height: 92px;
  padding-left: 12px;
  display: flex;
}

.item-button-bar-2 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.opacity-input-wrapper-copy {
  flex-direction: row;
  align-items: center;
  width: 100px;
  display: flex;
}

.div-block-464 {
  height: 6px;
  position: absolute;
}

.empty-post-holder-2 {
  background-color: #e8eaec;
  padding-top: 100px;
  padding-bottom: 140px;
}

.empty-post-holder-2.hidden {
  background-color: #e8eaec;
}

.remove-3 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-3:hover {
  opacity: 1;
}

.remove-3.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.plans-wrapper {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.audio-message-wrapper-2 {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 220px;
}

.unmatched-3 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.div-block-1026 {
  align-items: center;
  display: flex;
}

.result-row-4 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-4:hover {
  background-color: #d8e6fc;
}

.price-holder {
  align-self: center;
  padding-top: 4px;
}

.results-holder-3 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.audio-player-holder-3 {
  min-width: 100px;
  min-height: 50px;
  margin-top: 15px;
}

.item-header-copy-2 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-1036 {
  border: 1px solid #fff;
  border-radius: 30px;
}

.preview-wrapper-5 {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 43%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.toolbar-button {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 30px;
  padding-right: 30px;
  display: none;
  position: fixed;
  inset: 120px auto auto 100px;
}

.apply-button-wrapper {
  border-top: 1px solid #dadada;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.apply-button-wrapper.hidden {
  display: none;
}

.handle-2 {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -5px 0 auto auto;
}

.handle-2:hover {
  background-color: #fff;
}

.sf-76-copy-copy {
  color: #2fbd3d;
  font-size: 13px;
  line-height: 16px;
}

.button-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.div-block-1031 {
  min-width: 150px;
  display: flex;
}

.section-toolbar {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 30px;
  padding-right: 30px;
  display: none;
  position: fixed;
  inset: 180px auto auto 100px;
}

.results-scroller-4 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 50vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.bg-image-button-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.text-32 {
  color: #312b3de3;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.text-32.white {
  color: #ffffffe3;
}

.add-element-menu-modal {
  z-index: 998;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 30px;
  padding-right: 30px;
  display: none;
  position: fixed;
  inset: 260px auto auto 100px;
}

.h3-dark {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-dark.left {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.ac-label {
  display: flex;
}

.input-url-3 {
  margin-top: 4px;
  margin-bottom: 10px;
  display: block;
}

.img-dark-overlay {
  background-image: linear-gradient(to top, #0009 9%, #0003 57%, #0000 97%);
  height: 90px;
  position: absolute;
  inset: auto 0% 0%;
}

.sf-14-regular {
  color: #313131;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular.white {
  color: #fff;
}

.sf-13 {
  color: #000000db;
  font-size: 13px;
}

.sf-13.blue {
  color: #0078ce;
}

.plans-timeline {
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.img-preview {
  background-color: #ffffff1f;
  background-image: url('../images/devonshire-view.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}

.current-selection-checkmmark {
  background-color: #0000;
  background-image: url('../images/checked_1checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: none;
}

.current-selection-checkmmark.hide {
  margin-left: 6px;
  display: none;
}

.current-selection-checkmmark.checked {
  display: block;
}

.user-list-2 {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  height: 200px;
}

.section-input-wrapper {
  border-bottom: 1px solid #026bb4;
  padding: 10px 12px 20px;
  display: block;
}

.playback-speed {
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  margin-left: 10px;
  padding-top: 2px;
  font-size: 15px;
  font-weight: 500;
  display: block;
  position: relative;
}

.playback-speed:hover {
  background-color: #fff;
}

.remove-2 {
  opacity: .72;
  background-color: #002470b3;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-2:hover {
  opacity: 1;
}

.section-heading-bar {
  cursor: pointer;
  background-color: #0000008a;
  border-top-width: 1px;
  border-top-color: #026bb4;
  border-bottom: 1px solid #026bb4;
  align-items: center;
  height: 34px;
  padding-left: 10px;
  display: flex;
}

.close-menu-2 {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 10px;
  display: flex;
}

.close-menu-2:hover {
  opacity: 1;
}

.timeline-media-2 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.div-block-330 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
  position: absolute;
}

.form-block-10 {
  background-color: #fff;
  margin-bottom: 0;
  display: inline-block;
}

.in-library-status {
  align-items: center;
  height: 34px;
  display: flex;
}

.in-library-status.hidden {
  display: flex;
}

.audio-message-wrapper-2-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy.no-image {
  background-color: #114c75;
  background-image: linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  height: 220px;
}

.account-component-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.account-component-2.component {
  display: none;
}

.timeline-message {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 20px 15px;
  display: flex;
}

.audio-player-placeholder {
  background-color: #fff;
}

.plan-button-div {
  justify-content: center;
  display: flex;
  position: relative;
}

.sf-15-semi {
  color: #313131;
  text-shadow: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.sf-15-semi.white {
  color: #fff;
}

.plan-name-price {
  border-bottom: 1px solid #3898ec6e;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.lead-gen-preview-builder {
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.unmatched {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.unmatched.navy {
  color: #00528c;
}

.text-option {
  opacity: .84;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-option:hover {
  opacity: 1;
  background-color: #08568d80;
}

.tag-item-input-3 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.result-icon {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon.count {
  background-image: url('../images/icon-reps.png');
}

.result-icon.loading {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.group {
  background-color: #0000;
  background-image: url('../images/group.png');
  background-size: 20px;
}

.result-icon.no-results-white {
  filter: invert();
  background-image: url('../images/icon-cancel_1icon-cancel.png');
  background-size: 22px;
}

.result-icon.yesno {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-size: 16px;
}

.result-icon.appt {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 18px;
}

.result-icon.video2 {
  background-color: #0000;
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
}

.result-icon.calendly {
  background-image: url('../images/calendly-icon.png');
  background-position: 0%;
  background-size: 22px;
}

.result-icon.text {
  background-image: url('../images/text_1text.png');
  background-size: 18px;
}

.result-icon.image {
  background-color: #0000;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon.testimony {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  background-size: 20px;
}

.result-icon.time {
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.result-icon.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon.miles {
  background-image: url('../images/region_1region.png');
  background-size: 16px;
}

.result-icon.no-results {
  background-image: url('../images/icon-cancel_1icon-cancel.png');
  background-size: 22px;
}

.result-icon.weight {
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.result-icon.audio-copy {
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 18px;
}

.result-icon.bm {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.result-icon.user {
  background-color: #0000;
  background-image: url('../images/patient_1patient.png');
  background-size: 20px;
}

.sf-123 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-123.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.audio-component-editor-4 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-4:focus {
  box-shadow: 1px 1px 3px #000;
}

.ac-default-label-small-21 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sf-15-med-3 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-3.navy {
  color: #00528c;
}

.div-block-461 {
  padding-top: 10px;
  padding-right: 5px;
}

.matched {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.audio-player-controls-2-copy {
  z-index: auto;
  opacity: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-2-copy:hover, .audio-player-controls-2-copy.no-image {
  opacity: 1;
}

.image-174 {
  margin-right: 6px;
}

.text-13 {
  color: #00528c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.section-style-tab-content {
  padding: 30px 20px 40px;
  display: block;
}

.section-style-tab-content._3, .section-style-tab-content._2 {
  display: block;
}

.div-block-665 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.image-154 {
  margin-right: 3px;
}

.audio-player-controls-3 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-3:hover {
  opacity: 1;
}

.color-picker-wrapper {
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.color-picker-wrapper:hover {
  border-color: #fff;
}

.padding-reset {
  background-color: #0000001c;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-right: 30px;
  display: flex;
}

.image-173 {
  margin-right: 10px;
}

.video-2 {
  margin-bottom: 0;
}

.div-block-1028 {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.heading-holder-2 {
  background-color: #fff;
  border-bottom: 1px #e0e0e0;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  display: block;
}

.heading-holder-2.hidden {
  display: block;
}

.trainer-account-pic {
  background-color: #87c2e9;
  background-image: url('../images/colin.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.trainer-account-pic.no-pic {
  background-color: #5e98be;
  background-image: none;
  border-color: #baeeff;
  justify-content: center;
  align-items: center;
}

.timeline-post-preview-2 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  height: auto;
  margin-top: 0;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.post-element-button-5 {
  clear: left;
  cursor: pointer;
  background-color: #eee;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 6px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .3s;
  display: inline-block;
  position: relative;
}

.post-element-button-5:hover {
  background-color: #cddeeb;
}

.text-block-44 {
  font-weight: 500;
}

.image-69 {
  opacity: .43;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-save-library {
  color: #0078ce;
  text-align: center;
  background-color: #fff;
  border: 1px solid #0078ce;
  min-width: 140px;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: block;
}

.button-save-library:hover {
  color: #0078ce;
  background-color: #00b2ed1a;
}

.button-save-library.hidden {
  cursor: pointer;
  min-width: 140px;
  display: block;
}

.post-submit-preview-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 14px;
  display: block;
}

.radio-label {
  color: #312b3de3;
  font-size: 15px;
}

.delete-media {
  margin-top: 14px;
}

.form-fields {
  padding-top: 0;
}

.module-styles-modal-content {
  display: block;
  position: fixed;
  inset: 100px auto auto 100px;
}

.module-styles-modal-content.unselectable {
  max-height: 100vh;
  inset: 20px 40px auto auto;
}

.volume-control {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.plan-description {
  margin-bottom: 30px;
  padding-top: 14px;
}

.results-wrapper-6 {
  z-index: 4;
  border: 0 solid #cfcfcf;
  width: 100%;
  display: none;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.results-wrapper {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-14-regular-2 {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-2.white {
  color: #ffffffdb;
}

.sf-14-regular-2.bold-white {
  color: #ffffffdb;
  font-weight: 600;
}

.audio-component-7 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.audio-component-7.builder {
  background-color: #0000;
  height: auto;
  padding: 0 0 10px;
}

.audio-component-7.builder.v {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0;
}

.ac-default-label-small-12 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.button-send-as-msg {
  color: #0078ce;
  text-align: center;
  align-items: center;
  height: 34px;
  margin-right: 10px;
  padding-left: 4px;
  padding-right: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: flex;
}

.button-send-as-msg:hover {
  color: #0078ce;
  background-color: #07c1ff45;
}

.save-library {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  height: 46px;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.ac-icon-2 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-2.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.ac-icon-2.measurement {
  filter: invert();
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.ac-icon-2.miles {
  filter: invert();
  background-image: url('../images/region_1region.png');
}

.ac-icon-2.yes-no {
  filter: invert();
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-position: 50%;
  background-size: 16px;
}

.ac-icon-2.time {
  filter: invert();
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.ac-icon-2.testimony {
  filter: invert();
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
}

.ac-icon-2.image {
  filter: invert();
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 16px;
}

.ac-icon-2.video {
  filter: invert();
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 16px;
}

.ac-icon-2.appt {
  filter: invert();
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 16px;
}

.ac-icon-2.audio {
  filter: invert();
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 16px;
}

.ac-icon-2.count {
  filter: invert();
  background-image: url('../images/icon-reps.png');
  background-size: 18px;
}

.ac-icon-2.weight {
  filter: invert();
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.ac-icon-2.text {
  opacity: 1;
  filter: invert();
  background-image: url('../images/text_1text.png');
  background-size: 16px;
}

.post-header {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0 20px;
  display: flex;
}

.chang-link {
  color: #00b2ed;
  text-align: center;
  letter-spacing: .2px;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  transition: color .3s;
  position: static;
  inset: 0;
}

.chang-link:hover {
  color: #0a8fbb;
}

.post-button-img-2 {
  width: 24px;
  min-width: 24px;
}

.button-select-plan-4 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-4:hover {
  color: #fff;
  background-color: #1679cf;
}

.media-preview {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  display: flex;
}

.ac-default-label-small-16 {
  color: #8b8b8b;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.edit-section-title-2 {
  padding-top: 0;
  padding-bottom: 12px;
  padding-left: 0;
}

.modal-content-font-options {
  z-index: 3;
  background-color: #155279;
  border: 1px solid #00528c;
  border-bottom-color: #026bb4;
  border-radius: 8px;
  min-width: 145px;
  display: block;
  position: absolute;
  inset: 278px auto auto 40px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.checkbox-field-14 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.post-as-select {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  width: 420px;
  min-height: 420px;
  padding: 30px 40px 20px 30px;
  display: none;
  position: absolute;
  inset: auto 0% -10px 55px;
  box-shadow: 0 0 6px 3px #00000021;
}

.div-block-1024 {
  align-items: center;
  height: 44px;
  display: flex;
}

.plan-section-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
  overflow: visible;
}

.upload-progress-holder-2 {
  margin-top: 10px;
  display: block;
}

.web-link-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 0;
  display: block;
}

.autocomplete-input-2-program {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-2-program.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
}

.opacity-input-wrapper {
  flex-direction: row;
  align-items: center;
  width: 100px;
  display: flex;
}

.form-block-23 {
  margin-bottom: 0;
  padding-top: 10px;
}

.sound-icon {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon:hover {
  opacity: 1;
}

.sound-icon.visible {
  display: block;
}

.timeline-message-textarea-3 {
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 80px;
  max-height: 60vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-size: 16px;
  overflow: auto;
}

.remove-img-row-2 {
  justify-content: flex-end;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.opacity-row-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.page-section-arrow {
  opacity: .7;
  margin-right: 8px;
  transition: all .3s;
}

.page-section-arrow.collapsed {
  transition: all .3s;
  transform: rotate(-90deg);
}

.text-block-45 {
  color: #313131;
  font-size: 13px;
  line-height: 16px;
}

.send-time-block-2 {
  flex: 1;
}

.send-time-block-2.hidden {
  padding-left: 12px;
  display: flex;
}

.sf-96 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-96.tran-white {
  color: #ffffffb3;
}

.sf-96.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.chip-label-2 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.audio-bottom-controls {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.builder-modal-button {
  opacity: .76;
  cursor: pointer;
  border: 1px solid #fffc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 34px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.builder-modal-button:hover {
  opacity: .88;
  background-color: #08568d80;
}

.empty-preview-message-2 {
  color: #979797;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.site-image-default {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.site-image-default.small {
  width: 50%;
}

.blog-title-wrapper-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.blog-text-wrapper {
  text-align: left;
  font-family: Great Vibes, cursive;
  font-weight: 400;
}

.blog-text-wrapper.fa.afeawf {
  font-family: PT Serif, serif;
  font-size: 20px;
  line-height: 32px;
}

.blog-title-text-wrapper {
  font-family: Poppins, sans-serif;
  font-size: 44px;
  line-height: 54px;
}

.section-layout-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1480px;
  padding: 24px;
}

.section-layout-wrapper.article, .section-layout-wrapper.article-cta, .section-layout-wrapper.article {
  align-items: flex-start;
  width: 90%;
  max-width: 940px;
  display: block;
}

.section-layout-wrapper._3-column {
  display: block;
}

.blog-title {
  text-shadow: none;
  font-family: Poppins, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 54px;
}

.page-element-block-nonedit {
  text-align: left;
  border: 2px solid #0000;
  align-self: auto;
  margin-top: 0;
  padding: 16px;
  position: relative;
}

.site-section-article {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.site-section-article:hover {
  border: 2px #00b2ed;
}

.page-element-block {
  text-align: left;
  align-self: auto;
  margin-top: 0;
  padding: 16px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
  position: relative;
}

.site-section-4 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.site-section-4:hover {
  border: 2px #00b2ed;
}

.button-element-wrapper {
  align-items: center;
  min-width: 100px;
  display: inline-block;
}

.column-wrapper {
  text-align: left;
  width: 352px;
}

.column-wrapper.blog-cta {
  background-color: #fcfcfc;
  border: 1px solid #c5c5c5;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding: 20px;
  display: flex;
}

.page-element-block-2 {
  text-align: left;
  cursor: pointer;
  border: 2px solid #0000;
  align-self: auto;
  margin-top: 0;
  padding: 16px;
  transition: all .3s;
  position: relative;
}

.mini-layout-vertical {
  width: 50%;
}

.mini-layout-vertical.full {
  width: 100%;
}

.background-video {
  width: 84%;
  height: auto;
  padding-top: 51.25%;
}

.vid-placeholder-img {
  background-color: #b5c1ca;
  background-image: url('../images/vid.png'), linear-gradient(150deg, #85b7da, #bbdef6 76%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25%, auto;
  width: 100%;
  padding-top: 56.25%;
}

.site-section-article-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.site-section-article-2:hover {
  border: 2px #00b2ed;
}

.web-body-text-3 {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.page-element-block-4 {
  text-align: left;
  align-self: auto;
  margin-top: 0;
  padding: 16px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
  position: relative;
}

.page-section {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  padding-top: 56px;
  padding-bottom: 56px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
  display: flex;
  position: relative;
}

.text-element-3 {
  color: #444;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.text-element-wrapper-3 {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.hero-text-wrapper {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-bottom: 20px;
  display: flex;
}

.div-block-1073 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 60px 20px;
  display: flex;
}

.content-block {
  vertical-align: top;
  background-color: #1b2b86;
  justify-content: flex-start;
  align-items: stretch;
  width: 88%;
  min-width: 880px;
  max-width: 1400px;
  margin-bottom: 60px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.navbar-4 {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  min-width: 980px;
  max-width: 1360px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.brand-link-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.brand-link-block._2 {
  margin-right: 0;
  padding-right: 0;
}

.nav-menu-5 {
  margin-left: auto;
}

.nav-link-5 {
  color: #fff;
  border-bottom: 3px solid #0000;
  margin-left: 8px;
  margin-right: 8px;
  padding: 10px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
}

.nav-link-5:hover {
  color: #fff;
  border-bottom-color: #00b2ed;
  text-decoration: none;
}

.nav-link-5.w--current {
  color: #fff;
  border-bottom: 3px solid #00b2ed;
}

.nav-link-5.contact {
  background-image: linear-gradient(130deg, #1b3b77, #23828f);
  border-bottom-style: none;
  border-radius: 4px;
  margin-top: 3px;
  margin-left: 20px;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  display: none;
}

.nav-link-5.contact:hover {
  color: #fff;
  background-color: #0375ff3b;
  background-image: linear-gradient(130deg, #102957, #15616b);
}

.case-study-img {
  background-color: #727272;
  background-image: linear-gradient(331deg, #0000 24%, #000000a6 100%, #000000ab), url('../images/Screenshot-2024-08-06-at-10.17.16-AM.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex: 1;
  min-width: 40%;
  min-height: 100%;
  padding: 40px 30px;
}

.case-study-img._2 {
  background-image: linear-gradient(168deg, #000000ab 18%, #0000), url('../images/patient.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.case-study-img.labor {
  background-color: #050719fa;
  background-image: linear-gradient(142deg, #0d0e5f52 53%, #2738508c), url('../images/Screenshot-2024-07-31-at-5.24.23-PM.png'), linear-gradient(157deg, #0e1369, #5b6cb8);
  background-position: 0 0, 50% 100%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, 500px, auto;
}

.case-study-img.integrity {
  background-image: linear-gradient(323deg, #0000, #0000000f 17%, #000000ab 65%), url('../images/data.jpg');
  background-position: 0 0, 50%;
}

.case-study-img.data {
  background-image: linear-gradient(28deg, #0000, #000000ab), url('../images/medical.jpg');
}

.case-study-img.text {
  background-image: linear-gradient(293deg, #0000, #040b29ab 76%), url('../images/Screenshot-2024-08-05-at-1.16.37-PM.png');
  background-position: 0 0, 50%;
  background-size: auto, 850px;
}

.case-study-img.pdf {
  background-color: #609dd6;
  background-image: linear-gradient(145deg, #000825eb, #00104157), url('../images/census.png'), linear-gradient(#1a0b7080, #1a0b7080);
  background-position: 0 0, 0%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, auto, auto;
}

.case-study-img.referrals {
  background-color: #4281f6;
  background-image: linear-gradient(340deg, #44a8fa70, #050e55), url('../images/referrals.png');
  background-position: 0 0, 0%;
  background-size: auto, 700px;
}

.case-study-img.bi {
  background-image: linear-gradient(171deg, #0b1b53d6 19%, #006ace4a), url('../images/Screenshot-2024-08-06-at-10.17.16-AM.png');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.case-study-img.referrals-copy {
  background-color: #4281f6;
  background-image: url('../images/referrals.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 600px;
}

.case-study-img.pdf-copy {
  background-color: #4281f6;
  background-image: url('../images/census.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.case-study-img.bi-copy {
  background-color: #4281f6;
  background-image: url('../images/Screenshot-2024-08-06-at-10.17.16-AM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 400px;
}

.case-study-img.data-copy {
  background-image: url('../images/medical.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.case-study-img.text-copy {
  background-image: url('../images/Screenshot-2024-08-05-at-1.16.37-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 850px;
}

.div-block-1076 {
  background-image: radial-gradient(circle at 100% 100%, #7694b83b, #0d102294);
  padding: 45px 50px;
}

.div-block-1076.black {
  background-image: linear-gradient(301deg, #555555b8, #000000d4 93%);
}

.div-block-1077 {
  min-height: 40px;
  padding-top: 10px;
  padding-left: 20px;
}

.link-4 {
  color: #fff;
}

.div-block-1078 {
  background-image: url('../images/fc-logo-h.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 200px;
}

.time-counter-labe {
  color: #5c5c5c;
  margin-right: 5px;
  padding-top: 9px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  position: absolute;
  bottom: 50px;
  right: 120px;
}

.time-counter-labe.hidden {
  font-family: Poppins, sans-serif;
}

.chat-history-section {
  z-index: 4;
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  border-left: 1px solid #ffffff40;
  justify-content: flex-end;
  align-items: flex-start;
  width: 300px;
  height: 100vh;
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
  overflow: auto;
}

.div-block-4100 {
  margin-bottom: 15px;
  padding-left: 8px;
}

.message-bubble-3 {
  text-align: left;
  background-color: #0b3ba3;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.message-bubble-3.bot {
  overflow-wrap: anywhere;
  background-color: #f5f5f500;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-4646 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-top: auto;
  margin-left: 55px;
}

.mic-button-6 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 24px;
  border: 1px solid #4187f8;
  border-radius: 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 5px;
  display: block;
  position: absolute;
  bottom: 43px;
  right: 80px;
}

.mic-button-6:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.roboto-15 {
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.bubble-holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.bubble-holder.bot {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 40px;
  display: flex;
}

.message-holder-4 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-4.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  position: relative;
}

.roboto-12 {
  color: #3b3b3b;
  font-size: 12px;
  font-weight: 400;
}

.roboto-12.gray {
  color: #797979;
}

.roboto-12.gray.med {
  font-weight: 500;
}

.button-copy {
  text-align: left;
  cursor: pointer;
  background-color: #4187f8;
  border-radius: 4px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 12px;
  position: static;
  inset: auto 5px 5px auto;
}

.button-copy:hover {
  background-color: #276ee0;
}

.button-copy:focus {
  border-width: 2px;
  border-color: #fff;
}

.div-block-4645 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 620px;
  padding-top: 162px;
  display: flex;
  position: relative;
}

.chat-convo-holder-2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: 900px;
  max-width: 900px;
  height: 100%;
  padding: 0;
  display: block;
  overflow: visible;
}

.div-block-4647 {
  padding-top: 20px;
  padding-bottom: 120px;
  display: none;
  overflow: visible;
}

.message-input-box {
  width: 100%;
  min-width: auto;
  max-width: 760px;
  height: 46px;
  max-height: 200px;
  margin-right: 100px;
  padding-top: 10px;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  overflow: auto;
}

.chat-main-wrapper {
  z-index: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.chat-loading-copy-5 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.session-wrapper {
  margin-bottom: 40px;
}

.chat-avatar {
  background-color: #002072;
  background-image: url('../images/Lightning-Bolt_1Lightning-Bolt.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #fff;
  border-radius: 32px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-top: 10px;
  position: absolute;
}

.chat-section-2 {
  z-index: 1;
  background-color: #120c68;
  background-image: radial-gradient(circle farthest-side at 0 0, #003c8f 16%, #120c68);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: 200px;
  padding-top: 40px;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.clear-chat-button-2-copy {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .7;
  text-align: left;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  background-clip: border-box;
  border: 1px #7a96bb;
  border-radius: 4px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 -5px 0 0;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: auto;
}

.clear-chat-button-2-copy:hover {
  opacity: 1;
}

.icon-processing-11 {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 42px;
  height: 32px;
  margin-right: 5px;
  position: absolute;
  bottom: 50px;
  right: 80px;
}

.icon-processing-11.hidden {
  position: absolute;
  bottom: 43px;
  right: 80px;
}

.chat-name {
  border-radius: 6px;
  padding: 10px 8px;
  transition: background-color .4s;
}

.chat-name:hover {
  background-color: #d8dfeb;
}

.chat-name.selected {
  background-color: #ccd6e7;
}

.stop-recording-button-5 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 5px;
  display: block;
  position: absolute;
  bottom: 43px;
  right: 80px;
}

.stop-recording-button-5:hover {
  opacity: 1;
}

.message-text-2 {
  color: #ffffffba;
  overflow-wrap: break-word;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 25px;
  display: block;
}

.message-text-2.gray {
  color: #a5a5a5;
  max-height: 200px;
  margin-right: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
}

.message-text-2.link {
  color: #336cec;
  cursor: pointer;
  font-weight: 700;
  text-decoration: underline;
}

.message-input-section-2 {
  z-index: 9;
  background-color: #120c68;
  justify-content: center;
  align-items: flex-start;
  width: 72%;
  min-width: 900px;
  max-width: 900px;
  min-height: 100px;
  padding: 20px 20px 30px;
  display: flex;
  position: fixed;
  inset: auto auto 0;
}

.message-input-section-2.initial {
  background-color: #120c6800;
  width: 60%;
  min-width: 800px;
  max-width: 800px;
  position: relative;
  bottom: 300px;
}

.text-input-16 {
  background-color: #f0f2f5;
  border-radius: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 35px;
  max-height: 300px;
  padding: 10px 12px 10px 30px;
  font-family: Poppins, sans-serif;
  display: flex;
}

.button-send-msg-2 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 36px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  position: absolute;
  inset: auto 40px 43px auto;
}

.button-send-msg-2:hover {
  background-color: #276ee0;
}

.button-send-msg-2.disabled {
  opacity: .4;
  display: none;
}

.text-36 {
  font-family: Poppins, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.text-36.light-blue {
  color: #90a8ff;
}

.image-182 {
  margin-bottom: 40px;
}

.div-block-4649 {
  text-align: center;
  width: 60%;
  min-width: 800px;
  max-width: 800px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: auto 0% 205px;
}

.question {
  color: #ffffffc7;
  text-align: center;
  background-color: #152981;
  border: 1px solid #3164ff;
  border-radius: 50px;
  min-width: 50px;
  height: 48px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 13px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: inline-block;
}

.question:hover {
  background-color: #243daa;
}

.site-outerwrapper {
  background-color: #09101b;
}

.section-hero {
  background-image: linear-gradient(351deg, #080d17 25%, #092446 55%, #073386 82%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 85vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.section-hero.inner {
  background-image: linear-gradient(343deg, #060e19 29%, #122955);
}

.section-hero.inner.df {
  background-image: linear-gradient(#2d088366, #2d088366);
}

.section-hero.inner.explorer {
  background-image: linear-gradient(343deg, #01060e 69%, #004774 93%);
  flex-flow: column;
  padding-top: 100px;
  padding-bottom: 0;
}

.section-hero.inner.toast {
  background-image: linear-gradient(343deg, #01060e 34%, #004673 100%, #004774);
}

.section-hero.home {
  min-height: 100vh;
  padding-top: 100px;
}

.button-4 {
  color: #000;
  text-align: center;
  background-color: #0ea2e8;
  border-radius: 6px;
  height: 34px;
  padding-top: 7px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.button-4:hover {
  background-color: #108cc7;
  text-decoration: none;
}

.button-4.large {
  border-radius: 8px;
  min-width: 200px;
  height: 44px;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
}

.button-4.large.ai {
  background-image: url('../images/ai.png');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 35px;
  padding-right: 20px;
  display: none;
}

.button-4.sm-nav {
  margin-left: 20px;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
}

.header-content {
  z-index: 2;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 800px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.header-content.clark {
  padding-bottom: 0;
}

.header-content.padding {
  margin-top: 80px;
  padding-bottom: 20px;
}

.header-content.bottom {
  padding-top: 15px;
  padding-bottom: 15px;
}

.header-content.quote {
  text-align: left;
  width: 84%;
  max-width: 1480px;
  margin-bottom: 40px;
  padding: 40px 40px 10px;
  display: block;
}

.header-content.middle {
  padding-top: 60px;
  padding-bottom: 15px;
}

.header-content.padding2 {
  padding-bottom: 20px;
}

.paragraph-3 {
  color: #a9beec;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-3.s {
  font-size: 16px;
  line-height: 28px;
}

.paragraph-3._14 {
  color: #0ea2e8;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.paragraph-3.xs-color {
  color: #0ea2e8;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-3.xs {
  font-size: 14px;
  line-height: 22px;
}

.paragraph-3.xs.w {
  color: #e2ebff;
}

.div-block-4651 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.img-overlay {
  opacity: .23;
  background-image: url('../images/image.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.img-overlay.waves {
  z-index: 1;
  opacity: .18;
  background-image: linear-gradient(#fff0, #05182e 86%), url('../images/bg-waves.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.img-overlay.foundation {
  z-index: 1;
  opacity: .21;
  background-image: url('../images/bg-timeline.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-overlay.explorer {
  z-index: 1;
  opacity: .15;
  mix-blend-mode: normal;
  background-image: url('../images/compass.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-overlay.toast {
  z-index: 1;
  opacity: .38;
  mix-blend-mode: normal;
  background-image: url('../images/pos.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-content {
  background-color: #0c1425;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 400px;
  padding-top: 110px;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.section-content.ai {
  display: flex;
}

.section-content.ai.hide {
  display: none;
}

.section-content.cta {
  background-color: #0d1831;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.section-content.t {
  background-image: linear-gradient(#001433ed 31%, #011b5cbf), url('../images/excel.png');
  background-position: 0 0, 100%;
  background-repeat: repeat, repeat;
  background-size: auto, contain;
  padding-top: 80px;
}

.section-content.t-copy {
  background-image: linear-gradient(#001433ed 31%, #011b5cbf), url('../images/card-bg.png');
  background-position: 0 0, 50% 85%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 80px;
}

.section-content.roi {
  background-color: #0d1831;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.section-content.studio {
  background-image: linear-gradient(122deg, #0a1c46 16%, #153c6b 85%);
}

.text-span-50 {
  color: #0ea2e8;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(114deg, #8dc4ff, #0ea2e8 82%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-50._2 {
  background-image: linear-gradient(101deg, #0ea2e8 11%, #8dc4ff);
}

.card-section {
  z-index: 2;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: stretch;
  width: 90%;
  max-width: 1300px;
  min-height: 200px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.card-section.vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.card-section.ba {
  justify-content: space-around;
  width: 100%;
  padding-bottom: 10px;
}

.card-section.short {
  max-width: 1250px;
  padding-bottom: 20px;
}

.card-section.roi {
  justify-content: center;
  max-width: 1250px;
}

.card {
  text-align: left;
  background-color: #090f1bb0;
  border: 1px solid #1d6c97;
  border-radius: 8px;
  width: 30%;
  max-width: 390px;
  min-height: 100px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 30px;
}

.card._50 {
  width: 46%;
  max-width: none;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.card._50.action {
  background-color: #0b1627;
  height: auto;
  min-height: 390px;
  padding-top: 0;
  padding-bottom: 20px;
}

.card._50.yellow {
  border-style: solid;
  border-color: #d5bb29;
  border-left-width: 4px;
}

.card.clickable {
  position: relative;
}

.card.clickable:hover {
  border-color: #0ea2e8;
}

.card._40 {
  width: 40%;
  max-width: none;
}

.card._50-2 {
  background-image: linear-gradient(174deg, #090f1bba 19%, #ffffff14);
  width: 49%;
  max-width: none;
  margin-left: 12px;
  margin-right: 12px;
}

.card._50-2.green {
  border-left: 4px solid #009222;
  width: 46%;
}

.card._50-2.red {
  border-left: 4px solid #e0585a;
  width: 46%;
}

.card._4 {
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
}

.card.red {
  border-left-width: 4px;
  border-left-color: #e0585a;
}

.card.blue {
  border-left-width: 4px;
  border-left-color: #138dd1;
}

.card.blue.w {
  text-align: center;
  background-color: #fff;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 2px 7px 1px #0000001a;
}

.card.green {
  border-left-width: 4px;
  border-left-color: #009222;
}

.card.clickable-wide {
  z-index: 1;
  width: 46%;
  max-width: none;
  min-height: 400px;
  position: relative;
}

.card.clickable-wide:hover {
  background-color: #0c1935b0;
  border-color: #0ea2e8;
}

.card.clickable-wide.lp {
  min-height: auto;
}

.card.list {
  background-color: #090f1b00;
  border-style: none;
  width: 46%;
  max-width: none;
  padding: 0 20px;
  position: relative;
}

.card.list.action {
  background-color: #0b1627;
  height: auto;
  min-height: 390px;
  padding-top: 0;
  padding-bottom: 20px;
}

.card.list.yellow {
  border-style: solid;
  border-color: #d5bb29;
}

.icon-holder {
  background-color: #0d3449d1;
  background-image: url('../images/icon-lightbulb.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.icon-holder._2 {
  background-image: url('../images/icon-data.png');
}

.icon-holder._3 {
  background-image: url('../images/icon-rocket.png');
  background-size: 34px;
}

.icon-holder.done {
  background-image: url('../images/icon-thumb.png');
}

.icon-holder.bot {
  background-image: url('../images/icon-bot.png');
}

.icon-holder.brain {
  background-image: url('../images/icon-brain.png');
}

.icon-holder.integrate {
  background-image: url('../images/icon-integration.png');
}

.icon-holder.custom {
  background-image: url('../images/icon-custom.png');
}

.icon-holder.rm {
  background-image: url('../images/icon-communicate.png');
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.icon-holder.rm.audio {
  background-image: url('../images/icon-audiochat.png');
  background-size: 32px;
}

.icon-holder.rm.check {
  background-image: url('../images/icon-check.png');
  background-size: 26px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-holder.rm.video {
  background-image: url('../images/icon-video_2.png');
}

.icon-holder.rm.chat {
  background-image: url('../images/icon-chat.png');
  background-size: 34px;
}

.icon-holder.rm.flow {
  background-image: url('../images/icon-iteration.png');
}

.icon-holder.rm.exception {
  background-image: url('../images/icon-error.png');
}

.icon-holder.rm.data {
  background-image: url('../images/icon-data.png');
}

.icon-holder.rm.smart {
  background-image: url('../images/icon-ai-assist.png');
}

.icon-holder.rm.alert {
  background-image: url('../images/icon-error.png');
}

.icon-holder.rm.action {
  background-image: url('../images/icon-aitask.png');
}

.icon-holder.rm.team {
  background-image: url('../images/icon-engineers.png');
}

.icon-holder.rm.person {
  background-image: url('../images/icon-customer.png');
}

.icon-holder.rm.email {
  background-image: url('../images/email.png');
  background-size: 34px;
}

.icon-holder.rm.brain {
  background-image: url('../images/icon-brain.png');
}

.icon-holder.flash {
  background-image: url('../images/icon-flash.png');
}

.icon-holder.library {
  background-image: url('../images/icon-cloud.png');
  background-size: 34px;
}

.icon-holder.programs {
  background-image: url('../images/icon-programs.png');
}

.icon-holder.process {
  background-image: url('../images/icon-process.png');
  background-size: 34px;
}

.icon-holder.eng {
  background-image: url('../images/icon-engineers.png');
  background-size: 34px;
}

.icon-holder.eye {
  background-image: url('../images/icon-eye.png');
}

.icon-holder.insights {
  background-image: url('../images/icon-insights.png');
}

.icon-holder.chart {
  background-image: url('../images/icon-chart.png');
}

.icon-holder.integration {
  background-image: url('../images/icon-integrate.png');
  background-size: 34px;
}

.icon-holder.api {
  background-image: url('../images/icon-api.png');
  background-size: 36px;
}

.icon-holder.compliance {
  background-image: url('../images/icon-compliance.png');
  background-size: 34px;
}

.icon-holder.escalate {
  background-image: url('../images/icon-integration.png');
}

.icon-holder.explorer {
  background-image: url('../images/icon-compass.png');
}

.icon-holder.task {
  background-image: url('../images/icon-aitask.png');
  background-size: 34px;
}

.icon-holder.comment {
  background-image: url('../images/icon-communicate.png');
}

.icon-holder.audio {
  background-image: url('../images/icon-audiochat_1.png');
  background-size: 30px;
}

.icon-holder.dash {
  background-image: url('../images/icon-dashboard.png');
}

.icon-holder.update {
  background-image: url('../images/icon-update.png');
  background-size: 34px;
}

.icon-holder.monitor {
  background-image: url('../images/icon-magnify.png');
}

.icon-holder.excel {
  background-image: url('../images/icon-xls.png');
}

.icon-holder.code {
  background-image: url('../images/icon-code.png');
}

.icon-holder.data {
  background-image: url('../images/icon-add-data.png');
}

.icon-holder.ai {
  background-image: url('../images/icon-ai.png');
}

.icon-holder.ai-assist {
  background-image: url('../images/icon-ai-assist.png');
}

.icon-holder.click {
  background-image: url('../images/icon-click.png');
}

.icon-holder.search {
  background-image: url('../images/icon-search.png');
  background-size: 28px;
}

.icon-holder.layers {
  background-image: url('../images/icon-layers.png');
}

.icon-holder.history {
  background-image: url('../images/icon-history.png');
}

.icon-holder.talk {
  background-image: url('../images/icon-talk.png');
  background-size: 34px;
}

.icon-holder.error {
  background-image: url('../images/icon-error.png');
}

.icon-holder.iterate {
  background-image: url('../images/icon-iteration.png');
}

.icon-holder.sm {
  background-image: url('../images/icon-flash.png');
  background-size: 20px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-top: -2px;
  margin-right: 20px;
}

.icon-holder.number {
  color: #0ea2e8;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
  margin-bottom: 10px;
  margin-right: 15px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  display: flex;
}

.icon-holder.customer {
  background-image: url('../images/icon-customer.png');
}

.icon-holder.extract {
  background-image: url('../images/icon-extract.png');
  background-size: 34px;
}

.icon-holder.cc {
  background-image: url('../images/icon-cc.png');
}

.icon-holder.statement {
  background-image: url('../images/icon-statement.png');
}

.icon-holder.export {
  background-image: url('../images/icon-export.png');
}

.icon-holder.eliminate {
  background-image: url('../images/icon-eliminate.png');
  background-size: 28px;
}

.icon-holder.finance {
  background-image: url('../images/icon-financial.png');
  background-size: 34px;
}

.icon-holder.target {
  background-image: url('../images/icon-target.png');
  background-size: 28px;
}

.icon-holder.down {
  background-image: url('../images/icon-down.png');
}

.icon-holder.time {
  background-image: url('../images/icon-history.png');
}

.card-text {
  z-index: 3;
  position: relative;
}

.link-5 {
  color: #0ea2e8;
  font-size: 16px;
}

.link-5.s {
  font-size: 14px;
}

.section-content-2 {
  background-image: linear-gradient(331deg, #0a1c46 27%, #0e243f 77%);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.section-content-2.padding {
  display: none;
}

.section-content-2.fc {
  background-image: linear-gradient(343deg, #080d17d6 37%, #0e243fed 79%), url('../images/fc-mark-only-blue.png');
  background-position: 0 0, 50% -10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  padding-bottom: 60px;
}

.section-content-2.integrity {
  background-image: linear-gradient(343deg, #080d1794 37%, #0e243fb8 79%), url('../images/swedishplasticrecycling-0209.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-content-2.integrity.p {
  background-image: linear-gradient(343deg, #080d17b0 29%, #0e243fb8 79%), url('../images/image-integrity.jpg');
  background-position: 0 0, 50% 80%;
}

.section-content-2.infinity {
  background-image: linear-gradient(343deg, #080d1794 18%, #0e243fcc 65%), url('../images/flight.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-content-2.infinity.p {
  background-image: linear-gradient(343deg, #080d1794 18%, #0e243fcc 65%), url('../images/image-flight.jpg');
  background-position: 0 0, 50% 100%;
}

.section-content-2.mercer {
  background-image: linear-gradient(343deg, #080d1770 25%, #0e243fad 70%), url('../images/mercer.jpg');
  background-position: 0 0, 50% 60%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.section-content-2.mercer.p {
  background-image: linear-gradient(343deg, #080d1770 25%, #0e243fad 70%), url('../images/image-mercer.jpg');
  background-position: 0 0, 50%;
}

.section-content-2.twm {
  background-image: linear-gradient(343deg, #080d17cf 23%, #0e243fcc 73%), url('../images/IXP-challenge.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-content-2.di {
  background-image: linear-gradient(343deg, #080d1794 18%, #0e243fcc 65%), url('../images/medical.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-content-2.nac {
  background-image: linear-gradient(343deg, #080d1794 18%, #0e243fcc 65%), url('../images/nac.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section-content-2.nac.p {
  background-image: linear-gradient(343deg, #080d1794 18%, #0e243fcc 65%), url('../images/image-fitness.jpg');
}

.section-content-2.join {
  background-image: linear-gradient(343deg, #001e5a 28%, #011e42 79%);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-content-2.contact {
  background-color: #031d47;
  background-image: none;
}

.heading-blue {
  color: #0ea2e8;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
}

.heading-blue.s {
  font-size: 20px;
  line-height: 30px;
}

.div-block-4655 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-4655.top {
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-4655.center {
  text-align: left;
  width: 100%;
  padding-bottom: 20px;
}

.div-block-4655.l {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

.use-icon {
  background-image: url('../images/icon-excel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  margin-right: 12px;
}

.use-icon.data {
  background-image: url('../images/icon-typing.png');
}

.use-icon.patient {
  background-image: url('../images/icon-patient.png');
}

.use-icon.order {
  background-image: url('../images/icon-order.png');
}

.use-icon.sales {
  background-image: url('../images/icon-sales.png');
}

.use-icon.quote {
  background-image: url('../images/icon-approval.png');
}

.use-icon.market {
  background-image: url('../images/icon-pricing.png');
}

.use-icon.medical {
  background-image: url('../images/icon-medical.png');
}

.use-icon.tech {
  background-image: url('../images/icon-tech.png');
}

.use-icon.onboard {
  background-image: url('../images/icon-wave.png');
}

.use-icon.zoom {
  background-image: url('../images/icon-zoom.png');
}

.use-icon.communicate {
  background-image: url('../images/icon-messages.png');
}

.use-icon.before-after {
  background-color: #0d3449f7;
  background-image: url('../images/icon-flash.png');
  background-size: 18px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  margin-right: 20px;
}

.use-icon.before-after.red {
  background-color: #571819fc;
  background-image: url('../images/icon-exclaim.png');
  background-size: 14px;
}

.use-icon.big {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
  margin-right: 0;
}

.ail-avatar {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 120px;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.footer-logo {
  opacity: .88;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.icon-processing-10 {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 38px;
  height: 38px;
  margin-right: 5px;
}

.form-52 {
  position: relative;
}

.button-15 {
  cursor: pointer;
  background-color: #0ea2e8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 6px;
  width: 38px;
  height: 38px;
}

.button-15:hover {
  background-color: #108cc7;
}

.button-15.disabled {
  opacity: .33;
  display: none;
}

.chat-form-wrapper {
  width: 800px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 10px 60px;
  position: relative;
  inset: auto 0% 0%;
}

.text-block-477 {
  color: #dfe5fa;
  height: 38px;
  margin-right: 5px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
}

.textarea-19 {
  color: #fff;
  resize: none;
  background-color: #10192d;
  border: 1px solid #0d3449;
  border-radius: 8px;
  min-height: 100px;
  max-height: 200px;
  margin-bottom: 6px;
  padding: 12px 15px;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.textarea-19::placeholder {
  color: #a9b8ec;
}

.mic-button {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/icon-mic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #0d3449;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  margin-right: 5px;
}

.mic-button:hover {
  opacity: 1;
  background-color: #0ea2e8;
  background-image: url('../images/mic.png');
}

.stop-recording-button-3 {
  opacity: .85;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 38px;
  height: 38px;
  margin-right: 5px;
}

.stop-recording-button-3:hover {
  opacity: 1;
}

.audio-recorder-button-holder-2 {
  display: flex;
}

.div-block-4704 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.t-slide-2 {
  background-color: #090f1bad;
  border: 1px solid #0d3449;
  border-radius: 12px;
  width: 32%;
  min-width: 400px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 30px;
}

.t-slide-2.w {
  background-color: #1469c3;
  border-style: none;
}

.slide-nav-4 {
  color: #3d0f0f;
  margin-top: 15px;
  display: none;
  position: static;
}

.review-title {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 15px;
  display: block;
}

.slider-4 {
  background-color: #0000;
  width: 90%;
  max-width: 1560px;
  min-height: 420px;
  padding-left: 40px;
  padding-right: 40px;
}

.slider-4.buck {
  min-height: 420px;
}

.div-block-4698 {
  flex-flow: column;
  justify-content: space-between;
  min-height: 100%;
}

.left-arrow-5 {
  opacity: .6;
  background-color: #0d3449;
  border-radius: 80px;
  width: 60px;
  height: 60px;
  left: -40px;
}

.left-arrow-5:hover {
  opacity: .8;
}

.right-arrow-5 {
  opacity: .6;
  background-color: #0d3449;
  border-radius: 80px;
  width: 60px;
  height: 60px;
  right: -40px;
}

.right-arrow-5:hover {
  opacity: 21;
}

.heading-12 {
  font-size: 38px;
  font-weight: 300;
  line-height: 50px;
}

.text-span-52 {
  color: #0ea2e8;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(114deg, #8dc4ff, #0ea2e8 82%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-52._3 {
  background-image: linear-gradient(114deg, #0ea2e8 18%, #a06fff 54%, #c661f8 90%);
  font-weight: 500;
}

.text-span-52._2 {
  background-image: linear-gradient(114deg, #0ea2e8, #8dc4ff 93%);
}

.div-block-4705 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.div-block-7411 {
  z-index: 4;
  text-align: left;
  flex: 0 auto;
  width: 50%;
  position: relative;
}

.div-block-7411.narrow {
  width: 43%;
}

.div-block-7411.narrow-copy {
  width: 43%;
  padding-top: 25px;
}

.div-block-7412 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-7413 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-7414.padding {
  padding-bottom: 10px;
}

.two-col-content {
  z-index: 2;
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  max-width: 1360px;
  min-height: 200px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.two-col-content.flex {
  justify-content: space-between;
  display: flex;
}

.two-col-content.flex-copy {
  justify-content: space-between;
  max-width: 1200px;
  display: flex;
}

.button-16 {
  color: #000;
  text-align: center;
  background-color: #0ea2e8;
  border-radius: 6px;
  height: 34px;
  padding-top: 7px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.button-16:hover {
  background-color: #24b4f8;
  text-decoration: none;
}

.button-16.large {
  border-radius: 8px;
  min-width: 220px;
  height: 50px;
  padding-top: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.button-16.large.reverse {
  color: #0ea2e8;
  background-color: #090f194a;
  border: 1px solid #0ea2e8c9;
  height: 50px;
  padding-top: 14px;
  font-size: 16px;
}

.button-16.large.reverse:hover {
  background-color: #1c283dad;
}

.button-16.large.white {
  color: #fff;
  height: 60px;
  padding-top: 18px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.button-16.reverse {
  color: #0ea2e8;
  background-color: #0d344982;
  height: 38px;
  padding-top: 9px;
  font-size: 15px;
}

.button-16.reverse:hover {
  color: #55c8ff;
  background-color: #0d344954;
}

.button-16.demo {
  color: #0ea2e8;
  background-color: #0d344982;
  height: 40px;
  padding-top: 10px;
  font-size: 14px;
  display: none;
}

.button-16.demo:hover {
  color: #44c3ff;
  background-color: #0d3449c4;
}

.button-16.submit {
  border-radius: 8px;
  min-width: 220px;
  height: 50px;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.button-16.m {
  color: #fff;
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
}

.button-16.buck {
  color: #a3d0ff;
  background-color: #003996;
  height: 40px;
  margin-top: 10px;
  padding-top: 10px;
}

.button-16.buck:hover {
  background-color: #001d4b;
}

.image-185 {
  margin-right: 10px;
}

.text-span-53 {
  color: #e0e7ff;
  font-weight: 600;
}

.button-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.list-item {
  color: #a9b8ec;
  padding-left: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.list-item.sm {
  color: #a9b8ec;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 6px;
  font-size: 14px;
  line-height: 22px;
}

.list-item.padding {
  margin-bottom: 8px;
  padding-top: 0;
}

.list-3 {
  color: #a9b8ec;
  margin-top: 10px;
  font-family: Inter, sans-serif;
}

.list-3.sm {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 18px;
}

.list-3.left {
  padding-left: 20px;
}

.img-screenshot {
  z-index: 1;
  background-image: linear-gradient(8deg, #080d17 3%, #fff0 92%), linear-gradient(292deg, #05162a, #05162a8f 19%, #fff0 70%), url('../images/fastcloud-screenshot2.png');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, auto;
  width: 55%;
  height: 520px;
  position: absolute;
  top: 16px;
  bottom: 0%;
  left: 53%;
}

.img-screenshot._2 {
  z-index: 5;
  aspect-ratio: 3 / 2;
  background-image: url('../images/action-items_1.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 56%;
  max-width: 900px;
  height: auto;
  position: relative;
  top: 0;
  left: 0%;
  overflow: hidden;
}

.img-screenshot.studio {
  z-index: 5;
  aspect-ratio: 16 / 9;
  background-image: none;
  width: 52%;
  max-width: 800px;
  height: auto;
  min-height: 500px;
  margin-top: 0;
  padding-top: 40px;
  position: relative;
  top: 0;
  left: 0%;
  overflow: hidden;
}

.card-click-area {
  z-index: 2;
  display: flex;
  position: absolute;
  inset: 0%;
}

.roadmap-wrapper {
  justify-content: center;
  align-items: stretch;
  width: 800px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-7418 {
  width: 50%;
  min-height: 120px;
  padding-right: 20px;
}

.div-block-7418.right {
  width: 460px;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.div-block-7418.right-copy {
  width: 500px;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 20px;
}

.timeline-line {
  background-color: #155675;
  background-image: linear-gradient(#1d4e66 15%, #0ea2e8 50%, #1d4e66 85%);
  width: 1px;
  min-height: 200px;
}

.roadmap-item {
  text-align: left;
  background-image: linear-gradient(107deg, #090f1b 12%, #ffffff1f);
  border: 1px solid #0d3449;
  border-radius: 8px;
  min-height: 80px;
  margin-bottom: 30px;
  padding: 20px 20px 10px;
  position: relative;
}

.roadmap-item._2 {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 5px;
}

.div-block-7419 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7419.top {
  justify-content: flex-start;
  align-items: flex-start;
}

.roadmap-dot {
  background-color: #0ea2e8;
  border: 3px solid #000;
  border-radius: 14px;
  width: 14px;
  height: 14px;
  position: absolute;
  inset: 46% auto 0% -28px;
}

.heading-sm {
  font-size: 58px;
  font-weight: 400;
  line-height: 68px;
}

.heading-sm.dark {
  color: #0e233f;
  -webkit-text-stroke-color: #0e233f;
}

.div-block-7420 {
  margin-left: 15px;
}

.stacked-card {
  text-align: left;
  background-image: linear-gradient(164deg, #090f1b 3%, #ffffff17 92%);
  border: 1px solid #0d3449;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 640px;
  min-height: 110px;
  margin-bottom: 15px;
  padding: 25px 20px 20px;
  display: flex;
  position: relative;
}

.stacked-card.flex {
  background-color: #363749a3;
  background-image: none;
  border-style: none;
  border-color: #114d6d;
  flex-flow: column;
  width: 49%;
  height: 240px;
  min-height: 0;
  padding-top: 20px;
}

.stacked-card.flex.hidden {
  flex: 0 auto;
  display: none;
}

.stacked-card._2 {
  background-image: none;
  border-style: none;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 0 10px;
}

.div-block-7421 {
  background-color: #101b2e;
  border: 1px solid #0d3449;
  border-radius: 6px;
  margin-top: 20px;
  padding: 12px;
}

.div-block-7422 {
  margin-top: 20px;
}

.div-block-7424 {
  padding-top: 9px;
}

.heading-13 {
  font-weight: 400;
}

.stacked-card-wrapper {
  text-align: left;
  border-radius: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 94%;
  max-width: 1210px;
  min-height: 110px;
  padding: 30px;
  position: relative;
}

.stacked-card-wrapper.border {
  border: 1px solid #36608d;
}

.tag-item {
  background-color: #090f19b5;
  border: 1px solid #0ea2e88a;
  border-radius: 26px;
  margin-top: 3px;
  margin-bottom: 8px;
  margin-right: 5px;
  padding: 8px 15px 5px;
  display: inline-flex;
}

.tag-item:hover {
  background-color: #000d22;
}

.div-block-7426 {
  width: 100%;
  min-height: 50px;
  margin-top: 10px;
}

.div-block-7427 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-7428 {
  width: 48%;
  padding-right: 20px;
}

.div-block-7429 {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 30px;
  display: flex;
}

.div-block-7429.mid {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wide-content {
  text-align: center;
  background-image: linear-gradient(164deg, #ffffff17, #090f1b 34%, #ffffff17 97%);
  border: 1px #0d3449;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 110px;
  padding: 25px 20px 20px;
  display: flex;
  position: relative;
}

.heading-14 {
  font-size: 20px;
  font-weight: 400;
}

.heading-14.red {
  color: #e0585a;
}

.heading-14.blue {
  color: #0ea2e8;
}

.heading-14.light {
  font-weight: 400;
}

.div-block-7430 {
  margin-top: 20px;
}

.form-copy {
  text-align: left;
  width: 45%;
  max-width: 550px;
}

.form-points {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 60px;
}

.form-wrapper {
  text-align: left;
  background-image: linear-gradient(157deg, #1b68c50f 7%, #0b172ea1 54%, #1b68c52e);
  border: 1px solid #ffffff3b;
  border-radius: 12px;
  width: 42%;
  min-height: 200px;
  padding: 60px 40px;
}

.field-label {
  color: #e0e7ffe8;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.div-block-7432 {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 15px;
  display: flex;
}

.field-holder {
  width: 100%;
}

.field-holder._50 {
  width: 48%;
}

.text-field {
  color: #e0ebf1;
  background-color: #ffffff12;
  border: 1px solid #45beff4d;
  border-radius: 6px;
  height: 50px;
  padding-top: 5px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-field::placeholder {
  color: #e0ebf169;
}

.div-block-7433 {
  text-align: center;
  padding-top: 20px;
}

.textarea-20 {
  color: #e0ebf1;
  background-color: #ffffff12;
  border: 1px solid #45beff4d;
  border-radius: 6px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.textarea-20::placeholder {
  color: #e0ebf169;
}

.text-block-478 {
  color: #e0ebf1;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.success-message {
  background-color: #ddd0;
}

.image-186 {
  margin-bottom: 20px;
}

.text-block-479 {
  color: #e0e7ffe8;
  font-family: Inter, sans-serif;
}

.error-message {
  background-color: #ff27276b;
  border-radius: 4px;
  margin-top: 20px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.card-content-holder {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.card-content-holder:hover {
  opacity: 1;
}

.card-content-holder.front {
  padding-top: 80px;
}

.card-line-item {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.card-line-item.result {
  background-color: #09306694;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-span-55 {
  color: #21b199;
  font-weight: 600;
}

.flipcard-wrapper {
  width: 46%;
  max-width: 540px;
  height: 500px;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
}

.flipcard-front {
  backface-visibility: hidden;
  color: #fff;
  background-color: #0b1627;
  border: 1px solid #215672;
  border-radius: 16px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

.flipcard-front:hover {
  border-color: #0ea2e8;
}

.flipcard-more {
  opacity: .65;
  filter: invert();
  cursor: pointer;
  width: 40px;
  margin-top: 40px;
  position: absolute;
  bottom: 40px;
}

.flipcard-more:hover {
  opacity: 100;
}

.flipcard-back {
  backface-visibility: hidden;
  height: 100%;
  transform-style: preserve-3d;
  background-color: #0b1627;
  border: 1px solid #215672;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-back:hover {
  border-color: #0ea2e8;
}

.flipcard-less {
  opacity: .6;
  filter: invert();
  cursor: pointer;
  width: 40px;
  margin-top: 40px;
  position: absolute;
  bottom: 40px;
}

.flipcard-less:hover {
  opacity: 1;
}

.header-holder {
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.navbar-4-copy {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  min-width: 980px;
  max-width: 1360px;
  padding: 5px 6px;
  display: flex;
}

.div-block-7435 {
  padding-top: 10px;
}

.div-block-7428-copy {
  width: 600px;
}

.call-out {
  text-align: center;
  background-image: linear-gradient(164deg, #ffffff17, #090f1b 34%, #ffffff17 97%);
  border: 1px solid #0ea2e8;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 640px;
  min-height: 110px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 24px 20px;
  display: flex;
  position: relative;
}

.div-block-7437 {
  margin-top: 20px;
}

.img-holder {
  z-index: 2;
  aspect-ratio: 1.84;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(333deg, #00000017 21%, #00000024 50%), url('../images/explorer.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  min-width: 960px;
  max-width: 1340px;
  margin-top: 20px;
  padding-left: 0;
  display: block;
  position: relative;
}

.img-action-mobile {
  z-index: 2;
  aspect-ratio: 1.84;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(333deg, #00000017 21%, #00000024 50%), url('../images/action-items.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  min-width: 960px;
  max-width: 1340px;
  padding-left: 0;
  display: none;
  position: relative;
}

.two-col-content-copy {
  z-index: 2;
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1500px;
  min-height: 200px;
  padding-bottom: 40px;
  padding-left: 80px;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.two-col-content-copy.narrow {
  max-width: 1340px;
  padding-left: 20px;
  padding-right: 20px;
}

.image-187 {
  z-index: 2;
  margin-top: 20px;
  position: relative;
}

.div-block-7438 {
  z-index: 4;
  background-image: linear-gradient(#fff0 40%, #051020);
  height: 500px;
  position: absolute;
  inset: auto 0% 0%;
}

.dash-img {
  z-index: 2;
  aspect-ratio: 1.7;
  color: #fff;
  text-align: center;
  background-image: url('../images/dash1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  min-width: 930px;
  max-width: 1200px;
  margin-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
}

.dash-img._2 {
  z-index: 3;
  background-image: url('../images/dash2.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.task-item {
  z-index: 3;
  width: auto;
  min-width: 300px;
  height: auto;
  box-shadow: 1px 2px 12px -1px var(--white);
  background-color: #00000091;
  border: 1px solid #fff;
  border-radius: 10px;
  display: block;
  position: absolute;
  top: 35%;
  left: 40%;
}

.task-item._2 {
  display: block;
  top: 59%;
  left: -2%;
}

.task-item._3 {
  top: 61%;
  left: 75%;
}

.div-block-7439 {
  z-index: 3;
  white-space: nowrap;
  background-image: linear-gradient(339deg, #b246e7, #1e5faf 68%, #0b79ff);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px 10px 10px;
  display: flex;
  position: relative;
}

.image-188 {
  filter: contrast(200%);
  mix-blend-mode: lighten;
  width: 30px;
  margin-right: 8px;
}

.task-label {
  color: #dce7ff;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-span-56 {
  color: #dce7ffba;
  font-size: 90%;
  font-weight: 600;
}

.pointer-line {
  z-index: 2;
  border: 1px solid #fff;
  border-style: solid solid none none;
  width: 50px;
  height: 80px;
  position: absolute;
  inset: -57% auto auto -8%;
}

.pointer-line._2 {
  height: 60px;
  inset: 31px -12% auto auto;
}

.pointer-line._3 {
  border-left-style: solid;
  border-right-style: none;
  height: 45px;
  top: 31px;
  left: -15%;
  right: auto;
}

.div-block-7440 {
  height: 64px;
}

.heading-white {
  color: #f4f7ff;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
}

.case-study-block {
  background-color: #e6eeff;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-7441 {
  width: 700px;
  min-height: 200px;
}

.heading-black {
  color: #0ea2e8;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
}

.bold-text {
  color: #0d1831;
}

.paragraph-4 {
    color: #0d1831;
    font-family: Bitter, serif;
    text-align: left;
}

.paragraph-4.large {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 36px;
}

.paragraph-4.s {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.paragraph-4.large-line {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}

.paragraph-4.w {
  color: #fff;
}

.case-testimonial {
  text-align: center;
  background-color: #ffffff96;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  margin: 40px -40px;
  padding: 24px 40px;
}

.case-testimonial.hide {
  display: none;
}

.div-block-7442 {
  padding-top: 10px;
}

.heading-testimonial {
  color: #a9beec;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
}

.heading-testimonial.w {
  color: #e2ebff;
}

.heading-testimonial.w.bitter {
  font-family: Bitter, serif;
}

.div-block-7443 {
  width: 200px;
  min-width: 140px;
  height: 100%;
  display: flex;
}

.case-study-thumb {
  background-image: url('../images/swedishplasticrecycling-0209.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
  min-height: 200px;
  margin-top: 0;
  margin-bottom: 25px;
}

.case-study-thumb.mercer {
  background-image: url('../images/mercer.jpg');
  background-position: 50% 100%;
}

.case-study-thumb.di {
  background-image: url('../images/medical.jpg');
}

.case-study-thumb.flight {
  background-image: url('../images/flight.jpg');
}

.case-study-thumb.nac {
  background-image: url('../images/nac.jpg');
}

.case-study-thumb.twm {
  background-image: url('../images/IXP-challenge.jpg');
  background-position: 50%;
}

.case-study-thumb.p {
  background-image: url('../images/image-integrity.jpg');
}

.case-study-thumb.p-mercer {
  background-image: url('../images/image-mercer.jpg');
  background-position: 50%;
}

.case-study-thumb.p-flight {
  background-image: url('../images/image-flight.jpg');
  background-position: 50%;
}

.case-study-thumb.p-fitness {
  background-image: url('../images/image-fitness.jpg');
  background-position: 50%;
}

.modal-container-2 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.text-16 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.div-block-116 {
  display: none;
}

.form-block-3 {
  margin-top: 25px;
}

.login-header {
  z-index: 9999;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 120px;
  padding-top: 40px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-433 {
  background-color: #e9f3f1;
  border-radius: 8px;
  width: 440px;
  margin: 20px auto 10px;
  padding: 14px 40px 15px;
  display: block;
}

.close-modal-11 {
  cursor: pointer;
  display: block;
}

.div-block-339 {
  padding-top: 10px;
  padding-bottom: 15px;
}

.centered-box {
  background-color: #ffffffe0;
  border-radius: 12px;
  width: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px 40px;
  display: block;
}

.submit-button-holder-4 {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 60px 0;
  display: flex;
}

.modalclosediv {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.inputfield {
  color: #312b3de3;
  height: 44px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.form-5 {
  padding-bottom: 8px;
}

.inputfield-2 {
  color: #000000db;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.update-button {
  opacity: 1;
  color: #ffffffdb;
  background-color: #1d8b9e;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.update-button:hover, .update-button.submitting {
  background-color: #0a4e5a;
}

.div-block-3017 {
  text-align: center;
}

.image-190 {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  display: block;
  overflow: visible;
}

.div-block-3016 {
  justify-content: center;
  align-items: center;
  margin-right: 25px;
  display: flex;
}

.textlink-2 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-2:hover {
  color: #00b2ed;
}

.text-24 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.text-24.center {
  text-align: center;
}

.modalcontent-5 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.labelsmall {
  color: #000000b3;
  text-align: left;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.main-wrapper {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper.login {
  background-image: linear-gradient(129deg, #0003 12%, #00000080), url('../images/swedishplasticrecycling-0209.jpg'), linear-gradient(297deg, #7caa6a 29%, #10415f);
  background-position: 0 0, 50%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, cover, auto;
  padding-top: 0;
}

.modalforgotpassword {
  z-index: 30;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.text-block-74 {
  color: #ffffffdb;
}

.div-block-7444 {
  padding-top: 40px;
}

.div-block-7445 {
  padding-top: 20px;
}

.section-hero-light {
  background-image: linear-gradient(330deg, #ddfdff 16%, #d7f8ff 56%, #eefaff 79%);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.section-hero-light.inner {
  background-image: linear-gradient(343deg, #060e19 29%, #122955);
}

.section-hero-light.inner.df {
  background-image: linear-gradient(#2d088366, #2d088366);
}

.section-hero-light.inner.explorer {
  background-image: linear-gradient(343deg, #01060e 69%, #004774 93%);
  flex-flow: column;
  padding-top: 100px;
  padding-bottom: 0;
}

.section-hero-light.inner.toast {
  background-image: linear-gradient(343deg, #01060e 34%, #004673 100%, #004774);
}

.section-hero-light.home {
  min-height: 100vh;
  padding-top: 100px;
}

.section-hero-light._2 {
    background-color: #fff;
    background-image: none;
    text-align: left;
}

.section-hero-light.hero {
  background-image: linear-gradient(330deg, #ddffe5 3%, #9be3ff 39%, #eefaff 68%);
}

.section-hero-light.bottom {
  background-image: linear-gradient(330deg, #ddffe5 3%, #9be3ff 39%, #eefaff 68%);
  padding-bottom: 200px;
}

.h1-dark {
  color: #0e233f;
  font-weight: 700;
}

.div-block-7446 {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.round {
  color: gray;
  font-family: Varela Round, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.div-block-7447 {
  padding: 10px 20px;
}

.side-image {
  background-color: #fff;
  background-image: url('../images/local-visual-DJdA68w-.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  width: 40%;
  min-height: 400px;
  box-shadow: 1px 0 13px 8px #00137e1c;
}

.two-col-content-copy-copy {
  z-index: 2;
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1500px;
  min-height: 200px;
  padding-bottom: 40px;
  padding-left: 80px;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

._2-col-content {
  justify-content: space-between;
  align-items: stretch;
  width: 90%;
  max-width: 1200px;
  display: flex;
}

._2-col-content.join {
  background-color: #fff;
  border-radius: 16px;
  min-height: 420px;
  box-shadow: 0 2px 12px 2px #0003;
}

._2-col-content.download {
  text-align: center;
  background-color: #f1f8ff;
  background-image: linear-gradient(20deg, #f7fffee0 48%, #d1f0ffcc 77%), url('../images/fc-logo-med-blue.png');
  background-position: 0 0, 50% 10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 980px;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  padding: 40px;
  box-shadow: 1px 0 13px 8px #00137e1c;
}

.h2-dark {
  color: #0e233f;
  font-weight: 700;
}

.div-block-7448 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-191 {
  margin-right: 8px;
}

.text-span-57 {
  font-size: 15px;
  font-weight: 600;
}

.blue-label {
  color: #0e60d3;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.blue-label.w {
  color: #fff;
}

.col-50 {
  z-index: 4;
  text-align: left;
  flex: 0 auto;
  width: 50%;
  padding: 40px;
  position: relative;
}

.col-50.narrow {
  width: 43%;
}

.col-50.blue {
  background-color: #0064a2;
  background-image: linear-gradient(127deg, #0866be 8%, #65a5ff 94%);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 70%;
}

.col-50.bash {
  background-image: url('../images/bash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.h2-white {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}

.h2-white.blue {
  color: #104374;
}

.text-span-58 {
  font-weight: 300;
}

.div-block-7449 {
  padding-top: 20px;
}

.div-block-7411-copy {
  z-index: 4;
  text-align: left;
  flex: 0 auto;
  width: 50%;
  position: relative;
}

.div-block-7411-copy.narrow {
  width: 43%;
}

.text-span-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(41deg, #11c057 15%, #0073ff 65%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.div-block-4705-copy {
  width: 75%;
  padding: 20px 40px 10px;
}

.div-block-7450 {
  padding-top: 20px;
}

.link-6 {
  font-family: Bitter, serif;
}

.div-block-7451, .div-block-7452, .div-block-7453, .div-block-7454, .div-block-7455, .div-block-7456 {
  height: 64px;
}

.div-block-7457 {
  margin-left: 15px;
}

.div-block-7458 {
  width: 700px;
  min-height: 200px;
}

.text-span-59 {
  color: #0ea2e8;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(114deg, #8dc4ff, #0ea2e8 82%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-59._3 {
  background-image: linear-gradient(114deg, #0ea2e8 18%, #a06fff 54%, #c661f8 90%);
  font-weight: 500;
}

.div-block-7459 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.div-block-7460 {
  padding-top: 40px;
}

.div-block-7461 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.textlink-4 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-4:hover {
  color: #00b2ed;
}

.textlink-4.grey {
  color: #a9b8ec;
  font-family: Inter, sans-serif;
}

.textlink-4.grey:hover {
  color: #dfe5fa;
  text-decoration: none;
}

.div-block-7462 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.paragraph-5 {
  color: #0d1831;
  font-family: Bitter, serif;
}

.paragraph-5.s {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-5.large {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 36px;
}

.div-block-7463 {
  padding-top: 10px;
}

.div-block-7464 {
  margin-left: 15px;
}

.div-block-7465 {
  width: 700px;
  min-height: 200px;
}

.text-span-60 {
  color: #0ea2e8;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(114deg, #8dc4ff, #0ea2e8 82%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-60._3 {
  background-image: linear-gradient(114deg, #0ea2e8 18%, #a06fff 54%, #c661f8 90%);
  font-weight: 500;
}

.paragraph-6 {
  color: #a9beec;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-6.s {
  font-size: 16px;
  line-height: 28px;
}

.div-block-7466 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.div-block-7467 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.textlink-5 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-5:hover {
  color: #00b2ed;
}

.textlink-5.grey {
  color: #a9b8ec;
  font-family: Inter, sans-serif;
}

.textlink-5.grey:hover {
  color: #dfe5fa;
  text-decoration: none;
}

.div-block-7468 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-7469 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  padding-top: 20px;
  display: flex;
}

.div-block-7470 {
  text-align: center;
  padding-right: 30px;
}

.div-block-7470.right {
  text-align: right;
  width: 40%;
  min-width: 266px;
  padding-right: 0;
}

.image-202 {
  background-color: #fff;
  border: 1px solid #d4d4d4;
}

.div-block-7471 {
  padding-top: 10px;
}

.div-block-7472 {
  margin-left: 15px;
}

.div-block-7473 {
  width: 700px;
  min-height: 200px;
}

.text-span-61 {
  color: #0ea2e8;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(114deg, #8dc4ff, #0ea2e8 82%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-61._3 {
  background-image: linear-gradient(114deg, #0ea2e8 18%, #a06fff 54%, #c661f8 90%);
  font-weight: 500;
}

.paragraph-7 {
  color: #a9beec;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-7.s {
  font-size: 16px;
  line-height: 28px;
}

.div-block-7474 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-7475 {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.paragraph-8 {
  color: #0d1831;
  font-family: Bitter, serif;
}

.paragraph-8.s {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-8.large {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 36px;
}

.textlink-6 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-6:hover {
  color: #00b2ed;
}

.textlink-6.grey {
  color: #a9b8ec;
  font-family: Inter, sans-serif;
}

.textlink-6.grey:hover {
  color: #dfe5fa;
  text-decoration: none;
}

.div-block-7476 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-7477 {
  padding-top: 20px;
}

.paragraph-9 {
  color: #a9beec;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-9.s {
  font-size: 16px;
  line-height: 28px;
}

.fc-logo2 {
  opacity: .88;
  margin-bottom: 10px;
}

.div-block-7473-copy {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  max-width: 1160px;
  margin-top: -60px;
  margin-bottom: 24px;
  padding: 30px 90px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 9px 6px #0000000f;
}

.join-fc-content-block {
  background-color: #e6eeff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.div-block-7478 {
  background-color: #fff;
  background-image: url('../images/s4ZMec.tif.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 5px;
  width: 96px;
  min-width: 96px;
  height: 96px;
  min-height: 96px;
  margin-right: 40px;
}

.paragraph-16 {
  color: #001e5a;
  font-size: 16px;
  line-height: 24px;
}

.icon-holder-2 {
  background-image: url('../images/OQ2FMb.tif.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 8px;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  margin-bottom: 20px;
}

.icon-holder-2._2 {
  background-image: url('../images/icon-data.png');
}

.icon-holder-2._3 {
  background-image: url('../images/icon-rocket.png');
  background-size: 34px;
}

.icon-holder-2.done {
  background-image: url('../images/icon-thumb.png');
}

.icon-holder-2.bot {
  background-image: url('../images/icon-bot.png');
}

.icon-holder-2.brain {
  background-image: url('../images/icon-brain.png');
}

.icon-holder-2.integrate {
  background-image: url('../images/icon-integration.png');
}

.icon-holder-2.custom {
  background-image: url('../images/icon-custom.png');
}

.icon-holder-2.rm {
  background-image: url('../images/icon-communicate.png');
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.icon-holder-2.rm.audio {
  background-image: url('../images/icon-audiochat.png');
  background-size: 32px;
}

.icon-holder-2.rm.check {
  background-image: url('../images/icon-check.png');
  background-size: 26px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-holder-2.rm.video {
  background-image: url('../images/icon-video_2.png');
}

.icon-holder-2.rm.chat {
  background-image: url('../images/icon-chat.png');
  background-size: 34px;
}

.icon-holder-2.rm.flow {
  background-image: url('../images/icon-iteration.png');
}

.icon-holder-2.rm.exception {
  background-image: url('../images/icon-error.png');
}

.icon-holder-2.rm.data {
  background-image: url('../images/icon-data.png');
}

.icon-holder-2.rm.smart {
  background-image: url('../images/icon-ai-assist.png');
}

.icon-holder-2.rm.alert {
  background-image: url('../images/icon-error.png');
}

.icon-holder-2.rm.action {
  background-image: url('../images/icon-aitask.png');
}

.icon-holder-2.rm.team {
  background-image: url('../images/icon-engineers.png');
}

.icon-holder-2.rm.person {
  background-image: url('../images/icon-customer.png');
}

.icon-holder-2.rm.email {
  background-image: url('../images/email.png');
  background-size: 34px;
}

.icon-holder-2.rm.brain {
  background-image: url('../images/icon-brain.png');
}

.icon-holder-2.flash {
  background-image: url('../images/icon-flash.png');
}

.icon-holder-2.library {
  background-image: url('../images/icon-cloud.png');
  background-size: 34px;
}

.icon-holder-2.programs {
  background-image: url('../images/icon-programs.png');
}

.icon-holder-2.process {
  background-image: url('../images/icon-process.png');
  background-size: 34px;
}

.icon-holder-2.eng {
  background-image: url('../images/icon-engineers.png');
  background-size: 34px;
}

.icon-holder-2.eye {
  background-image: url('../images/icon-eye.png');
}

.icon-holder-2.insights {
  background-image: url('../images/icon-insights.png');
}

.icon-holder-2.chart {
  background-image: url('../images/icon-chart.png');
}

.icon-holder-2.integration {
  background-image: url('../images/icon-integrate.png');
  background-size: 34px;
}

.icon-holder-2.api {
  background-image: url('../images/icon-api.png');
  background-size: 36px;
}

.icon-holder-2.compliance {
  background-image: url('../images/icon-compliance.png');
  background-size: 34px;
}

.icon-holder-2.escalate {
  background-image: url('../images/icon-integration.png');
}

.icon-holder-2.explorer {
  background-image: url('../images/icon-compass.png');
}

.icon-holder-2.task {
  background-image: url('../images/icon-aitask.png');
  background-size: 34px;
}

.icon-holder-2.comment {
  background-image: url('../images/icon-communicate.png');
}

.icon-holder-2.audio {
  background-image: url('../images/icon-audiochat_1.png');
  background-size: 30px;
}

.icon-holder-2.dash {
  background-image: url('../images/icon-dashboard.png');
}

.icon-holder-2.update {
  background-image: url('../images/icon-update.png');
  background-size: 34px;
}

.icon-holder-2.monitor {
  background-image: url('../images/icon-magnify.png');
}

.icon-holder-2.excel {
  background-image: url('../images/icon-xls.png');
}

.icon-holder-2.code {
  background-image: url('../images/icon-code.png');
}

.icon-holder-2.data {
  background-image: url('../images/icon-add-data.png');
}

.icon-holder-2.ai {
  background-image: url('../images/icon-ai.png');
}

.icon-holder-2.ai-assist {
  background-image: url('../images/icon-ai-assist.png');
}

.icon-holder-2.click {
  background-image: url('../images/icon-click.png');
}

.icon-holder-2.search {
  background-image: url('../images/icon-search.png');
  background-size: 28px;
}

.icon-holder-2.layers {
  background-image: url('../images/icon-layers.png');
}

.icon-holder-2.history {
  background-image: url('../images/icon-history.png');
}

.icon-holder-2.talk {
  background-image: url('../images/icon-talk.png');
  background-size: 34px;
}

.icon-holder-2.error {
  background-image: url('../images/icon-error.png');
}

.icon-holder-2.iterate {
  background-image: url('../images/icon-iteration.png');
}

.icon-holder-2.sm {
  background-image: url('../images/icon-flash.png');
  background-size: 20px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-top: -2px;
  margin-right: 20px;
}

.icon-holder-2.number {
  color: #0ea2e8;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
  margin-bottom: 10px;
  margin-right: 15px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  display: flex;
}

.icon-holder-2.customer {
  background-image: url('../images/icon-customer.png');
}

.icon-holder-2.extract {
  background-image: url('../images/icon-extract.png');
  background-size: 34px;
}

.icon-holder-2.cc {
  background-image: url('../images/icon-cc.png');
}

.icon-holder-2.statement {
  background-image: url('../images/icon-statement.png');
}

.icon-holder-2.export {
  background-image: url('../images/icon-export.png');
}

.icon-holder-2.eliminate {
  background-image: url('../images/icon-eliminate.png');
  background-size: 28px;
}

.icon-holder-2.finance {
  background-image: url('../images/icon-financial.png');
  background-size: 34px;
}

.icon-holder-2.target {
  background-image: url('../images/icon-target.png');
  background-size: 28px;
}

.icon-holder-2.down {
  background-image: url('../images/icon-down.png');
}

.icon-holder-2.time {
  background-image: url('../images/icon-history.png');
}

.icon-holder-2.strategy {
  background-image: url('../images/MRu0aH.tif.png');
  background-size: contain;
}

.icon-holder-2.ai-color {
  background-image: url('../images/ZLONmh.tif.png');
}

.icon-holder-2.block {
  background-image: url('../images/XTVC7R.tif.png');
}

.icon-holder-2.auto {
  background-image: url('../images/ZbuHmo.tif.png');
}

.icon-holder-2.aws {
  background-image: url('../images/2xMFa6.tif.png');
}

.div-block-7414-copy {
  color: #0a1c81;
}

.div-block-7414-copy.padding {
  padding-bottom: 10px;
}

.h3-navy {
  color: #001e5a;
  justify-content: center;
  align-items: center;
  line-height: 34px;
}

.h3-navy.left {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.div-block-7479 {
  border-bottom: 1px solid #ffffff38;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.image-204 {
  width: 28px;
  margin-top: 3px;
  margin-right: 20px;
}

.div-block-7477-copy {
  padding-top: 20px;
}

.text-span-62 {
  letter-spacing: 1.6px;
}

.image-205 {
  margin-top: 20px;
  margin-bottom: 0;
}

.card_traits-content {
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.card_component {
  perspective: 1000px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.card_cta {
  background-color: #080808;
  border-radius: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding-bottom: .25rem;
  display: flex;
}

.card_side {
  backface-visibility: hidden;
  background-color: #141314;
  border: 1px solid #191819;
  border-radius: 2rem;
  padding: 4rem 1.75rem 1.75rem;
  position: absolute;
  inset: 0%;
}

.card_side.is-front {
  grid-row-gap: 2.5rem;
  border-radius: 0;
  flex-direction: column;
  padding-top: 5rem;
  display: block;
}

.card_side.is-back {
  transform-style: preserve-3d;
  padding-top: 9rem;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card_side.is-front {
  grid-row-gap: 2.5rem;
  background-image: linear-gradient(0deg, #000, #3b3b3b99 21%, #6666662b 35%, #fff0 53%), url('../images/studio-front.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 0;
  flex-direction: column;
  padding: 0;
}

.card_side.is-back {
  grid-row-gap: 2.5rem;
  background-image: linear-gradient(0deg, #000, #3b3b3b99 21%, #6666662b 35%, #fff0 53%), url('../images/studio-back.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 0;
  flex-direction: column;
}

.card_cta-wrapper {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.card_cta-wrapper.is-back {
  bottom: 1.5rem;
  left: 1.5rem;
}

.card_cta-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.display-block {
  display: block;
}

.card_traits-item {
  grid-column-gap: 1.125rem;
  align-items: center;
  display: flex;
}

.card_hole {
  background-color: #080808;
  border-radius: 100rem;
  flex: none;
  width: 6rem;
  height: .75rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 1rem 0% auto;
}

.card_traits-icon {
  height: 100%;
}

.card_traits {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.heading-5 {
  line-height: 1.2;
}

.card_stamp-img {
  opacity: .79;
  width: 100%;
}

.card_traits-list {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-type {
  color: #fbf9fc80;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 200;
}

.card_traits-icon-wrapper {
  width: 1.5rem;
  height: 1.5rem;
}

.content-type {
  font-size: .875rem;
}

.card_wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 500px;
  position: relative;
}

.card-img {
  background-color: #8f00ff;
  border-radius: 1rem;
  flex: 1;
  justify-content: center;
  padding-top: 1.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.card_main-text {
  grid-row-gap: .5rem;
  flex-direction: column;
  margin-bottom: 1.5rem;
  display: flex;
}

.card_stamp-wrapper {
  opacity: .5;
  width: 5.5rem;
  position: absolute;
  inset: 2rem 1rem auto auto;
  transform: rotate(29deg);
}

.card_component-2 {
  perspective: 1000px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.card_wrapper-2 {
  aspect-ratio: 16 / 9;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}

.card_cta-wrapper-2 {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 20px;
  left: auto;
  right: 20px;
}

.card_cta-2 {
  color: #ffffff9c;
  background-color: #130a3099;
  border: 1px solid #045ab6;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 12px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 66px;
    line-height: 76px;
  }

  h2 {
    line-height: 64px;
  }

  .submit-button-2 {
    width: 100%;
    font-size: 16px;
  }

  .section-copy {
    padding-left: 62px;
  }

  .section-copy.left-copy {
    width: 100%;
    padding-right: 0;
  }

  .section-copy.center {
    width: 100%;
    padding-left: 0;
  }

  .fc-header {
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-angle-block {
    top: -750px;
  }

  .waitlist-form-wrapper {
    width: 100%;
    margin-top: 80px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .content-section {
    align-items: stretch;
    min-height: 920px;
    padding: 100px 45px;
  }

  .content-section.demo {
    padding-top: 100px;
  }

  .content-section.charts {
    background-image: url('../images/chart-lite-mobile.png');
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: flex-end;
  }

  .content-section.yellow {
    background-image: url('../images/javascript-mobile3.png');
    background-position: 50% 20%;
    background-repeat: no-repeat;
  }

  .content-section.services {
    padding-top: 100px;
  }

  .content-section.java {
    background-image: linear-gradient(to top, #222, #0000 84%), url('../images/java.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 1500px;
    align-items: flex-end;
  }

  .content-section.center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-section.email-us {
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .fc-logo {
    width: 135px;
  }

  .section-content-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .section-content-wrapper.center-copy {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-content-wrapper.img, .section-content-wrapper.java {
    justify-content: space-between;
  }

  .section-content-wrapper.service-hero {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-wrapper {
    width: 100%;
    margin-bottom: 80px;
  }

  .hero-section {
    min-height: 0;
    padding-top: 10px;
  }

  .hero-section.service {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .text-element.white.center-mobile {
    text-align: center;
  }

  .submit-button-3 {
    font-size: 16px;
  }

  .nav-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .container {
    margin-left: auto;
  }

  .div-block-1058 {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 10px;
  }

  .button-3.big-outline {
    line-height: 22px;
  }

  .item-image-wrapper-3 {
    min-width: 260px;
    height: 180px;
  }

  .blog-snippet-2 {
    justify-content: center;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .topic-tag-wrapper {
    justify-content: center;
    padding: 10px 10px 10px 20px;
  }

  .blog-snippet-grid-wrapper-2 {
    flex-direction: column;
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .content-section-2 {
    padding-top: 55px;
    padding-left: 45px;
    padding-right: 45px;
  }

  .image-84 {
    max-width: 100%;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .autocomplete-input-area {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-6 {
    display: block;
  }

  .add-element-menu-modal {
    display: none;
  }

  .h3-dark.left, .text-13 {
    display: block;
  }

  .autocomplete-input-2-program {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .site-image-default {
    max-width: 100%;
  }

  .site-image-default.small {
    display: inline-block;
  }

  .section-layout-wrapper {
    justify-content: space-between;
    width: 100%;
    padding: 20px;
  }

  .section-layout-wrapper.article, .section-layout-wrapper.article-cta {
    width: 100%;
  }

  .section-layout-wrapper.article {
    width: 100%;
    max-width: none;
  }

  .site-section-article {
    min-height: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .site-section-4 {
    min-height: 20px;
    padding-bottom: 60px;
    display: block;
  }

  .column-wrapper {
    width: 400px;
    margin-bottom: 60px;
  }

  .column-wrapper.blog-cta {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .background-video {
    width: 100%;
    height: auto;
    padding-top: 61%;
  }

  .site-section-article-2 {
    min-height: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
  }

  .page-section {
    min-height: 20px;
  }

  .hero-text-wrapper {
    width: 100%;
  }

  .div-block-1073 {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-block {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .navbar-4 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    max-width: none;
    display: flex;
  }

  .menu-button-5 {
    filter: invert();
    flex-direction: row;
    order: 1;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 0;
  }

  .menu-button-5.w--open {
    filter: none;
  }

  .icon-4 {
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    font-size: 32px;
    display: flex;
  }

  .brand-link-block {
    margin-bottom: 3px;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 0;
  }

  .brand-link-block.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-menu-5 {
    z-index: 9;
  }

  .nav-link-5 {
    border-bottom-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 42px;
    font-size: 18px;
  }

  .nav-link-5:hover {
    border-bottom-style: none;
  }

  .nav-link-5.w--current {
    border-bottom-style: none;
    border-radius: 15px;
  }

  .nav-link-5.w--current:hover {
    color: #00b2ed;
  }

  .nav-link-5.contact {
    text-align: center;
    border-style: solid;
    width: 120px;
    margin-top: 30px;
    margin-left: 54px;
    padding: 12px 20px;
    font-size: 15px;
  }

  .case-study-img {
    padding-left: 20px;
    padding-right: 20px;
  }

  .case-study-img.labor {
    background-position: 0 0, 50%, 0 0;
  }

  .case-study-img.text {
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .case-study-img.pdf, .case-study-img.pdf-copy {
    background-color: #4155c5;
    background-position: 0 0, 50%, 0 0;
  }

  .case-study-img.text-copy {
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .div-block-1076 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .chat-history-section {
    display: none;
  }

  .chat-main-wrapper {
    align-items: flex-start;
  }

  .menu-button-6 {
    filter: invert();
    flex-direction: row;
    order: 1;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 0;
  }

  .menu-button-6.w--open {
    filter: none;
  }

  .icon-5 {
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    font-size: 32px;
    display: flex;
  }

  .section-hero.inner {
    background-image: linear-gradient(#fff0 44%, #080d17cc 94%), linear-gradient(343deg, #080d17 33%, #0e243f 74%);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 95vh;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .section-hero.inner.df {
    background-image: linear-gradient(#2d088366, #2d088366);
  }

  .button-4.sm-nav {
    white-space: nowrap;
    margin-left: 10px;
  }

  .header-content {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-content.quote {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .img-overlay.waves, .img-overlay.foundation, .img-overlay.explorer, .img-overlay.toast {
    background-position: 0 0, 50%;
  }

  .section-content.studio {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .card-section {
    width: 100%;
    max-width: none;
  }

  .card-section._2, .card-section._2-copy {
    max-width: none;
  }

  .card-section.roi {
    align-items: flex-start;
  }

  .card {
    margin-left: 8px;
    margin-right: 8px;
  }

  .card._50 {
    width: 46%;
    padding: 20px;
  }

  .card._50.action {
    padding-top: 10px;
  }

  .card._40 {
    width: 45%;
  }

  .card._50-2.green, .card._50-2.red {
    width: 46%;
  }

  .card.list {
    width: 46%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card.list.action {
    padding-top: 10px;
  }

  .icon-holder.rm.check {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .section-content-2 {
    padding-top: 100px;
  }

  .section-content-2.join {
    background-image: linear-gradient(343deg, #001e5a 28%, #011e42 79%);
  }

  .div-block-4655 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-4655.center {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .use-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 0;
  }

  .use-icon.zoom, .use-icon.communicate {
    background-color: #0d344900;
  }

  .use-icon.big {
    width: 60px;
    height: 60px;
  }

  .t-slide-2 {
    width: 49%;
    min-width: 350px;
  }

  .t-slide-2.w {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-4 {
    width: 100%;
    max-width: none;
    min-height: 440px;
    padding-left: 70px;
  }

  .left-arrow-5 {
    left: 10px;
  }

  .right-arrow-5 {
    right: 10px;
  }

  .div-block-7411 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div-block-7411.narrow {
    width: 100%;
  }

  .div-block-7411.narrow-copy {
    width: 100%;
    padding-top: 0;
  }

  .two-col-content {
    flex-flow: column;
  }

  .two-col-content.flex, .two-col-content.flex-copy {
    flex-flow: row;
  }

  .button-16.large, .button-16.submit {
    border: 1px solid #0ea2e8;
  }

  .list-item {
    padding-left: 6px;
  }

  .list-3.sm {
    padding-left: 16px;
  }

  .img-screenshot {
    width: 100%;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .img-screenshot._2 {
    display: none;
  }

  .img-screenshot.studio {
    width: 100%;
    min-height: 500px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .stacked-card.flex {
    min-height: 0;
  }

  .div-block-4651-copy {
    text-align: left;
    width: 100%;
  }

  .stacked-card-wrapper {
    width: 95%;
    max-width: 922px;
  }

  .div-block-7428 {
    width: 95%;
    padding-right: 10px;
  }

  .form-copy {
    width: 48%;
  }

  .form-points {
    padding-right: 20px;
  }

  .form-wrapper {
    width: 47%;
  }

  .card-content-holder {
    padding-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flipcard-front {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flipcard-more, .flipcard-less {
    bottom: 30px;
  }

  .header-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-4-copy {
    width: 100%;
    min-width: 0;
    max-width: none;
    display: flex;
  }

  .div-block-7428-copy {
    padding-right: 10px;
  }

  .img-holder {
    min-width: 760px;
  }

  .img-action-mobile {
    background-image: linear-gradient(1deg, #151e35b8 9%, #00000017 56%), url('../images/action-items-mobile.png');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-width: 760px;
    display: block;
  }

  .two-col-content-copy {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .two-col-content-copy.narrow {
    padding-right: 0;
  }

  .dash-img {
    min-width: 800px;
  }

  .task-item {
    width: auto;
  }

  .task-item._2 {
    left: 4%;
  }

  .task-item._3 {
    width: auto;
    min-width: 270px;
    top: 57%;
    left: 64%;
  }

  .task-label {
    font-size: 13px;
    line-height: 16px;
  }

  .pointer-line {
    width: 40px;
    height: 60px;
    top: -44%;
    left: -2%;
  }

  .pointer-line._2 {
    height: 40px;
  }

  .pointer-line._3 {
    top: 35px;
    left: 70%;
  }

  .case-study-thumb {
    background-position: 100%;
  }

  .main-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-wrapper.login {
    background-position: 0 0, 80%, 0 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-hero-light.inner {
    background-image: linear-gradient(#fff0 44%, #080d17cc 94%), linear-gradient(343deg, #080d17 33%, #0e243f 74%);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 95vh;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .section-hero-light.inner.df {
    background-image: linear-gradient(#2d088366, #2d088366);
  }

  .section-hero-light._2 {
    padding-top: 80px;
    text-align: left;
}

  .section-hero-light.hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-hero-light.bottom {
    padding-top: 60px;
    padding-bottom: 140px;
  }

  .side-image {
    width: 45%;
    min-height: 300px;
    margin-top: 60px;
  }

  .two-col-content-copy-copy {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  ._2-col-content {
    align-items: flex-start;
  }

  ._2-col-content.join {
    align-items: stretch;
    min-height: 0;
  }

  .col-50 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .col-50.narrow {
    width: 100%;
  }

  .col-50.blue {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
  }

  .col-50.bash {
    background-position: 50%;
    width: 50%;
  }

  .image-192 {
    width: 40%;
  }

  .image-193 {
    width: 45%;
  }

  .div-block-7411-copy {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-7411-copy.narrow {
    width: 100%;
  }

  .div-block-4705-copy {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-7469 {
    width: 100%;
  }

  .div-block-7470 {
    padding-right: 20px;
  }

  .div-block-7470.right {
    min-width: 240px;
  }

  .image-202 {
    width: 240px;
  }

  .div-block-7474 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-7477 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-7473-copy {
    justify-content: flex-start;
    align-items: center;
    width: 94%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .join-fc-content-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-holder-2.rm.check {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .h3-navy.left {
    display: block;
  }

  .div-block-7477-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-205 {
    width: 200px;
  }

  .card_side {
    backface-visibility: hidden;
  }

  .card_traits-list {
    grid-row-gap: 2rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 58px;
    line-height: 62px;
  }

  h2 {
    font-size: 40px;
    line-height: 48px;
  }

  h3 {
    font-size: 20px;
    line-height: 28px;
  }

  h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
  }

  li {
    font-size: 16px;
    line-height: 26px;
  }

  .section-copy {
    width: auto;
    padding-bottom: 40px;
    padding-left: 0;
  }

  .section-copy.left-copy {
    min-height: 0;
    padding-bottom: 0;
  }

  .fc-header {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .footer-links {
    flex-direction: column;
    display: flex;
  }

  .footer-text {
    display: inline-block;
  }

  .hero-angle-block {
    top: -809px;
  }

  .waitlist-form-wrapper {
    width: 100%;
    max-width: 520px;
    margin-top: 60px;
  }

  .image {
    max-width: 580px;
  }

  .content-section {
    min-height: 750px;
    padding: 60px 25px 80px;
    display: flex;
  }

  .content-section.demo {
    padding: 60px 40px 100px;
    display: block;
  }

  .content-section.charts {
    background-position: 0 0, 50% 10%;
  }

  .content-section.yellow {
    background-position: 50% 20%;
    align-items: flex-end;
    display: flex;
  }

  .content-section.services {
    padding: 60px 40px 100px;
    display: block;
  }

  .content-section.email-us {
    padding: 60px 40px;
    display: block;
  }

  .section-content-wrapper {
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .section-content-wrapper.center-copy {
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
  }

  .section-content-wrapper.img, .section-content-wrapper.java {
    justify-content: space-between;
    height: auto;
  }

  .section-content-wrapper.service-hero {
    width: auto;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
  }

  .hero-section {
    justify-content: flex-start;
    padding-bottom: 40px;
  }

  .image-180 {
    width: 60px;
  }

  .down-arrow-link {
    margin-top: 20px;
  }

  .image-181 {
    width: 32px;
  }

  .web-body-text {
    line-height: 26px;
  }

  .hero-form-button-holder {
    align-items: stretch;
  }

  .nav-link {
    text-align: left;
    border-bottom-style: none;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 14px;
    font-size: 16px;
    font-weight: 400;
  }

  .nav-link:hover {
    border-bottom-style: none;
  }

  .container {
    margin-right: auto;
    padding-right: 10px;
  }

  .div-block-1058 {
    padding-top: 0;
    padding-left: 0;
  }

  .div-block-917 {
    margin-bottom: 20px;
  }

  .button-3 {
    min-width: 180px;
  }

  .button-3.big-outline {
    font-size: 18px;
  }

  .item-image-wrapper-3 {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 300px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .blog-snippet-2 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    max-width: none;
    height: auto;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
  }

  .title-h4-2 {
    text-align: left;
    font-size: 22px;
    line-height: 30px;
  }

  .topic-tag-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 30px;
  }

  .title-h3-3 {
    text-align: left;
    font-size: 26px;
    line-height: 32px;
  }

  .blog-snippet-grid-wrapper-2 {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .h1-sm {
    font-size: 40px;
    line-height: 50px;
  }

  .content-tag-2 {
    flex: none;
    display: inline-block;
  }

  .content-section-2 {
    padding: 60px 25px;
  }

  .logo-header {
    width: 160px;
  }

  .div-block-1070 {
    justify-content: space-between;
    padding-left: 30px;
  }

  .image-84 {
    max-width: 100%;
  }

  .search-wrapper-6-copy {
    width: 100%;
  }

  .plan-tile-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .rte-toggle, .lead-gen-toggle-wrapper {
    padding-top: 10px;
    padding-left: 0;
  }

  .action-button-6.weblink {
    width: 100%;
  }

  .plan-tile-preview-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 47%;
    min-width: 0%;
    display: flex;
  }

  .post-editor-modal-3 {
    width: auto;
  }

  .search-wrapper-6 {
    width: 100%;
  }

  .plans-wrapper {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h3-dark {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark.left {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    display: flex;
  }

  .plans-timeline {
    flex-direction: row;
  }

  .site-image-default {
    max-width: 100%;
  }

  .site-image-default.small {
    width: 60%;
  }

  .blog-title-wrapper-2 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 13px;
  }

  .blog-text-wrapper.fa.afeawf {
    font-size: 18px;
    line-height: 30px;
  }

  .blog-title-text-wrapper {
    font-size: 32px;
    line-height: 38px;
  }

  .section-layout-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
  }

  .section-layout-wrapper.article, .section-layout-wrapper.article-cta, .section-layout-wrapper.article {
    flex-direction: column;
  }

  .blog-title {
    font-size: 32px;
    line-height: 38px;
  }

  .page-element-block-nonedit {
    width: 100%;
  }

  .site-section-article {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .page-element-block {
    width: 100%;
  }

  .site-section-4 {
    padding-bottom: 60px;
  }

  .button-element-wrapper {
    width: auto;
  }

  .column-wrapper.blog-cta {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .page-element-block-2 {
    width: 100%;
  }

  .mini-layout-vertical {
    text-align: left;
    width: auto;
  }

  .heading-4 {
    font-size: 36px;
    line-height: 42px;
  }

  .list {
    padding-left: 30px;
  }

  .site-section-article-2 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .web-body-text-3 {
    line-height: 26px;
  }

  .page-element-block-4 {
    width: 100%;
  }

  .page-section {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .text-element-3 {
    font-size: 16px;
    line-height: 26px;
  }

  .content-block {
    flex-flow: column;
  }

  .menu-button-5 {
    filter: none;
  }

  .menu-button-5.w--open {
    background-color: #09143a;
  }

  .icon-4 {
    color: #ffffffd9;
  }

  .nav-menu-5 {
    background-color: #122038;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .case-study-img {
    width: 100%;
    min-width: 0%;
    min-height: 250px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-study-img._2 {
    background-position: 0 0, 50% 65%;
  }

  .case-study-img.labor {
    background-image: linear-gradient(#00044699, #00044699), url('../images/Screenshot-2024-07-31-at-5.24.23-PM.png'), linear-gradient(157deg, #0e1369, #5b6cb8);
    background-position: 0 0, 100% 100%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, 600px, auto;
  }

  .case-study-img.data {
    background-image: linear-gradient(307deg, #0000, #00000017 0%, #00000091 42%, #000000a8 100%, #000000c7), url('../images/medical.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .case-study-img.pdf {
    background-image: linear-gradient(145deg, #000825eb, #00104157), url('../images/census.png'), linear-gradient(#0000, #0000);
    background-position: 0 0, 50% 55%, 0 0;
  }

  .case-study-img.bi {
    background-image: linear-gradient(171deg, #0b1b53d6 19%, #006ace91), url('../images/Screenshot-2024-08-06-at-10.17.16-AM.png');
    background-position: 0 0, 50% 95%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .case-study-img.pdf-copy {
    background-image: linear-gradient(145deg, #000825eb, #00104157), url('../images/census.png'), linear-gradient(#0000, #0000);
    background-position: 0 0, 50% 55%, 0 0;
  }

  .case-study-img.bi-copy {
    background-image: linear-gradient(171deg, #0b1b53d6 19%, #006ace91), url('../images/Screenshot-2024-08-06-at-10.17.16-AM.png');
    background-position: 0 0, 50% 95%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .case-study-img.data-copy {
    background-image: linear-gradient(307deg, #0000, #00000017 0%, #00000091 42%, #000000a8 100%, #000000c7), url('../images/medical.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .div-block-1076 {
    padding-top: 30px;
    padding-right: 30px;
  }

  .list-2 {
    padding-left: 30px;
  }

  .menu-button-6 {
    filter: none;
  }

  .menu-button-6.w--open {
    background-color: #09143a;
  }

  .icon-5 {
    color: #ffffffd9;
  }

  .section-hero {
    min-height: 600px;
  }

  .section-hero.inner {
    min-height: 800px;
    padding-top: 80px;
  }

  .section-hero.inner.explorer {
    padding-top: 80px;
  }

  .button-4.sm-nav {
    position: absolute;
    right: 65px;
  }

  .header-content {
    width: 100%;
    min-height: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-content.bottom {
    min-height: 0;
  }

  .header-content.quote {
    width: 90%;
    margin-bottom: 20px;
  }

  .header-content.middle {
    min-height: 0;
  }

  .paragraph-3 {
    color: #c0ccf7;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }

  .paragraph-3.s {
    font-weight: 400;
    line-height: 26px;
  }

  .paragraph-3.xs-color {
    font-size: 14px;
  }

  .paragraph-3.xs {
    font-weight: 400;
    line-height: 26px;
  }

  .img-overlay.explorer {
    background-image: url('../images/compass.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .img-overlay.toast {
    background-image: url('../images/pos.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-content {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-content.cta {
    padding-top: 40px;
  }

  .section-content.roi {
    min-height: 0;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-content.studio {
    padding-bottom: 0;
  }

  .card-section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .card-section._2 {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-section._2-copy {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .card-section.bottom, .card-section.cs, .card-section.short {
    padding-bottom: 0;
  }

  .card-section.roi {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    padding-bottom: 0;
  }

  .card {
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    max-width: none;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
    display: flex;
  }

  .card._50 {
    flex-flow: row;
    width: 95%;
  }

  .card._50.action {
    flex-flow: column;
    width: 95%;
    min-height: 300px;
    padding: 0 40px 40px;
  }

  .card._50.yellow {
    flex-flow: column;
    width: 45%;
    margin-right: 10px;
  }

  .card._40 {
    flex-flow: row;
    width: 95%;
  }

  .card._50-2 {
    flex-flow: column;
    width: 100%;
  }

  .card._50-2.green, .card._50-2.red {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
  }

  .card._4 {
    width: 95%;
  }

  .card.red, .card.blue, .card.green {
    flex-flow: column;
    width: 90%;
  }

  .card.clickable-wide {
    flex-flow: column;
    width: 90%;
    padding: 26px;
  }

  .card.list {
    flex-flow: column;
    align-items: stretch;
    width: 50%;
  }

  .card.list.action {
    flex-flow: column;
    width: 95%;
    min-height: 300px;
    padding: 0 40px 40px;
  }

  .icon-holder {
    min-width: 60px;
    min-height: 60px;
    margin-right: 20px;
  }

  .icon-holder.rm.check {
    background-size: 20px;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .icon-holder.library, .icon-holder.programs {
    margin-bottom: 20px;
  }

  .section-content-2 {
    padding-top: 60px;
  }

  .section-content-2.padding {
    padding-bottom: 100px;
  }

  .section-content-2.integrity {
    background-position: 0 0, 100%;
  }

  .section-content-2.infinity {
    background-position: 0 0, 0%;
  }

  .heading-blue {
    font-size: 24px;
    line-height: 36px;
  }

  .heading-blue.s {
    font-size: 18px;
  }

  .div-block-4655 {
    margin-bottom: 10px;
  }

  .div-block-4655.l {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .use-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .use-icon.before-after {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 22px;
    margin-right: 16px;
  }

  .t-slide-2 {
    width: 95%;
    max-width: none;
  }

  .slide-nav-4 {
    display: none;
  }

  .slider-4 {
    padding-left: 50px;
  }

  .slider-4.buck {
    min-height: 370px;
  }

  .icon-8 {
    font-size: 70%;
  }

  .left-arrow-5, .right-arrow-5 {
    width: 50px;
    height: 50px;
  }

  .heading-12 {
    font-size: 30px;
    line-height: 42px;
  }

  .div-block-7412 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-7414 {
    margin-top: 0;
  }

  .two-col-content {
    width: 100%;
    min-height: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .two-col-content.flex, .two-col-content.flex-copy {
    flex-flow: column;
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-16.submit {
    width: 100%;
    min-width: 0;
  }

  .button-16.m {
    font-size: 14px;
  }

  .list-3 {
    padding-left: 32px;
  }

  .roadmap-wrapper {
    width: 100%;
    padding-left: 30px;
    padding-right: 10px;
  }

  .roadmap-item {
    height: auto;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .div-block-7419 {
    justify-content: flex-start;
    align-items: center;
  }

  .roadmap-dot {
    top: 42%;
  }

  .heading-sm {
    font-size: 48px;
    line-height: 60px;
  }

  .stacked-card {
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    height: auto;
  }

  .stacked-card.flex {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
  }

  .stacked-card._2 {
    min-height: 0;
  }

  .stacked-card-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    max-width: none;
    height: auto;
  }

  .div-block-7428 {
    width: 100%;
    padding-right: 0;
  }

  .div-block-7429 {
    flex-flow: column;
  }

  .wide-content {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-copy {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .form-points {
    width: 100%;
    max-width: 600px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-wrapper {
    width: 95%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
  }

  .card-content-holder {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .card-content-holder.front {
    padding-top: 100px;
  }

  .card-line-item.result {
    justify-content: flex-start;
    align-items: center;
  }

  .flipcard-wrapper {
    width: 95%;
    max-width: 640px;
    height: 440px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .flipcard-more {
    position: relative;
    top: 20px;
    bottom: 0;
  }

  .flipcard-less {
    position: relative;
    bottom: 0;
  }

  .div-block-7428-copy {
    width: 94%;
    max-width: 600px;
    padding-right: 0;
  }

  .call-out {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .img-holder, .img-action-mobile {
    width: 92%;
    min-width: 480px;
  }

  .two-col-content-copy {
    width: 100%;
    min-height: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .two-col-content-copy.narrow {
    padding-left: 30px;
    padding-right: 30px;
  }

  .dash-img {
    width: 92%;
    min-width: 480px;
  }

  .task-item {
    min-width: 200px;
    top: 18%;
  }

  .task-item._2 {
    top: 49%;
    left: 3%;
  }

  .task-item._3 {
    top: 86%;
    left: 51%;
  }

  .image-188 {
    width: 20px;
  }

  .task-label {
    font-size: 11px;
    font-weight: 500;
    line-height: 15px;
  }

  .pointer-line {
    display: none;
  }

  .heading-white {
    font-size: 28px;
    line-height: 40px;
  }

  .case-study-block {
    padding-top: 40px;
  }

  .div-block-7441 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-black {
    font-size: 24px;
    line-height: 36px;
  }

  .paragraph-4 {
    text-align: left;
}

  .paragraph-4.large {
    font-size: 20px;
    line-height: 30px;
  }

  .paragraph-4.s {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}

  .paragraph-4.large-line {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

  .case-testimonial {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-testimonial {
    font-size: 24px;
    line-height: 36px;
  }

  .heading-testimonial.w {
    font-size: 20px;
    line-height: 32px;
  }

  .text-16 {
    font-size: 15px;
  }

  .login-header {
    height: 100px;
  }

  .image-20 {
    width: 50%;
  }

  .div-block-433 {
    width: auto;
  }

  .centered-box {
    margin-top: 40px;
  }

  .submit-button-holder-4 {
    justify-content: center;
  }

  .inputfield, .inputfield-2 {
    width: 100%;
    display: inline-block;
  }

  .text-24 {
    font-size: 22px;
  }

  .modalcontent-5 {
    width: 90%;
    max-width: 560px;
  }

  .logo-holder {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-hero-light {
    min-height: 600px;
  }

  .section-hero-light.inner {
    min-height: 800px;
    padding-top: 80px;
  }

  .section-hero-light.inner.explorer {
    padding-top: 80px;
  }

  .section-hero-light._2 {
    padding-top: 60px;
    padding-bottom: 80px;
    text-align: left;
}

  .section-hero-light.hero {
    min-height: 0;
    padding-bottom: 40px;
  }

  .section-hero-light.bottom {
    min-height: 0;
  }

  .div-block-7446 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-image {
    aspect-ratio: 3 / 2;
    object-fit: fill;
    background-position: 50% 100%;
    width: 60%;
    min-height: 0;
    margin-top: 20px;
  }

  .two-col-content-copy-copy {
    width: 100%;
    min-height: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }

  ._2-col-content {
    flex-flow: column;
  }

  ._2-col-content.join {
    flex-flow: row;
  }

  ._2-col-content.download {
    margin-top: 60px;
    padding: 30px;
  }

  .h2-dark {
    font-size: 32px;
    line-height: 42px;
  }

  .blue-label {
    font-size: 14px;
  }

  .col-50.blue {
    padding-left: 30px;
    padding-right: 30px;
  }

  .h2-white {
    font-size: 32px;
    line-height: 42px;
  }

  .div-block-7411-copy, .div-block-4705-copy {
    width: 100%;
  }

  .div-block-7450 {
    text-align: center;
  }

  .div-block-7458 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph-5.s {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-5.large {
    font-size: 20px;
    line-height: 30px;
  }

  .div-block-7465 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph-6 {
    color: #c0ccf7;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }

  .paragraph-6.s {
    font-weight: 400;
    line-height: 26px;
  }

  .div-block-7469 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-7470.right {
    text-align: center;
    order: -9999;
    width: auto;
    min-width: 200px;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .image-202 {
    width: 180px;
  }

  .div-block-7473 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph-7 {
    color: #c0ccf7;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }

  .paragraph-7.s {
    font-weight: 400;
    line-height: 26px;
  }

  .paragraph-8 {
    text-align: center;
  }

  .paragraph-8.s {
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-8.large {
    font-size: 20px;
    line-height: 30px;
  }

  .paragraph-9 {
    color: #c0ccf7;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
  }

  .paragraph-9.s {
    font-weight: 400;
    line-height: 26px;
  }

  .div-block-7473-copy {
    text-align: center;
    flex-flow: column;
    width: 90%;
    margin-top: -100px;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .join-fc-content-block {
    padding-top: 40px;
  }

  .div-block-7478 {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .icon-holder-2 {
    margin-right: 20px;
  }

  .icon-holder-2.rm.check {
    background-size: 20px;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .icon-holder-2.library, .icon-holder-2.programs {
    margin-bottom: 20px;
  }

  .div-block-7414-copy {
    margin-top: 0;
  }

  .h3-navy {
    font-size: 18px;
    line-height: 28px;
  }

  .h3-navy.left {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 42px;
    line-height: 54px;
  }

  h2 {
    font-size: 38px;
    line-height: 48px;
  }

  .section-copy {
    width: auto;
    padding-left: 0;
  }

  .link-block {
    width: 120px;
    margin-top: 0;
  }

  .fc-header {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-links {
    padding-top: 30px;
  }

  .footer-text {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .hero-angle-block {
    top: -931px;
  }

  .waitlist-form-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image {
    margin-bottom: 40px;
  }

  .content-section {
    min-height: 540px;
    padding-bottom: 60px;
  }

  .content-section.demo {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-section.charts {
    background-position: 0 0, 50% 15%;
    min-height: 600px;
  }

  .content-section.yellow {
    background-position: 50% 15%;
  }

  .content-section.services {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-section.java {
    background-image: linear-gradient(to top, #222, #0000 96%), url('../images/java.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 1500px;
  }

  .content-section.center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-section.email-us {
    padding-left: 30px;
    padding-right: 30px;
  }

  .fc-logo {
    width: 130px;
  }

  .waitlist-form-input {
    font-size: 16px;
  }

  .heading-wrapper-copy {
    margin-bottom: 10px;
  }

  .section-content-wrapper {
    flex-direction: column;
  }

  .section-content-wrapper.center-copy {
    max-width: none;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-content-wrapper.service-hero {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-903 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .image-wrapper {
    margin-bottom: 10px;
  }

  .hero-section {
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-180 {
    width: 40px;
  }

  .textarea-5-copy {
    font-size: 15px;
  }

  .navbar {
    position: absolute;
  }

  .navbar.secondary {
    align-items: center;
    display: flex;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }

  .nav-menu {
    background-color: #142a52;
    align-items: stretch;
  }

  .container {
    justify-content: flex-end;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
    display: flex;
  }

  .div-block-917 {
    max-width: none;
  }

  .button-3 {
    min-width: 0;
    line-height: 18px;
  }

  .button-3.big-outline {
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .title-link {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
  }

  .item-image-wrapper-3 {
    width: 100%;
    min-width: 0;
    height: 240px;
  }

  .blog-snippet-2 {
    width: auto;
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .title-h4-2 {
    font-size: 20px;
    line-height: 26px;
  }

  .topic-tag-wrapper {
    background-color: #f7f7f7;
    padding: 20px;
  }

  .title-h3-3 {
    font-size: 22px;
    line-height: 26px;
  }

  .blog-snippet-grid-wrapper-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .content-tag-2 {
    display: inline-block;
  }

  .featured-item-button-wrapper-2 {
    width: 100%;
  }

  .content-section-2.vertical.blog {
    padding-left: 15px;
    padding-right: 15px;
  }

  .logo-header {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-1070 {
    padding-left: 0;
  }

  .nav-holder {
    z-index: 12;
  }

  .menu-button {
    margin-left: 10px;
    padding: 5px;
  }

  .menu-button.w--open {
    filter: invert();
    background-color: #0000;
  }

  .icon {
    filter: invert();
    font-size: 34px;
    line-height: 34px;
  }

  .sf-52 {
    font-size: 12px;
    line-height: 18px;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .plan-tile-3 {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .matched-2 {
    font-size: 15px;
  }

  .sf-124 {
    font-size: 12px;
    line-height: 18px;
  }

  .post-header-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rte-toggle {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .sf-90 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-90.white.center {
    font-size: 16px;
  }

  .sf-15-med-4 {
    font-size: 15px;
  }

  .lead-gen-toggle-wrapper {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .action-button-4 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-122 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-122.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-109 {
    font-size: 12px;
    line-height: 18px;
  }

  .result-row-5 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-15-med-5 {
    font-size: 15px;
  }

  .submit-button-small-7 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-68 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-68.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .action-button-6, .action-button-10 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .plan-tile-preview-2 {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    max-width: 400px;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .result-row {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-editor-modal-3 {
    width: 100%;
  }

  .social-label {
    font-size: 15px;
  }

  .sf-91 {
    font-size: 14px;
    line-height: 18px;
  }

  .loading-row {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-message-2 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-93 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-72 {
    font-size: 14px;
    line-height: 18px;
  }

  .button-select-plan-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .empty-preview-message-3 {
    font-size: 12px;
    line-height: 18px;
  }

  .apply-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .action-button-2 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .search-wrapper-6 {
    display: block;
  }

  .sf-60 {
    font-size: 15px;
  }

  .submit-button-xs {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-76-copy {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-87 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-87.semi {
    font-weight: 400;
  }

  .unmatched-2 {
    font-size: 15px;
  }

  .plans-wrapper {
    align-items: center;
    display: flex;
  }

  .unmatched-3 {
    font-size: 15px;
  }

  .result-row-4 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-header-copy-2 {
    font-size: 22px;
    line-height: 24px;
  }

  .sf-76-copy-copy {
    font-size: 12px;
    line-height: 16px;
  }

  .h3-dark {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark.left {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .sf-14-regular {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-13 {
    font-size: 12px;
    line-height: 18px;
  }

  .unmatched {
    font-size: 15px;
  }

  .sf-123 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-123.semi {
    font-weight: 400;
  }

  .sf-15-med-3, .matched {
    font-size: 15px;
  }

  .sf-14-regular-2 {
    font-size: 13px;
    line-height: 18px;
  }

  .post-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-select-plan-4 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-96 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-96.white {
    color: #ffffffd6;
    display: block;
  }

  .empty-preview-message-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .site-image-default.small {
    width: 80%;
  }

  .blog-title-wrapper-2 {
    margin-bottom: 20px;
  }

  .blog-title-text-wrapper {
    font-size: 28px;
    line-height: 34px;
  }

  .section-layout-wrapper {
    padding: 6px;
  }

  .section-layout-wrapper.article-cta {
    padding: 10px;
  }

  .section-layout-wrapper.article {
    padding: 0;
  }

  .blog-title {
    font-size: 28px;
    line-height: 34px;
  }

  .button-element-wrapper {
    display: block;
  }

  .column-wrapper {
    text-align: center;
    width: auto;
  }

  .column-wrapper.blog-cta {
    max-width: none;
    padding: 10px;
  }

  .heading-4 {
    font-size: 30px;
    line-height: 38px;
  }

  .hero-text-wrapper {
    margin-bottom: 10px;
  }

  .div-block-1073 {
    padding-top: 20px;
  }

  .content-block {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-4 {
    justify-content: flex-start;
    padding-right: 5px;
  }

  .icon-4:active {
    color: #7a7a7a;
  }

  .brand-link-block {
    padding-left: 10px;
  }

  .brand-link-block.w--current {
    padding-left: 4px;
  }

  .nav-link-5 {
    padding-left: 30px;
  }

  .nav-link-5.contact {
    margin-left: 40px;
  }

  .case-study-img {
    min-height: 200px;
    padding: 30px 20px;
  }

  .case-study-img._2 {
    background-image: linear-gradient(168deg, #000000bf, #0000007d 49%, #00000005 100%, #0000), url('../images/patient.jpg');
    background-position: 0 0, 50% 70%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .case-study-img.labor {
    background-size: auto, cover, auto;
  }

  .case-study-img.pdf {
    background-image: linear-gradient(145deg, #000825eb, #00104157), url('../images/census.png'), linear-gradient(#0000, #0000);
    background-position: 0 0, 50% 40%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, auto, auto;
  }

  .case-study-img.referrals {
    background-image: linear-gradient(340deg, #44a8fa70, #050e55 89%, #061057fc), url('../images/referrals.png');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 700px;
  }

  .case-study-img.bi {
    background-position: 0 0, 50%;
  }

  .case-study-img.referrals-copy {
    background-image: linear-gradient(340deg, #44a8fa70, #050e55 89%, #061057fc), url('../images/referrals.png');
    background-position: 0 0, 0%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 700px;
  }

  .case-study-img.pdf-copy {
    background-image: linear-gradient(145deg, #000825eb, #00104157), url('../images/census.png'), linear-gradient(#0000, #0000);
    background-position: 0 0, 50% 40%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, auto, auto;
  }

  .case-study-img.bi-copy {
    background-position: 0 0, 50%;
  }

  .div-block-1076 {
    padding-left: 10px;
    padding-right: 20px;
  }

  .icon-5:active {
    color: #7a7a7a;
  }

  .section-hero.inner {
    min-height: 80vh;
  }

  .section-hero.inner.df {
    padding-bottom: 60px;
  }

  .section-hero.inner.explorer {
    background-image: linear-gradient(343deg, #01060e 50%, #004774);
  }

  .section-hero.inner.toast {
    background-image: linear-gradient(343deg, #01060e 50%, #004774);
    padding-bottom: 60px;
  }

  .section-hero.home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-4 {
    margin-left: -2px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-4.large {
    font-size: 15px;
  }

  .button-4.large.ai {
    background-size: 22px;
    height: auto;
    min-height: 44px;
    padding-left: 30px;
    padding-right: 15px;
    line-height: 18px;
  }

  .header-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-content.padding {
    margin-top: 40px;
  }

  .header-content.bottom {
    padding-bottom: 10px;
  }

  .header-content.quote {
    min-width: 0;
    padding: 20px 15px 0;
  }

  .header-content.middle {
    padding-bottom: 10px;
  }

  .header-content.padding2 {
    margin-top: 40px;
  }

  .paragraph-3.s {
    font-size: 15px;
    font-weight: 400;
  }

  .paragraph-3.xs-color {
    line-height: 18px;
  }

  .paragraph-3.xs {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
  }

  .img-overlay.waves, .img-overlay.foundation {
    background-image: linear-gradient(#fff0, #05162a 79%), url('../images/bg-waves.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .section-content {
    padding-top: 20px;
  }

  .card-section {
    padding-bottom: 10px;
  }

  .card-section._2 {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card-section.vertical {
    padding-bottom: 20px;
  }

  .card-section._2-copy {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .card-section.roi {
    flex-flow: column;
  }

  .card {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .card._50 {
    text-align: left;
    flex-flow: column;
    width: 95%;
  }

  .card._50.action {
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    padding-top: 20px;
  }

  .card._50.yellow {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .card._40 {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .card._50-2 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card.red, .card.blue, .card.green {
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
  }

  .card.list {
    text-align: left;
    flex-flow: column;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card.list.action {
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    padding-top: 20px;
  }

  .icon-holder {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .icon-holder.rm {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .icon-holder.rm.check {
    margin-bottom: 20px;
  }

  .icon-holder.sm {
    margin-right: 14px;
  }

  .icon-holder.number {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .link-5 {
    font-size: 15px;
  }

  .section-content-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-content-2.integrity {
    background-position: 0 0, 100%;
  }

  .section-content-2.join {
    padding-top: 40px;
  }

  .heading-blue {
    font-size: 20px;
    line-height: 32px;
  }

  .div-block-4655.top {
    text-align: left;
  }

  .div-block-4655.center {
    padding-bottom: 10px;
  }

  .ail-avatar {
    width: 80px;
    height: 80px;
  }

  .footer-logo {
    width: 120px;
    margin-top: 0;
  }

  .t-slide-2 {
    min-width: 240px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .t-slide-2.w {
    padding-left: 35px;
    padding-right: 35px;
  }

  .review-title {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .slider-4 {
    padding-left: 20px;
    padding-right: 0;
  }

  .slider-4.buck {
    min-height: 410px;
  }

  .div-block-4698 {
    justify-content: flex-start;
    align-items: stretch;
  }

  .left-arrow-5 {
    background-image: none;
    width: 42px;
    height: 42px;
    margin-top: 0;
    top: 42%;
  }

  .right-arrow-5 {
    background-image: none;
    width: 42px;
    height: 42px;
    margin-top: 0;
    margin-bottom: 0;
    top: 42%;
  }

  .div-block-7412 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-7413 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .div-block-7414 {
    text-align: center;
  }

  .two-col-content {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .two-col-content.flex, .two-col-content.flex-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-16 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-16.large {
    font-size: 15px;
  }

  .button-16.large.white {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
  }

  .button-16.submit {
    font-size: 15px;
  }

  .image-185 {
    margin-right: 0;
  }

  .button-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .list-item {
    text-align: left;
    padding-left: 6px;
  }

  .list-item.sm {
    text-align: left;
  }

  .list-3 {
    padding-left: 32px;
  }

  .list-3.sm {
    margin-top: 20px;
  }

  .img-screenshot._2 {
    display: none;
  }

  .img-screenshot.studio {
    min-height: 300px;
  }

  .div-block-7418.right, .div-block-7418.right-copy {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .roadmap-item {
    height: auto;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-sm {
    font-size: 40px;
    line-height: 54px;
  }

  .div-block-7420 {
    margin-top: 20px;
    margin-left: 0;
  }

  .stacked-card {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 15px;
  }

  .stacked-card._2 {
    text-align: left;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-4651-copy {
    text-align: center;
  }

  .stacked-card-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tag-item {
    text-align: center;
    justify-content: center;
    width: 100%;
  }

  .div-block-7426 {
    align-self: flex-start;
  }

  .div-block-7427 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .div-block-7429 {
    padding-bottom: 10px;
  }

  .wide-content {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .form-points {
    max-width: none;
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-wrapper {
    width: 100%;
    max-width: none;
    padding: 30px 30px 50px;
  }

  .div-block-7432 {
    flex-flow: column;
    padding-bottom: 10px;
  }

  .div-block-7432._2 {
    padding-bottom: 5px;
  }

  .field-holder._50 {
    width: 100%;
    margin-bottom: 10px;
  }

  .textarea-20 {
    min-height: 100px;
  }

  .card-content-holder {
    justify-content: center;
    align-items: center;
    padding-top: 20px;
  }

  .card-content-holder.front {
    padding-top: 60px;
  }

  .card-content-holder.l {
    height: auto;
    padding-top: 0;
  }

  .card-content-holder.l.front {
    padding-top: 80px;
  }

  .card-line-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-line-item.result {
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .flipcard-wrapper {
    height: auto;
    min-height: 440px;
    max-height: 600px;
  }

  .flipcard-wrapper.l {
    min-height: 500px;
    max-height: 700px;
  }

  .flipcard-front {
    min-height: 440px;
  }

  .flipcard-front.l {
    min-height: 500px;
  }

  .flipcard-back {
    min-height: 440px;
  }

  .flipcard-back.l {
    height: auto;
    min-height: 500px;
  }

  .flipcard-less {
    margin-top: 0;
    top: 10px;
    bottom: 10px;
  }

  .navbar-4-copy {
    padding-right: 5px;
  }

  .div-block-7428-copy {
    width: 100%;
  }

  .call-out {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .img-holder, .img-action-mobile {
    min-width: 380px;
  }

  .two-col-content-copy {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .two-col-content-copy.narrow {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dash-img {
    aspect-ratio: auto;
    background-position: 0 0;
    background-size: cover;
    border: 1px #ffffff52;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 400px;
  }

  .dash-img._2 {
    background-image: url('../images/dash2.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-style: none;
  }

  .task-item {
    border-color: #ffffffab;
    border-radius: 6px;
    width: 45%;
    min-width: 200px;
    top: 10%;
    left: 22%;
  }

  .task-item._2 {
    top: 50%;
    left: 5%;
  }

  .task-item._3 {
    min-width: 180px;
    box-shadow: 1px 2px 12px -1px var(--white);
    display: none;
    inset: 52% 10% auto auto;
  }

  .div-block-7439 {
    border-radius: 6px;
    padding: 6px 6px 6px 5px;
  }

  .image-188 {
    width: 16px;
    margin-right: 4px;
  }

  .task-label {
    white-space: normal;
  }

  .text-span-56 {
    line-height: 10px;
  }

  .pointer-line {
    border-style: none none solid solid;
    display: block;
    top: 53%;
    left: 22%;
  }

  .pointer-line._2 {
    border-style: solid solid none none;
    top: 48px;
  }

  .heading-white {
    font-size: 22px;
    line-height: 32px;
  }

  .logo-case-study {
    width: 140px;
  }

  .logo-case-study._2 {
    width: 100px;
  }

  .heading-black, .heading-testimonial {
    font-size: 20px;
    line-height: 32px;
  }

  .case-study-thumb {
    background-position: 100%;
  }

  .form-block-3 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .image-20 {
    min-width: 200px;
  }

  .div-block-433 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .centered-box {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submit-button-holder-4 {
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modalclosediv {
    justify-content: flex-start;
  }

  .inputfield {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .form-5 {
    width: 440px;
  }

  .inputfield-2 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .update-button {
    width: 100%;
    min-width: 0;
    font-size: 16px;
  }

  .div-block-3016 {
    margin-right: 10px;
  }

  .text-24 {
    font-size: 20px;
  }

  .modalcontent-5 {
    width: 100%;
    overflow: visible;
  }

  .labelsmall {
    line-height: 20px;
  }

  .main-wrapper {
    padding: 10px 0 0;
  }

  .section-hero-light.inner {
    min-height: 80vh;
  }

  .section-hero-light.inner.df {
    padding-bottom: 60px;
  }

  .section-hero-light.inner.explorer {
    background-image: linear-gradient(343deg, #01060e 50%, #004774);
  }

  .section-hero-light.inner.toast {
    background-image: linear-gradient(343deg, #01060e 50%, #004774);
    padding-bottom: 60px;
  }

  .section-hero-light.home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-hero-light._2 {
    padding: 40px 10px 60px;
    text-align: left;
}

  .section-hero-light.hero {
    padding: 40px 10px 20px;
  }

  .section-hero-light.bottom {
    padding-top: 40px;
  }

  .div-block-7446 {
    flex-flow: column;
  }

  .round {
    font-size: 24px;
  }

  .div-block-7447 {
    padding: 6px 15px;
  }

  .side-image {
    width: 100%;
  }

  .two-col-content-copy-copy {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._2-col-content.join {
    flex-flow: column;
  }

  ._2-col-content.download {
    margin-top: 40px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-50.blue {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
  }

  .col-50.bash {
    aspect-ratio: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    width: 100%;
    display: block;
  }

  .image-192 {
    width: 55%;
  }

  .image-193 {
    width: 65%;
  }

  .div-block-7457 {
    margin-top: 20px;
    margin-left: 0;
  }

  .div-block-7461 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .div-block-7464 {
    margin-top: 20px;
    margin-left: 0;
  }

  .paragraph-6.s {
    font-size: 15px;
    font-weight: 400;
  }

  .div-block-7467 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .div-block-7472 {
    margin-top: 20px;
    margin-left: 0;
  }

  .paragraph-7.s {
    font-size: 15px;
    font-weight: 400;
  }

  .div-block-7474 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-7475 {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .paragraph-9.s {
    font-size: 15px;
    font-weight: 400;
  }

  .fc-logo2 {
    width: 200px;
  }

  .icon-holder-2 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .icon-holder-2.rm {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .icon-holder-2.rm.check {
    margin-bottom: 20px;
  }

  .icon-holder-2.sm {
    margin-right: 14px;
  }

  .icon-holder-2.number {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .div-block-7414-copy {
    text-align: center;
  }

  .h3-navy {
    font-size: 18px;
    line-height: 28px;
  }

  .h3-navy.left {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .image-205 {
    width: 160px;
  }

  .card_side.is-back {
    padding: 6rem 1.5rem 1.5rem;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .card_side.is-front, .card_side.is-back {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .card_cta-wrapper {
    inset: auto auto .5rem .5rem;
  }

  .card_cta-wrapper.is-back {
    bottom: 2rem;
    left: 1.5rem;
  }

  .card_traits-item {
    grid-column-gap: .5rem;
  }

  .card_traits {
    grid-row-gap: 1rem;
  }

  .card_traits-list {
    grid-column-gap: .5rem;
    grid-row-gap: 1rem;
  }

  .heading-type {
    font-size: .75rem;
  }

  .card_traits-icon-wrapper {
    display: none;
  }

  .card_wrapper {
    width: 19rem;
    height: 29.5rem;
  }

  .card-img {
    position: relative;
  }

  .card_main-text {
    margin-bottom: 1.5rem;
  }

  .card_stamp-wrapper {
    width: 4rem;
  }

  .card_cta-wrapper-2 {
    bottom: 10px;
    right: 15px;
  }

  .card_cta-2 {
    padding: 5px 9px;
    font-size: 10px;
  }
}


/* === imported via cross-tab paste === */
.section-content-wrapper.cta-2 { align-items: flex-start; }
.section-style-tab-content._3-2, .section-style-tab-content._2 { display: block; }
.button-4.large-2 { border-radius: 8px; min-width: 200px; height: 44px; padding-top: 12px; font-size: 16px; font-weight: 500; }
.button-4.large-2.ai { background-image: url("../images/ai.png"); background-position: 5px center; background-repeat: no-repeat; background-size: 24px; padding-left: 35px; padding-right: 20px; display: none; }
.header-content-2 { z-index: 2; color: rgb(255, 255, 255); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 800px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; display: flex; position: relative; }
.header-content-2.clark-2 { padding-bottom: 0px; }
.header-content-2.padding { margin-top: 80px; padding-bottom: 20px; }
.header-content-2.bottom { padding-top: 15px; padding-bottom: 15px; }
.header-content-2.quote { text-align: left; width: 84%; max-width: 1480px; margin-bottom: 40px; padding: 40px 40px 10px; display: block; }
.header-content-2.middle { padding-top: 60px; padding-bottom: 15px; }
.header-content-2.padding2 { padding-bottom: 20px; }
.paragraph-3-2 { color: rgb(169, 190, 236); font-size: 20px; font-weight: 400; line-height: 34px; }
.paragraph-3-2.s { font-size: 16px; line-height: 28px; }
.paragraph-3-2._14 { color: rgb(14, 162, 232); margin-bottom: 2px; font-size: 14px; font-weight: 400; line-height: 22px; }
.paragraph-3-2.xs-color { color: rgb(14, 162, 232); margin-bottom: 2px; font-size: 14px; font-weight: 600; line-height: 24px; }
.paragraph-3-2.xs { font-size: 14px; line-height: 22px; }
.paragraph-3-2.xs.w { color: rgb(226, 235, 255); }
.div-block-4651-2 { padding-top: 20px; padding-bottom: 20px; }
.section-content-3 { background-color: rgb(12, 20, 37); flex-flow: column; justify-content: flex-start; align-items: center; min-height: 400px; padding-top: 110px; padding-bottom: 90px; display: flex; position: relative; }
.section-content-3.ai { display: flex; }
.section-content-3.ai.hide { display: none; }
.section-content-3.cta-2 { background-color: rgb(13, 24, 49); padding-top: 80px; padding-bottom: 100px; display: flex; }
.section-content-3.t { background-image: linear-gradient(rgba(0, 20, 51, 0.93) 31%, rgba(1, 27, 92, 0.75)), url("../images/excel.png"); background-position: 0px 0px, 100% center; background-repeat: repeat, repeat; background-size: auto, contain; padding-top: 80px; }
.section-content-3.t-copy { background-image: linear-gradient(rgba(0, 20, 51, 0.93) 31%, rgba(1, 27, 92, 0.75)), url("../images/card-bg.png"); background-position: 0px 0px, 50% 85%; background-repeat: repeat, no-repeat; background-size: auto, cover; padding-top: 80px; }
.section-content-3.roi { background-color: rgb(13, 24, 49); padding-top: 40px; padding-bottom: 60px; display: flex; }
.section-content-3.studio { background-image: linear-gradient(122deg, rgb(10, 28, 70) 16%, rgb(21, 60, 107) 85%); }
.icon-holder._3-2 { background-image: url("../images/icon-rocket.png"); background-size: 34px; }
.text-span-52-2 { color: rgb(14, 162, 232); -webkit-text-fill-color: transparent; background-image: linear-gradient(114deg, rgb(141, 196, 255), rgb(14, 162, 232) 82%); background-clip: text; }
.text-span-52-2._3-2 { background-image: linear-gradient(114deg, rgb(14, 162, 232) 18%, rgb(160, 111, 255) 54%, rgb(198, 97, 248) 90%); font-weight: 500; }
.text-span-52-2._2 { background-image: linear-gradient(114deg, rgb(14, 162, 232), rgb(141, 196, 255) 93%); }
.button-16-2 { color: rgb(0, 0, 0); text-align: center; background-color: rgb(14, 162, 232); border-radius: 6px; height: 34px; padding-top: 7px; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; }
.button-16-2:hover { background-color: rgb(36, 180, 248); text-decoration: none; }
.button-16-2.large-2 { border-radius: 8px; min-width: 220px; height: 50px; padding-top: 14px; font-size: 16px; font-weight: 500; line-height: 22px; }
.button-16-2.large-2.reverse-2 { color: rgb(14, 162, 232); background-color: rgba(9, 15, 25, 0.29); border: 1px solid rgba(14, 162, 232, 0.79); height: 50px; padding-top: 14px; font-size: 16px; }
.button-16-2.large-2.reverse-2:hover { background-color: rgba(28, 40, 61, 0.68); }
.button-16-2.large-2.white { color: rgb(255, 255, 255); height: 60px; padding-top: 18px; padding-left: 20px; padding-right: 20px; font-size: 18px; }
.button-16-2.reverse-2 { color: rgb(14, 162, 232); background-color: rgba(13, 52, 73, 0.51); height: 38px; padding-top: 9px; font-size: 15px; }
.button-16-2.reverse-2:hover { color: rgb(85, 200, 255); background-color: rgba(13, 52, 73, 0.33); }
.button-16-2.demo { color: rgb(14, 162, 232); background-color: rgba(13, 52, 73, 0.51); height: 40px; padding-top: 10px; font-size: 14px; display: none; }
.button-16-2.demo:hover { color: rgb(68, 195, 255); background-color: rgba(13, 52, 73, 0.77); }
.button-16-2.submit { border-radius: 8px; min-width: 220px; height: 50px; padding-top: 12px; font-size: 16px; font-weight: 500; line-height: 22px; }
.button-16-2.m { color: rgb(255, 255, 255); height: auto; padding-top: 12px; padding-bottom: 12px; font-size: 15px; }
.button-16-2.buck { color: rgb(163, 208, 255); background-color: rgb(0, 57, 150); height: 40px; margin-top: 10px; padding-top: 10px; }
.button-16-2.buck:hover { background-color: rgb(0, 29, 75); }
.button-wrapper-2 { justify-content: flex-start; align-items: center; margin-top: 20px; display: flex; }
.div-block-7420-2 { margin-left: 15px; }
.task-item._3-2 { top: 61%; left: 75%; }
.pointer-line._3-2 { border-left-style: solid; border-right-style: none; height: 45px; top: 31px; left: -15%; right: auto; }
.paragraph-4.large-2 { margin-bottom: 0px; font-size: 24px; line-height: 36px; }
.text-span-59._3-2 { background-image: linear-gradient(114deg, rgb(14, 162, 232) 18%, rgb(160, 111, 255) 54%, rgb(198, 97, 248) 90%); font-weight: 500; }
.paragraph-5.large-2 { margin-bottom: 0px; font-size: 24px; line-height: 36px; }
.text-span-60._3-2 { background-image: linear-gradient(114deg, rgb(14, 162, 232) 18%, rgb(160, 111, 255) 54%, rgb(198, 97, 248) 90%); font-weight: 500; }
.text-span-61._3-2 { background-image: linear-gradient(114deg, rgb(14, 162, 232) 18%, rgb(160, 111, 255) 54%, rgb(198, 97, 248) 90%); font-weight: 500; }
.paragraph-8.large-2 { margin-bottom: 0px; font-size: 24px; line-height: 36px; }
.icon-holder-2._3-2 { background-image: url("../images/icon-rocket.png"); background-size: 34px; }
@media screen and (max-width: 991px) { .header-content-2 { width: auto; padding-left: 30px; padding-right: 30px; } }
@media screen and (max-width: 991px) { .header-content-2.quote { max-width: none; padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 991px) { .section-content-3.studio { padding-top: 80px; padding-bottom: 0px; } }
@media screen and (max-width: 991px) { .button-16-2.large-2, .button-16-2.submit { border: 1px solid rgb(14, 162, 232); } }
@media screen and (max-width: 991px) { .task-item._3-2 { width: auto; min-width: 270px; top: 57%; left: 64%; } }
@media screen and (max-width: 991px) { .pointer-line._3-2 { top: 35px; left: 70%; } }
@media screen and (max-width: 767px) { .header-content-2 { width: 100%; min-height: 160px; padding-left: 40px; padding-right: 40px; } }
@media screen and (max-width: 767px) { .header-content-2.bottom { min-height: 0px; } }
@media screen and (max-width: 767px) { .header-content-2.quote { width: 90%; margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .header-content-2.middle { min-height: 0px; } }
@media screen and (max-width: 767px) { .paragraph-3-2 { color: rgb(192, 204, 247); font-size: 18px; font-weight: 500; line-height: 28px; } }
@media screen and (max-width: 767px) { .paragraph-3-2.s { font-weight: 400; line-height: 26px; } }
@media screen and (max-width: 767px) { .paragraph-3-2.xs-color { font-size: 14px; } }
@media screen and (max-width: 767px) { .paragraph-3-2.xs { font-weight: 400; line-height: 26px; } }
@media screen and (max-width: 767px) { .section-content-3 { padding-top: 60px; padding-bottom: 40px; } }
@media screen and (max-width: 767px) { .section-content-3.cta-2 { padding-top: 40px; } }
@media screen and (max-width: 767px) { .section-content-3.roi { min-height: 0px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; } }
@media screen and (max-width: 767px) { .section-content-3.studio { padding-bottom: 0px; } }
@media screen and (max-width: 767px) { .button-16-2.submit { width: 100%; min-width: 0px; } }
@media screen and (max-width: 767px) { .button-16-2.m { font-size: 14px; } }
@media screen and (max-width: 767px) { .task-item._3-2 { top: 86%; left: 51%; } }
@media screen and (max-width: 767px) { .paragraph-4.large-2 { font-size: 20px; line-height: 30px; } }
@media screen and (max-width: 767px) { .paragraph-5.large-2 { font-size: 20px; line-height: 30px; } }
@media screen and (max-width: 767px) { .paragraph-8.large-2 { font-size: 20px; line-height: 30px; } }
@media screen and (max-width: 479px) { .button-4.large-2 { font-size: 15px; } }
@media screen and (max-width: 479px) { .button-4.large-2.ai { background-size: 22px; height: auto; min-height: 44px; padding-left: 30px; padding-right: 15px; line-height: 18px; } }
@media screen and (max-width: 479px) { .header-content-2 { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 479px) { .header-content-2.padding { margin-top: 40px; } }
@media screen and (max-width: 479px) { .header-content-2.bottom { padding-bottom: 10px; } }
@media screen and (max-width: 479px) { .header-content-2.quote { min-width: 0px; padding: 20px 15px 0px; } }
@media screen and (max-width: 479px) { .header-content-2.middle { padding-bottom: 10px; } }
@media screen and (max-width: 479px) { .header-content-2.padding2 { margin-top: 40px; } }
@media screen and (max-width: 479px) { .paragraph-3-2.s { font-size: 15px; font-weight: 400; } }
@media screen and (max-width: 479px) { .paragraph-3-2.xs-color { line-height: 18px; } }
@media screen and (max-width: 479px) { .paragraph-3-2.xs { font-size: 13px; font-weight: 400; line-height: 22px; } }
@media screen and (max-width: 479px) { .section-content-3 { padding-top: 20px; } }
@media screen and (max-width: 479px) { .button-16-2 { padding-left: 10px; padding-right: 10px; } }
@media screen and (max-width: 479px) { .button-16-2.large-2 { font-size: 15px; } }
@media screen and (max-width: 479px) { .button-16-2.large-2.white { padding-left: 12px; padding-right: 12px; font-size: 16px; } }
@media screen and (max-width: 479px) { .button-16-2.submit { font-size: 15px; } }
@media screen and (max-width: 479px) { .button-wrapper-2 { flex-flow: column; justify-content: center; align-items: center; margin-top: 10px; } }
@media screen and (max-width: 479px) { .div-block-7420-2 { margin-top: 20px; margin-left: 0px; } }
@media screen and (max-width: 479px) { .task-item._3-2 { min-width: 180px; box-shadow: 1px 2px 12px -1px var(--white); display: none; inset: 52% 10% auto auto; } }

.button-16.large.white.w-button {
    margin-left: 5px;
    margin-right: 5px;
}