/*!
Theme Name: wordherd
Theme URI: https://wordherd.io
Author: WordHerd
Author URI: https://wordherd.io
Description: Description
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wordherd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wordherd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
  --dark-gray: #241f21;
  --magenta: #d93367;
  --magenta-hover: #ED3770;
  --magenta-active: #BC2D59;
  --blue:#2071EB;
  --blue-hover: #6EA8FF;
  --green: rgb(13, 137, 64);
  --blue-deep: #1A5ABC;
  --light-gray: rgb(239, 239, 239);
  --gray: rgb(144, 144, 150);
  --white-hover: #E5EFFF;
  --white-active: #CDE1FF;
  --body-copy: #374151;
}
/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/raleway-v34-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/raleway-v34-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/raleway-v34-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/raleway-v34-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/raleway-v34-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/raleway-v34-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/raleway-v34-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/raleway-v34-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/raleway-v34-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/raleway-v34-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/raleway-v34-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/inter-v18-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/inter-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/inter-v18-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/inter-v18-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/inter-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/inter-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/inter-v18-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/inter-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/inter-v18-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Full Width Gutenberg */
.alignwide { margin-left: -80px; margin-right: -80px }
.alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw }
.alignfull img { width: 100vw }
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0; overflow-x: clip; }
/* #page { overflow-x: hidden;}  breaks sticky on multiple elements */
h1 { font-size: 2em; margin: 0 }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: 0.35em 0.75em 0.625em }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
body, button, input, select, optgroup, textarea, ul, ol, li { color: var(--dark-gray); font-family: 'Lato', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.375; font-weight: 400; }
body, p {
  color:var(--body-copy);
}
h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Raleway', sans-serif; font-weight: 500; color:var(--dark-gray)}
dfn, cite, em, i { font-style: italic }
blockquote { margin: 0 1.5em }
address { margin: 0 0 1.5em }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em }
code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help }
mark, ins { background: #fff9c0; text-decoration: none }
big { font-size: 125% }
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit }
html { -webkit-box-sizing: border-box; box-sizing: border-box }
body { background: #fff }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em }
ul, ol { margin: 0 }
ul { list-style: disc }
ol { list-style: decimal }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em }
dt { font-weight: 700 }
dd { margin: 0 1.5em 1.5em }
img { height: auto; max-width: 100% }
figure { margin: 0 }
table { margin: 0 0 1.5em; width: 100% }
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: 0.6em 1em 0.4em }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border-bottom: 1px solid #ccc; border-radius: 3px; padding: 3px }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111 }
select { border: 1px solid #ccc }
textarea { width: 100% }
a { color: var(--blue)}
a:visited { color: inherit }
a:hover, a:focus, a:active { color: var(--blue) }
/* a:focus { outline: thin dotted } */
a:hover, a:active { outline: 0 }
.main-navigation { display: block; width: 100% }
.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0 }
.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999 }
.main-navigation ul ul ul { left: -999em; top: 0 }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto }
.main-navigation ul ul a { width: 200px }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto }
.main-navigation li { position: relative }
.main-navigation a { display: block; text-decoration: none }
.menu-toggle, .main-navigation.toggled ul { display: block }
@media screen and (min-width:37.5em) {
	.menu-toggle { display: none }
	.main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation { margin: 0 0 1.5em }
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 }
#primary[tabindex="-1"]:focus { outline: 0 }
.alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1.5em }
.alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1.5em }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em }
.widget { margin: 0 0 1.5em }
.widget select { max-width: 100% }
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
/* .post, .page { margin: 0 0 1.5em } */
.updated:not(.published) { display: none }
.entry-content, .entry-summary { margin: 1.5em 0 0 }
.page-links { clear: both; margin: 0 0 1.5em }
.comment-content a { word-wrap: break-word }
.bypostauthor { display: block }
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none }
.infinity-end.neverending .site-footer { display: block }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 }
embed, iframe, object { max-width: 100%; border: 0px; }
.custom-logo-link { display: inline-block }
.wp-caption { margin-bottom: 1.5em; max-width: 100% }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto }
.wp-caption .wp-caption-text { margin: 0.8075em 0 }
.wp-caption-text { text-align: center }
.gallery { margin-bottom: 1.5em }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100% }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-caption { display: block }

/*Theme layout Option CSS*/

body > #page > .content-area.boxed { width: 1440px; margin: 0 auto; max-width: 100%; padding: 0 20px; }
body > #page > .content-area.no-sidebar > main.site-main { width: 100%; }
body > #page > .content-area.left-sidebar,
body > #page > .content-area.right-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
body > #page > .content-area.left-sidebar > main.site-main,
body > #page > .content-area.right-sidebar > main.site-main { width: calc(100% - 250px); }
body > #page > .content-area.left-sidebar > aside.widget-area,
body > #page > .content-area.right-sidebar > aside.widget-area { width: 250px }

