/* Theme Information */
/*--------------------------------------*/

/*
Theme Name: NinjaOne
Theme URI: https://www.ninjaone.com/
Description: NinjaOne is a child theme of Hello Elementor, created by the NinjaOne team
Author: NinjaOne
Author URI: https://www.ninjaone.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: ninjaone
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global Styles */
/*--------------------------------------*/
:root {
	--c-blue-0: #55EBFF;
	--c-blue-1: #007DA5;
	--c-blue-2: #004668;
	--c-blue-3: #053856;
	--c-blue-4: #09344F;
	--c-blue-5: #0D2D44;
	--c-blue-6: #122C3D;
	--c-dark-blue-1: #122C3D;
	--c-dark-blue-2: #0D2D44;
	--c-dark-blue-3: #09344F;
	--c-dark-blue-4: #053856;
	--c-dark-blue-5: #093B5F;
	--c-medium-blue-1: #004668;
	--c-medium-blue-2: #007DA5;
	--c-light-blue-1: #55EBFF;
	--c-bright-green-1: #04FF88;
	--c-vivid-green-0: #04FF88;
	--c-green-med: #00AA5F;
	--c-green-dark: #068444;
	--c-white-0: #fff;
	--c-light-0: #F9FBFB;
	--c-light-1: #F4F8F8;
	--c-light-2: #E9EDED;
	--c-light-3: #DFE3E3;
	--c-light-4: #DFE3E3;
	--c-light-white-1: #F4F8F8;
	--c-light-white-2: #F8FCFC;
	--c-light-white-3: #F8F8F6;
	--c-light-white-4: #FAFAF8;
	--c-gray-76: #767676;
	--c-blue-bc: #BCCAD4;
	--c-gray-af: #AFAFAF;
	--c-gray-e4: #e4e4e4;
	--c-button-hover: #48E275;
	--c-secondary-button: #F8F9F9;
	--c-secondary-button-hover: #D6D6D6;

	/* @link https://utopia.fyi/type/calculator?c=360,16,1.2,1600,21,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--step--2: clamp(0.6944rem, 0.6522rem + 0.1878vw, 0.84rem);
	--step--1: clamp(0.8333rem, 0.7704rem + 0.2796vw, 1.05rem);
	--step-0: clamp(1rem, 0.9093rem + 0.4032vw, 1.3125rem);
	--step-1: clamp(1.2rem, 1.0721rem + 0.5685vw, 1.6406rem);
	--step-2: clamp(1.44rem, 1.2627rem + 0.7881vw, 2.0508rem);
	--step-3: clamp(1.728rem, 1.4854rem + 1.078vw, 2.5635rem);
	--step-4: clamp(2.0736rem, 1.7453rem + 1.459vw, 3.2043rem);
	--step-5: clamp(2.4883rem, 2.0479rem + 1.9576vw, 4.0054rem);
	--step-6: clamp(2.986rem, 2.3993rem + 2.6075vw, 5.0068rem);

	/* @link https://utopia.fyi/space/calculator?c=360,16,1.2,1600,21,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

	--space-3xs: clamp(0.25rem, 0.2319rem + 0.0806vw, 0.3125rem);
	--space-2xs: clamp(0.5rem, 0.4456rem + 0.2419vw, 0.6875rem);
	--space-xs: clamp(0.75rem, 0.6774rem + 0.3226vw, 1rem);
	--space-s: clamp(1rem, 0.9093rem + 0.4032vw, 1.3125rem);
	--space-m: clamp(1.5rem, 1.3548rem + 0.6452vw, 2rem);
	--space-l: clamp(2rem, 1.8185rem + 0.8065vw, 2.625rem);
	--space-xl: clamp(3rem, 2.7278rem + 1.2097vw, 3.9375rem);
	--space-2xl: clamp(4rem, 3.6371rem + 1.6129vw, 5.25rem);
	--space-3xl: clamp(6rem, 5.4556rem + 2.4194vw, 7.875rem);

	/* One-up pairs */
	--space-3xs-2xs: clamp(0.25rem, 0.123rem + 0.5645vw, 0.6875rem);
	--space-2xs-xs: clamp(0.5rem, 0.3548rem + 0.6452vw, 1rem);
	--space-xs-s: clamp(0.75rem, 0.5867rem + 0.7258vw, 1.3125rem);
	--space-s-m: clamp(1rem, 0.7097rem + 1.2903vw, 2rem);
	--space-m-l: clamp(1.5rem, 1.1734rem + 1.4516vw, 2.625rem);
	--space-l-xl: clamp(2rem, 1.4375rem + 2.5vw, 3.9375rem);
	--space-xl-2xl: clamp(3rem, 2.3468rem + 2.9032vw, 5.25rem);
	--space-2xl-3xl: clamp(4rem, 2.875rem + 5vw, 7.875rem);

	/* Custom pairs */
	--space-s-l: clamp(1rem, 0.5282rem + 2.0968vw, 2.625rem);
	--space-s-2xl: 0;

	/* Button spacing */
	--space-button-top: clamp(0.875rem, 0.7774rem + 0.3226vw, 1.125rem);
	--space-button-bottom: clamp(0.75rem, 0.8774rem + 0.3726vw, 1.25rem);

	--site-width: 1400px;
	--section-label-c: var(--c-blue-2);
	--section-label-m-b: 16px;
	--section-label-p-b: 16px;
}

@media only screen and (max-width: 1584px) {
	:root {
		--space-s-2xl: clamp(1rem, -0.2339rem + 5.4839vw, 5.25rem);
	}
}

body b, body strong {
	font-weight: 700;
}

em {
	font-style: normal;
    font-variation-settings: "slnt" -12;
}

a,
button {
	touch-action: manipulation;
}

.step-5-strong,
.step-6-strong {
	font-weight: 368;
	letter-spacing: -0.03em
}

.step-4-strong {
	font-weight: 480px;
	letter-spacing: -0.02em
}

.step-2-strong,
.step-3-strong {
	font-weight: 420;
	letter-spacing: -0.02em
}

.step-1-strong {
	font-weight: 480;
	letter-spacing: -0.01em
}

.step--2-strong,
.step--1-strong,
.step-0-strong {
	font-weight: 520;
}

.step--2-default,
.step--2-prose,
.step--2-strong {
	letter-spacing: 0.01em
}

.step-1-prose {
	letter-spacing: -0.01em
}

.step-0-default,
.step-0-prose {
	font-weight: 320;
}

.step-5-strong,
.step-5-default,
.step-5-prose {
	font-size: var(--step-5) !important;
}

.step-4-strong,
.step-4-default,
.step-4-prose {
	font-size: var(--step-4) !important;
}

.step-3-strong,
.step-3-default,
.step-3-prose {
	font-size: var(--step-3) !important;
}

.step-2-strong,
.step-2-default,
.step-2-prose {
	font-size: var(--step-2) !important;
}

.step-1-strong,
.step-1-default,
.step-1-prose {
	font-size: var(--step-1) !important;
}

