.elementor-40381 .elementor-element.elementor-element-ed18a4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-40381 .elementor-element.elementor-element-88ba350{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-40381 .elementor-element.elementor-element-4fbe2a6{--display:flex;--min-height:415px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;}.elementor-40381 .elementor-element.elementor-element-4fbe2a6:not(.elementor-motion-effects-element-type-background), .elementor-40381 .elementor-element.elementor-element-4fbe2a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(198deg, rgba(35,201,255,0.1) 0%, rgba(158,84,255,0.1) 100%);}.elementor-40381 .elementor-element.elementor-element-916912b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(15px/2);}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(15px/2);}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(15px/2);margin-left:calc(15px/2);}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-15px/2);margin-left:calc(-15px/2);}body.rtl .elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-15px/2);}body:not(.rtl) .elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-15px/2);}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-icon{width:14px;}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-icon i{font-size:14px;}.elementor-40381 .elementor-element.elementor-element-330385e .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-40381 .elementor-element.elementor-element-b1d17b2{font-size:26px;line-height:32px;}.elementor-40381 .elementor-element.elementor-element-d8e1f9d .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-40381 .elementor-element.elementor-element-d8e1f9d .elementor-button:hover, .elementor-40381 .elementor-element.elementor-element-d8e1f9d .elementor-button:focus{background-color:var( --e-global-color-a5920e6 );}.elementor-40381 .elementor-element.elementor-element-d8e1f9d.elementor-element{--align-self:flex-start;}.elementor-40381 .elementor-element.elementor-element-d8e1f9d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-40381 .elementor-element.elementor-element-d8e1f9d .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-40381 .elementor-element.elementor-element-6357328{--display:flex;--justify-content:center;}.elementor-40381 .elementor-element.elementor-element-9866b46 img{border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:#E7E7E7;border-radius:8px 8px 8px 8px;box-shadow:1px 4px 40px 0px rgba(0,0,0,0.15);}.elementor-40381 .elementor-element.elementor-element-7d8999f img{border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:#E7E7E7;border-radius:8px 8px 8px 8px;box-shadow:1px 4px 40px 0px rgba(0,0,0,0.15);}.elementor-40381 .elementor-element.elementor-element-536a474{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-40381 .elementor-element.elementor-element-dc644ba{z-index:10;--box-background-color:var( --e-global-color-df7b229 );--box-border-width:0px;--box-border-radius:24px;--box-padding:7px;--item-text-color:var( --e-global-color-d3f4f2f );--item-text-hover-color:var( --e-global-color-secondary );--item-text-active-color:var( --e-global-color-d3f4f2f );}.elementor-40381 .elementor-element.elementor-element-dc644ba .elementor-toc__header-title{text-align:start;}.elementor-40381 .elementor-element.elementor-element-dc644ba .elementor-toc__list-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;}.elementor-40381 .elementor-element.elementor-element-086424b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40381 .elementor-element.elementor-element-d580245{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-df7b229 );--border-color:var( --e-global-color-df7b229 );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40381 .elementor-element.elementor-element-d580245.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40381 .elementor-element.elementor-element-a4cccaf{--display:flex;--min-height:280px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40381 .elementor-element.elementor-element-a4cccaf:not(.elementor-motion-effects-element-type-background), .elementor-40381 .elementor-element.elementor-element-a4cccaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1a5d83f );}.elementor-40381 .elementor-element.elementor-element-b3cec22 img{width:230px;}.elementor-40381 .elementor-element.elementor-element-8fafcd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40381 .elementor-element.elementor-element-bacb3d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-df7b229 );--border-color:var( --e-global-color-df7b229 );--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-40381 .elementor-element.elementor-element-bacb3d8.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-40381 .elementor-element.elementor-element-52cefa4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-40381 .elementor-element.elementor-element-ed18a4f{--padding-top:10px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-40381 .elementor-element.elementor-element-4fbe2a6{--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40381 .elementor-element.elementor-element-916912b{--z-index:1;}.elementor-40381 .elementor-element.elementor-element-086424b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40381 .elementor-element.elementor-element-d580245{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40381 .elementor-element.elementor-element-d580245.e-con{--order:99999 /* order end hack */;}.elementor-40381 .elementor-element.elementor-element-a4cccaf{--min-height:200px;}.elementor-40381 .elementor-element.elementor-element-bacb3d8{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-40381 .elementor-element.elementor-element-ed18a4f{--padding-top:10px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-40381 .elementor-element.elementor-element-4fbe2a6{--min-height:100px;--border-radius:20px 20px 20px 20px;}.elementor-40381 .elementor-element.elementor-element-916912b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-40381 .elementor-element.elementor-element-b1d17b2{font-size:20px;line-height:28px;}.elementor-40381 .elementor-element.elementor-element-086424b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40381 .elementor-element.elementor-element-d580245{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-40381 .elementor-element.elementor-element-a4cccaf{--width:100%;--min-height:160px;}.elementor-40381 .elementor-element.elementor-element-b3cec22 img{width:180px;}.elementor-40381 .elementor-element.elementor-element-8fafcd8{--width:100%;}}@media(min-width:768px){.elementor-40381 .elementor-element.elementor-element-ed18a4f{--content-width:1540px;}.elementor-40381 .elementor-element.elementor-element-88ba350{--content-width:1180px;}.elementor-40381 .elementor-element.elementor-element-4fbe2a6{--content-width:1200px;}.elementor-40381 .elementor-element.elementor-element-d580245{--width:280px;}.elementor-40381 .elementor-element.elementor-element-bacb3d8{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-40381 .elementor-element.elementor-element-916912b{--width:100%;}.elementor-40381 .elementor-element.elementor-element-d580245{--width:100%;}.elementor-40381 .elementor-element.elementor-element-a4cccaf{--width:48%;}.elementor-40381 .elementor-element.elementor-element-8fafcd8{--width:48%;}.elementor-40381 .elementor-element.elementor-element-bacb3d8{--width:100%;}}/* Start custom CSS *//* On-page navigation: Table of Contents laid out as a horizontal pill bar */
.integration-detail-toc .elementor-toc__body {
	max-height: none;
}

/* Keep the bar on one line at every size and let it scroll sideways when the items don't fit.
   space-between spreads the items when they fit and falls back to start-aligned when they overflow. */
.integration-detail-toc .elementor-toc__list-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	overflow-x: auto;
	scrollbar-width: none;
	margin: 0;
	border-radius: 17px;
}

