/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

@media (max-width: 991px) {
  html body .body-container {
    --header-height: 80px;
  }
}

.space-grotesk-<uniquifier> {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* CHIPS STYLES */


/* Font styles */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  letter-spacing: -.02em;
  font-variant: none;
}

h6,.h6,
h6,.h6 .h6 {
  font: normal 500 clamp(0.659rem, 0.594rem + 0.188vw, 0.705rem)/1.3 "Space Grotesk", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .5em;
}

h2.h5,
h2.h5 .h5,
h3.h5,
h3.h5 .h5{
  font: normal 400 clamp(1.005rem, 0.911rem + 0.300vw, 1.182rem)/1.2 "Space Grotesk", sans-serif !important;
  text-transform: none;
  letter-spacing: .05em;
}

:root {
  --h5-font-family: Inter;
  --h5-font: normal 500 font-size: clamp(1.125rem, 1.092rem + 0.175vw, 1.25rem)/1.25 var(--h5-font-family);
  --h5-transform: none;
}

.jumbo-max-width-1K-pixels .jumbo {
  max-width: 1000px;
}



.h1-max-width-1K-pixels .h1,
.h2-max-width-1K-pixels .h2,
.h3-max-width-1K-pixels .h3,
.h4-max-width-1K-pixels .h4 {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

.p-max-width-1K-pixels,
.p-max-width-1K-pixels p {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

sup {
  top: -.8em !important;
}
sub, sup {
  font-size: .5em !important;
}

/* Tuyin 07252024 */
.space-grotesk-font .mh-heading__heading .mh-heading__title {
  font-family: "Space Grotesk", sans-serif !important;
}
/* END Tuyin 07252024 */

/* END Heading styles */

/* Button styles */
.button {
  line-height: 1.3 !important;
}

.button--primary:hover {
  background: rgb(var(--color-tertiary), 1) !important;
}

.button-wrap.button-black-blue-arrow,
.button-wrap.button-white-white-arrow,
.button-wrap.button-white-blue-arrow {
  --buttons-gap-x: 0;
  --buttons-gap-y: 0;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled,
.button-wrap.button-white-white-arrow .button.button--unstyled,
.button-wrap.button-white-blue-arrow .button.button--unstyled {
  font-weight: 400;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow,
.button-wrap.button-black-blue-arrow:hover .button.button--unstyled.button--arrow,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow,
.button-wrap.button-white-white-arrow:hover .button.button--unstyled.button--arrow,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow,
.button-wrap.button-white-blue-arrow:hover .button.button--unstyled.button--arrow {
  margin: 0;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow .button__text {
  color: rgb(var(--color-black));
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow:hover .button__text {
  color: rgb(var(--color-primary));
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow:hover .button__text,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow:hover .button__text,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow:hover .button__text {
  transform: translateX(0) !important;
}

.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow:hover {
  color: rgb(var(--color-primary));
}

.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow:hover {
  color: rgb(var(--color-white));
  opacity: .9;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow {
  --arrow-width: 1em;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow {
  color: rgb(var(--color-primary));
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow:hover {
  color: rgb(var(--color-primary));
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow:before {
  background-color: rgb(var(--color-primary));
}

.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow:before {
  background-color: rgb(var(--color-white));
  opacity: .9;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow:after {
  border-color: rgb(var(--color-primary));
}

.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow:after {
  border-color: rgb(var(--color-white));
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:after {
  transition: all .1s ease-in-out;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--small.button--arrow .button__arrow:after {
  right: 1.7rem;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--normal.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--large.button--arrow .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--larger.button--arrow .button__arrow:after{
  right: 2.05rem;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--small.button--arrow:hover .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--small.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--small.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--small.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--small.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--small.button--arrow:hover .button__arrow:after {
  right: 1.55rem;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--normal.button--arrow:hover .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--normal.button--arrow:hover .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--larger.button--arrow:hover .button__arrow:before,
.button-wrap.button-black-blue-arrow .button.button--unstyled.button--larger.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--normal.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--normal.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--larger.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--larger.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--normal.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--normal.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--larger.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--larger.button--arrow:hover .button__arrow:after {
  right: 1.9rem;
}

.button-wrap.button-black-blue-arrow .button.button--unstyled.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-white-arrow .button.button--unstyled.button--arrow:hover .button__arrow:before,
.button-wrap.button-white-blue-arrow .button.button--unstyled.button--arrow:hover .button__arrow:before {
  transform: translateY(-50%) scaleX(1);
}

.button-with-border-icon-white .button--white {
  border: 1px solid #c5cae8;
}

.button--unstyled:hover {
  background: rgba(255, 255, 255, 0) !important;
}

.button--primary.button--unstyled:hover {
  color: rgb(var(--color-tertiary), 1) !important;
}

.footer-page-back-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  width: 48px;
  height: 48px;
  font-weight: 400;
  color: #181a27;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #c5cae8;
  cursor: pointer;
  border-radius: 100%;
}

.footer-page-back-button a:hover {
  border-color: #181a27;
}

/* Case studies links */
#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center,
.links-case-studies ul li {
  --buttons-gap-x: 0;
  --buttons-gap-y: 0;
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow {
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: rgb(var(--color-black));
  margin: 0;
  margin-left: calc(var(--buttons-gap-x) / -2);
  margin-right: calc(var(--buttons-gap-x) / -2);
  padding-right: calc(var(--arrow-width) + 26px + 1em);
  overflow: visible;
  --arrow-width: 1em;
  --buttons-gap-x: 0;
  --buttons-gap-y: 0;
  transition: all .1s ease-in-out;
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow:hover {
  color: rgb(var(--color-primary));
  --arrow-width: 1em;
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__text,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__text,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__text,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__text,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow .button__text {
  font-size: var(--btn-sm-font-size, .75rem);
  --btn-spacing-x: var(--btn-sm-spacing-x, 0.7rem);
  --btn-spacing-y: var(--btn-sm-spacing-y, 0.5em);
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__text,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__text,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__text,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__text,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow:hover .button__text {
  transform: translateX(0) !important;
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow:hover {
  color: rgb(var(--color-primary));
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:before,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:before,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:before,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:before,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow .button__arrow:before {
  right: 1.7rem;
  transition: all .1s ease-in-out;
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:after,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:after,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:after,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:after,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow .button__arrow:after {
  right: 1.7rem;
  transition: all .1s ease-in-out;
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:before,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow:hover .button__arrow:before {
  right: 1.55rem;
  transform: translateY(-50%) scaleX(1);
}

#mhbody_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
#hs_cos_wrapper_body_dnd_area_dynamic-module-56.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
#mhbody_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
#hs_cos_wrapper_body_dnd_area_dynamic-module-58.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:after,
.links-case-studies ul li .button.button--black.button--unstyled.button--large.button--arrow:hover .button__arrow:after {
  right: 1.55rem;
}
/* END Case studies links */

/* END Button styles */

/* Main navigation styles */
@media screen and (max-width: 991px) {
  .menu .menu-content .position ul li.mega-menu>a.link.megamenu:after {
    display: none !important;
  }
}
/* END Main navigation styles */

/* Video module styles */
.center-html5-video .mh-video__inner {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
/* END Video module styles */

/* Blog post meta styles */
.blog-post__meta {
  line-height: 1.4 !important;
}

.blog-posts--card .blog-post__meta {
  justify-content: flex-start;
  gap: 0;
}

.blog-posts--list .blog-post__meta {
  justify-content: flex-end;
}

.blog-posts.blog-posts--card .blog-post.blog-post--card .blog-post__meta .blog-post__readtime,
.blog-posts.blog-posts--card .blog-post.blog-post--card .blog-post__meta .blog-post__timestamp {
  justify-self: start;
}

.blog-posts.blog-posts--list .blog-post.blog-post--list .blog-post__meta .blog-post__readtime,
.blog-posts.blog-posts--list .blog-post.blog-post--list .blog-post__meta .blog-post__timestamp {
  align-self: end;
}

.featured-posts .blog-posts.blog-posts--list .blog-post.blog-post--list:has(.blog-post__image) .blog-post__meta {
  justify-content: flex-start;
  row-gap: .25em;
}

.featured-posts .blog-posts.blog-posts--list .blog-post.blog-post--list:has(.blog-post__image-wrapper .blog-post__image) .blog-post__meta .blog-post__readtime,
.featured-posts .blog-posts.blog-posts--list .blog-post.blog-post--list:has(.blog-post__image-wrapper .blog-post__image) .blog-post__meta .blog-post__timestamp {
  align-self: start;
}

.blog-post .post__body .post__container .post__author-box {
  display: none;
}
/* END Blog post meta styles */

/* Featured blog posts styles */
.featured-posts .blog-posts.blog-posts--card .blog-post.blog-post--card {
  padding: 0 !important;
}
/* END Featured blog posts styles */

/* Product pages CTA section */
.hs_cos_wrapper_type_module:has(#product-pages-CTA-section-bg-img) {
  overflow: hidden;
}

#product-pages-CTA-section-bg-img .bg__img {
  width: 45%;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  top: 0;
  bottom: auto;
  left: auto;
  right: -10%;
}

@media (max-width: 850px) {
  #product-pages-CTA-section-bg-img .bg__img {
    width: 75vw;
  }
}

@media (max-width: 767px) {
  #product-pages-CTA-section-bg-img .bg__img {
    width: auto;
    height: 135vw;
    max-width: none;
    top: 8vw;
    right: -60vw;
  }
}

#product-pages-CTA-section-bg-photo .bg__img {
  width: 40%;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
}

@media (max-width: 767px) {
  #product-pages-CTA-section-bg-photo .bg__img {
    display: none;
  }
}
/* END Product pages CTA section */

/* END Demo LP CTA section */
#demo-page-CTA-section {
  left: auto;
  right: -40vw;
}

#demo-page-CTA-section .bg__img {
  object-fit: contain;
}

@media (max-width: 767px) {
  #demo-page-CTA-section .bg__img {
    display: none;
  }
}
/* END Demo LP CTA section */

/* Full screen split section */

/* Sticky sub navbar module */
#hs_cos_wrapper_widget_1721426256637 .sticky-nav {
  background-color: rgba(245, 248, 253, 95%);
  border-radius: 8px;
}

#hs_cos_wrapper_widget_1721426256637 .sticky-nav__link.js-active,
#hs_cos_wrapper_widget_1721426256637 .sticky-nav__link:hover {
  border-bottom-width: 1px;
  border-color: #5c607a; 
}

@media (max-width: 1200px) {
  #hs_cos_wrapper_widget_1721426256637 .sticky-nav .sticky-nav__inner {
    overflow-x: visible;
    padding: 0 !important;
  }
}

@media (max-width: 899px) { 
  #hs_cos_wrapper_widget_1721426256637 .sticky-nav {
    margin-bottom: -1rem;
  }

  #hs_cos_wrapper_widget_1721426256637 .sticky-nav .sticky-nav__items {
    justify-content: space-around;
  }
}

@media (max-width: 599px) { 
  #hs_cos_wrapper_widget_1721426256637 .sticky-nav .sticky-nav__item:last-child {
    padding-right: 0;
  }

  #hs_cos_wrapper_widget_1721426256637 .sticky-nav .sticky-nav__link {
    font-size: 16px;
  }
}
/* END Sticky sub navbar module */

.full-screen-split-section-simple-menu {
  display: inline-block;
  position: absolute;
  top: 2rem;  
  padding: .35rem;
  border: 1px solid #181a27;
  border-radius: 100px;
}

.full-screen-split-section-simple-menu a {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  color: #181a27;
  min-width: 120px;
  margin-right: 1rem;
  padding: 10px 16px;
  background-color: #f5f8fe;
  border: 1px solid #181a27;
  border-radius: 50px;
  transition: .3s;
}

.full-screen-split-section-simple-menu a:last-child {
  margin-right: 0;
}

.full-screen-split-section-simple-menu a:hover {
  color: #fff;
  background-color: #181a27;
}

@media (max-width: 510px) {
  .full-screen-split-section-simple-menu {
    border-radius: 30px;
  }

  .full-screen-split-section-simple-menu a {  
    display: block;
    clear: both;
    min-width: 100px;
    margin-top: .5rem;
    margin-right: 0;
    padding: 8px 8px;
  }

  .full-screen-split-section-simple-menu a:first-child {  
    margin-top: 0;
  }
  .button--larger {
    padding: 16px 26px !important;
    font-size: 16px !important;
  }
}

.full-screen-split-section-back-to-menu {
  position: absolute;
  bottom: 2rem;  
}

.full-screen-split-section-back-to-menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 300;
  color: #181a27;
  width: 45px;
  height: 45px;
  padding-top: .35em;
  background-color: #f5f8fe;
  border: 1px solid #181a27;
  border-radius: 2rem;
  transition: .2s;
}

.full-screen-split-section-back-to-menu a:hover {
  transform: translateY(-.25rem);
}

.full-screen-split-section-simple-menu-anchor-tag {
  display: block;
  margin-top: -3rem;
}

#full-screen-split-section-bg-image .bg__img {
  width: 50vw;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  #hs_cos_wrapper_widget_1721426256637 .sticky-nav {
    width: calc(100% + 3rem);
  }
}

@media (max-width: 899px) {
  #hs_cos_wrapper_widget_1721426256637 .sticky-nav {
    width: calc(100% + 4.5rem);
  }
}



@media (max-width: 767px) {
  #hs_cos_wrapper_widget_1721426256637 .sticky-nav {
    width: 100%;
  }

  #full-screen-split-section-bg-image .bg__img {
    width: 100%;
    height: 42.5vh;
    top: auto;
    bottom: -4vh;
    left: auto;
    right: auto;
    background-position: 50%;
    background-size: 50%;
    object-fit: cover;
  }
}
/* END Full screen split section */

/* Cards module */
.row-fluid:has(.span12 .row-fluid-wrapper.row-depth-1 .row-fluid .span12 .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module .card-section.card-as-hero-banner) {
  padding-left: 0;
  padding-right: 0;
} 

.card-section.card-as-hero-banner .cards .card .card__content {
  max-width: 1000px;
  min-height: clamp(14rem, 7.826rem + 19.083vw, 24rem);
  margin: 0 auto;
}

.card-section.card-as-hero-banner .cards .card .bg,
.card-section.card-as-hero-banner .cards .card .bg__img {
  border-radius: 0;
}

.twin-cards-w-hover-state .cards .card .card__icon {
  width: auto;
  height: 40px;
  margin-bottom: 1rem !important;
}

.twin-cards-w-hover-state .cards .card .card__content:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 25px;
  width: 30px;
  height: 18.5px;
  background-image: url('/hubfs/403765/2024-Website/icons/icon-card-arrow.svg');
  background-size: 30px auto;
  background-repeat: no-repeat;
  transition: .2s;
}

.twin-cards-w-hover-state .cards .card:hover .card__content:after {
  right: 25px;
}

@media (max-width: 767px) {
  .twin-cards-w-hover-state .cards .card .card__content:after {
    top: 1.5rem;
    bottom: auto;
    right: 25px;
  }
}

.trending-topics .card__text {
min-height: 100px;
}


.trending-topics .card {
  border: none !important;
}

.small-card-title .card__title,
.normal-card-title .card__title,
.large-card-title .card__title {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-transform: var(--h4-transform);
  letter-spacing: -.02em;
}

.small-card-title .card__title {
  font-size: clamp(0.636rem, 0.429rem + 0.594vw, 0.818rem) !important;
  text-transform: none;
}

.normal-card-title .card__title {
  font-size: clamp(0.682rem, 0.423rem + 0.743vw, 0.909rem) !important;
  text-transform: none;
  min-height: 90px;
  font-size: 18px !important;
  line-height: 28px;
}

.large-card-title .card__title {
  font-size: clamp(0.818rem, 0.611rem + 0.594vw, 1rem) !important;
  text-transform: none;
}

.span12.widget-span.widget-type-cell:has(.row-fluid-wrapper.row-depth-1 .row-fluid .span12.widget-span.widget-type-custom_widget .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module #container-width-card-color-background) {
  border-radius: 8px;
  box-shadow: 0 0 28px rgba(0, 0, 0, .2);
}

.span12.widget-span.widget-type-cell:has(.row-fluid-wrapper.row-depth-1 .row-fluid .span12.widget-span.widget-type-custom_widget .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module #container-width-card-color-background) .row-fluid-wrapper.row-depth-1 {
  border-radius: 0 8px 8px 0;
}

.demo-LP-cards .card__content {
  overflow: hidden;
}

.demo-LP-cards .card__content .card__image {
  margin-bottom: 0;
}

.demo-LP-cards .card__content .card__icon {
  aspect-ratio: 30 / 1;
  object-fit: contain;
  width: calc(100% + var(--card-padding) + 20vh);
  max-width: none;
  height: auto;
  margin: 0 0 var(--card-padding) -12vh;
  padding: 0;
}

.demo-LP-cards .card__content .card__text ul {
  margin: 1em 0 1em 1em;
}

.demo-LP-cards .card__content .card__text ul li {
  margin: 1em 0;
}

.demo-LP-cards .cards .card:first-child .card__content .card__text ul li::marker {
  color: rgb(var(--color-primary));
}

.demo-LP-cards .cards .card:nth-child(2) .card__content .card__text ul li::marker {
  color: #03CFC2;
}

.demo-LP-cards .cards .card:last-child .card__content .card__text ul li::marker {
  color: #F0736B;
}

.card__title:not(.jumbo):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5) p {
  font-family: var(--body-font-family);
  font-size: var(--body-font-sm, .825rem);
  margin-bottom: 0;
}
/* END Cards module */

/* Fancy row module */
/*
.fancy-row-hero-section .fancy-row__img.bg__img--right-center {
object-fit: contain;
}

.fancy-row-hero-section .fancy-row__text .fancy-row__paragraph {
padding-top: 1rem;
border-top: 1px solid rgba(255, 255, 255, .3);
}

.fancy-row-hero-section .fancy-row__paragraph p {
line-height: 1.5;
}

@media (max-width: 799px) {
.fancy-row-hero-section .bg__img--right-center {
object-position: 100% 40vw;
width: 65%;
min-width: 1px;
min-height: 1px;
right: 0;
left: auto;
}
}

@media (max-width: 767px) {
.fancy-row-hero-section .bg__img--right-center {
object-position: 100% 100%;
right: 0;
width: 54vw;
top: auto;
bottom: -10vw;
}
}

@media (max-width: 540px) {
.fancy-row-hero-section {
justify-content: flex-start !important;
height: max(95vh, 500px) !important;
}

.fancy-row-hero-section .bg__img--right-center {
width: 100%;
bottom: -20vw;
}

.fancy-row-hero-section .container.relative {
padding-bottom: 3em;
padding-top: 1em;
}
}
*/
/* END Fancy row module */

/* Full page height hero section */
.hero-section-rich-text-w-border {
  border-top: 1px solid #C5CAE8;
  margin-right: clamp(0rem, -4.571rem + 13.095vw, 4rem);
}

#full-page-hero-section .bg__img {
  width: 48%;
  height: auto;
  min-width: 1px;
  min-height: 1px;
  top: 3rem;
  bottom: auto;
  left: auto;
  right: -1rem;
}

@media (max-width: 767px) {
  #full-page-hero-section .bg__img {
    width: 52%;
    top: auto;
    bottom: 0;
  }
}