.step-0-strong,
.step-0-default,
.step-0-prose {
	font-size: var(--step-0) !important;
}

.elementor-heading-title {
	/* Step 6 Strong */
	--e-global-typography-2b87a35-font-weight: 368;
	/* Step 5 Strong */
	--e-global-typography-26d3eeb-font-weight: 368;
	/* Step 4 Default */
	--e-global-typography-49642b0-font-weight: 320;
	/* Step 4 Strong */
	--e-global-typography-91178d4-font-weight: 380;
	/* Step 3 Default */
	--e-global-typography-d25e221-font-weight: 268;
	/* Step 3 Strong */
	--e-global-typography-d25e221-font-weight: 420;
	/* Step 2 Prose */
	--e-global-typography-d1c7878-font-weight: 320;
	/* Step 2 Strong */
	--e-global-typography-c8ef6d0-font-weight: 420;
	/* Step 1 Prose */
	--e-global-typography-30c0b87-font-weight: 320;
	/* Step 1 Strong */
	--e-global-typography-dffdd43-font-weight: 480;
	/* Step 0 Default */
	--e-global-typography-cd3b0bf-font-weight: 320;
	/* Step 0 Prose */
	--e-global-typography-131f5c2-font-weight: 320;
	/* Step 0 Strong */
	--e-global-typography-a69a4cf-font-weight: 520;
	/* Step -1 Default */
	--e-global-typography-d428b93-font-weight: 320;
	/* Step -1 Prose */
	--e-global-typography-3dbe97a-font-weight: 320;
	/* Step -1 Strong */
	--e-global-typography-36289bb-font-weight: 520;
	/* Step -2 Default */
	--e-global-typography-f3c1c5f-font-weight: 320;
	/* Step -2 Prose */
	--e-global-typography-cefba81-font-weight: 320;
	/* Step -2 Strong */
	--e-global-typography-41b58cf-font-weight: 520;
}

/* Elementor bugfix 9/19/24 */
.elementor-widget-loop-carousel .swiper-pagination-bullets {
	--dots-horizontal-transform: 0;
}

.elementor-widget-video:not(.not-global-aspect-ratio) .e-hosted-video {
	--video-aspect-ratio: 2.16 !important;
}

a.elementor-button {
	font-weight: 320 !important;
}

.elementor-widget-loop-carousel .swiper-pagination-fraction {
	color: var(--c-dark-blue-4) !important;
}

/* Accordion Colors */
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg,
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>svg,
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>svg {
	--n-accordion-icon-normal-color: var(--c-green-med);
	--n-accordion-icon-hover-color: var(--c-green-med);
	--n-accordion-icon-active-color: var(--c-green-med);
}

[data-js="accordion"] [data-js="accordion-panel"] {
	transition: height .5s ease;
	overflow: hidden;
}

/* Set this padding to zero so that the padding isn't visible during the transition. */
[data-js="accordion-panel"] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Pass the padding down from parent to child */
.e-n-accordion-item [role="region"]>*:first-child {
	padding-top: var(--padding-top);
}

/* Pass the padding down from parent to child */
.e-n-accordion-item [role="region"]>*:first-child {
	padding-bottom: var(--padding-bottom);
}

/* Change the open/close trigger to [data-js-state="active"] instead of [open], because [open] only changes after the transition ends. */
/* We want this icon change to happen immediately.  */
[data-js="accordion-item"][data-js-state="active"] .e-opened {
	display: flex !important;
}

[data-js="accordion-item"]:not([data-js-state="active"]) .e-opened {
	display: none !important;
}

[data-js="accordion-item"]:not([data-js-state="active"]) .e-closed {
	display: flex !important;
}

[data-js="accordion-item"][data-js-state="active"] .e-closed {
	display: none !important;
}

/* Global Button Styling */
/* Note: these selectors can only have THREE classes, because any color overrides in Elementor will use THREE classes as well. */
.elementor-button-secondary .elementor-button-wrapper .elementor-button,
.elementor-button-tertiary .elementor-button-wrapper .elementor-button,
.elementor-button-navigation .elementor-button-wrapper .elementor-button,
.elementor-button-text .elementor-button-wrapper .elementor-button {
	line-height: 1;
	color: var(--c-dark-blue-3);
}

.elementor-button-secondary .elementor-button-wrapper .elementor-button,
.elementor-button-default+.elementor-button-default:not(.all-primary) .elementor-button-wrapper .elementor-button,
.elementor-button-tertiary .elementor-button-wrapper .elementor-button {
	border: solid 1px var(--c-bright-green-1);
}

/* Secondary Button Styling */
.elementor-button-secondary .elementor-button-wrapper .elementor-button,
.elementor-button-default+.elementor-button-default:not(.all-primary) .elementor-button-wrapper .elementor-button, .button-wrap a.elementor-button-secondary {
	background-color: var(--c-secondary-button);
}

body.page-template-msp-microsite .elementor-button-secondary .elementor-button-wrapper .elementor-button {
	background-color: transparent;
	color: #fff;
}

.elementor-button-secondary .elementor-button-wrapper .elementor-button:hover,
.elementor-button-default+.elementor-button-default:not(.all-primary) .elementor-button-wrapper .elementor-button:hover, .button-wrap a.elementor-button-secondary:hover {
	background-color: var(--c-bright-green-1);
}

body.page-template-msp-microsite .elementor-button-secondary .elementor-button-wrapper .elementor-button:hover {
	background-color: var(--c-bright-green-1);
	color: var(--c-dark-blue-3);
}

/* Tertiary Button Styling */
.elementor-button-tertiary .elementor-button-wrapper .elementor-button {
	border-radius: 8px;
}

/* Navigation Button Styling */
.elementor-button-navigation .elementor-button-wrapper .elementor-button {
	border-color: var(--c-dark-blue-3);
	background: transparent;
}

.elementor-button-navigation .elementor-button-wrapper .elementor-button:hover {
	background: var(--c-secondary-button);
}

/* Text Button Styling */
a.arrow-link {
	display: inline-block;
	width: 100%;
	margin-top: 8px;
}

a.arrow-link:hover {
	color: var(--c-green-dark);
}

.elementor-button-text .elementor-button-wrapper .elementor-button {
	border: none !important;
	background: transparent;
	font-weight: 520 !important;
}

.elementor-element.e-con-full.resource-buttons .elementor-button-text .elementor-button-wrapper .elementor-button {
	font-weight: 400 !important;
}

.elementor-button-text .elementor-button-wrapper .elementor-button span.elementor-button-text:after,
a.arrow-link:after {
	content: url(images/button-arrow.svg);
	position: absolute;
	margin-left: 8px;
	transition: all .35s;
}

.elementor-button-text.vivid-green .elementor-button-wrapper .elementor-button span.elementor-button-text:after,
a.arrow-link.vivid-green:after {
	content: url(images/button-arrow-vivid-green.svg);
}