@media screen and (min-width: 769px){
	body > #page > .content-area.left-sidebar > main.site-main { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;padding-left: 3%; }
	body > #page > .content-area.right-sidebar > main.site-main { padding-right: 3% }
	body > #page > .content-area.left-sidebar > aside.widget-area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
}

@media screen and (max-width: 992px){
	body > #page > .content-area.left-sidebar > aside.widget-area,
	body > #page > .content-area.right-sidebar > aside.widget-area { width: 200px }
	body > #page > .content-area.left-sidebar > main.site-main,
	body > #page > .content-area.right-sidebar > main.site-main { width: calc(100% - 200px); }
}
@media screen and (max-width: 768px){
	body > #page > .content-area > main.site-main { padding-right: 0 !important;padding-left: 0 !important; }
	body > #page > .content-area > aside.widget-area,
	body > #page > .content-area > main.site-main { width:100% !important; }
	body > #page > .content-area.left-sidebar > main.site-main,
	body > #page > .content-area.left-sidebar > aside.widget-area { -webkit-box-ordinal-group:unset; -ms-flex-order:unset; order:unset; }

}
.content-area {
  margin-top:90px !important;
}
.home .content-area {
  /* margin-top:0px !important; */
}
/* Kadence Fixes */
.wp-block-kadence-column {
	overflow: visible;
}

/* Page Numbers blocks center inline */
ul.page-numbers {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
  margin-top:2rem;
  margin-bottom: 2rem;
  justify-content: center!important;
  gap:4px;
}

li span.page-numbers, li a.page-numbers {
  position: relative;
  padding: 0.39rem 0.5rem;
  margin-left: -5px;
  line-height: 1.25;
  color: #0072a3;
  background-color: #fff;
  border: 1px solid #dee2e6;
  font-size: .875rem;
  line-height: 1.5;
}

li span.page-numbers:hover, li a.page-numbers:hover {
  z-index: 2;
  color: #00587f;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.fill-current {
    fill: currentColor;
}
.search-icon a.kt-svg-icon-link {
    border-radius: 9999px !important;
    padding:10px !important;
    color: var(--dark-gray);
}
.search-icon a.kt-svg-icon-link:hover {
  color: #FFFFFF;
  background-color: var(--blue);
}
.transparent-header .search-icon a.kt-svg-icon-link:hover {
  color: var(--dark-gray);
  background-color: #FFFFFF;
}
.blue-button a, .blue-button {
  font-family: Raleway, san-serif;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  color:#ffffff !important;
  background-color: var(--blue) !important;
  border-radius: 9999px !important;
  padding: 10px 25px !important;
}
.blue-button a:hover,
.blue-button:hover {
  background-color: var(--blue-hover) !important;
}
.site-header figure {
  margin:0;
}
.hide-desktop,
.blue-button.mobile {
  display:none !important;
}

@media (max-width: 1280px) {
  .hide-mobile {
    display:none !important;
  }
  .hide-desktop,
  .blue-button.mobile {
    display:block !important;
  }
}
footer {
  font-weight:300;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  opacity: .5;
}
#mega-menu-wrap-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column, #mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 span.mega-menu-badge {
  font-family: 'Inter', 'Lato', sans-serif;
  font-variation-settings: "wght" 350;
}
.kb-advanced-image-link:hover .kb-img {
    opacity: 0.5;
}
.text-white {
  color: #ffffff !important;
}
.checkmark-list li::before {
    content: url('/wp-content/uploads/checkmark-circle-white.svg'); /* Replace with the path to your SVG */
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px; /* Adjust spacing between icon and text */
    vertical-align: middle; /* Aligns the icon vertically with the text */
    color:#ffffff;
    fill: #ffffff;
}
.zindex1 {
  z-index: 0;
}
body:not(.home) header {
  border-bottom: 1px solid rgb(236 236 236);
}
@media (min-width: 1280px) {
  .transparent-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    color:#ffffff;
  }  
}
.transparent-header {
    display: block; /* initially visible */
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: opacity 0.3s ease;
}
.transparent-header .inner-column-2 > .kt-inside-inner-col {
  justify-content: flex-end !important;
}
.main-header {
    display: none; /* initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: opacity 0.3s ease;
}
.promo-bar a {
  color: #ffffff;
}
.promo-bar a:hover {
  opacity: .5;
}
.no-border {
  border:0px;
}
.border-left {
  border-left: 1px solid rgb(144 144 150);
  padding-left: 32px;
}
.white-button a {
  font-family: Raleway, san-serif;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .3s;
  transition-property: all;
  padding: .375rem 1.5rem;
  border: 2px solid var(--dark-gray);
  border-radius: 9999px;
  min-width: 9.375rem;
  color: var(--dark-gray);
  display:inline-block;
}
.white-button a:hover {
  color:var(--dark-gray);
  background-color: var(--white-hover);
}

.caseStudySwiper {
    height: 100%;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    position:relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}
/* Wrapper for the featured image */
.image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* padding-top: 56.25%; */
    padding-top: 107%;
}