@media (max-width: 500px) {
  #full-page-hero-section .bg__img {
    display: none;
  }
}
/* END Full page height hero section */

/* Product page hero section */
.hero-section-rich-text-no-padding p {
  margin-bottom: 0 !important;
}
/* END Product page hero section */

/* Product page video section */
.video-section-rich-text-no-padding p {
  margin-bottom: 0 !important;
}
/* END Product page video section */

/* Testimonials module */
.testimonials-row.testimonials-traditional-with-image {
  padding: 0;
}

.testimonials-row.testimonials-traditional-with-image .swipe-track__track {
  padding: 100px 0 70px;
}

.testimonials-traditional-with-image .testimonial__quote {
  font-size: var(--body-font);
}

.testimonials-traditional-with-image .testimonial__quote p {
  margin-top: 1.5rem;
  line-height: 1.5;
}

.testimonials-traditional-with-image .testimonial__citation {
  display: block;
}

.testimonials-traditional-with-image .testimonial__headshot {
  width: auto;
  height: auto;
  border-radius: 0;
}

.testimonials-traditional-with-image.logo-sm .testimonial-cell:first-child .testimonial__headshot {
  max-width: 110px;
}

.testimonials-traditional-with-image .testimonial__citation-text {
  display: block;
  margin-top: 1rem;
  font: var(--body-font);
  line-height: 1.25;
}