.elementor-button-text .elementor-button-wrapper .elementor-button:hover span.elementor-button-text:after,
a.arrow-link:hover:after {
	margin-left: 14px;
}

.elementor-button-text .elementor-button-wrapper .elementor-button:hover {
	background: none;
}

body {
	opacity: 1 !important;
	filter: none !important;
}

button {
	outline: none !important;
}

/* Hyphenate long headings for Swedish, Norwegian, and Danish */
/* TODO: Identify where these styles are used */
html[lang="sv-SE"] #top #wrap_all .all_colors h1,
html[lang="sv-SE"] #top #wrap_all .all_colors h2,
html[lang="sv-SE"] #top #wrap_all .all_colors h3,
html[lang="sv-SE"] #top #wrap_all .all_colors h4,
html[lang="sv-SE"] #top #wrap_all .all_colors h5,
html[lang="sv-SE"] #top #wrap_all .all_colors h6,
html[lang="nb-NO"] #top #wrap_all .all_colors h1,
html[lang="nb-NO"] #top #wrap_all .all_colors h2,
html[lang="nb-NO"] #top #wrap_all .all_colors h3,
html[lang="nb-NO"] #top #wrap_all .all_colors h4,
html[lang="nb-NO"] #top #wrap_all .all_colors h5,
html[lang="nb-NO"] #top #wrap_all .all_colors h6,
html[lang="da-DK"] #top #wrap_all .all_colors h1,
html[lang="da-DK"] #top #wrap_all .all_colors h2,
html[lang="da-DK"] #top #wrap_all .all_colors h3,
html[lang="da-DK"] #top #wrap_all .all_colors h4,
html[lang="da-DK"] #top #wrap_all .all_colors h5,
html[lang="da-DK"] #top #wrap_all .all_colors h6,
html[lang="ru-RU"] #top #wrap_all .all_colors h1,
html[lang="ru-RU"] #top #wrap_all .all_colors h2,
html[lang="ru-RU"] #top #wrap_all .all_colors h3,
html[lang="ru-RU"] #top #wrap_all .all_colors h4,
html[lang="ru-RU"] #top #wrap_all .all_colors h5,
html[lang="ru-RU"] #top #wrap_all .all_colors h6,
.hyphenate h3,
.avia_textblock.hyphenate p,
.blue-arrow-links,
.hyphenate th,
html[lang="de-DE"] .we-are-the-best .avia-desc-col {
	hyphens: auto;
	word-break: break-word;
}

.break-word p {
	word-break: break-word;
}

html[lang="sv-SE"] #top #wrap_all .all_colors td h3 {
	word-break: normal;
}

/* Global badges */
.badges.elementor-element,
.iframe-toggle img {
	display: block;
	width: 100%;
}

.badges.elementor-element p {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: wrap;
	margin: 0;
}

.badges img {
	margin: 1.25vw;
}

.badges-2022,
.integrations-logos {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-flow: wrap;
}

.badges-2022 img,
.integrations-logos a {
	margin: 16px;
}

.badges img[src$=".svg"],
.form-logos img[src$=".svg"] {
	height: auto;
	width: auto;
	height: 131px;
}

.badges.g2-badges img {
	width: 101px !important;
}

.badges img[src$=".svg"] {
	filter: drop-shadow(0px 4px 4px rgb(0 0 0 / 0.25));
}

@media (min-width: 80em) {
	.badges.expand img {
		margin: 19px;
	}
}

@media (max-width: calc(48em - 1px)) {
	.badges.expand img {
		max-width: 100px;
		align-self: center;
	}
}

@media (max-width: calc(48em - 1px)) {
	.badges img {
		max-width: 92px;
	}
}

/* Testimonials */
.avia-testimonial-wrapper {
	margin: 0px;
}

.av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
	padding: 0px 10% !important;
}

.product-quote {
	position: relative;
	background-color: #44546a;
	color: white;
	box-shadow: 10px 10px 1px #f4f5f6;
	border-radius: 3px;
	padding: 40px;
}

.product-quote p {
	font-style: italic;
	line-height: 1.5;
	font-size: 120%;
}

.product-quote strong.avia-testimonial-name,
.product-quote .avia-testimonial-subtitle {
	color: white !important;
}

.product-quote::before {
	top: -5px;
	position: absolute;
	padding: 10px;
	background-position: center;
	content: url("images/quote.svg");
	left: 30px;
}

.product-quote::before,
.key-features .product-quote::before {
	content: "hello";
	top: -5px;
	position: absolute;
	padding: 10px;
	background-position: center;
	content: url("images/quote.svg");
}

@media (max-width: calc(48em - 1px)) {
	.quote-fx .avia-testimonial {
		margin-bottom: -20px !important;
	}

	.flex_column_table.av-equal-height-column-flextable:not(:first-child) {
		margin-top: 32px !important;
	}

	.product-quote::before,
	.key-features .product-quote::before {
		top: -20px;
		left: 10px;
		padding: 5px;
	}
}

.avia-testimonial-meta {
	margin-left: 0px;
}

.alternatives-rating {
	width: 75px;
	height: 15px;
	display: block;
	background: url('/wp-content/uploads/2023/06/rating@0.5x.png') 0 0 no-repeat;
	display: inline-block;
	position: relative;
	top: 4px;
}

.alternatives-rating:not(.no-margin) {
	margin: 0px 0.5rem 0px 0px;
}

.alt-rating-50 {
	background-position: 0 0;
}

.alt-rating-40 {
	background-position: -15px 0;
}

.alt-rating-30 {
	background-position: -30px 0;
}

.alt-rating-20 {
	background-position: -45px 0;
}

.alt-rating-10 {
	background-position: -60px 0;
}

.alt-rating-0 {
	background-position: -75px 0;
}

.alt-rating-5 {
	background-position: -60px -15px;
}

.alt-rating-15 {
	background-position: -45px -15px;
}

.alt-rating-25 {
	background-position: -30px -15px;
}

.alt-rating-35 {
	background-position: -15px -15px;
}

.alt-rating-45 {
	background-position: 0 -15px;
}

.no-creditcard-text {
	display: none;
	/* font-size: 10px;
	line-height: 1;
	text-transform: none;
	margin-top: 2px; */
}

/* Start pop-up video play button*/
.popup-video-wrapper .play-button-overlay,
.video-thumbnail .play-button-overlay {
	position: absolute;
	top: 0;
	border-radius: 8px;
	width: 100%;
	height: 100%;
}

.popup-video-wrapper .play-button,
.video-thumbnail .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -34px;
	margin-left: -34px;
	width: 68px;
	height: 68px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 68"><path d="M68,34c0,18.78-15.22,34-34,34S0,52.78,0,34,15.22,0,34,0s34,15.22,34,34Z" fill="%2304ff88"/><path d="M47.03,34l-19.55,11.29v-22.57l19.55,11.29Z" fill="%23122c3d"/></svg>');
	background-size: cover !important;
	cursor: pointer;
	filter: drop-shadow(0 0 16px rgba(0, 0, 0, 0.15));
}

