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

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

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

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:#18181b;font-weight:500;text-decoration:underline}
a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;display:inline-block;max-width:100%}
svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}



/*****Section below added specifically for Hubspot******/

.widget-type-linked_image {overflow:hidden;}


body.hs-landing-page, body.hs-page, body.hs-site-page {padding: 40px; font-family: Inter, sans-serif; color: #717171;}
footer {margin-top: 0; color: #fff; padding: 20px 0; }
footer span {font-family: Inter, sans-serif; font-size: 10px;}
p.header, span, .widget-type-email_subscriptions_confirmation p {margin-left: 0; font-size: 15px; color: #717171;}
input[type=checkbox]:active {color:#18181b;}
#hs-localization-select {background-color:#ffffff; padding: 5px; border: 1px solid #18181b;}
a {text-decoration: none;}

#hs_cos_wrapper_logo img {padding-bottom: 50px;}

body {
  background-color: #fff; }

.text-color-tertiary {
  color: #71717a;}

.icon-left {
text-align: left;
    float: left;
    padding-right: 10px;
}


/* Headings */

.h1, h1 > span {    margin-bottom: 24px;
    font-family: "Neo Grotesk";
    font-size: 74px;
    line-height: 1.2em;
    font-weight: 500;
  letter-spacing: -2.96px; }


.footer{
  display:block;
  padding-top:60px;
  padding-bottom:0;
  border-top:1px solid #13172a;
  background-color:#fff;
  line-height:1.6em;}


.footer .hs-menu-depth-1 a. .footer .hs-menu-depth-1 a:hover, .footer .hs-menu-depth-1 a:active, .hs-menu-depth-1 a:visited {
  font-family: Inter,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.025rem;
  color: #18181b;
}

.footer. hs-menu-wrapper a:hover { color: #fff;}

.footer .hs-menu-depth-2 a  {
  font-family: Outfit,sans-serif;
    font-size: .875rem;
    letter-spacing: -.1px;
    text-decoration: none;
  font-size: 14px;
  color: #18181b;
}

.footer .hs-menu-depth-2 a:hover, .footer .hs-menu-depth-2 a:active {
    text-decoration: underline;

}

footer span p {
  font-size: 10px;
    color: #717171;
}


.gradient {
}


.blog-post__body table, table.bt-table {
  font-size: 0.875rem;
    margin-bottom: 2rem;
    border-radius: 8px;
    width: 100%;
    max-width: 98vw;
    overflow-x: auto;
    border: #D4D4D8;
    background: #ffffff;
}

.blog-post__body table tr, table.bt-table tr {
    border-bottom: 1px solid #D4D4D8;
}

.blog-post__body table th, table.bt-table th {
color: #fff;
    font-weight: 600;
  background: #f4f4f5;
  text-align: left;
    padding: 0.875rem 1rem;
    vertical-align: top;
  font-size: 1rem;
}
.blog-post__body table td, table.bt-table td {
text-align: left;
    padding: 0.875rem 1rem;
    vertical-align: top;
  color: #18181b;
}

table.bt-table li, table.bt-table p {
  color: #18181b;
  font-size: 14px;
}

table.bt-table ul {
  padding-left: 23px;}

form input[type='text'], form input[type='tel'], form input[type='email'] {
 min-height: 2.5rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1rem;
    border-style: solid;
    border-width: 1px;
    border-color: #D4D4D8;
    border-radius: 8px;
    background-color: #f4f4f5;
    display: block;
    width: 100%;
    height: 38px;
    font-size: 0.875rem;
    color: #18181b;
    transition: all 200ms;}

form textarea {
 min-height: 5.5rem;
    margin-bottom: 0.75rem;
    padding: 0.7rem 1rem 0.5rem;
    border-style: solid;
    border-width: 1px;
    border-color: #D4D4D8;
    border-radius: 8px;
    background-color: #f4f4f5;
    display: block;
    width: 100%;
    height: 38px;
    font-size: 0.875rem;
    color: #18181b;
    transition: all 200ms;}

form input[type='text']::placeholder, form input[type='tel']::placeholder, form input[type='email']::placeholder, form textarea::placeholder {color:18181b;}

form input[type='text']:focus, form input[type='tel']:focus, form input[type='email']:focus, form textarea:focus {border-color: #18181b;
    outline: 0;
}

form.hs-form-private .hs-email {padding-right: 0;}

form.hs-form-private, .hs_cos_wrapper_type_form {background: none;} 

.widget-type-form {background: #f4f4f5;}

h3.form-title {
    border: none;
    background: none;
    font-size: 1.5rem;
    font-family: "Neo Grotesk", sans-serif;
    letter-spacing: -0.5px;
    padding: 35px 0 0;
}

form.hs-form {padding-top: 25px;}

form.hs-form-private .hs-form-field {margin-bottom: 0; width: 100%;}
form .input {margin-bottom: 10px;}

form.hs-form-private input.hs-button, a.hs-button, a.button {    
position: relative;
    padding: 12px 18px;
    border-radius: 12px;
    background-color: #18181b;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #18181b;
}

form.hs-form-private .hs-submit input:hover, a.hs-button:hover, a.button:hover{    
  background-color:#ffffff;
  cursor: pointer;
color: #18181b;
border: 1px solid #ffffff;}

form .legal-consent-container .hs-richtext p {font-size: 12px;}

form .legal-consent-container .hs-richtext p a {color: #18181b; text-decoration: none;}

form .legal-consent-container{ margin-top: 12px;}

.checked-list-item {
    margin-bottom: 8px;
    padding-left: 32px;
    background-image: url(https://go.basistheory.com/hubfs/dark-check.svg);
    background-position: 0 0;
    background-size: 25px;
    background-repeat: no-repeat;
    font-size: 16px;
}

.checked-list-blue {
    margin-bottom: 8px;
    padding-left: 32px;
    background-image: url(https://go.basistheory.com/hubfs/icon-green-arrow.png);
    background-position: 4px 2px;
    background-size: 17px;
    background-repeat: no-repeat;
    font-size: 16px;
}


.checked-list {
    padding-left: 0;
    list-style-type: none;
}

.submitted-message {
border: none;
background: none;
font-size: 16px;}

body p {color: #18181b;}


/* Code Blocks */

code {
  border: 1px solid rgb(255,255,255,0.1);
    font-size: 14px!important;
    font-weight: 500!important;
  color: #99a0bf;
  background-color: rgb(255,255,255,0.1);
    border-radius: 4px;
  line-height: 25px;
  padding: 3px;
}


/*****All below pulled from BT main website******/

/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
	pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}


/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;}


/*.button:before {
	content: "";
  pointer-events: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  user-select: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
  -webkit-mask-composite: xor;
  mask-mode: match-source, match-source;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-position: 0% 0%, 0% 0%;
  mask-size: auto, auto;
  mask-image: linear-gradient(black, black), linear-gradient(black, black);
  mask-composite: exclude;
}*/

.button.is-text:before {
	display: none;
}




/* - */
/* - */
/* - */
/* - */

/* Basis Theory Custom Styles */

.text-color-gradient {
	background: linear-gradient(113.4deg, #ebedff 24.35%, rgba(255, 255, 255, 0.60) 74.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 5px;
}


.text-white-gradient {background: linear-gradient(113.4deg, #18181b 24.35%, #f4f4f5 74.37%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
  text-fill-color: transparent;}


.text-gradient-active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 5px;
}

.text-color-gradient-colored {
	background: linear-gradient(92.92deg, #A25EFF 1.21%, #05C2DE 98.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.purple-radial-bg {background: radial-gradient(34.41% 81.23% at 50% 100%, #211260 0%, #070A1B 100%);}

.overline_component {
	position: relative;
}

/** Overline **/

.overline_component:before {
	content: "";
  pointer-events: none;
  user-select: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(55deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.05) 100%);
  background-size: 400% 400%;
  -webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
  -webkit-mask-composite: xor;
  mask-mode: match-source, match-source;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-position: 0% 0%, 0% 0%;
  mask-size: auto, auto;
  mask-image: linear-gradient(black, black), linear-gradient(black, black);
  mask-composite: exclude;
  animation: animate 6s ease 10s infinite reverse;
}

.overline_content {
	background: linear-gradient(113.4deg, #ebedff 24.35%, rgba(255, 255, 255, 0.45) 74.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.overline_content.is-gradient {
	background: linear-gradient(92.92deg, #587aff 1.21%, #05C2DE 98.59%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animate {

    0%{
        background-position: 0% 0%;
    }

    100%{
        background-position: 100% 0%;
    }

}

/** Safari Overflow Fix **/

.paper,
.blog_post-thumbnail-wrapper {
	isolation: isolate;
}

.smooth_shadow {
	filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.13)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0934511)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0774939)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.065)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0525061)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0365489));;
}

.gradient-border {
	border-radius: inherit;
}

.bg-effect-gradient-border:before,
.gradient-border:before,
.features_visuals-wrapper:before,
.video-demo_block:before,
.customer_quote-headshot:before,
.w-nav-overlay .nav_menu:before,
.badge_item:before,
.paper:before {
	content: "";
  pointer-events: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  user-select: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  -webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
  -webkit-mask-composite: xor;
  mask-mode: match-source, match-source;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-position: 0% 0%, 0% 0%;
  mask-size: auto, auto;
  mask-image: linear-gradient(black, black), linear-gradient(black, black);
  mask-composite: exclude;
}

.features_tabs-menu-item.w--current:before,
.features_tabs-menu-item:hover:before{
	content: "";
	pointer-events: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  user-select: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(125deg,rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  -webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
  -webkit-mask-composite: xor;
  mask-mode: match-source, match-source;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-position: 0% 0%, 0% 0%;
  mask-size: auto, auto;
  mask-image: linear-gradient(black, black), linear-gradient(black, black);
  mask-composite: exclude;
}

.button.is-text:before {
	display: none;
}

.features_visuals-border:before {
	content: "";
	pointer-events: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  user-select: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(125deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,0) 15%,hsla(0,0%,100%,0) 85%,hsla(0,0%,100%,.06));
  -webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
  -webkit-mask-composite: xor;
  mask-mode: match-source, match-source;
  mask-repeat: repeat, repeat;
  mask-clip: content-box, border-box;
  mask-origin: content-box, border-box;
  mask-position: 0% 0%, 0% 0%;
  mask-size: auto, auto;
  mask-image: linear-gradient(black, black), linear-gradient(black, black);
  mask-composite: exclude;
}

/** Features Tabbar indicator **/

.features_tabs-menu-item.w--current .features_tabs-active-indicator {
	opacity: 100%;
  bottom: -2rem;
}

/** Footer Link External Animation **/

.footer_link-wrapper:hover .footer_link-external-icon,
.nav_link:hover .nav_link-external-icon{
	transform: rotate(45deg);
  opacity: 1;
}


/** Truncate **/
.truncate { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* Hide Scrollbar */

.features_tabs-menu {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-x: scroll; 
}

.features_tabs-menu::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

/* Highlight Text */

.text-effect-highlight {
	background: linear-gradient(55deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.05) 100%);
  background-size: 400% 400%;
	animation: text-effect-highlight 6s ease 10s infinite reverse;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes text-effect-highlight {

    0%{
        background-position: 0% 0%;
    }

    100%{
        background-position: 100% 0%;
    }

}


.bg-header-pattern-img {
	background-position: center 0 !important;
}

.btn-link-label a {
    color: #18181b;
    font-weight: 600;
    text-decoration: none;
}

.btn-icon.icon-lg {
    opacity: .8;
    width: 32px;
    height: 32px;
}


button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:webflow-icons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:400;font-style:normal}[class*=" w-icon-"],[class^=w-icon-]{font-family:webflow-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.heading-medium {
    font-family: Inter,sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
}

h1, h1 > span{margin:0 0 24px;font-family:"Neo Grotesk", sans-serif;font-size:72px;line-height:1.1;font-weight:500;letter-spacing:-2.96px}
h2, h2 > span{margin-top:0;margin-bottom:14px;font-family:"Neo Grotesk", sans-serif;color:#18181b;font-size:56px;line-height:1.2;font-weight:500;letter-spacing:-2.24px}
h3, h3 > span{margin-top:0;margin-bottom:16px;font-family:"Neo Grotesk", sans-serif;color:#18181b;font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.96px}
h4, h4 > span{margin-top:0;margin-bottom:16px;font-family:"Neo Grotesk", sans-serif;color:#18181b;font-size:1.5rem;line-height:1.2;font-weight:500;letter-spacing:-.02px}
h5, h5 > span{margin-top:0;margin-bottom:16px;font-family:"Neo Grotesk", sans-serif;color:#18181b;font-size:1.25rem;line-height:1.3;font-weight:500;letter-spacing:-.02px}
h6, h6 > span{margin-top:0;margin-bottom:16px;font-family:"Neo Grotesk", sans-serif;color:#18181b;font-size:1rem;line-height:1.1;font-weight:500;letter-spacing:-.02px}
ul{margin-top:0;margin-bottom:24px;padding-left:40px}ol{margin-top:0;margin-bottom:10px;padding-left:40px}
li{color:#18181b;}
strong{font-weight:600; color: #18181b;}
blockquote{margin:0 0 24px;padding:16px 24px;border-left:1px solid #47dae2;color:rgba(226,230,255,.65);font-size:18px;line-height:1.5;font-style:italic;font-weight:400}
figcaption{margin-top:8px;color:rgba(150,158,194,.6);font-size:14px;text-align:center}

.gradient-border{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:2px;-webkit-box-pack:center;-webkit-justify-content:center;
  -ms-flex-pack:center;justify-content:center;-webkit-align-content:stretch;
  -ms-flex-line-pack:stretch;align-content:stretch;
  border-radius:12px;background-image:linear-gradient(308deg,#7e67f3,#5f7bff 53%,#47dae2)}
.code{padding:2px 4px;border:1px solid rgba(95,123,255,.15);border-radius:4px;background-color:rgba(95,123,255,.1);font-family:'Source Code Pro',sans-serif;color:#5f7bff;font-size:16px;font-weight:500}

#hs_cos_wrapper_widget_1674761733865 .hs-image__grid__list__item {
  flex-basis: calc(25.0% - 50px);
    max-width: 124px;
  aspect-ratio: auto;
}

.hs-image__grid__list__item__image {
object-fit: contain;
}

.use-case-title-right, .use-case-copy-right {text-align: right;}
.use-case-title-left, .use-case-copy-left {text-align: left;}

.use-case-icon-right {height: auto; max-width: 100%; width: 100px; float: right; margin: 10px;}
.use-case-icon-left {height: auto; max-width: 100%; width: 100px; float: left; margin: 10px;}

#roi-calculator {width: 100%; max-width: 700px;}
@media screen and (max-width: 600px) {
#roi-calculator {width:100%; max-width: 550px;}


@media screen and (max-width: 600px){
  #hs_cos_wrapper_widget_1674761733865 .hs-image__grid__list__item {flex-basis: calc(25.0% - 20px)!important;}
  #hs_cos_wrapper_widget_1677163347973 .hs-image__grid__list { gap: 20px!important;}
  h1, .h1 {font-size: 45px;}
  h2, h2 span {font-size: 35px; margin: 30px 0 5px;}
  h3 {font-size: 27px; margin: 20px 0 5px;}
  h4 {margin-bottom: 10px; font-size: 22px;}
  .dnd-section {padding: 30px 20px;}
  .icon-left {padding: 5px 10px 15px 0;}
  .text-color-tertiary {padding-bottom: 18px;}
  .text-color-gradient-colored, .overline_content {margin-bottom: 5px;}
  .use-case-icon-left {margin: 10px 10px 35px 0px; width: 80px;}
  .use-case-icon-right {margin: 10px 0px 35px 10px; width: 80px;}
  .use-case-title-right, .use-case-copy-right {text-align: left;}
.use-case-title-left, .use-case-copy-left {text-align: right;}

}