.integration-detail-toc .elementor-toc__list-wrapper::-webkit-scrollbar {
	display: none;
}

.integration-detail-toc .elementor-toc__list-item {
	margin: 0;
}

.integration-detail-toc .elementor-toc__list-item-text {
	display: block;
	padding: 6px 14px;
	border-radius: 45px;
	text-transform: capitalize;
	white-space: nowrap;
}

/* Current section (set by the script in the "TOC auto-centre script" HTML widget) */
.integration-detail-toc .elementor-toc__list-item-text.is-current {
	background: var(--e-global-color-secondary);
	color: var(--e-global-color-2f114c0);
}

/* Square off the top corners while the bar is stuck under the header */
.elementor .elementor-widget.integration-detail-toc {
	transition: border-radius 0.3s ease, min-height 0.4s;
}

.elementor .elementor-widget.integration-detail-toc.elementor-sticky--active {
	--box-border-radius: 0 0 24px 24px;
}

/* Tablet and mobile: always start-aligned, as before */
@media (max-width: 1024px) {
	.integration-detail-toc .elementor-toc__list-wrapper {
		justify-content: flex-start;
	}
}

/* Hero: integration categories as pills */
/* Specific enough to beat Elementor's "display: inline" on post-info spans */
.elementor-widget.integration-detail-terms .elementor-icon-list-item .elementor-icon-list-text span.elementor-post-info__terms-list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	font-size: 0; /* hides the commas between terms (a column gap would also space around them, so pills use a margin instead) */
}