.image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Image scaling on hover */
.swiper-slide:hover .image-wrapper img,
.resource-card:hover .image-wrapper img,
.featured-image a:hover img,
.card a:hover img
 {
    transform: scale(1.05);
}

.single-resource h3, 
.single-resource p {
	margin-bottom: 15px;
}
.single-resource .speaker-list h3, 
.single-resource li p {
	margin: 0px;
}

.caseStudySwiper .swiper-wrapper {
    display: flex;
    align-items: stretch; /* Ensure all slides have equal height */
}

.swiper-slide a {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.slide-content {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    flex-grow: 1;
    min-height:305px;
}
.slide-container {
  /* display:flex;
  flex-direction: column;
  justify-content: space-between; */
  min-height: 235px;
}
.slide-content h3, .slide-content p {
    margin-top: auto;
    margin-bottom: 0;
    color:#ffffff;
    font-weight:500;
}
.slide-content h3 {
  margin-top:35px;
}
.slide-content p.tag {
  margin-top: unset;
  margin-bottom: auto;
  font-weight:700 !important;
  font-size: 16px !important;
  font-variation-settings: "wght" 700;
}
.slide-content .description {
  margin-top:10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  line-clamp: 4; /* Standard property for modern browsers */
}
.swiper-button-next, .swiper-button-prev {
  position: relative !important;
  width:33px !important;
  height:33px !important;
  border:2px solid var(--dark-gray) !important;
  border-radius:9999px;
  padding:0 !important;
  background-color:#ffffff !important;
}
.swiper-button-next:hover, 
.swiper-button-prev:hover {
  color: var(--gray) !important;
  border-color: var(--gray) !important;
  background-color: var(--light-gray) !important;
}

.swiper-button-prev:after, 
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, 
.swiper-rtl .swiper-button-prev:after {
  content:'' !important;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top:unset !important;
  left:unset !important;
  bottom: 30px;
  right:0 !important;
  width:80% !important;
}
@media (max-width: 600px) {
  .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width:70% !important;
  }  
}
.swiper-pagination-progressbar {
  background: var(--light-gray) !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--dark-gray) !important;
}
.swiper-button-prev {
 background-image: url("data:image/svg+xml,%3Csvg class='fill-current w-full rounded-full border-2 ui-left-arrow.svg' aria-hidden='true' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1205 21.1473L23.3257 14.1754L21.8317 12.8457L14.2969 21.3116L15.7909 22.6413L22.6713 28.994L24.001 27.5L17.1205 21.1473Z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.swiper-button-prev:hover {
 background-image: url("data:image/svg+xml,%3Csvg class='fill-current w-full rounded-full border-2 ui-left-arrow.svg' aria-hidden='true' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23909096' fill-rule='evenodd' clip-rule='evenodd' d='M17.1205 21.1473L23.3257 14.1754L21.8317 12.8457L14.2969 21.3116L15.7909 22.6413L22.6713 28.994L24.001 27.5L17.1205 21.1473Z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg class='fill-current w-full rounded-full border-2 ui-right-arrow.svg' aria-hidden='true' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.8795 21.1473L16.6743 14.1754L18.1683 12.8457L25.7031 21.3116L24.2091 22.6413L17.499 28.5L16.1694 27.006L22.8795 21.1473Z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.swiper-button-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg class='fill-current w-full rounded-full border-2 ui-right-arrow.svg' aria-hidden='true' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23909096' fill-rule='evenodd' clip-rule='evenodd' d='M22.8795 21.1473L16.6743 14.1754L18.1683 12.8457L25.7031 21.3116L24.2091 22.6413L17.499 28.5L16.1694 27.006L22.8795 21.1473Z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.swiper-controls {
  gap:40px;
  min-height:40px;
}

/* Accordion Home Page */
.accordion img {
  border-top-right-radius: 20px;
}
.accordion figure {
    display: none;
}
.accordion figure.open {
    display: block;
}
.accordion .description {
    display: none;
}
.arrow-trigger.hidden {
    visibility: hidden; /* Keep the space in the layout but hide the element */
    opacity: 0; /* Ensure it's invisible */
}

.arrow-trigger {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease; /* Optional: Adds a smooth fade effect */
}
.content-1 .description {
    display: block;
}
.accordion .closed {
  display:none;
}
.accordion .open {
  display:block;
}
.content-1,
.content-2,
.content-3,
.content-4,
.content-5,
.content-6 {
   border-bottom: 1px solid var(--gray)
}

.shadow {
  --tw-shadow: 0px 9px 14px -4px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0px 9px 14px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  margin-bottom:0;
  border-bottom:0px;
}
.content-1 figure,
.content-2 figure,
.content-3 figure,
.content-4 figure,
.content-5 figure,
.content-6 figure {
    display: block !important;
}

/* Marquee home page integrations logos */
.marquee-container {
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  position: relative;
  width: var(--width);
  transform: var(--transform);
}
.marquee-container:hover div {
  animation-play-state: var(--pause-on-hover);
}
.marquee-container:active div {
  animation-play-state: var(--pause-on-click);
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.overlay::before, .overlay::after {
  background: linear-gradient(to right, var(--gradient-color));
  content: "";
  height: 100%;
  position: absolute;
  width: var(--gradient-width);
  z-index: 2;
}
.overlay::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.overlay::before {
  left: 0;
  top: 0;
}
/* 
.marquee {
  flex: 0 0 auto;
  min-width: var(--min-width);
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
  animation-play-state: var(--play);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
  justify-content: space-around;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.initial-child-container {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
} */

.marquee-container {
  --play: running;
  --direction: normal;
  --duration: 6s;
  --delay: 0s;
  --iteration-count: infinite;
  overflow: hidden; /* Hide overflow for the marquee effect */
  position: relative;
  width: 100%; /* Full-width container */
  height: 110px; /* Adjust height as needed */
}

.marquee {
  display: flex;
  gap: 0; /* No gap between items */
  animation: scroll var(--duration) linear var(--delay) var(--iteration-count) var(--play);
  will-change: transform; /* Optimize animation performance */
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


.child {
  transform: var(--transform);
}

.read-more {
  margin-top: 15px !important;
  font-size: 16px;
  font-weight: 500;
}
.read-more.white::after {
  content: '';
  display: inline-block;
  margin-left: 5px; /* Adjust the space between text and arrow */
  width: 1em; /* Adjust the width of the arrow */
  height: 1em; /* Adjust the height of the arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M435.3 267.3L446.6 256l-11.3-11.3-168-168L256 65.4 233.4 88l11.3 11.3L385.4 240 16 240 0 240l0 32 16 0 369.4 0L244.7 412.7 233.4 424 256 446.6l11.3-11.3 168-168z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.swiper-slide:hover .read-more::after,
.resource-card:hover .read-more::after {
  transform: translateX(3px); /* Move arrow to the right on hover */
}

/* Featured Resources Home page */
/* Container for the featured resources */
.featured-resources-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}
.resource-card {
  /* min-height:660px; */
  position: relative
}
/* @media (max-width: 1024px) {
  .resource-card {
    min-height:520px;
  }
} */
@media (max-width: 968px) {
  .featured-resources-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.resource-card a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none; /* Removes underline from the link */
  color: inherit; /* Inherits color from parent for a consistent look */
}
.resource-card .image-wrapper {
  padding-top:72.5% !important;
}
.resource-card .resource-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* height: 100%; */
  position: relative;
  padding: 24px 36px;
  min-height:180px;
}
/* .resource-card .description {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.resource-card .read-more {
  margin-top: auto;
  align-self: column;
} */
.resource-card img,
.resource-card,
.resource-card .image-wrapper {
  border-top-right-radius: .75rem;
}
.resource-card p, 
.resource-card h3 {
  color:#ffffff;
}
.resource-card h3 {
  font-size: 32px !important;
  line-height: 38px !important;
}
.resource-card .tag {
  position: absolute;
  top: 1.5rem;
  left: 2.25rem;
  font-weight:700 !important;
  font-size: 28px !important;
}
.max-320 {
  max-width:320px;
}
@media (max-width: 768px) {
  .max-320 {
    margin:0 auto;
  }
}

.transparent-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
.transparent-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
.transparent-header #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color:#ffffff;
}

/* Blog page */
.featured-image > .kt-inside-inner-col {
  overflow: hidden;
  height: 26.25rem;
}
.featured-image figure {
  height:100%;
  width:100%;
  border-top-right-radius: .75rem;
  overflow: hidden;
}
.featured-image img {
  height:100%;
  width:auto;
  object-position: center;
  object-fit: cover;
  border-top-right-radius: .75rem;
}
.featured-image a:hover img {
  opacity: 1 !important;
}
@media (max-width: 639px) {
  .featured-image > .kt-inside-inner-col {
    height: auto;
  }  
}
.kadence-filter-wrap select {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  border-width: 0px !important;
  border-bottom-width: 1px !important;
  border-radius:0 !important;
  border-bottom-color: var(--dark-gray) !important;
}
.wp-block-kadence-query-card h2,
.wp-block-kadence-query-card p {
  font-family: 'Lato', sans-serif;
}
.legal-consent-container a {
  color: var(--dark-gray);
}
.description h3 {
  margin-bottom:15px;
}

.entry-content p {
  margin-top:1.25em !important;
  margin-bottom: 1rem !important;
}
.entry-content .kt-inside-inner-col p:first-of-type {
  margin-top:0 !important;
}
.entry-content blockquote {
  margin-left:0;
}
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {
  display:flex;
  flex-direction: column;
  gap: .75rem;
  padding: .75rem 0 0 !important;
  counter-reset: list-counter;
  list-style: none !important;
  margin: 0 !important;
  font-family: Raleway, san-serif;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.125rem !important;
  font-variation-settings: "wght" 500;
  font-weight: 500;
  line-height: 1.4444444444444442;
  letter-spacing: 0;
}
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li {
    counter-increment: list-counter;
    position: relative;
    padding: 10px 0 10px 38px; /* Adjust as needed for spacing */
    font-family: Raleway, san-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 1.125rem;
    font-variation-settings: "wght" 500;
    font-weight: 500;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin:0
}
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li:hover,
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li.active {
  border-top-color: var(--blue);
  border-bottom-color: var(--blue);
  border-top-width: 3px;
  border-bottom-width: 3px;
  color: var(--blue);
}
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li:hover a,
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li.active a {
  color: var(--blue)
}
/* Display the counter as two digits */
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li::before {
    content: counter(list-counter, decimal-leading-zero); /* Adds leading zero to numbers 1-9 */
    position: absolute;
    left: 0;
    width: 26px;
    font-family: Raleway, san-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 1.125rem;
    font-variation-settings: "wght" 500;
    font-weight: 500;
}
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-link-style-underline a {
  text-decoration: none !important;
}
.sticky-toc {
  position: sticky !important;
}
@media (min-width: 1024px) {
    .sticky-toc {
        top: 7.5rem;
        position: sticky;
    }
}
.heateor_sss_svg {
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .07) !important;
  border-radius: 9999px !important;
  padding: 5px !important;
  margin: 5px;
}
.dark-gray,
a.dark-gray {
  color: var(--dark-gray);
}
@media (max-width: 1023px) {
  body > #page > .content-area.boxed {
    padding:0;
  }
  .container > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .wp-block-kadence-tableofcontents {
    position: fixed;
    top:90px;
    left:0;
    z-index: 9998;
    width:100%;
    background-color:#ffffff;
    border-bottom: 1px solid var(--light-gray);
  }

  .kb-table-of-content-nav .kb-table-of-content-wrap {
    padding: 17px 24px 5px !important;
    position: relative;
  }
  .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li {
    padding:0px 0 0px 38px;
  }
  
  .kb-table-of-content-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  /* Open class for expanded state */
  .kb-table-of-content-list.open {
    max-height: 500px; /* Adjust to fit content */
  }
  
  /* Hamburger icon styling */
  .kb-table-of-contents-title-wrap {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  /* Create the three lines for the hamburger icon */
  .kb-table-of-contents-title-wrap::before,
  .kb-table-of-contents-title-wrap::after,
  .kb-table-of-contents-title::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 1px;
    background-color: black;
    position: absolute;
    left: 0;
    transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
  }
  
  /* Position the three lines for the hamburger */
  .kb-table-of-contents-title-wrap::before {
    top: 6px; /* Top line */
  }
  
  .kb-table-of-contents-title::before {
    top: 10px; /* Middle line */
  }
  
  .kb-table-of-contents-title-wrap::after {
    top: 14px; /* Bottom line */
  }
  
  /* Adjust spacing to align "Table of Contents" text next to the icon */
  .kb-table-of-contents-title {
    padding-left: 26px; /* Space for the hamburger icon */
  }
  
  /* Transform hamburger to "X" by rotating the top and bottom lines */
  .kb-table-of-contents-title-wrap.open::before {
    transform: rotate(45deg);
    top: 10px; /* Center the line for the X effect */
  }
  
  .kb-table-of-contents-title-wrap.open .kb-table-of-contents-title::before {
    opacity: 0; /* Hide middle line */
  }
  
  .kb-table-of-contents-title-wrap.open::after {
    transform: rotate(-45deg);
    top: 10px; /* Center the line for the X effect */
  }
  .card-grid-parent, 
  hr.border-grey {
    padding: 0 16px;
  }
  .card-grid-parent h3 {
    padding: 0;
  }
}
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list li a.active {
  color: #2071eb !important;
}
.border-1 {
  border-width: 1px !important;
}
.hs-submit [type=submit]:hover {
  opacity:1 !important;
  background-color: #E5EFFF;
  border-color: var(--dark-gray);
}
.subscribe-form {
  padding: 1.5rem;
}
@media (max-width: 768px) {
  .calculator-sticky {
    position: fixed;
    bottom: 0;
    left: 2%;
    width: 96%;
    z-index: 1000 !important;
    transition: transform 0.3s ease-in-out;
    transform: translateY(100%); /* Initially hidden */
  }
  
  .calculator-sticky.active {
    transform: translateY(0); /* Slide up into view */
  }
  
  .calculator-sticky.at-bottom {
    position: absolute; /* Scroll with the form */
    bottom: -195px;
    margin-top: 195px; /* Add margin when sticky is scrolling with the form */
  }
  .module-type-roiQuestions form {
    padding-bottom:195px;
  }

}
.weight-500 {
  font-weight:500;
  font-variation-settings: "wght" 500;
}
.white {
  color:#ffffff;
}
blockquote {
  font-weight: 500;
  font-style: italic;
  color: var(--body-copy);
  border-left-width: .25rem;
  border-left-color: #e5e7eb;
  quotes: "\201C" "\201D" "\2018" "\2019";
  margin: 1.6em 0;
  padding-left: 1em;
}
.customer-logos figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-logos figure img {
  height: 100%;
  width: auto;
  max-height: inherit;
  object-fit: contain;
  display: block;
}

