body {
  background-color: #fff;
}


/* Search Bar */
.hs-search-field--open .hs-search-field__suggestions {border: none; margin-left: auto;width: 90%; max-width: 500px;}

.hs-search-field__suggestions li a {text-decoration: none;}

.hs-search-field__bar {margin: 0 0 50px auto;}

form input[type='text'].hs-search-field__input {background-color: #f4f4f5; color: #18181b; padding-left: 28px;}
form input[type='text'].hs-search-field__input::placeholder {color: #18181b;}

/* Flex Layout */

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

.blog-post-section {padding: 0!important; flex-basis: 620px;}

#hs_cos_wrapper_module_173533566494427 {flex-basis: 270px; margin-left:40px;}

@media screen and (max-width: 800px){
  .flex-container {display: flex; flex-direction: column; margin-left: 0px;}
  #hs_cos_wrapper_module_173533566494427 {margin:0 auto 15px;}

}


/* Callout cards */
.callout-card {
  margin: 5px 1% 5px 1%;
}

.callout-card-container {flex-basis: 200px;}

.callout-card__content h3 {font-size: 26px; margin-bottom: 8px;}
.callout-card__content p {font-size: 14px; color: rgba(239, 251, 253, 0.6); margin-bottom: 0px;}
.callout-card__content {padding: 5px 5px 5px 10px;}

div.callout-section {margin-bottom: 20px; display: flex; flex-direction: row;}

@media screen and (max-width: 650px){
  div.callout-section {flex-direction: column;}
  .callout-card-container {flex-basis: 90px;}
}

/* Key Insights  */
div.key-insights {margin: 40px 0;}
div.key-insights li, div.key-insights li span {color: #3f3f46;}
div.key-insights li span strong {color: #18181b;}



/* Headings */

article h1 > span {    margin-bottom: 24px;
    font-family: "Neo Grotesk", sans-serif;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 400;
color: #18181b;
}

article.blog-post h1 {
  margin: 0 auto 24px;
    max-width: 800px;
  background: none;
  color: #18181b;
  font-size: 44px;
}

p+h2, ul+h2, ol+h2 {margin-top: 30px;}

/* Image */

.case-study__image {border-radius: 25px; max-width: 640px; width: 100%;}
.case-study__image-wrapper {text-align: left; margin: 0 auto 15px;}

/* Blockquote */

blockquote {text-align: left;}
blockquote h2 {font-size: 2rem;}

@media screen and (max-width: 800px){
  blockquote h2 {font-size: 2rem;}

}

/* Social Sharing */
.social-sharing, .social-sharing:hover {text-decoration: none;}
.social-sharing__link, .social-sharing__link:hover {text-decoration:none;}

/* Tags */

.blog-post__tags {display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .15px;
    text-decoration: none;}

.blog-post__tag-link, .blog-post__tag-link:hover {
  text-decoration: none;
  padding: 2px 8px;
  border-radius: 2px;
  margin-right: 5px;
}

.blog-post__tag-link:nth-of-type(1){
    color:#18181B;
  background-color: #93F9EF;
}

.blog-post__tag-link:nth-of-type(2){
    color:#18181B;
  background-color: #BFF660;
}

.blog-post__tag-link:nth-of-type(3){
    color:#18181B;
  background-color: #D7F5A1;
}


/* Content */

.case-study img {
  height: auto;
  max-width: 100%;
}

.journal-rich-content {
    margin: 35px auto 0;
  max-width: 770px;
  color: #3f3f46;
}

.case-study__body strong {color: #18181b;}

.case-study__body p {
  color: #3f3f46;
}

.case-study__body a {
  color: #18181b; text-decoration: none; font-weight: 500;
}

.case-study__body, .blog-post__meta {max-width: 650px;}
.blog-post__meta {margin: 0 auto 20px;}
.case-study__body {margin: 25px 0;}


.journal-rich-content li, .case-study__body li {
margin: 3px 0px 9px;}

.journal-rich-content p, #hs_cos_wrapper_post_body p {font-family: Inter, sans-serif;}

.bt-table table td {padding: 10px; color: #e2e6ffa6;}
.bt-table table th {padding: 10px; color: #ffffff; font-weight: 600;}


.case-study__body li::marker {
    display: block;
    line-height: 12px;
    font-size: 17px;
}

.case-study__body li {color:#3f3f46;}

/* Code blocks */
span.hljs-string {color: rgb(241, 250, 140);}
span.hljs-built_in, span.hljs-title, span.hljs-variable, span.lt-blue-code {color: rgb(102, 216, 239);}
span.hljs-tag, span.light-pink {color: rgb(234, 168, 255);}
span.hljs-name, span.hljs-literal, span.green-code {color: rgb(80, 250, 123);} 
span.hljs-keyword, span.pink-code { color: rgb(255, 121, 198); font-style: italic;}
code.hljs {background: none; border: 0; color: #fff;}
span.hljs-attr {}
span.hljs-comment, span.gray-code {color:rgb(98, 114, 164);}
code.language-javascript {color: #fff;}
span.punctuation, span.white-yellow-code {color: rgb(248, 248, 242);}
div.w-embed pre {background-color: rgb(255,255,255,0.1); padding: 10px;}



/* Related Posts */
h3.blog-listing__post-title, .blog-listing__post-title-link, #hs_cos_wrapper_related_posts .blog-listing__post-title, #hs_cos_wrapper_related_posts .blog-listing__post-title-link
 {
margin-top: 0;
    margin-bottom: 1rem;
    color: #18181b;
    font-size: 1.7rem;
    line-height: 1.2;
  font-weight: regular;
    letter-spacing: -.05rem;
      font-family: "Neo Grotesk", sans-serif;
}




img.blog-listing__post-image {
  border-radius: 12px;
  max-height: 200px;
}

  .blog-listing--card .blog-listing__post-image-wrapper {display: none;}

/* Related Posts Date */

.blog-listing__post-timestamp {
  display: none;
font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3f3f46;
  letter-spacing: -0.2px;
  top: -10px;
    position: relative;
      left: 10px;
}

/* Form Subscribe */
#hs_cos_wrapper_module_168185337836515 {
      overflow: hidden;
  padding-top: 15px;
  margin: 0 auto 30px;
  max-width: 860px;
    border-radius: 1.5rem;
    /*background-color: #5869eb;
    background-image: linear-gradient(130deg,#5611d6 42%,#00d2ef);
    box-shadow: 0 30px 60px 0 rgba(1,1,3,.5);*/
}

#hs_cos_wrapper_widget_1679675137768_ > h2 {
font-size: 2.75rem;
margin-top: 13px;
text-align: center;}

@media screen and (max-width: 600px) {
#hs_cos_wrapper_widget_1679675137768_ > h2 {
  font-size: 2.2rem;}}


h3.form-title {
border: none;
  background: none;
  font-size: 20px;
  font-family:"Neo Grotesk", sans-serif;
  text-align: center;
}

@media screen and (max-width: 600px) {
  h3.form-title {padding-bottom: 5px;}
  #hs_cos_wrapper_module_168185337836515 {padding:15px 15px 0 15px;}}

form.hs-form {
  background: none;
  padding: 15px 0 0;
}
  
form input[type='submit'] {
background: none;
border: 1px solid #fff;
color: #fff;
}

form input[type='text']:focus, form input[type='email']:focus, form input[type='text']:focus-visible,
form input[type='email']:focus-visible, form input[type='tel']:focus, form input[type='tel']:focus-visible, select.blog-tag-filter__select:focus-visible {
    border-color: #1ad1db;
    outline-width: 0px;}
.input {margin-bottom: 10px;}
.hs-submit {display: inline-block; vertical-align: top;}
.hs-email {display: inline-block; padding-right: 20px;}

ul.hs-error-msgs > li {margin-bottom: 15px;}
ul.hs-error-msgs {margin-top: -10px; padding-left: 8px; margin-bottom: 0;}
label.hs-error-msg {
display: block;
    font-size: 12px;
    font-weight: 100;
    color: #F56C95;}
.form-title~div>form {text-align: center;}

.submitted-message {
    border: none;
    padding: 33px;
    background: none;
  text-align: center;
    border-radius: 9px;
}

/* Related Post Tags */

.blog-listing__post-tags {
  margin-bottom: 0.7rem;
  background-color: rgba(0, 210, 239, 0.1);
  border:1px solid rgba(0, 210, 239, 0.3);
  border-radius: 5px;
  border-radius: 5px;
    padding: 2px 8px;
  display: none;
    color: #00d3ef;
}

a.blog-listing__post-tag,
a.blog-listing__post-tag:hover,
a.blog-listing__post-tag:focus,
a.blog-listing__post-tag:active {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #00d3ef;
  font-family: Inter, sans-serif;
}

.blog-listing__post-summary .journal-rich-content {margin: 0 auto;}
.blog-listing__post-summary .journal-rich-content p, .blog-listing__post-summary * {
    font-size: 15px;
    line-height: 1.45;
}

.blog-listing__post-summary h2 {margin-bottom: 0;}

.blog-listing__post-button-wrapper {display: none;}


  .blog-post-section:nth-of-type(3) { padding: 25px 0;}


@media (max-width: 800px) {
  .bt-table table span, .bt-table table {font-size: 14px;}
}

@media screen and (max-width: 600px) {
  h1, h1 > span { font-size: 42px; line-height: 1.15;}
  h2 {font-size: 2.5rem;}
  h3 {font-size: 1.8rem;}
  .blog-post-section { padding: 35px 0;}
  figure {width: 100%; margin-inline-start: 0px; margin-inline-end: 0px;}
  .blog-post__tags {    margin: 0 auto;
    text-align: center;
    justify-content: center;}
  #hs_cos_wrapper_social_sharing {margin: 10px auto;}
  .blog-listing__header {margin-top: margin-top: 0.5rem;}
  .blog-listing__post-summary {margin-bottom: 0.2rem;}
  .blog-listing--card .blog-listing__post-image-wrapper {display: none;}
  article.blog-listing__post {margin-bottom: 0.5rem;}
  h3.blog-listing__post-title {font-size: 1.5rem;}
}