.popup-video-wrapper img,
.video-thumbnail-shadow img {
	box-shadow: 5px 10px 10px rgba(0, 0, 0, .15);
	cursor: pointer;
}

a.video-image:after {
	content: '';
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(images/play-button.svg) center center no-repeat;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
}

.ninja-video:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -34px;
	margin-top: -34px;
	width: 68px;
	height: 68px;
	background: url(images/play-button.svg) center center no-repeat;
	opacity: 1;
	transition: opacity .35s;
	cursor: pointer;
}

/* Buttons */
.key-features a.button {
	border: solid 1px var(--e-global-color-accent);
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-primary) !important;
	border-radius: 60px 60px 60px 60px;
	padding: var(--space-button-top) var(--space-l) var(--space-button-bottom) var(--space-l);
	font-weight: 320;
	line-height: 1;
	font-size: var(--step--1);
}

.key-features a.button:hover {
	background-color: var(--e-global-color-398e5cc);
	transition: all .35s;
}

.key-feature .product-quote h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

/* Recent posts loop */
.post-loop-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.post-item {
	width: 30%;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #ffffff;
	transition: 0.3s;
}

.post-link {
	display: block;
	text-decoration: none;
	color: #2b4259;
}

.post-image {
	width: 100%;
	height: 200px;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center;
}

.post-content {
	padding: 0;
}

.post-content h3 {
	font-size: 1.25em;
	margin-bottom: 10px;
	font-weight: 700;
	/* color: #2b4259; */
}

.post-content p {
	font-size: 0.9em;
	line-height: 1.65;
	/* color: #333333; */
}

/* .post-item:hover .post-content p {
	color: #333333;
} */

@media (max-width: calc(48em - 1px)) {
	.post-item {
		width: 100%;
	}
}

button {
	border-radius: 3px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	height: 36px;
	letter-spacing: .5px;
	line-height: 36px;
	padding: 0 16px;
	text-align: center;
	text-decoration: none;
	transition: color .25s ease-in-out;
	white-space: nowrap;
}

a.button.script-cta,
a.button.script-deploy-cta {
	display: inline-block;
}

.orange-button a.button:hover, .blog-cta-new a.button:hover {
	background: var(--e-global-color-398e5cc);
}

.button {
	padding: 15px 21px;
	font-size: clamp(1rem, 0.9093rem + 0.4032vw, 1.3125rem);
	border-radius: 60px;
	font-weight: 320;
}

.video-thumbnail .faux-button-outer {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.video-thumbnail .faux-button {
	display: block;
	background: var(--c-bright-green-1);
	color: var(--c-dark-blue-3);
	border: solid 2px var(--c-bright-green-1);
	transition: all .35s;
	cursor: pointer;
	padding: 14px 24px;
	font-size: 20px;
	border-radius: 4px;
	font-weight: 600;
}

.video-thumbnail .faux-button:hover {
	background: rgba(255, 255, 255, .5);
}

[data-elementor-type="header"]+[data-elementor-type="archive"]>section:first-child>.e-con-inner:first-child,
[data-elementor-type="header"]+[data-elementor-type="archive"]>div:first-child {
	padding-top: 0;
	margin-top: 0;
}

body.page-template-elementor_canvas>[data-elementor-type="wp-page"]>div.elementor-element:first-child,
[data-elementor-type="single-post"]>div.elementor-element:first-child,
body.single-integrations>[data-elementor-type="wp-post"]>section.elementor-element:first-child {
	margin-top: 0;
}

/*PAGES TOC*/

.pages-toc {
	margin-top: -2px !important;
}

.green-bullets li {
	margin-left: 0;
	background: url(images/green-checkmark.svg) left center no-repeat;
	background-size: 15px 15px;
	padding-left: 24px;
	list-style: none;
}

/* BEGIN SIDE CTA */
.side-cta-button {
	position: fixed;
	top: 0;
	height: 100vh;
	background: var(--c-dark-blue-1);
	z-index: 999;
	transition: all .35s;
	left: 100%;
}

.side-cta-button .side-cta-link {
	background: var(--c-bright-green-1);
	border-radius: 2px 0 0 2px;
	color: var(--c-dark-blue-3) !important;
	display: flex;
	flex-flow: wrap;
	font-size: 16px;
	left: 0;
	line-height: 1.2;
	padding: 8px;
	position: absolute;
	text-align: center;
	top: 25%;
	transition: all .35s;
	width: 100px;
    white-space: pre-wrap;
}

.side-cta-link:hover {
	background: var(--c-button-hover);
}

html[lang="nb-NO"] .side-cta-link {
	width: 125px;
}

[data-js="side-cta-link"][aria-expanded="true"] {
	left: -100px;
}

html[lang="nb-NO"] [data-js="side-cta-link"][aria-expanded="true"] {
	left: -125px;
}
/* END: SIDE CTA */

/* testimonials carousel for new end user page */
.carousel-container {
	overflow: hidden;
	width: 100%;
}

.carousel-item {
	display: grid;
}

.carousel-item p {
	color: #444444;
	font-weight: 500;
	font-size: 14px;
	line-height: 23.52px;
	margin: 0 0;
}

.testimonial-name {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 20px;
	margin-top: 30px;
}

.testimonial-name p {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 19.2px;
	letter-spacing: 1.25px;
}

.carousel-item .thumb {
	height: 84px;
	width: 84px;
}

.carousel-item .thumb img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media (max-width: calc(48em - 1px)) {
	.responsive #wrap_all .testimonial-carousel .container {
		width: 100%;
		max-width: 100%;
	}

	.carousel-container {
		padding-left: 35px;
	}

	.carousel-wrapper {
		display: flex;
		transition: transform 0.3s ease-in-out;
		position: relative;
		z-index: 9;
	}

	.carousel-item {
		display: block;
		width: 90%;
		flex-shrink: 0;
		margin-right: 15px;
		background-color: #fff;
		padding: 30px;
		border-radius: 8px;
	}

	.carousel-item .thumb {
		height: 84px;
		width: 84px;
		display: none;
	}

	.dot-indicators {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 15px;
		width: 100%;
		margin-top: 30px;
		position: relative;
		z-index: 9;
	}

	.page-template .dot,
	.page-template-default .dot {
		height: 15px;
		width: 15px;
		border-radius: 50%;
		border: 1px solid #fff;
		cursor: pointer;
		padding: 0px;
		background-color: transparent;
	}

	.page-template-default .dot[aria-current] {
		background-color: #fff;
	}

	.page-template-default .dot:hover {
		border-width: 1px;
		border-color: #fff;
	}

	.margin-0 {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
}

@media (min-width: 48em) {
	.carousel-wrapper {
		display: flex;
		flex-wrap: nowrap;
		align-items: start;
		gap: 30px;
		transition: transform 0.3s ease-in-out;
	}

	.carousel-wrapper.wrapflex {
		flex-wrap: wrap;
		align-items: stretch;
	}

	.carousel-item {
		flex-basis: calc(50% - 15px);
		background-color: #fff;
		padding: 30px;
		border-radius: 8px;
	}

	.dot-indicators {
		display: none;
	}
}

@media (min-width: 60.5em) {
	.carousel-item {
		padding: 40px 60px;
	}
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	/* 1 */
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	/* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
	/* 3 */
}

body[class*="paged"] .hide-on-paged,
body:not([class*="paged"]) .show-on-paged {
	display: none;
}

.form-wrap-section .video-thumbnail img {
	width: 100%;
	display: block;
}

.video-thumbnail.iframe-toggle {
	display: flex;
	position: relative;
	align-items: center;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	background: linear-gradient(278.55deg, rgba(4, 255, 136, 0.2) 7.62%, rgba(85, 235, 255, 0.2) 89.53%);
	height: 100%;
	padding: var(--space-l);
}

.video-thumbnail.iframe-toggle img {
	border-radius: 4px !important;
}

.elementor.elementor .e-con>.elementor-widget.elementor-widget-html {
	width: 100%;
}

.elementor-sticky {
    color: inherit; /* This makes sure that the class name is not removed during cache generation. Elementor uses the class name for JS init, but not for styles. */
}

.hidden {
	display: none;
}

body[data-js-region~="is-emea"] .hide-for-emea,
body:not([data-js-region~="is-emea"]) .show-for-emea,
body[data-js-region~="is-emea"] [data-js-hide-for="emea"],
body:not([data-js-region~="is-emea"]) [data-js-show-for="emea"],
body[data-js-region~="is-uk"] .hide-for-uk,
body:not([data-js-region~="is-uk"]) .show-for-uk,
body[data-js-region~="is-uk"] [data-js-hide-for="uk"],
body:not([data-js-region~="is-uk"]) [data-js-show-for="uk"],
body[data-js-region~="is-ie"] .hide-for-ie,
body:not([data-js-region~="is-ie"]) .show-for-ie,
body[data-js-region~="is-north-america"] .hide-for-na,
body:not([data-js-region~="is-north-america"]) .show-for-na,
body[data-js-region~="is-north-america"] [data-js-hide-for="na"],
body:not([data-js-region~="is-north-america"]) [data-js-show-for="na"],
body[data-js-country="US"]:not([data-js-state="california"]) .show-for-ca-us,
body[data-js-country="US"]:not([data-js-state="california"]) [data-js-show-for="ca-us"] {
	display: none !important;
}

@media (max-width: calc(48em - 1px)) {
	.hide-for-small {
		display: none !important;
	}
}

@media (min-width: 48em) {
	.show-for-small {
		display: none !important;
	}
}

@media (min-width: 61.875em) {
	.show-for-medium {
		display: none !important;
	}
}

.show-for-abtest, .show-for-abtest-a, .show-for-abtest-b {
	display: none !important;
}

.show-for-person {
	display: none !important;
}

/* START: GRAVITY FORMS 2/7/23 - JN */
::-webkit-input-placeholder {
	color: var(--c-blue-2);
}

::-moz-placeholder {
	color: var(--c-blue-2);
	opacity: 1;
	/* Firefox */
}

::-ms-input-placeholder {
	color: var(--c-blue-2);
}

::-ms-placeholder {
	color: var(--c-blue-2);
}

::placeholder {
	color: var(--c-blue-2);
	opacity: 1;
	/* Firefox */
}

.gform_wrapper .gform-body .gfield select,
.gform_wrapper .gform-body .gfield textarea,
.wp-category-dropdown select {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: solid 1px #E4E4E4;
	border-radius: 4px;
	padding: 8px 15px;
	font-size: 16px;
	color: #2b4259;
	min-height: 44px;
}

.gform-body fieldset {
	margin-bottom: 0 !important;
}

.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 20px;
}