.single-case-study #primary {
  p {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-variation-settings: "wght" 400;
    font-weight: 400;
    line-height: 1.4444444444444442;
    letter-spacing: 0;
  }
  h2 {
    font-family: Raleway, san-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 2.875rem;
    line-height: 1.2173913043478262;
    letter-spacing: -.02875rem;
    font-variation-settings: "wght" 500;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }
  h3 {
    font-family: Raleway, san-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 2rem;
    line-height: 1.1875;
    letter-spacing: 0;
    font-variation-settings: "wght" 600;
    font-weight: 600;
    color: var(--blue);
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }
  h4 {
    font-family: Raleway, san-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 1.75rem;
    line-height: 1.1785714285714286;
    letter-spacing: -.0175rem;
    font-variation-settings: "wght" 600;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
  }
  
  @media (min-width: 768px) {
    .md\:my-36 {
      margin-top: 9rem;
      margin-bottom: 3rem;
    }
    .md\:my-20 {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }
  }
  .flex {
    .kt-inside-inner-col {
      /* display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(5, 1fr);
      grid-column-gap: 0px;
      grid-row-gap: 0px; */
      figure {
         float: left;
         width: 40%;
         margin-right: 2.5rem;
         margin-bottom: 8rem;
      }
      h2 {
       margin:32px 0 24px;
       clear:unset;
      } 
      h3 {
        clear:unset;
      }
        h4, p {
        margin: 0 0 0.8rem;
        clear:unset;
      }
      @media (max-width: 768px) {
        figure {
         float:none; 
         width:100%;
        }
      }
    }
  }
}
.wp-block-separator {
  border-top-width: 1px;
  background-color:transparent;
}
.min-225 {
  min-height: 225px;
}
.min-415 {
  min-height:415px;
}
.case-study-content {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  flex-grow: 1;
  color:#ffffff;
  min-height:325px;
  h3 {
    color:#ffffff;
    margin-top:35px;
  }
  .tag {
    margin-top: unset;
    margin-bottom: auto;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    font-variation-settings: "wght" 600;
    color:#ffffff;
  }
  p {
    margin-top:10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    line-clamp: 4; /* Standard property for modern browsers */
  }
}
#case-study-grid .card, 
#case-study-grid .card img, 
.card .image-wrapper {
  border-top-right-radius: 20px;
}
.first-card {
  .tag {
    font-size: 28px !important;
    font-variation-settings: "wght" 700 !important;
    font-weight:700;
  }
  h3 {
    margin-top:0;
    font-size: 48px !important;
    line-height: 54px !important;
  } 
  .read-more {
    margin-top: 0 !important;
    font-size:20px;
  }
  .image-wrapper {
    padding-top:70%;
  }
  .case-study-content {
    min-height:200px;
  }
}

