/* =========================================================
   Root tokens
   ======================================================= */
:root {
  /* Durations */
  --duration-default-quarter: 0.2s;
  --duration-default-half: 0.4s;
  --duration-default: 0.8s;
  --duration-default-onehalf: 1.2s;
  --duration-default-double: 1.6s;

  /* Easings */
  --cubic-default: cubic-bezier(0.625, 0.05, 0, 1);
  --cubic-bounce: linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
  --hover-effect: linear(0 0%, 0.005892 1%, 0.022227 2%, 0.047151 3%, 0.079006 4%, 0.116321 5%, 0.157797 6%, 0.202293 7.000000000000001%, 0.248818 8%, 0.296516 9%, 0.344652 10%, 0.392606 11%, 0.439857 12%, 0.485977 13%, 0.530617 14.000000000000002%, 0.573504 15%, 0.614426 16%, 0.653228 17%, 0.689804 18%, 0.724091 19%, 0.756062 20%, 0.785721 21%, 0.813097 22%, 0.838242 23%, 0.861223 24%, 0.882123 25%, 0.901035 26%, 0.918061 27%, 0.933305 28.000000000000004%, 0.946879 28.999999999999996%, 0.958894 30%, 0.96946 31%, 0.978689 32%, 0.986687 33%, 0.993561 34%, 0.999411 35%, 1.004333 36%, 1.00842 37%, 1.011758 38%, 1.014427 39%, 1.016506 40%, 1.018063 41%, 1.019165 42%, 1.019871 43%, 1.020237 44%, 1.020313 45%, 1.020144 46%, 1.019771 47%, 1.019232 48%, 1.018558 49%, 1.01778 50%, 1.016922 51%, 1.016007 52%, 1.015055 53%, 1.014083 54%, 1.013105 55.00000000000001%, 1.012133 56.00000000000001%, 1.011177 56.99999999999999%, 1.010246 57.99999999999999%, 1.009346 59%, 1.008483 60%, 1.00766 61%, 1.006882 62%, 1.006148 63%, 1.005462 64%, 1.004822 65%, 1.00423 66%, 1.003683 67%, 1.003182 68%, 1.002725 69%, 1.002309 70%, 1.001933 71%, 1.001595 72%, 1.001293 73%, 1.001024 74%, 1.000786 75%, 1.000578 76%, 1.000396 77%, 1.000238 78%, 1.000103 79%, 0.999989 80%);

  /* Shorthand animations */
  --animation-default-quarter: var(--duration-default-quarter) var(--cubic-default);
  --animation-default-half: var(--duration-default-half) var(--cubic-default);
  --animation-default: var(--duration-default) var(--cubic-default);
  --animation-default-onehalf: var(--duration-default-onehalf) var(--cubic-default);
  --animation-default-double: var(--duration-default-double) var(--cubic-default);

  /* Hover variants */
  --animation-hover-half: var(--duration-default-half) var(--hover-effect);
  --animation-hover-default: var(--duration-default) var(--hover-effect);
  --animation-hover-onehalf: var(--duration-default-onehalf) var(--hover-effect);
  --animation-hover-double: var(--duration-default-double) var(--hover-effect);

  /* Simple ease */
  --animation-ease: 0.2s ease;
  --animation-ease-double: 0.4s ease;

  /* Category palette */
  --cat-whitepaper: var(--brand-colors--whitepapers);
  --cat-datasheet: #167DD6;
  --cat-partner-datasheet: #8ABEEA;
  --cat-guide: #338782;
  --cat-case-study: #D26B29;
  --cat-use-case: #E8B594;
  --cat-video: #DF1115;
  --cat-webinar: #F4B0B1;
  --cat-infographic: #99C3C0;
  --cat-ebook: #2445CC;
  --cat-podcast: #EA6063;

  /* Categories that need light text (for reference) */
  --light-text-categories: "White Paper", "Guide", "Case Study", "Video", "eBook", "Podcast";
}

/* =========================================================
   Category tags (CMS + filter state)
   ======================================================= */