.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
	padding-top: 4px;
}

.gform_wrapper .gform-body .gfield input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.gform_wrapper .gform-body .gfield select,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform-body .gfield textarea,
.wp-category-dropdown select {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	border: solid 1px var(--c-gray-e4);
	border-radius: 8px;
	padding: 11px 20px;
	font-size: 16px;
	font-weight: 200;
	color: var(--c-dark-blue-3);
	min-height: 44px;
}

@media (max-width: 24.375em) {
	.gform_wrapper .gform-body .gfield input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
	.gform_wrapper .gform-body .gfield select,
	.gform_wrapper .gform_footer input[type="submit"],
	.gform_wrapper .gform-body .gfield textarea,
	.wp-category-dropdown select {
		font-size: 14px;
	}
}

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform-body .gfield input[type="submit"] {
	background-color: var(--c-bright-green-1);
	border: solid 1px var(--c-bright-green-1);
	color: var(--c-dark-blue-4);
	font-weight: 320 !important;
	font-size: var(--step-0);
	letter-spacing: -0.01em;
	width: 100%;
	transition: all 0.35s;
	border-radius: 8px;
	padding: 17px 20px 18px 20px;
}

@media (max-width: 767px) {
	.gform_wrapper .gform_footer input[type="submit"],
	.gform_wrapper .gform-body .gfield input[type="submit"] {
		padding: 6px 20px 7px 20px;
	}
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform-body .gfield input[type="submit"]:hover {
	background-color: var(--c-button-hover);
	border: solid 1px var(--c-button-hover);
}

.gform-body .gfield select, .wp-category-dropdown select {
	color: #2C6792;
	background: #fff url(images/select-chevron-green.svg) calc(100% - 16px) center no-repeat;
	background-size: 16px 16px;
}

.wp-category-dropdown select {
	font-weight: 320 !important;
	color: var(--c-blue-4);
}

.gfield_required_text {
	display: none !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 300 !important;
	color: var(--c-blue-4);
	margin-bottom: var(--space-2xs) !important;
}

.dark-bg .gform_wrapper.gravity-theme .gfield_label {
	color: #fff;
}

@media (max-width: 33.75em) {
	.dark-bg-mobile .gform_wrapper.gravity-theme .gfield_label {
		color: #fff;
	}
}

.gfield label.gfield_consent_label {
	min-width: calc(100% - 34px);
	min-height: 48px;
	line-height: 1.4;
}

.gfield--type-consent input {
	opacity: 1;
	position: relative;
	left: -7px;
	visibility: hidden;
	vertical-align: middle;
	cursor: pointer;
}

.gfield--type-consent label {
	padding-right: 10px;
	font-size: 12px !important;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 34px;
	margin-top: -1.5em;
}

.gfield--type-consent input+label::before {
	content: "";
	background: #fff;
	border: 2px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	padding: 0;
	margin-right: 10px;
	text-align: center;
	font-size: 15px;
	margin-left: -34px;
}

.gfield--type-consent input:checked+label::before {
	background-image: url(images/checkmark-white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: var(--c-bright-green-1);
	color: #fff;
	border-color: #f4f8fb;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	line-height: 1.2 !important;
}

div.iframe-toggle+.gform_wrapper:not(.active), div.iframe-toggle ~ #formAgreement {
	height: 0;
	overflow: hidden;
}


.gform_heading {
	display: none !important;
}

/* Prevent submit button from pushing the loader off the screen. */ 
.gform_footer input[type=submit], 
.gform_wrapper .gform-body .gfield input[type=submit] {
	flex: 1 1 auto;
    min-width: 1px;
    white-space: normal;
}

.side-cta-form .gform_footer {
	display: none !important;
}

.side-cta-form .form-privacy {
	margin-top: var(--space-s);
}

[data-js=gform_wrapper] .gform-loader {
	flex: 0 0 auto;
}

/* Visually hide the native select (unchanged) */
.msx-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Pills container */
.msx-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
}