.testimonials-traditional-with-image .testimonial__person-details {
  margin-top: .5rem;
  font-size: .75em !important;
}

.testimonials-traditional-with-image .testimonial__icon {
  fill: rgba(255, 255, 255, 0) !important;
  background-image: url(/hubfs/403765/2024-Website/icons/icon-open-quote-blue.svg);
  background-repeat: no-repeat;
}

.testimonials-traditional-with-image .testimonial__icon:first-child {
  width: 40px;
  height: 40px;
  margin-left: 20px;
}

.testimonials-traditional-with-image .testimonial__icon:last-child {
  bottom: 0rem;
  height: 35px !important;
  width: 35px !important;
  visibility: hidden;
}

@media (max-width: 767px) {
  .testimonials-traditional-with-image .testimonial__icon:first-child {
    width: calc(50px - 5%);
    height: calc(50px - 5%);
    margin-left: 10px;
  }

  .testimonials-traditional-with-image .testimonial__icon:last-child {
    bottom: .75rem;
    height: calc(35px - 5%) !important;
    width: calc(35px - 5%) !important;
      visibility: hidden;

  }
}

/* TestimonialsV2 - custom case studies horizontal track slider */
.testimonial-cell--case-study .testimonial {
  padding: 0;
}

.testimonials-traditional-with-image .testimonial__icon:first-child {
  width: 50px;
  height: 50px;
  margin-left: 20px;
}