/* base hook pulls per-item vars */

[data-tag-category],
[data-tag-check]:has(input:checked) {
  background-color: var(--bg-color);
  color: var(--text-color, inherit);
}

/* individual mappings set the custom props */
[data-tag-category="White Paper"],
[data-tag-check="White Paper"]:has(input:checked) {
  --bg-color: var(--cat-whitepaper);
  --text-color: var(--swatch--light);
}

[data-tag-category="Datasheet"],
[data-tag-check="Datasheet"]:has(input:checked) {
  --bg-color: var(--cat-datasheet);
  --text-color: var(--swatch--light);
}

[data-tag-category="Partner Datasheet"],
[data-tag-check="Partner Datasheet"]:has(input:checked) {
  --bg-color: var(--cat-partner-datasheet);
  --text-color: var(--swatch--dark);
}

[data-tag-category="Guide"],
[data-tag-check="Guide"]:has(input:checked) {
  --bg-color: var(--cat-guide);
  --text-color: var(--swatch--light);
}

[data-tag-category="Case Study"],
[data-tag-check="Case Study"]:has(input:checked) {
  --bg-color: var(--cat-case-study);
  --text-color: var(--swatch--light);
}

[data-tag-category="Use Case"],
[data-tag-check="Use Case"]:has(input:checked) {
  --bg-color: var(--cat-use-case);
  --text-color: var(--swatch--dark);
}

[data-tag-category="Video"],
[data-tag-check="Video"]:has(input:checked) {
  --bg-color: var(--cat-video);
  --text-color: var(--swatch--light);
}

[data-tag-category="Webinar"],
[data-tag-check="Webinar"]:has(input:checked) {
  --bg-color: var(--cat-webinar);
  --text-color: var(--swatch--dark);
}

[data-tag-category="Infographic"],
[data-tag-check="Infographic"]:has(input:checked) {
  --bg-color: var(--cat-infographic);
  --text-color: var(--swatch--dark);
}

[data-tag-category="eBook"],
[data-tag-check="eBook"]:has(input:checked) {
  --bg-color: var(--cat-ebook);
  --text-color: var(--swatch--light);
}

[data-tag-category="Podcast"],
[data-tag-check="Podcast"]:has(input:checked) {
  --bg-color: var(--cat-podcast);
  --text-color: var(--swatch--light);
}

/* =========================================================
   State styles
   ======================================================= */
.toc-link.w--current {
  background-color: var(--brand-colors--off-white);
  border-left: 2px solid var(--brand-colors--primary-blue);
}

.cms_pagination_item.w--current {
  border-color: var(--_theme---button-primary--border-hover);
}

/* =========================================================
   Filters / tags
   ======================================================= */
/* NOTE: class name appears to be 'filter-input_checbox' in source */
.filter-input_checkbox.is-tag {
  cursor: pointer;
}

.filter_tag_svg {
  transform: rotate(0deg);
  transition: transform var(--animation-default-quarter);
}

.filter-input_checkbox.is-tag:checked+.filter-input_label+.filter_tag-icon .filter_tag_svg {
  transform: rotate(45deg);
}

/* =========================================================
   Graph tag (edge fade indicators)
   ======================================================= */
.b-graph_tag {
  position: relative;
}

.b-graph_tag.is-top::before,
.b-graph_tag.is-bottom::before,
.b-graph_tag.is-left::before,
.b-graph_tag.is-right::before {
  content: '';
  position: absolute;
}

.b-graph_tag.is-top::before {
  left: -2px;
  top: -3rem;
  width: calc(100% + 2px);
  height: 3rem;
  background: linear-gradient(0deg, rgba(68, 81, 109, 0.5) 0%, rgba(16, 29, 60, 0) 100%);
}

.b-graph_tag.is-bottom::before {
  left: -2px;
  bottom: -3rem;
  width: calc(100% + 2px);
  height: 3rem;
  background: linear-gradient(180deg, rgba(68, 81, 109, 0.5) 0%, rgba(16, 29, 60, 0) 100%);
}