.integration-detail-terms .elementor-post-info__terms-list-item {
	margin-inline-end: 10px;
	padding: 5px 14px;
	border: 1px solid var(--e-global-color-df7b229);
	border-radius: 15px;
	background: #FFFFFF;
	font-size: 15px;
}

/* "Overview" heading: visually hidden but left in place so the TOC can track it */
.integration-detail-overview-heading {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Sidebar link lists: external-link icon after the text */
.integration-detail-sidebar .elementor-icon-list-item > a {
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 8px;
}

.integration-detail-sidebar .elementor-icon-list-icon + .elementor-icon-list-text {
	padding-inline-start: 0;
}


/* Sidebar content (Integrations Sidebar Content field, or its fallback): match the heading + link-list groups */
.integration-detail-sidebar-content h4 {
	margin: 20px 0;
}

.integration-detail-sidebar-content h4:first-child {
	margin-top: 0;
}

.integration-detail-sidebar-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.integration-detail-sidebar-content li {
	font-size: 18px;
	line-height: 22px;
}

/* External-link icon after links that open in a new tab (not email links) */
.integration-detail-sidebar-content a[target="_blank"]:not([href^="mailto:"])::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-inline-start: 8px;
	vertical-align: -1px;
	background-color: var(--e-global-color-primary);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5'/%3E%3C/svg%3E") center / contain no-repeat;
}


/* Post content built with Elementor: remove the padding on the post's own top-level containers
   so the content lines up with the rest of the column (!important beats each container's own,
   per-breakpoint padding) */
.elementor-widget-theme-post-content [data-elementor-type="wp-post"] > .e-con {
	--padding-top: 0px !important;
	--padding-right: 0px !important;
	--padding-bottom: 0px !important;
	--padding-left: 0px !important;
}


/* FAQ accordions in the post content: look copied from the draft's FAQ, so accordions left
   unstyled in the post match it. Even "unstyled" accordions save Elementor's default sizes as
   their own CSS, so the size/spacing variables below are specific enough to beat that. */
.elementor-widget-theme-post-content .elementor .elementor-element.elementor-widget-n-accordion {
	--n-accordion-title-font-size: 18px;
	--n-accordion-title-justify-content: space-between;
	--n-accordion-title-flex-grow: 1;
	--n-accordion-title-icon-order: initial;
	--n-accordion-item-title-space-between: 20px;
	--n-accordion-icon-size: 16px;
	--n-accordion-padding: 15px 20px 15px 20px;
}

.elementor-widget-theme-post-content .elementor-widget-n-accordion > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
	border-style: none;
}

.elementor-widget-theme-post-content .elementor-widget-n-accordion .e-n-accordion-item-title-text {
	font-weight: 600;
}

.elementor-widget-theme-post-content .elementor-widget-n-accordion > .e-n-accordion > .e-n-accordion-item > .e-con {
	border-style: none;
	--padding-top: 0px;
	--padding-right: 20px;
	--padding-bottom: 15px;
	--padding-left: 20px;
}

.elementor-widget-theme-post-content .elementor-widget-n-accordion details {
	background: #F6F7FC;
	border-radius: 30px;
}

.integration-detail-main .elementor-widget-video {
    border-radius: 10px;
}


/* Hero image: show the App Screenshot, or the featured image when there's no screenshot */
.integration-detail-hero-screenshot:has(img) ~ .integration-detail-hero-featured {
	display: none;
}


/* Hero image: no border or box shadow on SVGs (usually logos). data-src covers lazy-loaded images before they load */
.elementor .elementor-element.integration-detail-hero-screenshot img:is([src$=".svg"], [src*=".svg?"], [data-src$=".svg"], [data-src*=".svg?"]),
.elementor .elementor-element.integration-detail-hero-featured img:is([src$=".svg"], [src*=".svg?"], [data-src$=".svg"], [data-src*=".svg?"]) {
	border: none;
	box-shadow: none;
	max-height: 300px;
}/* End custom CSS */