.testimonials-traditional-with-image .testimonial__icon:last-child {
  bottom: 0rem;
  height: 35px !important;
  width: 35px !important;
  visibility: hidden;
}

@media (min-width: 768px) {
  .testimonials-traditional-with-image .testimonial__icon:first-child {
    width: 50px;
    height: 50px;
    margin-left: 10px;
  }
  
  .swipe-track__item.testimonial-cell--case-study {
    flex: 0 0 90%;
  }
  
  .testimonial-cell--case-study .testimonial-cell__inner {
    padding: 0;
  }
  
  .testimonial-cell--case-study .testimonial {
    width: 100% !important;
  }
  
  .testimonial-cell--case-study .testimonial-cell__inner .testimonial__inner {
    padding: 2rem;
  }
  
  .testimonial-cell--case-study img.testimonial__image {
    border-radius: var(--card-radius) var(--card-radius) 0 0;
  }

  .testimonial-cell--case-study .testimonial.col {
    border-radius: var(--card-radius);
  }
}

@media (min-width: 900px) {
  .testimonial-cell--case-study img.testimonial__image {
    border-radius: var(--card-radius) 0 0 var(--card-radius);
  }
 @media (max-width: 750px) { 
  .testimonial-cell--case-study img.testimonial__image {
    height: 382px;
  }

  .testimonial-cell--case-study .testimonial.col {
    border-radius: var(--card-radius);
  }
}

@media (max-width: 1024px) {
  .swipe-track__item.testimonial-cell--case-study {
    flex: 0 0 80% !important;
  }
}

@media (max-width: 899px) {
  .testimonial-cell--case-study .testimonial.col {
    display: flex;
  }

  .testimonial-cell--case-study .testimonial__inner, img.testimonial__image {
    flex-grow: 1;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
  .testimonials-traditional-with-image .testimonial__icon:first-child {
    width: 50px;
    height: 50px;
    margin-left: 10px;
  }
  
  .swipe-track__item.testimonial-cell--case-study {
    flex: 0 0 90%;
  }
  
  .testimonial-cell--case-study .testimonial-cell__inner {
    width: 100%;
    padding: 0;
  }
  
  .testimonial-cell--case-study .testimonial-cell__inner .testimonial__inner {
    padding: 2rem;
  }
  
  .testimonial-cell--case-study img.testimonial__image {
    border-radius: var(--card-radius) var(--card-radius) 0 0;
  }
  
  .testimonial-cell--case-study .testimonial.col {
    width: 100% !important;
    height: 100% !important;
    border-radius: var(--card-radius);
  }
}

@media (max-width: 540px) {
  .testimonials-traditional-with-image .testimonial__icon:first-child {
    width: 40px;
    height: 40px;
  }
  
  .testimonial-cell--case-study .testimonial-cell__inner .testimonial__inner {
    padding: 1rem;
    padding-top: 2rem;
  }
}
/* END TestimonialsV2 - custom case studies horizontal track slider */

/* Case studies article (dynamic) page */
#hs_cos_wrapper_body_dnd_area_dynamic-module-51 .icon-module,
#hs_cos_wrapper_body_dnd_area_dynamic-module-49 .icon-module {
  border-radius: 0 !important;
  max-width: 40px !important;
}
/* Case studies article (dynamic) page */

/* END Testimonials module */


.request-demo input[type=button]{
  background-color: #f5f8fa !important;
}

/* List (simple) module */

.list-simple-custom-styles-demo li+li{
  margin-top:25px !important;
}
.icon-list.list-simple-custom-styles-dark  li {
  line-height: 1.5;
}

.icon-list.list-simple-custom-styles-dark .icon-list__item {
  font-size: var(--body-font-sm, .825rem);
}

.icon-list.list-simple-custom-styles-dark .icon-list__icon {
  margin-top: .2em;
  background: #fff;
  border-radius: 100%;
}

.icon-list.list-simple-custom-styles-light  li {
  line-height: 1.5;
}

.icon-list.list-simple-custom-styles-light .icon-list__item {
  font-size: var(--body-font-sm, .825rem);
}

.icon-list.list-simple-custom-styles-light .icon-list__icon {
  margin-top: .2em;
  fill: #e0eeff;
  background: #2d96ff;
  border-radius: 100%;
}

.icon-list.demo-LP-list-simple {
  margin-top: 1rem;
}

.icon-list.demo-LP-list-simple .icon-list__item img {
  visibility: hidden;
}

.icon-list.demo-LP-list-simple .icon-list__item img:last-child {
  visibility: visible;
  width: auto;
  height: 20px;
}

.icon-list.demo-LP-list-simple-guest-author .icon-list__item {
  white-space: nowrap;
  float: right;
}

@media (max-width: 767px) {
  .adv-img.image-demo-page-testimonials-logo .adv-img__inner {
    overflow: visible;
  }

  .adv-img.image-demo-page-testimonials-logo,
  .adv-img.image-demo-page-testimonials-logo .adv-img__image {
    max-width: none !important;
    margin: 0 !important;
    margin-left: calc(var(--il-icon-size, 1em)* 1.1) !important;
  }

  .icon-list.demo-LP-list-simple-guest-author {
    margin-left: calc(var(--il-icon-size, 1em)* 1.6);
  }

  .icon-list.demo-LP-list-simple-guest-author .icon-list__item {
    float: none;
  }
}
/* END List (simple) module */

/* List (fancy) module */
.list-fancy-brand-icons li.h1,
.list-fancy-brand-icons li.h2,
.list-fancy-brand-icons li.h3,
.list-fancy-brand-icons li.h4,
.list-fancy-brand-icons li.h5 {
  font-weight: 400;
}

.list-fancy-brand-icons li.h4,
.list-fancy-brand-icons li.h5 {
  line-height: 1.5;
}
/* END List (fancy) module */


.product-accordion .accordion__toggler {
  font-size: 24px;
  font-weight: 400;
}

/* Accordion module */
.accordion-with-drop-shadow {
  box-shadow: 0 0 28px rgba(24, 26, 39, .08);
}

.accordion-with-drop-shadow .accordion.accordion--theme-carded {
  border: none;
  border-radius: 8px;
}

.accordion-with-drop-shadow .accordion__toggler .accordion__icon.accordion__icon--plus {
  color: rgb(var(--color-primary));
  min-width: 25px;
}

.accordion-with-drop-shadow .accordion__toggler .accordion__title {
  font-size: 20px;
  font-weight: 400;
}

.accordion-with-drop-shadow .accordion__title span {
  font-size: var(--body-font-sm, .825rem);
  color: #5c607a;
}

.accordion-with-drop-shadow .accordion__panel-inner.widget-type-rich_text p {
  font-size: var(--body-font-sm, .825rem);
}

.accordion-with-drop-shadow .accordion__panel-inner.widget-type-rich_text p img {
  border-radius: 8px;
}

.accordion-qtrly-release-page .accordion--theme-carded {
  border: none;
}

.cell_1744735387604-row-1-background-layers {
  border-radius: 20px !important;
}

.accordion-qtrly-release-page .accordion__toggler .accordion__icon.accordion__icon--plus {
  color: rgb(var(--color-primary));
  min-width: 25px;
}

.accordion-qtrly-release-page .accordion__toggler .accordion__title {
  font-size: clamp(0.818rem, 0.674rem + 0.528vw, 0.955rem);
  font-weight: 400;
}

.accordion-qtrly-release-page .accordion__panel-inner.widget-type-rich_text ul li {
  font-size: var(--body-font-sm, .825rem);
  padding-left: 1rem;
}

.accordion-qtrly-release-page .accordion__panel-inner.widget-type-rich_text p {
  font-size: var(--body-font-sm, .825rem);
}
/* END Accordion module */

/*Beyond4 2026 */
.page-beyond4---pre-registration .widget-type-form, form.hs-form {
  background: transparent !important;
}
/* Stat counter module */
.olo-stat-counter-static {
  max-width: 260px;
  margin: 0 auto;
}

.olo-stat-counter-static .stat-counter__stat {
  font-family: "Space Grotesk", sans-serif;
  font-size: 56px !important;
  font-weight: bold !important;
  line-height: 1;
  letter-spacing: -.02em;
  color: #0071ef;
}

.olo-stat-counter-static .stat-counter__title {
  font-size: 16px;
}

.olo-stat-counter-static-white .stat-counter__stat {
  font-family: "Space Grotesk", sans-serif;
  font-size: 56px !important;
  font-weight: bold !important;
  line-height: 1;
  letter-spacing: -.02em;
  color: #ffffff;
}
/* END Stat counter module */

/* Global footer styles */
.footer .hs-menu-depth-1:before {
  display: none;
}

.footer .hs-menu-item a {
  color: rgb(var(--color-white));
  padding-left: 0;
}

.footer .hs-menu-item a:hover {
  color: rgb(var(--color-primary));
  padding-left: 0;
  opacity: 1;
}

.footer .col .social-links svg, .row .social-links svg {
  fill: rgb(var(--color-white)) !important;
}

.footer .social-link {
  border: 1px solid rgb(var(--color-white));
}
/* END Global footer styles */

/* DEI page */

/* Cards module */
.DEI-page-horizontal-card-layout .card__icon {
  object-fit: cover;
  width: auto;
  height: 70px;
}

@media (min-width: 901px) {
  .DEI-page-horizontal-card-layout .card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .DEI-page-horizontal-card-layout .card__content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .DEI-page-horizontal-card-layout .card__icon {
    position: absolute;
    left: 2rem;
    margin-bottom: 0;
  }

  .DEI-page-horizontal-card-layout .card__title {
    max-width: 50%;
    margin-left: 2rem;   
  }
}

.DEI-page-horizontal-card-layout .card__icon {
  margin-bottom: 1rem;
}

@media (max-width: 540px) {
  .DEI-page-horizontal-card-layout .card__icon {
    height: 50px;
  }
}
/* END Cards module */

.list-fancy-brand-icons .h3 {
  font-size: 30px;
}

.DEI-hero-section-title .jumbo {
  display: block;
  max-width: 900px;
  margin: 0 auto;
}

.DEI-page-citation-text p {
  font-size: .8em;
  line-height: 1.4; 
}

section.pricing-calculator .pricing-wrapper .circle .number {
  font-size: 4vw !important;
}
/* END DEI page */

/* HS form styles */

.page-the-olo-feed .hsfc-NavigationRow__Buttons {
  justify-content: center !important;
}

/* New Hubspot Form Builder */
[data-hsfc-id=Renderer] .hsfc-DropdownOptions__List__ListItem {
  font-size: 14px;
}

[data-hsfc-id=Renderer] .hsfc-ErrorAlert {
  font-size: 14px !important;
}

/* Forms with transparent backgrounds */
.page-restaurant-buyer-s-guide--olo-built- .widget-type-form {
  background: transparent;
}

.page--ebook--payments-playbook .widget-type-form, form.hs-form {
  background: transparent !important;
}


.page--ebook--payments-playbook .form.hs-form {
  background: transparent !important;
}
  
.page--on-demandwebinar--key-strategies-for-building-a-profitable-catering-program .widget-type-form {
  background: transparent;
}



.page--webinar--emerging-restaurant-trends-you-need-to-know-for-2025 .widget-type-form {
  background: transparent;
}

.page-buyer-s-guide--olo-built- .widget-type-form {
  background: transparent;
}

.page-guest-lifetime-value-ebook .widget-type-form {
  background: transparent;
}
/* END Form with transparnet background */

.page-8-0-lp-request-a-demo .widget-type-form .hs-richtext.hs-main-font-element .form-rt-no-highlight {
  font-size: 14px;
  line-height: 1.2;
}

.page-8-0-lp-request-a-demo .widget-type-form .hs-richtext.hs-main-font-element:has(.form-rt-no-highlight) {
  line-height: 1.2;
  margin: 0;
}
/* END HS form styles */

/* Text with icon module */
.swipe-track-dark .swipe-track__nav {
  border: 2px solid rgb(var(--color-white));
}

.swipe-track-dark .swipe-track__nav svg {
  fill: rgb(var(--color-white));
}

a.text-icon-grp.in-the-news-section {
  position: relative;
  display: flex;
  border-bottom: 1px solid rgba(149, 155, 191, .5);
  margin: 0;
  padding: 1.8rem 0;
}

a.text-icon-grp.in-the-news-section:hover {
  border-bottom: 1px solid rgba(149, 155, 191, 1);
}

a.text-icon-grp.in-the-news-section .text-icon-grp__text {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}

a.text-icon-grp.in-the-news-section .text-icon-grp__title,
a.text-icon-grp.in-the-news-section .text-icon-grp__detail {
  width: 64%;
  margin: 0 6% 0 0;
}

a.text-icon-grp.in-the-news-section .text-icon-grp__title {
  font-size: .9em;
}

a.text-icon-grp.in-the-news-section .text-icon-grp__detail {
  width: 24%;
}

a.text-icon-grp.in-the-news-section .text-icon-grp__icon {
  position: absolute;
  right: 0;
}

a.text-icon-grp.in-the-news-section .text-icon-grp__link-icon {
  display: none;
}

a.text-icon-grp.in-the-news-section .text-icon-grp__icon:before {

}

@media (max-width: 767px) {
  a.text-icon-grp.in-the-news-section .text-icon-grp__text {
    display: block;
  }

  a.text-icon-grp.in-the-news-section .text-icon-grp__title,
  a.text-icon-grp.in-the-news-section .text-icon-grp__detail {
    width: 100%;
    margin: 1rem 0;
  }

  a.text-icon-grp.in-the-news-section .text-icon-grp__icon {
    top: auto;
    bottom: 1rem;
  }
}

/* Case studies (dynamic) pages */
.hs-content-path-case-studies #hs_cos_wrapper_body_dnd_area_dynamic-module-3 .adv-img,
.hs-content-path-case-studies #hs_cos_wrapper_body_dnd_area_dynamic-module-3 .adv-img__inner,
.hs-content-path-case-studies #hs_cos_wrapper_body_dnd_area_dynamic-module-3 .adv-img__inner .adv-img__image {
  border-radius: 0;
}