.b-graph_tag.is-left::before {
  left: -4rem;
  top: 0;
  width: 4rem;
  height: 1.6rem;
  background: linear-gradient(-90deg, rgba(68, 81, 109, 0.5) 0%, rgba(16, 29, 60, 0) 100%);
}

.b-graph_tag.is-right::before {
  right: -4rem;
  top: 0;
  width: 4rem;
  height: 1.6rem;
  background: linear-gradient(90deg, rgba(68, 81, 109, 0.5) 0%, rgba(16, 29, 60, 0) 100%);
}

/* =========================================================
   Platform cards / sliders
   ======================================================= */
.wf-design-mode .platform-uc_card_bottom {
  grid-template-rows: 1fr;
}

@media (hover: none) {
  .platform-uc_card_bottom {
    grid-template-rows: 1fr;
  }
}

.platform-uc_card_bottom {
  transition: all var(--animation-default-half);
}

.platform-uc_card:hover .platform-uc_card_bottom {
  grid-template-rows: 1fr;
  transition: all var(--animation-default-half);
}

.platform-integraitons_list.swiper-wrapper {
  transition-timing-function: linear !important;
}

/* =========================================================
   Background helpers
   ======================================================= */
.bg-split-reverse {
  background: linear-gradient(180deg, var(--swatch--light) 75%, var(--swatch--dark) 25%);
}

/* =========================================================
   Tabs
   ======================================================= */
.wf-design-mode .tab-swiper_list {
  display: block;
}

.g-tabs_button_item:focus-visible {
  outline: 0.125rem solid black;
  outline-offset: 0.125rem;
}

/*
.g-tabs_content_item {
  display: none;
}

.g-tabs_content_item.is-active,
.wf-design-mode .g-tabs_content_item,
body[data-wf-id] .g-tabs_content_item:first-child {
  display: block;
}
*/

.g_tabs_bg {
  transition: all var(--animation-default-quarter);
}

.g-tabs_button_item.is-active .g_tab_marker {
  opacity: 1;
  transition: background var(--animation-default-quarter);
}

.g-tabs_button_item.is-active .g_tabs_bg {
  width: 100%;
}

.g-tabs_button_item:hover .g_tab_marker {
  opacity: 1;
  transition: opacity var(--animation-default-quarter);
}

.g-tabs_button_item:hover .g_tabs_bg {
  width: 100%;
  transition: all var(--animation-default-quarter);
}

/* =========================================================
   Use-cases cards
   ======================================================= */
.card-top_bg {
  opacity: 1;
  transition: width var(--animation-default-quarter);
}

.card-marker {
  transition: opacity var(--animation-default-quarter);
}

.card-split.is-active .card-top_bg {
  width: 100%;
}

.card-split.is-active .card-split_header {
  color: var(--swatch--light) !important;
}

.card-split:hover .card-marker {
  opacity: 1;
  transition: all var(--animation-default-quarter);
}

/* =========================================================
   Capability images
   ======================================================= */
.wf-design-mode .key-capabilities_img {
  opacity: 1;
}

/* =========================================================
   Navigation
   ======================================================= */
.nav-item_header {
  transition: color var(--animation-ease);
}

.nav-item_link_wrap:hover .nav-item_header {
  color: var(--_theme---typography--heading);
}

.nav-item_link_wrap .icon_arrow-nav,
.nav-item_link_wrap .icon_arrow-nav.is-second {
  transition: all var(--animation-default-half);
}

.nav-item_link_wrap .icon_arrow-nav.is-second {
  transform: translate(-1rem, 1rem);
}

.nav-item_link_wrap:hover .icon_arrow-nav {
  transform: translate(1rem, -1rem);
}

.nav-item_link_wrap:hover .icon_arrow-nav.is-second {
  transform: translate(0, 0);
}

.nav_dropdown_mega_layout.is-desktop .nav-column.is-border {
  border-right: 1px solid var(--swatch--nav-border);
}

[data-anim-arrow] .icon-arrow,
[data-anim-arrow] .icon-arrow.is-left {
  transition: all var(--animation-default-half);
}