/* Individual pill */
.msx-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: 8px 12px;
  background: #fff;
  border: 1px solid var(--c-light-4);
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
}

/* Highlight pill background when checked */
.msx-pill:has(.msx-pill-input:checked) {
  background: var(--c-light-4);
}


/* ===== Checkbox styling (ported from .msx-checkbox) ===== */
.msx-pill-input {
  -webkit-appearance: none;
  appearance: none;
  inline-size: 16px;
  block-size: 16px;
  border: 1px solid var(--c-light-4);
  border-radius: 2px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 9px;
  cursor: pointer;
  transition: border-color .15s ease,
              background-color .15s ease,
              background-image .15s ease;
  flex-shrink: 0;
}

.msx-pill-input:checked {
  background-image: url('data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5499 0.43968C19.8311 0.720971 19.9891 1.10243 19.9891 1.50018C19.9891 1.89793 19.8311 2.27939 19.5499 2.56068L8.30693 13.8037C8.15835 13.9523 7.98196 14.0702 7.78781 14.1506C7.59367 14.231 7.38558 14.2724 7.17543 14.2724C6.96529 14.2724 6.7572 14.231 6.56305 14.1506C6.36891 14.0702 6.19251 13.9523 6.04393 13.8037L0.457932 8.21868C0.314667 8.08031 0.200394 7.91479 0.12178 7.73179C0.0431668 7.54878 0.00178736 7.35195 5.66349e-05 7.15278C-0.00167409 6.95361 0.0362786 6.75609 0.1117 6.57175C0.187121 6.3874 0.298501 6.21993 0.43934 6.07909C0.580179 5.93825 0.747657 5.82687 0.932001 5.75145C1.11635 5.67603 1.31387 5.63807 1.51303 5.6398C1.7122 5.64153 1.90903 5.68291 2.09204 5.76153C2.27505 5.84014 2.44056 5.95441 2.57893 6.09768L7.17493 10.6937L17.4279 0.43968C17.5672 0.30029 17.7326 0.189715 17.9147 0.114273C18.0967 0.0388304 18.2919 0 18.4889 0C18.686 0 18.8811 0.0388304 19.0632 0.114273C19.2452 0.189715 19.4106 0.30029 19.5499 0.43968Z" fill="%2309344F"/></svg>');
}

/* Label text */
.msx-pill-text {
  font-size: 16px;
  line-height: 1.2;
  color: var(--c-blue-4);
  font-weight: 300;
}

@media (max-width: 24.375em) {
	.msx-pill-text {
		font-size: 14px;
	}
}

/* Disabled state */
.msx-pill-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.msx-pill:has(.msx-pill-input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
}

/* Mobile styles */
@media only screen and (max-width: 767px) {
  .gform_wrapper .gform-body .gfield input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  .gform_wrapper .gform-body .gfield select,
  .gform_wrapper .gform_footer input[type="submit"],
  .gform_wrapper .gform-body .gfield textarea,
  .wp-category-dropdown select {
    padding: 6px 20px;
  }

  .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 8px;
  }
}


/* END: GRAVITY FORMS */

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

@media (max-width: calc(48em - 1px)) {
	.small-text-center {
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}
}

.avia-testimonial-name {
	display: block;
}

.blue-arrow-links a {
	color: #3a71b8;
	position: relative;
	padding-right: 16px;
	background: url(images/blue-link-arrow.svg) right center no-repeat;
	background-size: 9px 10px !important;
	text-decoration: none !important;
}

@media (min-width: 61.875em) {

	.right-fullwidth-img .elementor-widget-container,
	.left-fullwidth-img .elementor-widget-container {
		width: 48vw;
		max-width: 960px;
	}

	.right-fullwidth-img .elementor-widget-container img,
	.left-fullwidth-img .elementor-widget-container img {
		width: 100%;
	}

	.left-fullwidth-img .elementor-widget-container {
		float: right;
	}
}

@media (min-width: 61.875em) {

	.right-fullwidth-video .elementor-widget-container,
	.left-fullwidth-video .elementor-widget-container {
		width: 46vw;
		max-width: 960px;
	}

	.right-fullwidth-video .elementor-widget-container video,
	.left-fullwidth-video .elementor-widget-container video {
		width: 100%;
	}

	.left-fullwidth-video .elementor-widget-container {
		float: right;
	}
}

.button-wrap a {
	white-space: nowrap;
}

.orange-button a.button, .blog-cta-new a.button {
    background: var(--c-bright-green-1);
    border-color: var(--c-bright-green-1);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: var(--c-dark-blue-3) !important;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    transition: all .3s;
}

.p-no-margin p, p.no-margin {
	margin: 0;
}

.faux-button:hover p {
	color: var(--c-bright-green-1);
}

.cta-link p+p a {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 700;
}

#rank-math-rich-snippet-wrapper {
	display: none;
}

button#ot-sdk-btn {
	line-height: 1;
	padding: 9px 20px;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
	color: var(--c-dark-blue-3) !important;
	font-size: 16.8px !important;
	height: auto;
	padding: 15px 21px !important;
	border: 1px solid var(--e-global-color-accent) !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
	background: var(--e-global-color-398e5cc) !important;
}

#elementor-popup-modal-189553 {
	display: none !important;
}

html[lang="en-US"] body.is-emea #elementor-popup-modal-189553 {
	display: flex !important;
}

.blog-popup-signup #newsletter-signup {
	height: 0;
	overflow: hidden;
	transition: all ease 0.3s;
}

.blog-popup-signup #newsletter-signup[aria-hidden="false"] {
	height: 220px;
	overflow: visible;
}

.blog-popup-signup #show_newsletter {
	display: block;
	width: 100%;
	min-height: 50px;
	font-weight: 700;
	letter-spacing: 0.7px;
	font-size: 14px;
	line-height: 10px;
	cursor: pointer;
}

.blog-popup-signup #show_newsletter:hover {
	color: #fff;
}

.gform_ajax_spinner {
	height: 16px !important;
	margin-top: 13px !important;
}

.table-of-contents {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
}

.table-of-contents ul {
	list-style-type: none;
	padding-left: 0;
}