ul {
  margin:0;
  padding-left: 0;
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  li {
    padding-left: 0;
    margin-top: .5em;
    margin-bottom: .5em;
    font-size:18px;
  }
  li::marker {
      color:#d1d5db;
  }
}
ol {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
  li {
    padding-left: .375em;
    margin-top: .5em;
    margin-bottom: .5em;
    font-size:18px;
  }
  li::marker {
      color:#6b7280;
  }
}

.stats-row {
  .kt-row-column-wrap {
    justify-items: center;
  }
  .max-320>.kt-inside-inner-col {
    max-width:320px;
    margin-left: auto;
    margin-right:auto;
  }
}
ul.checkmark-list,
ul.checkmark-list li {
  padding-left:0;
}
ul.green-checkmark,
#scrolly article ul {
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: normal;

    li {
        position: relative;
        padding-left: 30px !important;

        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' aria-hidden='true' class='checkmark-circle-fill.svg'%3E%3Cpath opacity='0.3' fill='%230D8940' d='M11.1171 14.7026L11.8361 13.9937L8.50453 10.6521C8.31385 10.4614 8.05523 10.3542 7.78557 10.3542C7.5159 10.3542 7.25729 10.4614 7.0666 10.6521C6.87592 10.8427 6.7688 11.1014 6.7688 11.371C6.7688 11.6407 6.87592 11.8993 7.0666 12.09L11.1171 16.1405C11.0222 16.0463 10.9469 15.9344 10.8955 15.811C10.844 15.6876 10.8176 15.5552 10.8176 15.4215C10.8176 15.2878 10.844 15.1555 10.8955 15.0321C10.9469 14.9087 11.0222 14.7967 11.1171 14.7026Z'%3E%3C/path%3E%3Cpath fill='%230D8940' d='M22.9745 12.3833C22.9745 14.3861 22.3806 16.3439 21.2679 18.0092C20.1552 19.6744 18.5737 20.9724 16.7233 21.7388C14.873 22.5052 12.837 22.7058 10.8727 22.315C8.90835 21.9243 7.10402 20.9599 5.68784 19.5437C4.27166 18.1275 3.30723 16.3232 2.9165 14.3589C2.52578 12.3946 2.72631 10.3585 3.49274 8.50819C4.25918 6.65786 5.55709 5.07635 7.22234 3.96366C8.8876 2.85098 10.8454 2.25708 12.8482 2.25708C14.178 2.25708 15.4948 2.519 16.7233 3.0279C17.9519 3.53679 19.0682 4.28268 20.0085 5.22299C20.9488 6.1633 21.6947 7.27961 22.2036 8.50819C22.7125 9.73676 22.9745 11.0535 22.9745 12.3833ZM12.5545 16.1402L18.6303 10.0644C18.7247 9.97001 18.7996 9.85793 18.8507 9.73457C18.9018 9.61121 18.9281 9.47899 18.9281 9.34546C18.9281 9.21194 18.9018 9.07972 18.8507 8.95636C18.7996 8.833 18.7247 8.72092 18.6303 8.6265C18.5359 8.53208 18.4238 8.45719 18.3004 8.40609C18.1771 8.35499 18.0448 8.32869 17.9113 8.32869C17.7778 8.32869 17.6456 8.35499 17.5222 8.40609C17.3989 8.45719 17.2868 8.53208 17.1924 8.6265L11.8356 13.9934L8.50402 10.6518C8.31334 10.4611 8.05472 10.3539 7.78506 10.3539C7.51539 10.3539 7.25678 10.4611 7.06609 10.6518C6.87541 10.8424 6.76829 11.1011 6.76829 11.3707C6.76829 11.6404 6.87541 11.899 7.06609 12.0897L11.1166 16.1402C11.2107 16.2351 11.3227 16.3104 11.4461 16.3618C11.5695 16.4133 11.7019 16.4397 11.8356 16.4397C11.9692 16.4397 12.1016 16.4133 12.225 16.3618C12.3484 16.3104 12.4604 16.2351 12.5545 16.1402Z'%3E%3C/path%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
        }
    }
}
#scrolly article ul li > div.text-green {
  display:none;
}
.resource {
  .hero ul {
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: normal;
    li {
      margin-bottom:0;
      padding-left:0;
    }
  }
}
.kt-accordion-pane {
  border-bottom: 1px solid rgb(144 144 150);
  p {
    font-family: Lato, sans-serif;
    font-size: 1.125rem;
    font-variation-settings: "wght" 400;
    font-weight: 400;
    margin-bottom:1rem;
  }
}
.kt-blocks-accordion-header {
  padding-left:0 !important;
  padding-right: 0 !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  .kt-blocks-accordion-title {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 1.5rem;
    line-height: 1.416666666666667;
    font-variation-settings: "wght" 500;
    font-weight: 500;
    font-family: Raleway, san-serif;
    letter-spacing: 0;
    }
}
.kt-accordion-inner-wrap {
  row-gap: 0 !important;
}
.kt-accordion-panel-active.kt-blocks-accordion-header {
  padding-bottom:0 !important;
}
.kt-accordion-panel-inner {
  padding: 1.5rem 0 2rem !important;
}
.kt-blocks-accordion-icon-trigger {
  border: 1px solid #000;
  border-radius: 100px;
  padding:5px;
}
.kt-accodion-icon-style-arrow .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrow  .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-arrowcircle .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrowcircle .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {
  top: 15px !important;
}
.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:before {
  top: 17px !important;
}
.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:before {
  left:7px !important;
}
.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:after {
  right:7px !important;
}
.kb-dynamic-list-item {
  padding-left:0;
}
.kt-video-svg-icon.play {
  background:#fff;
  border-radius: 100px;
  padding:35px 30px 35px 40px;
}
@media (min-width: 1440px) {
  .container {
      padding-left: 2rem;
  }
}
.bg-white .description, 
.bg-white .read-more.white,
.resource-card.bg-white h3,
.resource-card.bg-white p
 {
  color:var(--body-copy);
}