[data-anim-arrow] .icon-arrow.is-left {
  transform: translate(-2rem, 2rem);
}

[data-anim-arrow]:hover .icon-arrow {
  transform: translate(2rem, -2rem);
}

[data-anim-arrow]:hover .icon-arrow.is-left {
  transform: translate(0, 0);
}

.nav_component .logo-dot {
  color: var(--_theme---typography--heading);
}

/* =========================================================
   Rich text custom bullets
   ======================================================= */
.custom-bullet ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-bullet li {
  position: relative;
  padding-left: 20px;
}

/* SVG bullet */
.custom-bullet li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  /* vertical alignment */
  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 0.585022H2.4C1.07452 0.585022 0 1.66625 0 3.00002C0 4.33379 1.07452 5.41502 2.4 5.41502H5.6C6.92548 5.41502 8 4.33379 8 3.00002C8 1.66625 6.92548 0.585022 5.6 0.585022Z' fill='%2327DAB3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.custom-bullet li:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 0.585022H2.4C1.07452 0.585022 0 1.66625 0 3.00002C0 4.33379 1.07452 5.41502 2.4 5.41502H5.6C6.92548 5.41502 8 4.33379 8 3.00002C8 1.66625 6.92548 0.585022 5.6 0.585022Z' fill='%231fb899'/%3E%3C/svg%3E");
}

/*

.blog-rich-text ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.blog-rich-text li {
  position: relative;
  padding-left: 20px;
}


.blog-rich-text li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;

  width: 8px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 0.585022H2.4C1.07452 0.585022 0 1.66625 0 3.00002C0 4.33379 1.07452 5.41502 2.4 5.41502H5.6C6.92548 5.41502 8 4.33379 8 3.00002C8 1.66625 6.92548 0.585022 5.6 0.585022Z' fill='%2327DAB3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.blog-rich-text li:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 0.585022H2.4C1.07452 0.585022 0 1.66625 0 3.00002C0 4.33379 1.07452 5.41502 2.4 5.41502H5.6C6.92548 5.41502 8 4.33379 8 3.00002C8 1.66625 6.92548 0.585022 5.6 0.585022Z' fill='%231fb899'/%3E%3C/svg%3E");
}
*/
/* =========================================================
   Animations
   ======================================================= */
.capabilities-feature_bg {
  animation: spinGlobe 10s linear infinite;
}

.wf-design-mode .capabilities-feature_bg {
  animation-play-state: paused;
}