.table-of-contents ul ul {
	margin: 0 0 10px 15px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

.table-of-contents ul li:last-of-type {
	margin-bottom: 0px;
}

.table-of-contents ul ul li {
	margin-bottom: 0px;
}

.table-of-contents a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	color: #0D3D5B;
	font-weight: 700;
	font-size: 14px;
	padding: 4px 10px;
	transition: all 0.3s ease;
	border-radius: 4px;
}

.table-of-contents a:hover,
.table-of-contents a.active {
	background-color: #F1F3F8;
	color: #0D3D5B;
}

.table-of-contents a svg {
	opacity: 0;
	transition: all 0.3s ease;
}

.table-of-contents a:hover svg,
.table-of-contents a.active svg {
	opacity: 1;
}

.table-of-contents .accordion-toggle {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	cursor: pointer;
	margin-bottom: 0px;
	padding: 0 10px;
	outline: none;
	background-color: transparent;
	border: none;
	color: #0D3D5B;
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
}

.table-of-contents .accordion-toggle:hover,
.table-of-contents .accordion-toggle:focus,
.table-of-contents .accordion-toggle[aria-expanded="true"] {
	background-color: transparent;
	border: none;
	color: #0D3D5B;
}

.table-of-contents .accordion-toggle svg {
	transition: all 0.3s ease;
	height: 10px;
}

.table-of-contents .accordion-toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.table-of-contents [data-js="accordion-content"] {
	max-height: 0;
	overflow: hidden;
	transition: all 0.7s ease;
}

.table-of-contents [data-js="accordion-content"][aria-hidden="false"] {
	max-height: 600px;
	overflow-y: scroll;
}

.table-of-contents .accordion-toggle:focus {
	outline: 2px solid #007bff;
}

@media (min-width: 64em) {
	.table-of-contents {
		padding: 20px 10px;
	}

	.table-of-contents .accordion-toggle {
		font-size: 18px;
	}

	.table-of-contents ul {
		margin-top: 10px;
	}

	.table-of-contents ul li {
		margin-bottom: 10px;
	}

	.table-of-contents a {
		font-size: 18px;
		padding: 7px 10px;
	}

	.table-of-contents .accordion-toggle svg {
		height: auto;
	}
}

#ot-sdk-btn-floating {
	display: none !important;
}

.btn-width-240 .elementor-button {
	width: 240px;
	max-width: 100%;
}

/* .elementor-widget-shortcode .wpml-ls-legacy-dropdown {
	width: 54px;
	} Commented out 3/26/26 for JP */

.no-break,
.no-wrap {
	white-space: nowrap;
}

.ft-card .e-con-inner {
	overflow-y: scroll;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.ft-card .e-con-inner a {
	color: var(--c-light-blue-1);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.ft-card .e-con-inner::-webkit-scrollbar {
	display: none;
}

.elementor-widget-video .elementor-wrapper iframe,
.elementor-widget-video .elementor-wrapper video {
	background: transparent !important;
}

.elementor-widget-n-carousel+.elementor-widget-button span.elementor-button-text {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.elementor-widget-n-carousel+.elementor-widget-button span.elementor-button-text:focus {
	outline: none !important;
}

.dialog-type-lightbox {
	position: fixed;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	z-index: 9999;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#exit-popup {
	align-items: center !important;
	background-color: rgba(0, 0, 0, 0.8);
	bottom: 0px;
	display: flex;
	height: 100%;
	justify-content: center !important;
	left: 0px;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	user-select: none;
	width: 100%;
	transition: opacity .2s ease;
	z-index: 9999;
}

#exit-popup[aria-hidden="false"] {
	opacity: 1;
	pointer-events: all;
}

#exit-popup>.e-con-inner {
	background-color: var(--c-light-0);
	border-radius: 8px 8px 8px 8px;
	box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
	box-sizing: border-box;
	flex-grow: 0 !important;
	height: auto !important;
	max-height: 100%;
	max-width: 100%;
	overflow: visible;
	padding: 30px 24px 28px;
	position: relative;
	width: 776px;
}

body.single-demos #exit-popup>.e-con-inner {
	width: 484px;
}

#exit-popup .elementor-widget-html {
	position: static;
}

#exit-popup .dialog-close-button {
	color: var(--e-a-color-txt);
	cursor: pointer;
	font-size: 15px;
	font-size: 20px;
	inset-inline-end: 15px;
	line-height: 1;
	margin-block-start: 0;
	position: absolute;
	right: 2%;
	top: 3%;
	transition: var(--e-a-transition-hover);
}

#exit-popup .elementor-shortcode .dialog-close-button {
	z-index: 9;
	right: -5px;
    top: -13px;		
}

#exit-popup .dialog-close-button svg {
	fill: var(--e-global-color-5761ff3);
	height: 1em;
	width: 1em;
}

#exit-popup .gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 16px;
}

.year-accordion {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--space-l);
}

.year-accordion ol {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.year-accordion li {
	margin: 0;
}

.year-accordion li button {
	background: transparent;
	border: none;
	padding: var(--space-s) 0 var(--space-xs);
	display: block;
	width: 100%;
	text-align: left;
	font-size: var(--space--1);
	font-weight: 700;
	height: auto;
	border-radius: 0;
	border-left: none;
	border-right: none;
	display: flex;
	justify-content: space-between;
}

.year-accordion li button:hover {
	background: transparent;
	border: none;
}

.year-accordion [aria-expanded]+ol {
	display: block;
	padding-bottom: var(--space-xs);
}

.year-accordion>li {
	border-bottom: 1px solid var(--c-blue-bc);
}

.year-accordion a {
	color: var(--c-blue-4);
	display: block;
	font-size: var(--step--1);
	font-weight: 320;
}

.year-accordion>li:first-child {
	border-top: 1px solid var(--c-blue-bc);
}

.year-accordion__plus {
	width: 1em;
	height: 1em;
}

.year-accordion__plus .part2 {
	transform: rotate(90deg) translate(0px, 6px);
	transform-origin: center;
	transition: all 225ms ease-in-out;
}

[aria-expanded] .year-accordion__plus .part2 {
	transform: rotate(180deg) translate(0px, 6px);
}

.kb-archive {
	max-width: var(--content-width);
	margin: var(--space-m-l) auto;
}

.kb-section {
	background: var(--c-blue-3);
	color: #fff;
	padding: var(--space-m-l) 0;
}

.kb-section h1 {
	margin: 0;
	font-size: var(--step-2) !important;
	color: #fff !important;
}

body.archive .kb-section__inside {
	max-width: var(--content-width);
	margin: 0 auto;
}

body.archive .kb-section__inside,
.kb-archive,
.single-kb div[data-elementor-type="wp-page"]>.e-con {
	padding: 0 var(--space-s-2xl);
}

.kb-section h2 {
	margin: 0;
	font-size: var(--step-1) !important;
	color: #fff !important;
}

#competitor-dropdown {
	appearance: none;
	/* Removes default styling */
	-webkit-appearance: none;
	/* For Safari */
	-moz-appearance: none;
	/* For Firefox */
	width: 440px;
	height: 52px;
	max-width: 100%;
	padding: 10px 20px;
	font-size: var(--step--1);
	border: 1px solid var(--c-light-4);
	border-radius: 4px;
	background: #fff url(images/select-chevron-green.svg) calc(100% - 16px) center no-repeat;
	color: var(--c-blue-4);
}