.hs-content-path-case-studies p.cs-article-page-testimonial {
  font: normal 500 clamp(.925rem, 0.864rem + 0.900vw, 1.35rem)/1.15 var(--h3-font-family);
  font-weight: 400;
}

#case-study_overview-text-title h1.h4 {
  font: var(--h3-font);
}

#case-study_overview-text-description p {
  margin-top: 1em;
}

@media (min-width: 768px) {
  .dnd-section>.row-fluid:has(.cs-article-page-testimonial) {
    max-width: 1054px;
  }
}

@media (max-width: 767px) {
  .hs-content-path-case-studies .span5.widget-span.widget-type-cell:has(.row-fluid-wrapper.row-depth-1 .span12.widget-span .vertical-spacer) {
    display: none;
  }
}

@media (max-width: 380px) {
  .filter-area .filter .filter1,
  .filter-area .filter .filter2 {
    display: block !important;
    margin: 1rem 0 0 !important;
  }
}
/* END Case studies (dynamic) pages */

/* Olo Blog listing page */
.page-blog .hs-search-field__bar button svg,
.blog-listings .hs-search-field__bar button svg {
  height: 20px;
}

.blog-listings .hs-search-field--open .hs-search-field__suggestions,
.blog-listings .inpage-editor-active-field .hs-search-field__suggestions,
.page-blog .hs-search-field--open .hs-search-field__suggestions,
.page-blog .inpage-editor-active-field .hs-search-field__suggestions {
  border: 1px solid #f7f7f7 !important;
  border-radius: 4px;
  z-index: 1;
}