@keyframes spinGlobe {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.svg-anim_square {
  color: var(--brand-colors--primary-blue);
}

/* =========================================================
   Tables
   ======================================================= */
.table-container {
  overflow-x: auto;
}

.ti-table {
  min-width: 60rem;
}

/* prevent overall shrink */
.ti-table_cell,
.ti-table_header {
  vertical-align: top;
  text-align: left;
}

.ti-table_cell *,
.ti-table_header * {
  text-align: left;
}

.tl-table_cell {
  white-space: normal;
  word-wrap: break-word;
}

.ti-table_header {
  min-width: max-content;
  white-space: nowrap;
}

.ti-table_cell {
  white-space: normal;
  word-wrap: break-word;
}

.ti-table_cell div {
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
}

/* =========================================================
   Form Embeds
   ======================================================= */

/* Base Form Structure
   ----------------------------------- */
.mktoForm {
  font-family: "Inter", sans-serif !important;
  color: inherit !important;
  font-size: inherit !important;
  width: 100% !important;
}

.mktoForm fieldset {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.mktoForm .mktoFormRow {
  width: 100%;
}

.mktoForm .mktoFormCol {
  position: relative;
  text-align: left;
  margin-bottom: 0.7rem !important;
  width: 100%;
  min-height: auto !important;
}

.mktoForm fieldset.mktoFormCol {
  margin-bottom: 0 !important;
}

.mktoForm fieldset .mktoFormCol {
  width: 100%;
}

/* Field Wrapper Styles
   ----------------------------------- */
.mktoForm .mktoFieldWrap {
  float: none !important;
  margin-bottom: 0.7rem;
}

.mktoForm .mktoField,
.mktoForm .mktoLogicalField {
  clear: inherit !important;
}

/* Input Field Styles
   ----------------------------------- */
.mktoForm .mktoField {
  background-color: #F2F2F2 !important;
  color: #777777 !important;
  font-weight: 600;
  font-size: 1rem;
  padding-left: 0.7rem !important;
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
  border: 1px solid rgba(13, 29, 40, 0.3) !important;
  border-radius: 3px;
}

.mktoForm input,
.mktoForm select,
.mktoForm textarea {
  box-sizing: border-box !important;
  padding-top: 0;
  padding-bottom: 0;
  width: 100% !important;
}

input {
  border: 0px !important;
}

/* Checkbox and Radio Styles
   ----------------------------------- */
.mktoForm .mktoCheckboxList {
  width: 100% !important;
}

.mktoForm .mktoCheckboxList input {
  width: auto !important;
  height: auto !important;
  margin-right: 10px;
  text-align: left;
}

.mktoForm .mktoRadioList {
  width: 100% !important;
}

.mktoForm .mktoRadioList input {
  width: 20px !important;
  height: auto;
  margin-right: 10px;
}

.mktoForm .mktoRadioList label,
.mktoForm .mktoCheckboxList label {
  font-weight: 400;
  text-transform: unset;
}

/* Button Styles
   ----------------------------------- */
.mktoForm .mktoButtonWrap {
  margin: 0 !important;
}

.mktoForm .mktoButton {
  width: 100% !important;
  box-sizing: border-box !important;
  color: var(--_theme---button-primary--text) !important;
  font-family: "Inter, sans-serif";
  text-shadow: none;
  text-transform: uppercase;
}

.mktoForm .mktoButtonRow {
  margin-top: 1.5rem;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0px;
  color: var(--_theme---button-primary--text) !important;
  background-color: var(--_theme---button-primary--background);
  font-weight: 600;
  width: 100%;
  text-align: center;
  background-image: var(--_theme---button-primary--background);
}

.mktoForm .mktoButtonRow:hover {
  color: white;
  background-color: var(--_theme---button-primary--background-hover);

}

.mktoButtonRow:hover .mktoButton {
  border: none !important;
  color: var(--_theme---button-primary--text-hover) !important;
  background: var(--_theme---button-primary--background-hover);
}

.mktoForm .mktoButtonWrap.mktoInset .mktoButton {
  box-shadow: none;
  border: none;
  background-color: transparent !important;
  width: 100% !important;
}

.mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
  border: none !important;
  color: var(--_theme---button-primary--text-hover) !important;
  background: var(--_theme---button-primary--background-hover);
}

.mktoForm button.mktoButton {

  font-family: "Inter", sans-serif !important;
  text-align: center;
  background: var(--_theme---button-primary--background);
  border-radius: 8px;
}

.mktoForm button.mktoButton:hover {

  color: var(--_theme---button-primary--text-hover) !important;
  background-color: var(--_theme---button-primary--background-hover);
}

/* Error Message Styles
   ----------------------------------- */
.mktoForm .mktoError {
  display: flex;
  align-items: center;
  top: 0px !important;
  bottom: 0px !important;
  right: 16px !important;
}

.mktoForm .mktoError .mktoErrorArrowWrap {
  display: none !important;
}

.mktoForm .mktoError .mktoErrorMsg {
  font-family: "Inter", sans-serif !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding: none !important;
  text-shadow: none !important;
  border: none !important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #BF1D2D !important;
  margin-top: 0px;
  max-width: 20em;
}

/* Label and Required Field Styles
   ----------------------------------- */
.mktoForm label {
  display: none !important;
}

/* Show labels on this specific form */
[data-labels="true"] label {
  display: block !important;
  min-width: 250px;
  font-family: "Inter", sans-serif !important;
  margin-bottom: 0.25rem;
}

.mktoForm .mktoAsterix {
  display: none !important;
}

/* Add these specific rules for the SDK Legal Agreement field */
.mktoForm #LblsDKLegalAgreement,
.mktoForm #LblsTAXXLegalAgreement {
  display: inline-block !important;
  /* or 'block' depending on your layout needs */
}

