/* 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;
}

html[lang='ja'] body,
html[lang='ja'] body h1,
html[lang='ja'] body h2,
html[lang='ja'] body h3,
html[lang='ja'] body h4,
html[lang='ja'] body h5,
html[lang='ja'] body h6,
html[lang='ja'] body p,
html[lang='ja'] body a,
html[lang='ja'] body span,
html[lang='ja'] body li,
html[lang='ja'] body button,
html[lang='ja'] body input,
html[lang='ja'] body textarea {
    font-family: Geologica, 'Noto Sans JP', Montserrat, Helvetica, Arial, 'Yu Gothic', 'YuGothic', sans-serif !important;
    font-weight: 400 !important;
}

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

a,
button {
    touch-action: manipulation;
}

.step--2.strong,
.step--1.strong,
.step-0.strong,
.step-1.strong,
.step-2.strong,
.step-3.strong,
.step-4.strong,
.step-5.strong,
.step-6.strong {
    line-height: 1.2;
}

.step-6 {
    font-size: var(--step-6) !important;
}

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

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

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

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

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

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

.step-1-prose,
.step-1.prose {
    letter-spacing: -0.01em;
    line-height: 1.5;
}

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

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

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

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

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

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

.step-0,
.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;
    /* Step 2 Prose line-height */
    --e-global-typography-d1c7878-line-height: 1.5;
}

/* 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 0.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. */
body .elementor .e-button-base {
    background-color: var(--c-bright-green-1);
    font-size: var(--step-0);
    font-weight: 320;
    line-height: 1;
    color: var(--c-blue-4);
    border: solid 1px var(--c-bright-green-1);
    border-radius: 60px;
    padding: var(--space-button-top) var(--space-l) var(--space-button-bottom) var(--space-l);
    transition: all 0.3s;
}

body .elementor .e-button-base:hover {
    background: var(--c-button-hover);
    border: solid 1px var(--c-button-hover);
    color: var(--c-blue-4);
}

.min-w-240 {
    min-width: 240px;
}

.elementor .e-button-base.btn-secondary,
.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 .e-button-base.btn-secondary,
.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 .e-button-base.btn-secondary,
.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);
}

.elementor .bg-dark .e-button-base.btn-secondary {
    color: #fff;
    background: transparent;
}

.elementor .bg-dark .e-button-base.btn-secondary:hover {
    border: solid 1px var(--c-button-hover);
}

body.page-template-msp-microsite .elementor .e-button-base.btn-secondary, body.msp_demos-template-default .elementor .e-button-base.btn-secondary, body.msp_demos-template-default
body.page-template-msp-microsite .elementor-button-secondary .elementor-button-wrapper .elementor-button, body.msp_demos-template-default .elementor-button-secondary .elementor-button-wrapper .elementor-button {
    background-color: transparent;
    color: #fff;
}

.elementor .e-button-base.btn-secondary:hover,
.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 .e-button-base.btn-secondary:hover, body.msp_demos-template-default .elementor .e-button-base.btn-secondary:hover,
body.page-template-msp-microsite .elementor-button-secondary .elementor-button-wrapper .elementor-button:hover, body.msp_demos-template-default .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 .e-button-base.btn-tertiary,
.elementor-button-tertiary .elementor-button-wrapper .elementor-button {
    border-radius: 8px;
}

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

.elementor .e-button-base.btn-navigation:hover,
.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 .e-button-base.btn-text,
.elementor-button-text .elementor-button-wrapper .elementor-button {
    border: none !important;
    background-color: transparent !important;
    font-weight: 520 !important;
}

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

.elementor .e-button-base.btn-text:after,
.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 0.35s;
}

.elementor .e-button-base.btn-text.btn-vivid-green,
.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 .e-button-base.btn-text:hover:after,
.elementor-button-text .elementor-button-wrapper .elementor-button:hover span.elementor-button-text:after,
a.arrow-link:hover:after {
    margin-left: 14px;
}

.elementor .e-button-base.btn-text:hover,
.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, 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 0.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 0.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: 0.5px;
    line-height: 36px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    transition: color 0.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 0.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, 0.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;
}

/* 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 0.15s ease,
        background-color 0.15s ease,
        background-image 0.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;
    }
}

.single-post .elementor-widget-container p + .button-wrap {
	margin-top: var(--space-m);
}

.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 0.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: var(--c-light-2);
    border-radius: var(--space-3xs);
    padding: var(--space-xs) 0;
}

.table-of-contents.active {
    background-color: var(--c-light-1);
}

.table-of-contents ul {
    list-style: none;
    padding-left: 0;
    margin-top: var(--space-2xs);
}

.table-of-contents ul li {
    margin: 0;
    position: relative;
    padding-left: 18px;
}

.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: var(--c-blue-4) !important;
    font-weight: 320;
    font-size: var(--step-0);
    padding: var(--space-2xs) var(--space-m);
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.table-of-contents li::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.table-of-contents ul li::after {
    content: '•';
    font-size: 17px;
    position: absolute;
    left: var(--space-m);
    top: 50%;
    transform: translateY(-50%);
    color: var(--c-blue-4);
    z-index: 2;
}

.table-of-contents li:has(> a:hover)::before,
.table-of-contents li:has(> a.active)::before {
    opacity: 1;
}

.table-of-contents a.active {
    font-weight: 520;
}

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

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

.table-of-contents button.accordion-toggle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    width: 100%;
    padding: 0 var(--space-m);
    outline: none;
    background-color: transparent;
    border: none;
    font-size: var(--step-0);
    font-weight: 520;
    color: var(--c-blue-4);
}

.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: var(--c-blue-4);
}

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

.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;
}

#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, 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 0.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, 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;
    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.msp_demos-template-default .rank-math-breadcrumb p,
body.page-template-msp-microsite .rank-math-breadcrumb span, body.msp_demos-template-default .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;
}

@media (max-width: 767px) {
    body.table-in-view #q-messenger-frame {
        display: none !important;
    }
}

.competitor-disclaimer-wrap {
    max-width: 1400px;
    margin: var(--space-m) auto var(--space-xl) auto;
}

.competitor-disclaimer {
    font-size: var(--step--1);
    line-height: 1.5;
    font-weight: 320;
    color: var(--c-blue-4);
}

.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);
    width: 21px;
    height: 25px;
}

.elementor-button-text.blue5 .elementor-button-wrapper .elementor-button span.elementor-button-text:after,
a.arrow-link.blue5:after {
    content: url(images/button-arrow-blue5.svg);
    width: 21px;
    height: 25px;
}

.elementor-button-text.electric-teal .elementor-button-wrapper .elementor-button span.elementor-button-text:after,
a.arrow-link.electric-teal:after {
    content: url(images/button-arrow-electric-teal.svg);
    width: 21px;
    height: 25px;
}

.ninja-disclaimers p {
    font-size: var(--step--1);
    font-weight: 320;
    line-height: 1.5;
    color: var(--c-blue-4);
}

.ninja-disclaimer p:last-of-type {
    margin-bottom: 0;
}

.ninja-disclaimer {
    padding: 20px 0;
    border-bottom: 1px solid var(--c-light-4);
}

.ninja-disclaimer:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

/* Japanese pages: hide switcher if EN is the only alternate language */
body.hide-language-switcher .wpml-ls-item-legacy-dropdown {
    display: none !important;
}

[data-ls-lang="sv"] {
	display: none !important;
}

body.is-emea #field_42_8, body.is-emea #field_42_69, body.is-emea #field_42_67 {
  display: none !important
}