.blog-post.blog-post--list .blog-post__button-wrapper .blog-post__button {
  font-size: var(--btn-sm-font-size, .75rem);
}
.blog-post .post-header__image {
  max-width: 706px !important;
}
.blog-post_outlines {
  max-width: 706px !important;
}

.page-blog #mh1721513493505.button-wrap.text-center {
  --buttons-gap-x: 0;
  --buttons-gap-y: 0;
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow {
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: rgb(var(--color-black));
  margin: 0;
  margin-left: calc(var(--buttons-gap-x) / -2);
  margin-right: calc(var(--buttons-gap-x) / -2);
  padding-right: calc(var(--arrow-width) + 26px + 1em);
  overflow: visible;
  --arrow-width: 1em;
  --buttons-gap-x: 0;
  --buttons-gap-y: 0;
  transition: all .1s ease-in-out;
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover {
  color: rgb(var(--color-primary));
  --arrow-width: 1em;
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__text {
  font-size: var(--btn-sm-font-size, .75rem);
  --btn-spacing-x: var(--btn-sm-spacing-x, 0.7rem);
  --btn-spacing-y: var(--btn-sm-spacing-y, 0.5em);
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__text {
  transform: translateX(0) !important;
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover {
  color: rgb(var(--color-primary));
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:before {
  right: 1.7rem;
  transition: all .1s ease-in-out;
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow .button__arrow:after {
  right: 1.7rem;
  transition: all .1s ease-in-out;
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:before {
  right: 1.55rem;
  transform: translateY(-50%) scaleX(1);
}

.page-blog #mh1721513493505.button-wrap.text-center .button.button--secondary.button--unstyled.button--large.button--arrow:hover .button__arrow:after {
  right: 1.55rem;
}
/* END Olo Blog listing page */

/* Pressroom module styles */
.pressroom-listings.list-item a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform .2s ease-in-out;
  background-image: url(/hubfs/403765/Growth%20Marketing/Images/arrow.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 1rem;
}

@media (max-width: 767px) {
  .pressroom-listings.list-item a {
    display: block;
  }
  
  .pressroom-listings.list-item a .title {
    max-width: 90%;
  }
  
  .pressroom-listings.list-item a .detail {
    max-width: 90%;
    margin-top: .5rem;
    justify-content: flex-start;
  }
  
  .pressroom-listings.list-item a:before {
    background-position: 100% 25%;
  }
}
/* END Pressroom module styles */

/* Video Slider module styles */
.video-slider {
  max-width: 1200px !important;
}

.video-slider .video-slider__slide__title.h3,
.video-slider .video-slider__slide__tagline {
  line-height: 1.4;
}

.video-slider__controls .video-slider__current-slide {
  color: #fff;
}

.video-slider__controls .video-slider__control.video-slider__control--prev,
.video-slider__controls .video-slider__control.video-slider__control--next {
  color: #fff;
  padding: 1rem;
  box-shadow: none;
  transition: transform .2s ease-in-out;
}

.video-slider__controls .video-slider__control.video-slider__control--prev:hover {
  transform: translateX(-.35rem);
}

.video-slider__controls .video-slider__control.video-slider__control--next:hover {
  transform: translateX(.35rem);
}

@media (max-width: 767px) {
  .video-slider .deferred-media__poster-content {
    width: 90%;
  }
  
  .video-slider .video-slider__slide__title.h3 {
    font-size: 0.9em;
  }
  
  .video-slider .video-slider__slide__tagline {
    font-size: 0.8em;
  }
} 
/* END Video Slider module styles */

/* END CHIPS STYLES */


/* CENTRAL PLATE DEMO START */

 .central-plate-nav .sticky-nav__link {
      font-size: 18px !important;
}

.central-plate-nav .sticky-nav__items {
 justify-content: left !important; 
}

.central-plate-nav .sticky-nav__inner .container .container--skinny {
  margin-left: -45px !important;
}



.arrow-down img{
  margin-top: 80px !important;
  margin-bottom: -3px !important;
}

.cp-btns .button--primary {
 color: #ffffff;
 background: #AA1103;
  font-size: 16px;
  padding: 20px, 20px, 10px, 20px;
}

.cp-btns .button--primary:hover {
 background: #7B1F16 !important;
 
}

.sticky-nav__items {
justify-content: left !important;
  font-size: 18px;
}

@media (min-width: 899px) {
  .central-plate-nav .sticky-nav__items {
  justify-content: center;
    font-size: 14px;
   margin-left: 20px !important;
}
}

@media (min-width: 599px) {
  .central-plate-nav .sticky-nav__items {
  justify-content: center;
    font-size: 14px;
   margin-left: 20px !important;
}
}


/* CENTRAL PLATE DEMO END*/


/* MEL'S UPDATES START */

.page--event--partner-summit table {
  border: 1px solid;
border-color: #ffffff;
 
}
tbody {
  border-bottom: none !important;
}
.tabber--top .tabber__tab--stretch {
  color: #ffffff;
}

.tabber--top {
  text-transform: capitalize;
}

.demo-product-cards .card__content {
  overflow: hidden;
}

.demo-tab-products li{
margin-bottom: 10px;
  font-size: 18px;
}

.demo-product-cards .card__content .card__image {
  margin-bottom: 0;
}

.demo-product-cards .card__title {
  visibility: hidden;
  margin-top: -30px;
}

.demo-product-cards .card__icon {
margin-bottom: -10px;
  width: auto;
margin-top: 20px;
}

.demo-product-cards .card__content .card__text ul {
  margin: 1em 0 1em 1em;
}

.demo-product-cards .card__content .card__text ul li {
  margin: 1em 0;
}

.demo-product-cards .cards .card:first-child .card__content .card__text ul li::marker {
  color: rgb(var(--color-primary));
}

.demo-product-cards .cards .card:nth-child(2) .card__content .card__text ul li::marker {
  color: #03CFC2;
}

.demo-product-cards .cards .card:last-child .card__content .card__text ul li::marker {
  color: #F0736B;
}

.card__title:not(.jumbo):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5) p {
  font-family: var(--body-font-family);
  font-size: var(--body-font-sm, .825rem);
  margin-bottom: 0;
}


.demo-LP-cards .card__title {
  visibility: hidden;
  margin-bottom: -30px;
}

/* HOME PAGE HERO*/

#hs_cos_wrapper_module_172226242496210 .mh-heading__subtitle {
  letter-spacing: .1em;
  font-weight: bold;
}


/* HS form styles */

.form.hs-form.stacked fieldset {
  margin: 0px;
}
.page--on-demandwebinar--build-or-buy--how-top-restaurants-determine-their-best-tech-strategy .widget-type-form {
  background: transparent !important;
}

.page-campaigns-payments-playbook .widget-type-form {
  background: transparent;
}

.page--ebook--q3-24-build--buy--augment-ebook .widget-type-form {
  background: transparent;
}
.page-buyer-s-guide--olo-built- .widget-type-form {
  background: transparent;
}

.page-webinar_insider-secrets--future-proofing-your-restaurant--olo-built- .widget-type-form {
  background: transparent;
}

.page-restaurant-marketing-guide--olo-built- .widget-type-form {
  background: transparent;
}

.page-ordering-ebook--olo-built- .widget-type-form {
  background: transparent;
}

.page--ebook--q3-24-catering .widget-type-form {
  background: transparent;
}
.page-8-0-lp-request-a-demo .widget-type-form .hs-richtext.hs-main-font-element .form-rt-no-highlight {
  font-size: 14px;
  line-height: 1.2;
}

.page-8-0-lp-request-a-demo .widget-type-form .hs-richtext.hs-main-font-element:has(.form-rt-no-highlight) {
  line-height: 1.2;
  margin: 0;
}
/* END HS form styles */

/* SUBTITLES */
.mh-heading__subtitle {
  letter-spacing: .06em;
}



.product-hero .mh-heading__subtitle {
  letter-spacing: .1em !important;
  font-size: 24px !important;
  font-weight: bold;
  color: #2d96ff;
  text-transform: uppercase;
}



/* END SUBTITLES */


/* 2024 SUMMER RELEASE */

.summer-release .mh-heading__title {
  letter-spacing: .06em;
}

.summer-24 .accordion__toggler{
  font-size: 16px;
  color: #2193eb;
  letter-spacing: .06em;
  padding-left: 0 !important;
}

.summer-24 .accordion__panel {
  padding: 0 !important;
}

.summer-24 .accordion__toggler .accordion__icon {
  color: #45485e;
}

.fall-24 .accordion__toggler .accordion__icon {
  color: #45485e;
}
.fall-24 .accordion__panel {
  padding: 0 !important;
}

.fall-24 .accordion__toggler {
  font-size: 30px;
  font-weight: 500;
}

.fall-24 .accordion--density-compact .accordion__toggler{
    font-size: 30px;
  font-weight: 500; 
  padding-left: 0 !important;
}

.winter-25 .accordion__toggler .accordion__icon {
  color: #45485e;
}
.winter-25 .accordion__panel {
  padding: 0 !important;
}

.winter-25 .accordion__toggler {
  font-size: 20px;
  font-weight: 500;
}

.winter-25 .accordion--density-compact .accordion__toggler{
    font-size: 20px;
  font-weight: 500; 
  padding-left: 0 !important;
}

.olo-follow .social-link {
  border: 1px solid #c5cae8;
}

.spotlight .mh-heading__subtitle {
  letter-spacing: .06em;
}  


.past-releases .button--arrow .button__text {
  text-align: left;
  font-size: 15px;
  color: #181a27;
}
.past-releases .button--arrow .button__text :hover{
  color: #2193eb;
}

.accordion__panel-inner {
  font-size: 16px;
}



/* 2024 SUMMER RELEASE */

/* onetrust cookie preferences popup */

.ot-b-addl-desc {
  font-size: 12px !important;
}
/* BLOG */


.post__body {
  font-size: 16px;
  padding-top: 2em;
}

.post__title {
  font-size: 36px;
  font-weight: 300;
 
}

.post-header {
max-width: 900px;
  margin: auto;
  }

/* BLOG */

.testimonial {
  width: 600px !important;
}

@media (max-width: 540px) {
  .testimonial {
  width: 300px !important;
  font-size: 18px !important;
}
}

@media (max-width: 540px) {
.fall-24 .accordion--density-compact .accordion__title{
    font-size: 20px !important;
  font-weight: 500; 
  padding-left: 0 !important;
}
  
  .winter-25 .accordion--density-compact .accordion__toggler{
    font-size: 20px !important;
  font-weight: 500; 
  padding-left: 0 !important;
}
}
@media (max-width: 540px) {
 
 .accordion__icon {
    min-width: 20px !important;
}
}
/* MEL'S UPDATES END */

.custom-vertical-align {
  display: flex;
  align-items: center; /* Para alinear verticalmente al centro */
  justify-content: center; /* Opcional: Para alinear horizontalmente al centro */
}

.custom-vertical-align {
  display: flex;
  align-items: center; /* Para alinear verticalmente al centro */
  justify-content: center; /* Opcional: Para alinear horizontalmente al centro */
}
.gradient-image{position:relative;}
.gradient-image:before{content:'';z-index: 1; background-image: linear-gradient(90deg, #242734, rgba(36, 39, 52, 0)); width: 284px; height: 100%; position: absolute; top: 0%; bottom: 0%; left: 0; right: 280px;}
.gradient-image:after{content:'';z-index: 1; background-image: linear-gradient(270deg, #242734, rgba(36, 39, 52, 0)); width: 78px; right: 0;height: 100%; position: absolute; top: 0%; bottom: 0%; left: auto;}
/* CUSTOM STYLES */
  
.blog-header{}
.blog-header p{
  margin-bottom: 20px !important;
}
.blog-header p>span{
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Spacegrotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  color: #5c607a;
}
.hs-search-field__form{}
.hs-search-field__form .hs-search-field__button {
  position: relative;
  left: 0;
  margin-left: -80px;
}

.blog-post__tags {
  display: flex;
  flex-flow: row wrap;
  gap: 3px;
  font-size: .7em;
  line-height: 1;
  text-transform: capitalize;
}
.blog-post--card{padding-left:0px !important;padding-right:0px !important;}
.blog-post__tags .blog-post__tag {
  background: transparent;
  border: 1px solid #c5cae8;
  border-radius: 4px;
  color: #5c607a;
  display: inline-block;
  font-size: 14px;
  line-height: 130%;
  margin-right: 12px;
  padding: 4px 8px;
  transition: all .2s ease-out;
}
.topic-link {
  text-transform: capitalize;
}
.blog-post__tag {
   text-transform: capitalize;
}

a.blog-post__tag button {
     text-transform: capitalize;
}

.blog-post__tags{flex-wrap: wrap;display:block;}
.blog-posts .blog-post__meta{
  color: #959bbf;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Space grotesk, sans-serif;
  font-size: 14px;
  line-height: 130%;
  display: flex;
  flex-wrap: nowrap;
  flex-flow: nowrap;
  justify-content: flex-start;
}
.blog-posts .blog-post__button {color:rgb(24, 26, 39);font-size:16px;font-weight: 500;position:relative;}
.blog-posts .blog-post__button:after{content:'';
  background:url('https://403765.fs1.hubspotusercontent-na1.net/hubfs/403765/arrow.svg') no-repeat center;
  height: 8px;
  width: 19px;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 1px;
}
.blog-posts .blog-post__summary {color:#5c607a;}
.blog-posts .blog-post__title,.blog-posts .blog-post__title .blog-post__title-link{
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 130%;
}


/* full height image for case studies */
.body_dnd_area_dynamic-column-15-row-0-margin>.row-fluid{height:100%;}
.body_dnd_area_dynamic-column-15-row-0-margin>.row-fluid>.span6{height:auto;}
.body_dnd_area_dynamic-column-15-row-0-margin .body_dnd_area_dynamic-column-16-padding{height:100%;}
.body_dnd_area_dynamic-column-15-row-0-margin .body_dnd_area_dynamic-column-16-padding>.row-fluid-wrapper{height:100%;}
.body_dnd_area_dynamic-column-15-row-0-margin .body_dnd_area_dynamic-column-16-padding>.row-fluid-wrapper>.row-fluid {height:100%;}
.body_dnd_area_dynamic-column-15-row-0-margin .body_dnd_area_dynamic-column-16-padding>.row-fluid-wrapper>.row-fluid .span12 {height:100%;}
.full-height-image {height:100% !important;}
.full-height-image>.adv-img {height:100% !important;}
.full-height-image .adv-img__inner{height:100% !important;}
.full-height-image .adv-img__inner>img.adv-img__image{height:100% !important;object-fit: cover;} 
#case-study_overview-text-title h1.h4{font-weight:400;}
#case-study_overview-text-description,#case-study_overview-text-description p{
  color: #242734;
  font-size: 18px;
  line-height: 140%;
  margin-top: 23px;
}
.hs-search-field__suggestions,
.hs-search-field__suggestions-container {z-index:1;}
.hs-search-field__suggestions a,
.hs-search-field__suggestions-container a{
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  letter-spacing: .02em;
  color: #959bbf !important;
  font-weight: 400;
}
.hs-search-field__suggestions .results-for{
  color: #000000 !important;
  font-weight: 400;
}
  .background-content a{display:inline-block;}
/* XS */
@media (max-width: 767px){
  .space-grotesk-font .mh-heading__title{margin-bottom:20px;text-align:center;}
  .background-content a{display:inline-block;}
}