.mktoForm #LblsDKLegalAgreement .mktoAsterix {
  display: inline !important;
  /* Show the asterisk for this field */
}

.mktoForm .mktoRequiredField label:after {
  content: " *";
  color: #ff4b52;
}

.mktoForm .mktoRequiredField .mktoCheckboxList label:after,
.mktoForm .mktoRequiredField .mktoRadioList label:after {
  content: "";
}

.mktoFieldWrap.mktoRequiredField {
  max-width: 100% !important;

}

/* HTML Text and Legal Consent
   ----------------------------------- */
.mktoForm .mktoHtmlText {
  width: 100% !important;
}

.mktoForm .legal-consent {
  font-size: 12px;
  color: var(--_theme---text) !important;
  font-family: inherit;
  text-align: left;
}

.mktoForm .legal-consent.withCheckbox {
  margin: -45px 40px 0 0 !important;
  position: relative;
  left: 40px;
  pointer-events: all;
}

.mktoForm .mktoFormCol:has(.withCheckbox) {
  pointer-events: none;
}

.mktoFormCol {
  max-width: 100%;

}

/* Hidden Elements
   ----------------------------------- */
.mktoForm legend,
.mktoForm .mktoGutter,
.mktoForm .mktoOffset {
  display: none;
}

/* General Link Styles
   ----------------------------------- */
a {
  color: inherit;
  text-decoration: underline;
}

/* Mobile Responsive Styles
   ----------------------------------- */
@media only screen and (max-width: 480px) {
  .mktoForm .mktoField {
    font-size: 16px !important;
  }

  .mktoForm input[type=url],
  .mktoForm input[type=text],
  .mktoForm input[type=date],
  .mktoForm input[type=tel],
  .mktoForm input[type=email],
  .mktoForm input[type=number],
  .mktoForm textarea.mktoField,
  .mktoForm select.mktoField {
    font-size: 16px !important;
    height: auto;
  }
}

.copilot-bg_pill {
  transition: background-color var(--animation-default-half);

}