@media (min-width: 1025px) {

	[data-js="swiper"]:not([data-js-swiper-initialized="true"]) [data-js="swiper-wrapper"] {
		grid-template-rows: 1fr;
		grid-auto-rows: 0;
	}

	[data-js="swiper"]:not([data-js-swiper-initialized="true"]) [data-js="carousel-prev"],
	[data-js="swiper"]:not([data-js-swiper-initialized="true"]) [data-js="carousel-next"] {
		display: none;
	}
	
	[data-settings*='slides_to_show":"3'] [data-js="swiper"]:not([data-js-swiper-initialized="true"]) [data-js="swiper-wrapper"] {
		display: grid;
        grid-template-columns: repeat(3, auto);
	}

	[data-settings*='slides_to_show":"4'] [data-js="swiper"]:not([data-js-swiper-initialized="true"]) [data-js="swiper-wrapper"] {
		display: grid;
        grid-template-columns: repeat(4, auto);
	}

	[data-settings*='slides_to_show":"5'] [data-js="swiper"]:not([data-js-swiper-initialized="true"]) [data-js="swiper-wrapper"] {
		display: grid;
        grid-template-columns: repeat(5, auto);
	}
}

[data-js="search-overlay"] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 500;
}

/* Cache adjustment-- [data-js-popup] only appears in cached pages. */
[data-js-popup] [data-elementor-type="popup"] {
    display: block;
}

[data-js-popup][aria-hidden="true"] {
	display: none;
}

.scroll-within {
	max-height: calc(100vh - 178px);
	overflow-y: auto !important;
}

body.admin-bar .scroll-within {
	max-height: calc(100vh - 210px);
}

[data-js-side-cta-open="true"] #q-messenger-frame {
    display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media (min-width: 768px) {
	.faq-row .e-n-accordion-item-title {
		transition: all ease 0.3s;
	}
	.faq-row .e-n-accordion-item-title:hover {
		padding-left: 16px;
		font-weight: 600;
	}
}

.faq-row div[data-js="accordion-panel"] {
    padding: 0;
}

.back-to-top.elementor-button-text .elementor-button-wrapper .elementor-button span.elementor-button-text:after {
     opacity: 0;
}

.elementor-kit-6 [data-js=faq-toggle-btn] {
    background: transparent;
    border: 1.5px solid var(--c-light-4);
    padding: 0;
    display: flex;
    gap: 10px;
    justify-self: end;
    height: 48px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    font-size: var(--step--1);
}
.elementor-kit-6 [data-js=faq-toggle-btn]:hover,
.elementor-kit-6 [data-js=faq-toggle-btn]:active,
.elementor-kit-6 [data-js=faq-toggle-btn]:focus {
    background: var(--c-light-1);
    border-color: var(--c-light-4);
}

.elementor-kit-6 [data-js="faq-toggle-btn"]:before {
  display: block;
  content: ' ';
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.elementor-kit-6 [data-toggle-state="collapse"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="2" viewBox="0 0 14 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L13 1" stroke="%23068444" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.elementor-kit-6 [data-toggle-state="expand"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8L14 8" stroke="%23068444" stroke-width="1.5" stroke-linecap="round"/><path d="M8 14L8 2" stroke="%23068444" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

#faq-nav {
	list-style: none;
	padding: 0;
}

#faq-nav li {
	margin-bottom: 8px;
}

#faq-nav a {
	display: block;
	font-size: var(--step--1);
	color: var(--c-blue-4);
}

@media (min-width: 767px) {
	#faq-nav li:hover {
		background-color: var(--c-light-1);
	}

	#faq-nav a {
		padding: 10px;
	}

	#faq-nav li:hover a {
		font-weight: 600;
	}
}

.compare-children-list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 var(--space-l);
	padding: 0;
	margin: 0;
}

.compare-children-list li {
	margin-bottom: 32px;
}

.compare-children-list a {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: var(--step--1);
	font-weight: 600;
	color: var(--c-blue-4);
	line-height: 1.5;
}

.compare-children-list img {
	height: 50px;
	width: 50px;
	border-radius: 4px;
}

.compare-children-list a:hover {
	color: var(--c-blue-4);
}

.compare-children-lis .icon-placeholder {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: var(--c-light-2);
	border-radius: 4px;
}

@media (min-width: 767px) {
	.compare-children-list {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--space-l);
	}
	.compare-children-list a {
		font-size: var(--step-0);
	}
}

@media (min-width: 1024px) {
	.compare-children-list {
		display: block;
		column-count: 4;
		column-gap: var(--space-xl);
	}
}

/* START: PATHFACTORY */
button#lookbook-overlay-close {
	background-color: rgb(255, 0, 0) !important;
	padding: 0 !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-size: 32px !important;
	border: none !important;
}

button#lookbook-overlay-close:hover {
    background-color: #c36 !important;
}
/* END: PATHFACTORY */

body.page-template-msp-microsite .rank-math-breadcrumb p, body.page-template-msp-microsite .rank-math-breadcrumb span {
	color: #fff !important;
}

body.page-template-msp-microsite .rank-math-breadcrumb a {
	color: var(--c-light-2) !important;
}

/* Accordian Header Hover state */
body.page-template-msp-microsite details.e-n-accordion-item:hover > summary .e-n-accordion-item-title-text{
  font-weight: 520;
}

/* Accordian Header  Active (open) state */
body.page-template-msp-microsite details.e-n-accordion-item[open] > summary .e-n-accordion-item-title-text{
  font-weight: 520;
}

/* Accordian Normal icon color (plus/minus) */
body.page-template-msp-microsite .e-n-accordion-item-title-icon{
  color: var(--c-bright-green-1);
}

/* Accordian Hover icon color (only when NOT open) */
body.page-template-msp-microsite details.e-n-accordion-item:not([open]):hover > summary .e-n-accordion-item-title-icon{
  color: #004668;
}

/* Accordian Active/open state icon color */
body.page-template-msp-microsite details.e-n-accordion-item[open] > summary .e-n-accordion-item-title-icon{
  color: var(--c-bright-green-1);
}

/* Accordian If open item is hovered, keep it green */
body.page-template-msp-microsite  details.e-n-accordion-item[open]:hover > summary .e-n-accordion-item-title-icon{
  color: var(--c-bright-green-1);
}

/* Accordian Remove hover background when item is open */
body.page-template-msp-microsite  details.e-n-accordion-item[open]:hover > summary {
    background-color: transparent !important;
}

body.page-template-msp-microsite .side-cta-button {
	display: none !important;
}

html[lang="ja"] [data-js="nav-search"], html[lang="ja"] iframe#q-messenger-frame, html[lang="ja"] [data-js="side-cta-button"]  {
	display: none !important;
}