/* Resources */
.resource .hs-submit [type=submit] {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(217 51 103 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.resource .hs-submit [type=submit]:hover {
    opacity: .5 !important;
}
.home .bg-green {
  margin-bottom:0 !important;
}
.caseStudySwiper .swiper-slide,
.caseStudyTagSwiper .swiper-slide {
  border-top-right-radius: 20px;
}
.type-1440-tight p {
  margin:0;
  font-family: Lato, sans-serif;
  font-size: .875rem;
  letter-spacing: 0;
  font-variation-settings: "wght" 400;
  font-weight: 400;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Aspect ratio for 16:9 videos */
    height: 0;
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.speaker-list {
  margin-top: 30px !important;
}
.speaker-list .border-grey-dark {
  border-left-width: 1px;
}
.speaker-list img {
  border-top-right-radius: 20px;
}
.home .page-content {
  margin-top:0 !important;
}
.no-hero p { 
  margin-bottom: 1rem;
  line-height: 1.4444444444444442;
  letter-spacing: 0;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  font-variation-settings: "wght" 400;
  font-weight: 400;
 }
.no-hero h1 {
   font-size: 4rem;
   line-height: 1.15625;
   letter-spacing: -.04rem;
 }
.no-hero h2 {
   font-variant-numeric: lining-nums proportional-nums;
   font-size: 2.875rem;
   line-height: 1.2173913043478262;
   letter-spacing: -.02875rem;
   margin: 6rem 0 4rem;
 }
.no-hero h3 {
   font-size: 2.625rem;
   line-height: 1.2380952380952381;
 }
 ul.no-style {
   margin: 0;
   padding-left: 0;
   list-style-type: none;
   margin-top: 0;
   margin-bottom: 0;
   li {
     padding-left: 0;
     margin-top: 0;
     margin-bottom: 0;
   }
 }
 .alignfull img.w-full {
   width:100%;
 }
 hr {
   margin-top:3rem;
   margin-bottom:3rem;
   @media (min-width: 768px) {
      margin-top:5rem;
      margin-bottom:5rem;
   }
 }
 #resource-grid {
   a, a:visited,  {
     color: #ffffff;
   }
 }
 .related-items .bg-white,
 .section-resources .bg-white {
   border:1px solid var(--body-copy) !important;
   
   .text-white {
     color:var(--body-copy) !important;
   }
 }
 .ten-square {
   width:10px;
   height:10px;
 }
.related-articles .bg-white {
  border:0px !important;
}
fieldset.form-columns-2 .hs-form-field {
  width: 50%;
  float: left;
}
.hs-firstname .input {
  margin-right:7px;
}
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 500px;
}
.hero .hs-submit [type=submit] {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(217 51 103 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hero .hs-submit [type=submit]:hover {
    opacity: .5 !important;
}
.kb-button.bg-white {
  border: 0px !important;
}
@media (min-width: 1024px) {
    .lg\:rounded-bl-\[20px\] img {
        border-bottom-left-radius: 20px;
    }
}
.max-640 {
  max-height: 640px;
}
.overflow-hidden {
  overflow: hidden;
}
.rcbl > .kt-inside-inner-col {
  border-bottom-left-radius: 20px;
}
.hero ul {
  margin:0;
  padding:0;
  li {
    padding-left:0;
  }
}
.related-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin: 144px 0;
    .swiper-slide {
      flex-shrink: unset;
    }
    .bg-white .tag {
      color: #FFFFFF !important
    }
}
@media (min-width: 768px) {
    .related-items {
        grid-template-columns: repeat(3, 1fr);
    }
}
.white-space {
  white-space: pre;
}
.CardHighlight .arrow {
  position:absolute;
  bottom:0;
  right:0;
}
.integration .arrow {
  position:absolute;
  bottom:-12px;
  right:-12px;
}
.CardHighlight:hover .logo > .kt-inside-inner-col {
    background-size: 125%;
    transition-property: transform;
    will-change: transform;
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.CardHighlight:hover .arrow svg,
.integration:hover .arrow svg {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  will-change: transform;
  transition-duration: .3s !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.max-216 {
  max-width:216px;
}
.partner-integrations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .partner-integrations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:inline {
    display: none;
}
.md\:hidden {
    display: inline;
}

@media (min-width: 768px) {
    .md\:inline {
        display: inline;
    }
    .md\:hidden {
        display: none;
    }
}
h3.dark-gray a {
  color: var(--dark-gray);
  font-variation-settings: "wght" 400;
  font-weight: 400;
}
.border-black {
  color: var(--dark-gray);
}
.explore-features {
  margin: 144px auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.postid-3968 .full-width-hero-image.object-center {
  object-position: top !important;
}