.wf-design-mode .hero-anim_answer_top-wrap {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.hero-anim_answer_layout {
  grid-template-rows: 0fr;

}

.wf-design-mode .hero-anim_answer_layout {
  grid-template-rows: 1fr;

}

.hero-anim_answer_top {
  /* Ensure element has dimensions */
  width: 100%;
  overflow: hidden;
  /* Force GPU acceleration for smoother animation */
  will-change: clip-path;
  transform: translateZ(0);
}

.hero-anim_q {
  background: var(--_theme---background-2);
  border: 1px solid transparent;
  border-image: linear-gradient(94.85deg, var(--brand-colors--primary-green) 65%, var(--_theme---border) 100%);
  border-image-slice: 1;
}

.hero-anim_answer_top {

  border: 1px solid transparent;
  border-image: linear-gradient(94.85deg, var(--brand-colors--primary-green) 65%, var(--_theme---border) 100%);
  border-image-slice: 1;

}

.accordion-horizontal-line {
  transform-origin: 50% 50%;

}

.accordion-cms_toggle_icon {
  z-index: 2;
  bottom: auto;
  top: auto;
}

@media (max-width: 767px) {
  .wf-design-mode .accordion-cms_toggle_icon {
    display: block;

  }
}

@media (max-width: 767px) {
  .g_tab_marker {
    height: 2.5rem;

  }
}

[data-success-message='message'] {
  display: none;

}

.wf-design-mode [data-success-message='message'] {
  display: block;

}

.text-color-inherit {
  color: inherit !important;

}

.wf-design-mode .hide-designer {
  display: none;

}

.integrations-arrow {
  animation: integrations-motion 4s ease-out infinite;
}

.integrations-arrow-right {
  animation: integrations-motion-right 4s ease-out infinite;

}

@keyframes integrations-motion {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes integrations-motion-right {
  from {
    transform: translateX(50%);
  }

  to {
    transform: translateX(0);
  }
}

table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 350px;
}

/* Basic cell styling */
table tr th,
table tr td {
  vertical-align: top;
  border-right: 1px solid var(--background-color--navy);
  border-bottom: 1px solid var(--background-color--navy);
  padding: 0.6rem;
  word-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

/* Left border for first cells */
table tr th:first-child,
table tr td:first-child {
  border-left: 1px solid var(--background-color--navy);
}

/* Header styling */
table tr th {
  background: var(--background-color--navy);
  border-top: 1px solid var(--table--border-color);
  color: var(--base-color-brand--fiery-red);
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: left;
  text-transform: uppercase;
}

table tr td {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  color: var(--background-color--light-sand);
}

@media screen and (max-width: 576px) {
  table tr th {
    background: var(--background-color--navy);
    border-top: 1px solid var(--table--border-color);
    color: var(--base-color-brand--fiery-red);
    padding-top: 1.25rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
    text-transform: uppercase;
  }

  table tr td {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: var(--background-color--light-sand);
  }

  table tr td h5 {
    margin-top: 0 !important;
  }
}

/* Style first row when no th present */
table:not(:has(th)) tr:first-child td {
  border-top: 1px solid var(--table--border-color);
  text-align: left;
}

/* Border radius for corners */
/* Top corners for th */
table tr:first-child th:first-child {
  border-top-left-radius: var(--corners--medium);
}

table tr:first-child th:last-child {
  border-top-right-radius: var(--corners--medium);
}

/* Top corners for td when no th present */
table:not(:has(th)) tr:first-child td:first-child {
  border-top-left-radius: var(--corners--medium);
}

table:not(:has(th)) tr:first-child td:last-child {
  border-top-right-radius: var(--corners--medium);
}

/* Bottom corners */
table tr:last-child td:first-child {
  border-bottom-left-radius: var(--corners--medium);
}

table tr:last-child td:last-child {
  border-bottom-right-radius: var(--corners--medium);
}

/* Utility classes */
.data-table {
  width: 100%;
  table-layout: auto;

}

.data-table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  margin: 20px 0;
}

.data-table th {
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
}

.data-table th,
.data-table td {
  color: color-mix(in srgb, var(--_theme---text) 60%, transparent);
  white-space: nowrap;
  max-width: 700px;
  text-align: left;
  /* Align to left */
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid var(--_theme---border);
  /* Add padding */
}

.data-table th {
  font-weight: bold;
}

/* Alternating row colors */
.data-table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}

.data-table tr:nth-child(odd) {
  background-color: transparent;
}

.modal-video:has([data-video-id=""]) .g_clickable_wrap {
  z-index: auto;
  cursor: default;
  pointer-events: none;
}

.modal-video:has([data-video-id=""]) .play-icon_wrap {
  display: none;
  pointer-events: none;
}

.tabs_button_clip {
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s cubic-bezier(0.61, 1, 0.88, 1);
}

.tabs_button_item.is-active .tabs_button_clip {
  grid-template-rows: 1fr;

}

.wf-design-mode .tabs_button_clip {
  grid-template-rows: 1fr;

}

[data-visual-mode='dark'] {
  opacity: 1;
}

[data-visual-mode='light'] {
  opacity: 0;
}

.tab-image_swtich-wrap:has(input[type="checkbox"]:checked) [data-visual-mode='dark'] {
  opacity: 0;
}

.tab-image_swtich-wrap:has(input[type="checkbox"]:checked) [data-visual-mode='light'] {
  opacity: 1;
}

.tab-mode_text {
  position: relative;
  display: grid;
}

.tab-mode_text>span {
  grid-area: 1 / 1;
  transition: opacity 0.3s ease;
}

.modal-new_content {

  overflow-y: auto;
}

div.card-split_top .card-marker {
  display: none;
}