/*
Theme Name:		Inference Beauty
Theme URI: 		https://inferencebeauty.com
Author:         Inference Beauty
Version: 		1.01
*/

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');


html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

html, body {
    background: #fff;
    overflow-x: hidden;
    font-weight: 300;
}

body {
    --first-level-group-padding: 3em;
    --gap-medium: 1em;
    --border-gray: #D6D8DB;
    padding-top: 6em !important;
}


    @media (min-width: 600px) {
        body {
            --first-level-group-padding: 6em;
            --gap-medium: 1em;
            padding-top: 6.25em !important;
        }
    }



*:first-child {
    margin-top: 0;
}

*:last-child {
    margin-bottom: 0;
}

*:focus:not(:focus-visible) {
    outline: none;
}

*:focus:focus-visible {
    outline: 3px solid var(--wp--preset--color--foreground) !important;
    outline-offset: 3px;
    /* border-radius: 3px; */
}

.flickity-enabled:focus:focus-visible {
    outline: none !important
}


:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img),
body.single .wp-block-post-featured-image,
body.single .wp-block-post-featured-image img,
body.single .entry-content *:not(.wp-block-media-text__media) img,
body .entry-content *:not(.wp-block-media-text__media) img,
body video,
.wp-block-media-text__media {
    border-radius: 1.625rem;
}

body.single .wp-block-post-featured-image img {
    /* border: 1px solid #D6D8DB */
}



strong {
    font-weight: 500;
}


.editor-editor-canvas__post-title-wrapper {
    margin-top: 0 !important;
}

h1.editor-post-title {
    border: 1px dashed var(--wp-admin-theme-color);
    font-size: 20px;
    line-height: 120%;
    font-family: Arial, sans-serif;
    text-align: left;
    color: #000 !important;
    padding: 0.5em;
    margin: 0 1em 1em 1em !important;
}

h1.has-large-font-size + h2 {
    margin-top: 1rem;
}



.entry-content {

}

    .entry-content,
    .entry-content > *:first-child {
        margin-block-start: 0;
    }

.entry-content > .wp-block-group.has-background,
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group.has-background,
footer >  .wp-block-group.has-background {
    margin-block-start: 0;
    padding-top: var(--first-level-group-padding);
    padding-bottom: var(--first-level-group-padding);
    padding-left: calc(var(--first-level-group-padding) / 2);
    padding-right: calc(var(--first-level-group-padding) / 2);
}

.entry-content > .wp-block-group:not(.has-background) > .wp-block-group {
    margin-block-start: 0;
}


.entry-content > .wp-block-group.has-background-background-color + .wp-block-group.has-background-background-color,
.entry-content > .wp-block-group.has-primary-background-color + .wp-block-group.has-primary-background-color
.entry-content > .wp-block-group.has-secondary-background-color + .wp-block-group.has-secondary-background-color
.entry-content > .wp-block-group.has-tertiary-background-color + .wp-block-group.has-tertiary-background-color {
    margin-top: calc(var(--first-level-group-padding) * -0.5);
}


.entry-content > .wp-block-group > h2:first-child:not(:last-child) {
    margin-bottom: 2rem;
}

    @media (min-width: 600px) {
        .entry-content > .wp-block-group > h2:first-child:not(:last-child) {
            margin-bottom: 3.8rem;
        }
    }

body:not(.frontend) .is-root-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}


body:not(.frontend) .is-root-container > .wp-block-group,
body:not(.frontend) .is-root-container > .wp-block-cover,
body:not(.frontend) .is-root-container > .is-reusable {
    border: 2px solid #00c2ff;
}

    body:not(.frontend) .is-root-container > .is-reusable {
        border: 2px solid #7a00df;
    }

    body:not(.frontend) .is-root-container > .wp-block-group + *,
    body:not(.frontend) .is-root-container > .wp-block-cover + *,
    body:not(.frontend) .is-root-container > .is-reusable + * {
        margin-top: 0.5em;
    }

    body:not(.frontend) .is-root-container > .wp-block-group::before,
    body:not(.frontend) .is-root-container > .wp-block-cover::before,
    body:not(.frontend) .is-root-container > .is-reusable::before {
        content: "Area";
        font-weight: bold;
        position: absolute;
        background: #00c2ff;
        color: #fff;
        display: block;
        padding: 0.5em 1em;
        font-size: 14px;
        line-height: 1.2;
        top: 0;
        left: 0;
        z-index: 9;
    }

    body:not(.frontend) .is-root-container > .is-reusable::before {
        content: "Synchronized Area";
        background: #7a00df;
    }


/* Header */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition: all 0.3s ease-out;
}


    header .main-header {
        display: none;
    }

    @media (min-width: 1200px) {
        header .mobile-header {
            display: none;
        }

        header .main-header {
            display: block;
        }
    }

    header .wp-block-buttons,
    header .wp-block-site-logo,
    header > .wp-block-group {
        transition: all 0.3s ease-out;
    }

    header .wp-block-site-logo img {
        width: 250px !important;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-40%);
    }

    @media (max-width: 1199px) {
        header .wp-block-site-logo img {
            transform: none;
            top: 1.5em;
        }
    }

    .is-scrolling.is-scrolling-down header {
        /* transform: translateY(-120%); */
    }

        .is-scrolling header > .wp-block-group {
            -webkit-backdrop-filter: blur(1em);
            backdrop-filter: blur(1em);
            background-color: rgba(255,255,255,0.6) !important;
        }

        /* .is-scrolling.is-scrolling-down header .wp-block-buttons,
        .is-scrolling.is-scrolling-down header .wp-block-site-logo {
            transform: translateY(-10em);
        } */

    .is-scrolling header {
        box-shadow: 0 0 1em rgba(0,0,0,0.2);
    }

    header > .wp-block-group.has-background-background-color {
        padding-top: 1.75em;
        padding-bottom: 1.75em;
    }

    header nav {
        background: #F3F4F6 !important;
        border: 1px solid #fff;
        border-radius: 999px !important;
        /* overflow: hidden; */
        padding: 0.45em 0.5em;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transition: all 0.3s ease-out;
        transform: translateX(-50%) translateY(-50%) !important;
    }


        .is-scrolling header nav {
            border: 1px solid #D6D8DB;
        }

        header nav > div.wp-block-navigation__responsive-container,
        header nav .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
            background: transparent !important
        }

        header nav ul ul a[href='#'] {
            cursor: default;
        }

        header nav a[href='#']:active {
            pointer-events: none;
        }

        header nav .wp-block-navigation__responsive-container-content {

        }

            header nav .wp-block-navigation__responsive-container-content > ul {
                gap: 0;
            }

                header nav .wp-block-navigation__responsive-container-content > ul > li {

                }

                    header nav .wp-block-navigation__responsive-container-content > ul > li > a {
                        padding: 0.875em 1.625em;
                        border-radius: 999px;
                        color: #8492A7 !important;
                        transition: all 0.2s ease-out;
                    }

                        /* .is-scrolling.is-scrolling-down header nav .wp-block-navigation__responsive-container-content > ul > li > a {
                            padding: 0.3em 1.625em;
                        } */

                        header nav .wp-block-navigation__responsive-container-content > ul > li::before {
                            content: "";
                            display: block;
                            width: 100%;
                            height: 100%;
                            background: #A5C0E3;
                            position: absolute;
                            top: 0;
                            left: 0;
                            border-radius: 999px;
                            z-index: 0;
                            transition: all 0.2s ease-out;
                            opacity: 0;
                            transform: scale(0.5);
                        }

                            header nav .wp-block-navigation__responsive-container-content > ul > li > a {
                                z-index: 99
                            }

                            header nav .wp-block-navigation__responsive-container-content > ul > li:hover::before,
                            header nav .wp-block-navigation__responsive-container-content > ul > li:focus::before {
                                opacity:1;
                                transform: scale(1);
                            }

                    header nav .wp-block-navigation__responsive-container-content > ul > li:hover > a {
                        color: #fff !important;
                    }


            header nav .wp-block-navigation__responsive-container-content > ul > li > ul {
                position: absolute;
                top: 100%;
                display: flex !important;
                flex-flow: row wrap !important;
                gap: 0.75em !important;
                visibility: visible !important;
                opacity: 0 !important;
                height: auto !important;
                width: auto !important;
                border: 1px solid #D6D8DB !important;
                border-radius: 0.75em !important;
                pointer-events: none !important;
                /* overflow: hidden !important; */
                padding: 0.625em;
                margin-top: 0em;
                transition: margin 0.2s ease-out !important;
            }

                header nav .wp-block-navigation__responsive-container-content > ul > li:hover > ul {
                    opacity: 1 !important;
                    pointer-events: all !important;
                    margin-top: 1em;
                }

                header nav .wp-block-navigation__responsive-container-content > ul li ul::before {
                    content: "";
                    display: block;
                    position: absolute;
                    width: 100%;
                    height: 1.1em;
                    top: -1.05em;
                    left: 0;
                }

                header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-0-items,
                header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-1-items { width: 11em !important; }

                header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-2-items { width: 22em !important; }
                    header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-2-items > li { width: calc(50% - 0.375em); }

                header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-3-items { width: 33em !important; margin-left: -11em; }
                    header nav .wp-block-navigation__responsive-container-content > ul > li > ul.has-3-items > li { width: calc(33.333% - 0.25em); }

                header nav .wp-block-navigation__responsive-container-content > ul > li > ul li {
                    width: 100%;
                }

                    header nav .wp-block-navigation__responsive-container-content > ul li ul li a {
                        display: block;
                        color: #8492A7 !important;
                        border-radius: 0.625em !important;
                        padding: 0.625em;
                        transition: all 0.2s ease-out;
                    }

                        header nav .wp-block-navigation__responsive-container-content > ul li ul li a:hover {
                            color: #2A3155 !important;
                            background: #F3F4F6;
                        }


                    header nav .wp-block-navigation__responsive-container-content > ul li ul > li.has-child {
                        display: block;
                        flex: 1 !important;
                    }

                        header nav .wp-block-navigation__responsive-container-content > ul li ul > li.has-child > a {
                            border-bottom: 1px solid #D6D8DB !important;
                            border-radius: 0 !important;
                            color: #2A3155 !important;
                            background: #fff !important;
                        }

                        header nav .wp-block-navigation__responsive-container-content > ul li ul ul,
                        header nav .wp-block-navigation__responsive-container-content > ul li ul ul {
                            box-sizing: border-box !important;
                            display: block !important;
                            visibility: visible !important;
                            opacity: 1 !important;
                            height: auto !important;
                            width: auto !important;
                            position: static !important;
                            margin-top: 0.5em !important;
                            border: 0 !important;
                            width: 100% !important;
                            min-width: 0 !important;
                        }


    header .header-nav-toggle {
        outline: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #F3F4F6 ;
        background: #F3F4F6 url(assets/images/nav-toggle.svg) no-repeat center;
        background-size: 60% auto;
        border-radius: 99px;
        width: 2.625rem;
        height: 2.625rem;
    }

        .is-scrolling header .header-nav-toggle {
            border: 1px solid #D6D8DB !important;
        }

        .nav-open header .header-nav-toggle {
            background-image: url(assets/images/nav-toggle-close.svg);
        }

    header .mobile-nav-wrap {
        background: #F3F4F6;
        border: 1px solid #D6D8DB;
        border-radius: 1.9rem;
        padding: 0.5em;
        display: none;
    }

        .nav-open header .mobile-nav-wrap {
            display: block;
        }

        header .mobile-nav-wrap > * {
            width: 100%;
        }

        header .mobile-nav-wrap .wp-block-buttons {
            justify-content: center !important;
            margin-top: 1em;
        }

    .nav-open button[class*='videoask-embed'] {
        display: none !important;
    }

    header .mobile-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: auto;
    }

        .nav-open header .mobile-header {
            height: 100vh;
            background: #fff !important;
        }


    header .mobile-header nav {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        transform: none !important;
        border-radius: 0 !important;
        border: 0 !important;
        background: transparent !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 !important;
        height: auto;
    }

        header .mobile-header nav ul {
            width: 100%;
            box-sizing: border-box;
            gap: 0;
        }

            header .mobile-header nav ul li {
                width: 100%;
                display: block !important;
                position: relative !important;
                box-sizing: border-box;
                color: #8492A7;
            }

                header .mobile-header nav ul li button {
                    width: 100%;
                    padding: 0.875em 2em 0.75em 1em !important;
                    border-radius: 99px;
                }

                    header .mobile-header nav ul li button[aria-expanded='true'] {
                        background: #A5C0E3;
                        color: #fff !important;
                    }

            header .mobile-nav-wrap .wp-block-navigation__submenu-icon {
                position: absolute;
                top: 0.875em;
                right: 0.875em;
                width: 1.2em;
                height: 1.2em;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                header .mobile-nav-wrap .wp-block-navigation__submenu-icon svg {
                    transform: scale(0.7);
                }

            header .mobile-header nav ul li button[aria-expanded='true'] + .wp-block-navigation__submenu-icon {
                transform: rotate(180deg);
                color: #fff;
            }

            header .mobile-header nav ul li ul {
                display: block !important;
                position: static !important;
                background: none !important;
                border: 0 !important;
            }

                header .mobile-header nav ul li button[aria-expanded='true'] ~ ul.wp-block-navigation__submenu-container {
                    visibility: visible !important;
                    opacity: 1 !important;
                    height: auto !important;
                    width: 100% !important;
                    padding: 0.6em 1em !important;
                }


                header .mobile-header nav ul li ul li a {
                    padding: 0.625em 0.625em 0.5em 0.625em !important;
                    border-radius: 0.625em !important
                }

                    header .mobile-header nav ul li ul li a.wp-block-navigation-item__content:hover,
                    header .mobile-header nav ul li ul li a.wp-block-navigation-item__content:active {
                        background: #fff;
                        color: #2A3155 !important;
                    }


                    header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button {
                        padding: 0.625em !important;
                        color: #2A3155 !important;
                        border-bottom: 1px solid #D6D8DB;
                        border-radius: 0 !important;
                    }

                        header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button + .wp-block-navigation__submenu-icon {
                            display: none !important;
                        }

                            header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button:hover,
                            header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li button:active {
                                pointer-events: none;
                            }

                    header .mobile-header nav ul li ul.wp-block-navigation__submenu-container li ul.wp-block-navigation__submenu-container {
                        visibility: visible !important;
                        opacity: 1 !important;
                        height: auto !important;
                        width: 100% !important;
                        padding: 0 !important;
                        margin-top: 0.5em !important;
                    }

                    header .mobile-header nav ul li ul li a {
                        padding: 0.625em 0.625em 0.5em 0.625em !important;
                        border-radius: 0.625em !important
                    }

                    header .mobile-header nav ul li ul li.has-child + li.has-child {
                        margin-top: 1em !important
                    }

.home-hero-area,
.blog-hero-area {

}


/* .home-hero-cols */
.home-hero-cols {

}

    @media (min-width: 500px) {
        .home-hero-cols > .wp-block-column:nth-child(1) {
            padding-right: 3em;
        }
    }

    .home-hero-cols > .wp-block-column:nth-child(1) > .wp-block-group.is-vertical {
        display: flex;
        min-height: 100%;
        flex-flow: column;
        justify-content: space-between;
    }

        .blog-hero-area .home-hero-cols > .wp-block-column:nth-child(1) > .wp-block-group.is-vertical {
            justify-content: flex-end;
        }

    .home-hero-cols > .wp-block-column:nth-child(1) p + .wp-block-buttons {
        margin-top: 2em;
    }

    @media (max-width: 781px) {
        .home-hero-cols {
            text-align: center;
        }

        .home-hero-cols h1 {
            margin-bottom: 1em;
        }

        .home-hero-cols h1 + .wp-block-buttons {
            font-size: 0.75em;
            line-height: 1.2;
        }

        .home-hero-cols .wp-block-buttons {
            justify-content: center;
        }

        .home-hero-cols .wp-block-spacer {
            display: none;
        }
    }



/* Highlight Box */
.wp-block-group.is-style-highlight,
.wp-block-group.is-style-tip,
.wp-block-group.is-style-highlight-border {
    padding: 2em 2em;
    border-radius: 1.625rem;
    overflow: hidden;
}

    .wp-block-group.is-style-tip {
        padding: 1em 1em 1em 5em;
    }


    @media (min-width: 1000px) {
        .wp-block-group.is-style-highlight,
        .wp-block-group.is-style-tip,
        .wp-block-group.is-style-highlight-border {
            padding: 2em 7em;
        }
    }

    .blog-hero-area .wp-block-group.is-style-highlight,
    .blog-hero-area .wp-block-group.is-style-highlight-border,
    article .wp-block-group.is-style-tip,
    article .wp-block-group.is-style-highlight,
    article .wp-block-group.is-style-highlight-border {
        padding: 1.25em !important;
    }

    article .wp-block-group.is-style-tip {
        padding-left: 5.5em !important;
    }

    .wp-block-group.is-style-highlight-border.testimonial {
        padding: 2.25em !important;
    }

    .wp-block-group.is-style-tip::after {
        content: "";
        position: absolute;
        left: 1.25em;
        top: 1.25em;
        width: 2.5em;
        height: 2.5em;
        border: 1px solid #edecea;
        background: #fff url(assets/images/tip.svg) no-repeat center;
        background-size: 50% auto;
        border-radius: 100%;
    }

        @media (min-width: 1000px) {
            .wp-block-group.is-style-tip::after {
                width: 3em;
                height: 3em;
            }
        }

    article .wp-block-group.is-style-tip,
    article .wp-block-group.is-style-highlight,
    article .wp-block-group.is-style-highlight-border {
        margin: 2em auto !important;
    }

    article .wp-block-group:first-of-type.is-style-tip,
    article .wp-block-group:first-of-type.is-style-highlight,
    article .wp-block-group:first-of-type.is-style-highlight-border {
        margin-top: 0 !important;
    }

    .wp-block-group.is-style-highlight-border {
        border: 1px solid #D6D8DB
    }

    .blog-hero-area .wp-block-group.is-style-highlight-border p:first-child strong:first-child:last-child {
        margin-bottom: -0.5em;
        display: block;
        text-transform: uppercase;
    }

    @media (min-width: 1000px) {
        .wp-block-group.is-style-highlight > .alignwide {
            margin-left: -4em !important;
            width: calc(100% + 8em) !important;
            max-width: calc(100% + 8em) !important;
        }
    }

    .wp-block-group.is-style-highlight p.has-large-font-size + h3 {
        margin-top: 0.75em;
    }


    .wp-block-group.is-style-highlight .is-vertically-aligned-bottom .wp-block-media-text__media {
        margin-bottom: 1em;
    }

    @media (min-width: 600px) {
        .wp-block-group.is-style-highlight .is-vertically-aligned-bottom .wp-block-media-text__media {
            margin-bottom: -2em;
        }
    }

    .wp-block-group.is-style-highlight .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
        padding-right: 0;
    }

    .wp-block-group.is-style-highlight .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        padding-left: 0;
    }

@media (max-width: 450px) {
    :where(.wp-block-group.has-background) {
        padding: 1em;
    }
}


/* Blog */
.blog-hero-area h1 {
    margin: 0.75em 0 0.25em 0 !important;
}

    @media (min-width: 1000px) {
        .blog-hero-area h1 {
            font-size: 2.875em;
            line-height: 1.2;
        }
    }

    .blog-hero-area .client-logo {
        width: 6em;
        height: auto;
        margin-left: 0 !important;
    }

    .is-style-highlight-border .stats-row {
        margin-top: 1.5em;
        align-items: flex-start !important;
        flex-flow: row wrap !important;
    }

        .is-style-highlight-border .stats-row > * {
            width: 100% !important;
            flex: unset !important;
        }


        .is-style-highlight-border .stats-row p.has-x-large-font-size {
            font-size: 2.125em !important;
            line-height: 1;
        }

        .is-style-highlight-border .stats-row p.has-x-large-font-size + p {
            margin-top: 0.5em;
        }

    body.single-post h2 {
        font-size: 2em;
        line-height: 1.2;
    }

    body.single-post h3 {
        font-size: 1.75em;
        line-height: 1.2;
    }

    body.single-post article {
        margin-top: 1em !important
    }

        body.single-post article .wp-block-columns {
            gap: 4em;
        }


/* Buttons */
.wp-block-button__link,
.wp-element-button {
    border: 1px solid;
    position: relative;
}

.wp-block-button.is-style-outline > * {
    border-color: #D6D8DB;
}

.wp-block-button:not(.is-style-outline) > * {
    border-color: transparent;
}


.wp-block-button__link > img:first-child {
    margin: 0 !important;
    width: 1em !important;
    height: 1em !important;
    object-fit: contain;
    margin-right: 0.625em !important;
    transform: scale(1.125) translateY(0.125em);
}



p.is-style-pill {
    display: block;
    width: fit-content;
    font-size: 0.78em;
    line-height: 1.1;
    border-radius: 99px;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}

    p.is-style-pill + h1,
    p.is-style-pill + h2,
    p.is-style-pill + h3,
    p.is-style-pill + h4,
    p.is-style-pill + h5,
    p.is-style-pill + h6,
    p.is-style-pill + p {
        margin-top: 0;
    }


.is-style-subheadline {
    margin-bottom: 0.5em;
}

    p.is-style-subheadline + h1,
    p.is-style-subheadline + h2,
    p.is-style-subheadline + h3,
    p.is-style-subheadline + h4,
    p.is-style-subheadline + h5,
    p.is-style-subheadline + h6,
    p.is-style-subheadline + p {
        margin-top: 0;
    }

.box-grid {
    --gap: 1em;
    gap: var(--gap);
    align-items: stretch;
}

    @media (min-width: 600px) {
        .box-grid {
            --gap: 1.5em;
        }
    }

    .box-grid > * {
        width: 100%;
    }

    @media (min-width: 800px) {
        .box-grid > * {
            width: calc(50% - calc(var(--gap) * 0.5));
        }
    }

    @media (min-width: 1200px) {
        .box-grid > * {
            width: calc(33.33% - calc(var(--gap) * 0.667));
        }
    }

    @media (min-width: 800px) {
        .box-grid.box-grid-large > * {
            width: calc(50% - calc(var(--gap) * 0.5));
        }
    }

    .box-grid > *.align-bottom {
        align-self: flex-end;
    }

    .box-grid > *.align-top {
        align-self: flex-start;
    }

    .box-grid > *.align-center {
        align-self: center;
    }

    .box-grid .is-style-highlight,
    .box-grid .is-style-highlight-border {
        padding: 1.5em;
    }


    .box-grid > .wp-block-group .wp-block-group.is-vertical {
        min-height: 100%;
    }

    .box-grid > * > .wp-block-media-text .wp-block-media-text__media {
        margin-right: -1.5em !important;
    }

    .box-grid:not(.box-grid-large) > * > .wp-block-media-text.is-image-fill .wp-block-media-text__media {
        margin-right: -1.5em !important;
        margin-top: -1.5em !important;
        margin-bottom: -1.5em !important;
        height: calc(100% + 3em) !important;
    }

    .box-grid > * > .wp-block-media-text.is-image-fill .wp-block-media-text__media {
        margin-right: -1.5em !important;
        height: calc(100% + 3em) !important;
    }

    .box-grid > * > .wp-block-media-text__content {
        padding: 0 !important;
    }

    @media (max-width: 450px) {
        .box-grid figure img {
            min-width: 100%;
        }

        .box-grid .wp-block-media-text {
            grid-template-columns: auto 35% !important;
        }

        .box-grid .wp-block-media-text__content {
            padding: 0;
        }
    }


.taxonomy-case-solution.is-style-pill {

}

    .taxonomy-case-solution.is-style-pill a {
        text-decoration: none;
        padding: 0.875em 1.625em !important;
        border: 1px solid #D6D8DB;
        border-radius: 999px;
        font-size: var(--wp--preset--font-size--small);
        line-height: 1.2;
        font-weight: 400;
        color: inherit !important;
    }



.is-style-lead-text {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: 1.4;
    margin-bottom: 1.25em;
}



.is-style-icon-link > *:first-child {
    width: 3rem;
    height: 3rem;
    display: block;
    border: 1px solid var(--wp--preset--color--quaternary) !important;
    background: var(--wp--preset--color--background) url(assets/images/send.svg) no-repeat center;
    background-size: 37.5% auto;
    text-indent: -1000px;
    overflow: hidden;
}


    @media (min-width: 1000px) {
        .is-style-icon-link > *:first-child {
            width: 4em;
            height: 4em;
        }
    }


.quote-cite {
    gap: 0.75em !important;
}

    .quote-cite > figure:first-child img {
        width: 3.5em;
        height: 3.5em;
        object-fit: cover;
        overflow: hidden;
        border: 1px solid var(--wp--preset--color--quaternary) !important;
        border-radius: 1em;
    }

    .quote-cite .person > * {
        margin-top: 0;
    }


    .quote-cite > figure + .person {
        padding-left: 3.5em;
    }

    .quote-cite > figure + .person > *:first-child::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 3.2em;
        height: 1.2em;
        background: url(assets/images/arrow-right-small.svg) no-repeat left center;
    }


.stats-row {

}

    *:not(.is-style-highlight-border) .stats-row > * {
        flex: 1;
    }

    *:not(.is-style-highlight-border) .stats-row > *.has-background {
        width: 20% !important;
        flex: none;
        border-radius: 1.625em;
    }

    @media (max-width: 1000px) {
        *:not(.is-style-highlight-border) .stats-row {
                --gap: 1em;
                display: flex;
                flex-flow: row wrap;
                gap: var(--gap);
        }

        *:not(.is-style-highlight-border) .stats-row > * {
            width: 100% !important;
        }

        *:not(.is-style-highlight-border) .stats-row > *:not(.has-background):last-child {
            order: 0;
            width: 100%;
            flex: unset;
        }

        *:not(.is-style-highlight-border) .stats-row > *.has-background {
            padding: 1em;
            width: calc(33.33% - calc(var(--gap) * 0.667)) !important;
            order: 1;
        }
    }

    @media (max-width: 600px) {
        *:not(.is-style-highlight-border) .stats-row > *:not(.has-background):last-child {
            order: 0;
        }

        *:not(.is-style-highlight-border) .stats-row > *.has-background {
            padding: 1em;
            width: 100% !important;
            order: 1;
        }

        *:not(.is-style-highlight-border) .stats-row > *.has-background .wp-block-group {
            --gap: 1em;
            display: flex;
            flex-flow: row wrap;
            gap: var(--gap);
            align-items: center;
        }

        *:not(.is-style-highlight-border) .stats-row > *.has-background .wp-block-group > * {
            flex: 1;
        }

        *:not(.is-style-highlight-border) .stats-row > *.has-background .wp-block-group > p.has-x-large-font-size:first-child {
            width: 25%;
            flex: unset;
            font-size: 1.4em !important;
        }
    }

    *:not(.is-style-highlight-border) .stats-row > *.has-background > .wp-block-group.is-vertical {
        min-height: 100%;
        justify-content: space-between;
    }



/* Accordion */
.wp-block-columns.is-style-accordion {
    display: block;
    padding: 0;
	box-sizing: border-box;
    border: 1px solid var(--border-gray);
}

.wp-block-columns.is-style-accordion:first-child {
    border-radius: 1.625rem 1.625rem 0 0;
}

.wp-block-columns.is-style-accordion:last-child {
    border-radius: 0 0 1.625rem 1.625rem;
}

    .wp-block-columns.is-style-accordion:not(.is-open) {
        background-color: unset !important;
    }

    .wp-block-columns.is-style-accordion + .wp-block-columns.is-style-accordion {
        border-top: 0;
    }

    .wp-block-columns.is-style-accordion:hover,
    .wp-block-columns.is-style-accordion.is-open {

    }

    .wp-block-columns.is-style-accordion.is-open {

    }

    .wp-block-columns.is-style-accordion .wp-block-column {
		box-sizing: border-box;
        width: 100%;
        padding: 1rem 3rem 1rem 1.5rem !important;
        margin: 0 !important;
    }



    .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1),
    .wp-block-columns.is-style-accordion.is-open:last-child .wp-block-column:nth-child(1) {
        cursor: pointer;
        position: relative;
    }


        .wp-block-columns.is-style-accordion:last-child .wp-block-column:nth-child(1) {

        }



		.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) h2 {
			font-size: 1.5em !important;
			line-height: 100% !important;
		}


        .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
            content: "";
            display: block;
            width: 1.25em;
            height: 1.25em;
            background: url(assets/images/accordion-plus.svg) no-repeat center;
            background-size: 100% auto;
            position: absolute;
            right: 1em;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.2s ease-in-out;
        }


                .reduced-motion .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
                    transition: all 0s;
                }

                @media print {
                    .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
                        display: none;
                    }
                }


        .wp-block-columns.is-style-accordion.is-open .wp-block-column:nth-child(1)::before {
            transform: translateY(-50%) rotate(180deg);
            background-image: url(assets/images/accordion-minus.svg)
        }

		.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) > *:first-child {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
            margin-block-start: 0 !important;
		}

    .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
        margin: 0 auto !important;
        padding-right: 1.5rem !important;
        overflow: hidden;
    }

	.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
        display: none;
    }

        @media print {
            .frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
                display: block;
            }
        }

    .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:first-child {
        /* margin-top: 1.5em !important; */
    }

    .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:last-child {
        margin-bottom: 1.5em !important;
    }

    .wp-block-columns.is-style-accordion+.wp-block-columns.is-style-accordion {
        margin-top: 0;
    }



/* Row Three / Four / Six */
.is-style-row-2,
.is-style-row-3,
.is-style-row-4,
.is-style-row-6 {
    gap: calc(var(--gap-medium)*2) var(--gap-medium);
    flex-flow: row wrap !important
}

    .is-style-row-2 > *[class*='wp-block'],
    .is-style-row-2 .flickity-slider > *,
    .is-style-row-3 > *[class*='wp-block'],
    .is-style-row-3 .flickity-slider > *,
    .is-style-row-4 > *[class*='wp-block'],
    .is-style-row-4 .flickity-slider > *,
    .is-style-row-6 > *[class*='wp-block'],
    .is-style-row-6 .flickity-slider > * {
        width: 100% !important
    }

    @media (min-width: 600px) {
        .is-style-row-2 > *[class*='wp-block'],
        .is-style-row-2 .flickity-slider > *,
        .is-style-row-3 > *[class*='wp-block'],
        .is-style-row-3 .flickity-slider > *,
        .is-style-row-4 > *[class*='wp-block'],
        .is-style-row-4 .flickity-slider > *,
        .is-style-row-6 > *[class*='wp-block'],
        .is-style-row-6 .flickity-slider > * {
            width: calc(50% - var(--gap-medium)*0.5) !important;
            gap: var(--gap-medium);
        }
    }

    @media (min-width: 900px) {
        .is-style-row-3 > *[class*='wp-block'],
        .is-style-row-3 .flickity-slider > * {
            width: calc(33.33% - var(--gap-medium)*0.667) !important;
        }

        .is-style-row-3 .flickity-slider > * {
            width: calc(33.33% - 1.5em) !important;
        }

        .is-style-row-4 > *[class*='wp-block'],
        .is-style-row-4 .flickity-slider > * {
            width: calc(25% - var(--gap-medium)*0.75) !important;
        }

        .is-style-row-6 > *[class*='wp-block'],
        .is-style-row-6 .flickity-slider > * {
            width: calc(16.66% - var(--gap-medium)*0.834) !important;
        }
    }




.is-style-row-3 {
    --gap: 1.625rem;
    display: flex;
    flex-flow: row wrap !important;
    gap: var(--gap);
}

    * > .is-style-row-3 {
        margin-top: 2.75rem;
    }

    .is-style-row-3:not(.flickity-enabled) > * {
        width: calc(33.33% - calc(var(--gap) * 0.667)) !important;
    }

    .is-style-row-3.flickity-enabled {
        margin-left: calc(var(--gap)* -0.5) !important;
        width: calc(100% + var(--gap)) !important;
        max-width: calc(100% + var(--gap)) !important;

    }

    .is-style-row-3.flickity-enabled > .flickity-viewport {
        width: 100%;
    }

    .is-style-row-3.flickity-enabled .flickity-slider > * {
        width: 33.33%;
        padding: 0 calc(var(--gap) / 2)
    }


        .is-style-row-3.flickity-enabled .flickity-page-dots {
            width: 100%;
            justify-content: center;
            margin-top: 1.75em;
            position: relative;
        }


.wp-block-group.is-style-highlight-border.testimonial {

}

    .wp-block-group.is-style-highlight-border.testimonial > figure:first-child {
        width: 5.25em;
        height: 5.25em;
        margin-bottom: 2.25em;
    }

        .wp-block-group.is-style-highlight-border.testimonial > figure:first-child img {
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 100%;
        }

    .testimonial-slider .wp-block-group.is-style-highlight-border.testimonial figure + p.has-x-large-font-size + p {
        margin-top: 0 !important;
    }

    .wp-block-group.is-style-highlight-border.testimonial .logo {
        margin: 2.25rem 0 0 0;
    }

    .wp-block-group.is-style-highlight-border.testimonial .logo img {
        height: 5em;
        width: 100%;
        object-fit: contain;
    }


.logo-bar-area {

}

.logo-bar {

}

    .logo-bar {
        gap: 2.5em !important;
    }

    .logo-bar > .wp-block-group:first-child {
        width: 15%;
    }

    .logo-bar > .logos-holder {
        flex: 1;
        display: flex;
        flex-flow: row wrap;
        --gap: 1em;
        gap: var(--gap);
    }

        .logo-bar > .logos-holder > * {
            width: calc(16.66% - calc(var(--gap) * 0.833));
        }

        .logo-bar > .logos-holder.flickity-enabled {
            display: block;
            gap: 0;
            flex: unset;
            width: 100%;
        }

            .logo-bar > .logos-holder.flickity-enabled .flickity-viewport {
                width: 100%;
            }


            .logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
                width: 16.66%;
            }


    @media (max-width: 999px) {
        .logo-bar {
            display: block !important;
        }

        .logo-bar > .wp-block-group:first-child {
            width: 100%;
            text-align: center;
        }
    }

    @media (max-width: 600px) {
        .logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
            width: 20%;
        }

        .logo-bar > .logos-holder > * {
            width: calc(20% - calc(var(--gap) * 0.8));
        }
    }

    @media (max-width: 500px) {
        .logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
            width: 25%;
        }

        .logo-bar > .logos-holder > * {
            width: calc(25% - calc(var(--gap) * 0.75));
        }
    }

    @media (max-width: 400px) {
        .logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
            width: 33.33%;
        }
        .logo-bar > .logos-holder > * {
            width: calc(33.33% - calc(var(--gap) * 0.667));
        }
    }

    @media (max-width: 320px) {
        .logo-bar > .logos-holder.flickity-enabled .flickity-slider > * {
            width: 50%;
        }

        .logo-bar > .logos-holder > * {
            width: calc(50% - calc(var(--gap) * 0.5));
        }
    }


.entry-content ul {
    list-style-type: none;
    padding-left: 0;
}

ul.wp-block-list {
    background: none !important;
    padding: 0 !important
}

ul li.is-style-check {
    padding-left: 3em;
    position: relative;
}

    ul li.is-style-check::before {
        content: "";
        display: block;
        width: 1.5em;
        height: 1.5em;
        position: absolute;
        top: 0;
        left: 0;
        background: #ccc url(assets/images/check.svg) no-repeat center;
        background-size: 50% auto;
        border-radius: 100%;
    }



ul.has-foreground-background-color li::before {
    background-color: var(--wp--preset--color--foreground);
}

ul.has-background-background-color li::before {
    background-color: var(--wp--preset--color--background);
}

ul.has-primary-background-color li::before {
    background-color: var(--wp--preset--color--primary);
}

ul.has-primary-50-background-color li::before {
    background-color: var(--wp--preset--color--primary-50);
}

ul.has-primary-25-background-color li::before {
    background-color: var(--wp--preset--color--primary-25);
}

ul.has-secondary-background-color li::before {
    background-color: var(--wp--preset--color--secondary);
}

ul.has-secondary-text-background-color li::before {
    background-color: var(--wp--preset--color--secondary-text);
}

ul.has-secondary-50-background-color li::before {
    background-color: var(--wp--preset--color--secondary-50);
}

ul.has-secondary-25-background-color li::before {
    background-color: var(--wp--preset--color--secondary-25);
}

ul.has-tertiary-background-color li::before {
    background-color: var(--wp--preset--color--tertiary);
}

ul.has-tertiary-50-background-color li::before {
    background-color: var(--wp--preset--color--tertiary-50);
}

ul.has-tertiary-25-background-color li::before {
    background-color: var(--wp--preset--color--tertiary-25);
}

ul.has-tertiary-text-background-color li::before {
    background-color: var(--wp--preset--color--tertiary-text);
}

ul.has-quaternary-background-color li::before {
    background-color: var(--wp--preset--color--quaternary);
}


ul li.is-style-check + li.is-style-check {
    margin-top: 1em;
}



.logo-stats-row {

}

    .logo-stats-row > * {
        border: 1px solid #D6D8DB;
        border-radius: 1.625em;
        flex: 1;
    }

    .logo-stats-row > * {
        padding: 3rem 3rem 2rem 3rem;
        align-self: stretch;
    }

    .logo-stats-row > * p.has-x-large-font-size + p {
        margin-top: 0;
    }

    .logo-stats-row > * > figure:first-child {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }

    .logo-stats-row > * p.has-x-large-font-size::after {
        content: "";
        display: inline-block;
        width: 1.25rem;
        height: 0.375rem;
        border-radius: 99px;
        background: var(--wp--preset--color--tertiary);
        margin-left: 0.8rem;
        transform: translateY(-0.45rem);
    }

    @media (max-width: 1000px) {
        .logo-stats-row {
            flex-flow: row wrap;
            gap: 1em;
        }

            .logo-stats-row > * {
                flex: unset;
                padding: 1rem;
                width: calc(50% - 0.5em);
            }

            .logo-stats-row > * > figure:first-child {
                margin-top: -1rem;
            }
    }

    @media (max-width: 450px) {
            .logo-stats-row > * {
                width: 100%;
                min-height: 7em;
                padding-left: 7em;
            }

            .logo-stats-row > * > figure:first-child {
                margin-top: -1rem;
                position: absolute;
                width: 6em;
                height: 6em;
                left: 0.5em;
                top: 0.5em;
                margin: 0;
            }
    }


.wp-block-group.is-case-slider {
    position: relative;
}

    @media (min-width: 1000px) {
        .wp-block-group.is-case-slider::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 20%;
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
            height: 100%;
            z-index: 99;
            pointer-events: none;
        }

        .wp-block-group.is-case-slider::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 20%;
            background: rgb(255,255,255);
            background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
            height: 100%;
            z-index: 99;
            pointer-events: none;
        }

        .has-secondary-25-background-color .wp-block-group.is-case-slider::before {
            background: rgba(233, 240, 248, 1);
            background: linear-gradient(90deg, rgba(233, 240, 248, 1) 0%, rgba(233, 240, 248, 0) 100%);
        }

        .has-secondary-25-background-color .wp-block-group.is-case-slider::after {
            background: rgba(233, 240, 248, 1);
            background: linear-gradient(-90deg, rgba(233, 240, 248, 1) 0%, rgba(233, 240, 248, 0) 100%);
        }

        .has-secondary-25-background-color .case-preview {
            background: rgba(255, 255, 255, 1);
        }
    }

.wp-block-group.is-case-slider .flickity-slider > * {
    width: 100%;
}

@media (min-width: 1000px) {
    .wp-block-group.is-case-slider .flickity-slider > * {
        width: 60%;
    }
}

.case-preview-holder {
    box-sizing: border-box;
    padding: 0 1em;
    /* align-items: center;
    display: flex;
    min-height: 100%; */
}

    .wp-block-group.is-case-slider .flickity-slider .case-preview-holder {
        opacity: 0.4;
    }

    .wp-block-group.is-case-slider .flickity-slider .case-preview-holder.is-selected {
        opacity: 1;
    }

.case-preview {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #D6D8DB;
    border-radius: 1.625em;
    padding: 0.75em;
}

    .case-preview .case-preview-image {
        width: 25%;
        position: relative;
    }

        .case-preview .client-logo {
            position: absolute;
            right: 1em;
            display: block;
            width: 50%;
            height: auto;
            border-radius: 0.75em !important;
            /* border: 1px solid #D6D8DB; */
            transform: translateY(-70%);
            box-shadow: 0 0 1em rgba(0,0,0,0.2);
        }

        .case-preview > .case-preview-featured-image {
            width: 100%;
            display: block;
            line-height: 0;
        }

            .case-preview .wp-post-image {
                aspect-ratio: 1 / 1;
                width: 100%;
                height: auto !important;
                border-radius: 1.125em !important;
                /* min-height: 100% !important; */
                object-fit: cover !important;
            }

    .case-preview .case-preview-stats {
        width: 30%;
        box-sizing: border-box;
        padding: 1.125em 1.667em;

    }

        .case-preview .case-preview-stats > * + * {
            margin-top: 1em !important
        }

        .case-preview .case-preview-stats .has-x-large-font-size + p {
            margin-top: 0 !important;
        }

        .case-preview .case-preview-stats .has-x-large-font-size::after {
            content: "";
            display: inline-block;
            width: 1.25rem;
            height: 0.375rem;
            border-radius: 99px;
            background: var(--wp--preset--color--tertiary);
            margin-left: 0.8rem;
            transform: translateY(-0.45rem);
        }

    .case-preview .case-preview-title {
        box-sizing: border-box;
        width: 45%;
        border-left: 1px solid #D6D8DB;
        padding: 1.125em 1.125em 1.125em 1.667em;
    }

        .case-preview .case-preview-title h3 {
            color: #8492A7;
            color: #000;
        }

            .case-preview .case-preview-title h3 a {
                text-decoration: none;
                color: inherit;
            }

    @media (max-width: 781px) {
        .case-preview .case-preview-image {
            width: 100%;
        }

        .case-preview .wp-post-image {
            aspect-ratio: 3 / 2;
        }

        .case-preview .client-logo {
            max-width: 5em;
        }

        .case-preview .case-preview-stats {
            width: 100%;
            padding: 1em 0 0 0;
        }

        .case-preview .case-preview-title {
            width: 100%;
            border-top: 1px solid #D6D8DB;
            border-left: 0;
            margin-top: 1em;
            padding: 1em 0 0 0;
        }
    }

footer {
    margin-top: 0 !important;
    --gap: 1.5em;
}

    @media (min-width: 1300px) {
        footer {
            --gap: 4.28em
        }
    }

    footer > .wp-block-group:first-child {
        padding-bottom: 1.5em;
    }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child {
            gap: var(--gap) !important;
        }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > * > .wp-block-columns {
            gap: calc(var(--gap) * 0.66) !important;
        }


        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > * {
            flex: 2;
        }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:first-child {
            flex: 1.8;
        }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:nth-child(2) {
            flex: 2.8;
        }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:nth-child(3) {
            flex: 2.5;
        }


        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:last-child {
            flex: 3.4;
        }

        footer a {
            text-decoration: none;
        }

            footer a:hover {
                text-decoration: underline;
                text-underline-offset: 0.3em;
            }

    @media (max-width: 1100px) {
        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child {
            flex-flow: row wrap;
        }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > *:first-child {
            flex: unset;
            width: 100%;
            margin-bottom: 2em;
        }
    }

    @media (max-width: 900px) {
        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child {
            display: block;
        }

        footer > .wp-block-group:first-child > .wp-block-group.is-layout-flex:first-child > * + * {
            margin-top: 2em !important;
        }

        footer .wp-block-columns {
            display: flex !important;
            flex-flow: row wrap !important;
        }

        footer .wp-block-columns .wp-block-column,
        footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
            flex-basis: calc(33.33% - 0.667em) !important;
            flex-grow: unset !important;
        }
    }


    @media (max-width: 450px) {
        footer .wp-block-columns .wp-block-column,
        footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
            flex-basis: calc(33.33% - 0.667em) !important;
            flex-grow: 1 !important;
        }
    }


    footer .is-imprint {
        margin-top: 4em;
        margin-bottom: 4em;
        font-size: 0.8em;
        line-height: 1.2;
        border-top: 1px solid rgba(255,255,255,0.2);
        padding-top: 1.5em;
    }

        footer .is-imprint a {
            transition: all 0.2s ease-out;
            text-decoration: underline;
            text-underline-offset: 0.3em;
        }

        footer .is-imprint a:hover {
            color: #fff;
        }


.overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 99999999;
    backdrop-filter: blur(1em);
    display: none;
}

    .overlay-bg.is-visible {
        display: block;
    }

    .overlay-holder {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 999999999;
        max-height: 80%;
        width: 600px;
        max-width: calc(100% - 4em);
        height: auto;
        overflow: auto;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 1.625rem;
        padding: 2em 0;
        background: #fff;
        border: 1px solid #edecea;
        padding: 1.66rem;
        border-radius: 1.625rem;
        box-shadow: 0 0 1em rgba(0,0,0,0.2);
        display: none;
    }

    .overlay-holder.is-visible {
        display: block;
    }


@media (max-width: 599px) {

    .wp-block-media-text .wp-block-media-text__content {
        padding: 1em 0 0 0;
    }
}


@media (max-width: 1000px) {
    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.5em;
    }
}

@media (max-width: 500px) {
    h1 {
        font-size: 2.125em;
    }

    h2 {
        font-size: 1.875em;
    }

    h3 {
        font-size: 1.375em;
    }

    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }

    .has-x-large-font-size { font-size: 1.3em !important; }
    .has-large-font-size { font-size: 1.15em !important; }
}



.incianalyzer-incilist {
	font-size: 1em;
}

.incianalyzer-product-info h2 {
	margin-bottom: 1em;
	font-size: 1.8em;
	font-weight: bold;
}

.smt-incilabels-holder ul {
    display: flex;
    flex-flow: row wrap;
	margin-top: 1em;
}

.smt-incilabels-holder ul li {
    /* border: 1px solid #000; */
    padding: 0.2em 0.75em;
    margin: 0 0.25em 0.25em 0;
	background: #A5C0E3;
	border-radius: 99px;
}


.smt-inci-info ul li {
    font-size: 0.8em !important;
    line-height: 120%;
}

strong.headline {
    display: block;
}

.smt-inci-has-info .smt-inci-name {
    border-color: #999;
    line-height: 220%;
}

.smt-inci-info {
    border-radius: 1em;
	font-size: 1em;
	max-width: calc(100% - 2em);
}

.smt-inci {
    display: inline-block!important;
}

.smt-inci-info .smt-inci-copyright {
    padding-top: 0.5rem;
}

.smt-inci-name,
.pill-button {
	font-size: 1em;
	display: inline-block;
	border: 1px solid #A5C0E3 !important;
	background: #E8EFF8;
	border-radius: 99px;
	padding: 0.2em 0.75em;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden !important;
	max-width: 80% !important;
	text-overflow: ellipsis;
}

.pill-button {
	/* max-width: unset !important;
	white-space: normal; */
	max-width: 100% !important;
	background: #fff;
	border-color: #fff !important;
	/* display: inline-flex;
	align-items: center; */
}

.pill-button.has-icon {
	padding-left: 2em;
	position: relative;
}

.pill-button.has-icon svg {
	position: absolute;
	height: 1.35em !important;
	width: 1.3em !important;
	left: 0.3em;
	top: 0.2em;
}

.smt-inci-has-info:hover .smt-inci-name {
	background: #A5C0E3;
}

.labels .smt-incilabels-holder {
	display: flex;
	flex-flow: row wrap;
	gap: 0.5em;
}

.smt-incilabels-holder img {
	width: calc(25% - 0.34em) !important;
	max-width: 90px !important;
	height: auto !important;
}

.db-data {
	margin-bottom: 2em;
}

.db-data strong.headline {
	margin-bottom: 0.25em;
}

.db-data * + strong.headline {
	margin-top: 0.5em;
}

.skintone-bubbles {
	display: inline-flex;
	align-items: center;
	height: 1.85em;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	font-size: 1em;
	padding: 0;
}

.skintone-bubbles .skintone-bubble {
	width: 1.3em;
	border: 1px solid #fff;
	height: 1.3em;
	display: inline-block;
	border-radius: 99px;
}

.skintone-bubbles .skintone-bubble + .skintone-bubble {
	margin-left: -0.6em;
}

.beauty-brand-cta {
	background: #fff;
	display: block;
	border-radius: 99px;
	text-decoration: none;
	font-weight: bold;
	color: #c79388 !important;
	border: 2px solid #c79388;
	box-shadow: 0 0 1em rgba(0,0,0,0.2);
	padding: 0.75em 3em 0.75em 2em;
	margin: 2em 0;
	position: relative;
	max-width: 20em;
}

	.beauty-brand-cta svg {
		position: absolute;
		width: 2em;
		height: 2em;
		top: 50%;
		transform: translateY(-50%) rotate(-30deg);
		right: 1em;
	}


.smt-fragrancenotes-holder {
	margin-top: 2em;
}

.smt-fragrance-notes {
	display: flex;
	flex-flow: row wrap;
}

	.smt-fragrance-notes + .smt-fragrance-notes {
		margin-top: 1em;
	}

	.smt-fragrance-notes label {
		width: 100%;
		display: block;
		font-weight: 700;
		margin-bottom: 0.2em;
	}

	.smt-fragrance-notes .smt-fragrance-note {
		font-size: 1em;
		display: inline-block;
		border: 1px solid #A5C0E3 !important;
		background: #E8EFF8;
		border-radius: 99px;
		padding: 0.2em 0.75em;
		margin-right: 0.25em;
		margin-bottom: 0.25em;
		line-height: 1.4;
		white-space: nowrap;
		/* overflow: hidden !important; */
		max-width: 80% !important;
		text-overflow: ellipsis;
		position: relative;
		cursor: default;
	}

		.smt-fragrance-notes .smt-fragrance-note.smt-note-has-image {
			padding-left: 2em;
		}

		.smt-fragrance-notes .smt-fragrance-note.smt-note-has-image > img.smt-note-image {
			height: 100%;
			width: auto;
			aspect-ratio: 1 / 1;
			border-radius: 100%;
			position: absolute;
			left: 0;
			top: 0;
			border: 1px solid transparent;
			transition: all 0.2s ease-out;
		}

			.smt-fragrance-notes .smt-fragrance-note.smt-note-has-image:hover > img.smt-note-image {
				transform: scale(2);
				z-index: 99;
				box-shadow: 0 0 1em rgba(0,0,0,0.2);
				border: 1px solid #fff;
			}


.wp-block-query {

}

.wp-block-query ul.columns-3 {
    gap: 3em 1em;
}

.wp-block-query .wp-block-post {
    padding-bottom: 6em;
    position: relative;
}

    .wp-block-query .wp-block-post h3 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .wp-block-query .wp-block-post h3 a {
        text-decoration: none;
    }

    .wp-block-query .wp-block-post .wp-block-post-author {
        position: absolute;
        bottom: 0;
    }

    .wp-block-query .wp-block-post .wp-block-post-featured-image + .client-logo {
        width: 50%;
        max-width: 5em;
        background: #fff;
        height: auto;
        border-radius: 0.75em !important;
        /* border: 1px solid #D6D8DB; */
        transform: translateY(calc(-100% - 2em));
        right: 1em;
        position: absolute;
        box-shadow: 0 0 1em rgba(0,0,0,0.2);
    }


.frontend .questionnaire-demo {
    width: 90%;
    margin: 0 auto;
    max-height: auto;
    transform-origin: top left;
    width: 200%;
    transform: scale(0.5);
}

    .frontend  .questionnaire-demo:not(.is-active) div {
        cursor: pointer;
    }



    .frontend  .questionnaire-demo:not(.is-active) div::before {
        content: "Try the live demo";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-size: 1.75em;
        font-weight: 400;
        z-index: 99;
        padding: 1em 2em;
        border-radius: 99px;
        background: #fff;
        box-shadow: 0 0 2em rgba(0,0,0,0.2);
        pointer-events: none;
        transition: all 0.2s ease-out;
        white-space: nowrap;
    }

    .frontend  .questionnaire-demo:not(.is-active):hover div::before {
        padding: 1.2em 2.2em;
        box-shadow: 0 0 3em rgba(0,0,0,0.4);
    }

    .frontend  .questionnaire-demo:not(.is-active) div::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255,255,255,0.3);
        border-radius: 2em;
        pointer-events: none;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }

    .frontend  .questionnaire-demo > div {
        border: 2px solid #fff;
        border-radius: 2em;
        background: #fff;
        padding: 2em;
        height: auto;
        aspect-ratio: 16 / 9;
        box-shadow: 0 0 8em rgba(0,0,0,0.2);
    }




    .frontend  .questionnaire-demo > div {
        transition: transform 0.1s ease;
        transform-style: preserve-3d;
        will-change: transform;
    }

    .frontend  .questionnaire-demo iframe {
        position: absolute;
        pointer-events: none;
        overflow: auto;
        left: 0;
        top: 0;
        border-radius: 2em;
        /* width: 200%;
        transform-origin: top left;
        transform: scale(0.5); */
    }

        .frontend  .questionnaire-demo.is-active iframe {
            pointer-events: all;
        }



.slider-group + .slider-group {
    margin-top: 4em;
}

    @media (min-width: 1000px) {
        .slider-group + .slider-group {
            margin-top: 6em;
        }
    }


.noUi-marker-normal {
    display: none;
}

.noUi-marker-horizontal.noUi-marker-sub,
.noUi-marker-horizontal.noUi-marker-large {
    width: 1px !important;
    height: 10px !important;

}

.noUi-value {
    font-size: 0.8rem;
    line-height: 1.2;
    color: #777;;
    font-weight: 200;
    margin-top: 0.5em;
}

    @media (max-width: 600px) {
        .noUi-value {
            font-size: 10px;
            line-height: 1.2;
        }
    }

.noUi-connects,
.noUi-target,
.noUi-base {
    border-radius: 99px !important;
    height: 0.5em !important;
}


.noUi-connect {
    background: #A5C0E3;
    border-radius: 99px !important;
    height: calc(100% - 2px);
}

    .is-finder-calculator .noUi-connect {
        background: #c79388;
    }

.noUi-handle {
    width: 2em !important;
    height: 2em !important;
    right: -1em !important;
    top: -0.8em !important;
    border-radius: 100% !important;
    border-color: #c1c1c1 !important;
    background: rgb(165,192,227);
    background: radial-gradient(circle, rgba(165,192,227,1) 0%, rgba(165,192,227,1) 40%, rgba(255,255,255,1) 40%);
    box-shadow: unset !important;
}

    .is-finder-calculator .noUi-handle {
        background: rgb(199, 147, 136);
        background: radial-gradient(circle, rgba(199, 147, 136,1) 0%, rgba(199, 147, 136,1) 40%, rgba(255,255,255,1) 40%);
    }

    .noUi-handle:after,
    .noUi-handle:before {
        display: none !important;
    }


.noUi-touch-area {
    box-shadow: unset !important;
}


@media (min-width: 1000px) {
    .price-calculator {
        display: flex;
        flex-flow: row wrap;
        gap: 5em;
        align-items: flex-start;
        margin-bottom: 2em;
    }
}

    .price-calculator > * {
        flex: 1;
    }

    .calculator-result {
        flex: unset;
        background: #DBDBDB;
        padding: 2em;
        border-radius: 1.625em;
        margin-top: 4em;
        width: 100%;
        box-sizing: border-box;
    }


        .is-finder-calculator .calculator-result {
            background: #fff;
        }


        @media (min-width: 600px) {
            .calculator-result {
                width: 20em;
            }
        }

        @media (min-width: 1000px) {
            .calculator-result {
                margin-top: 0;
            }
        }

        .calculator-result p {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }


        .calculator-result .highlight {
            color: #6B9DDE;
        }

        .is-finder-calculator .calculator-result .highlight {
            color: #c79388;
        }


@media (max-width: 450px) {
    .meetings-iframe-container {
        margin-left: -3em !important;
        width: calc(100% + 6em);
    }

    .allow-overlay {
        overflow: visible !important;
    }
}

.has-steelblue-background-color {
    background-color: rgba(135, 172, 188, 1);
}

.related-blog-posts h2 {
    font-size: 36px!important;
    margin: 50px auto 30px auto!important;
}
.related-blog-posts a:not(.wp-element-button) {
    color: #000;
}
.related-blog-posts .wp-element-button {
    margin-top: 40px;
}
.circle-radius img {
    border-radius: 50%;
}
.wp-block-post-author__avatar img {
    max-width: 48px;
    max-height: 48px;
    border-radius: 50%;
}
.is-badges {
    margin-bottom: 25px;
    text-align: center;
}
.is-badges a {
    padding: 4px 10px 4px 10px;
    border-radius: 14px;
    background: rgba(232, 239, 248, 1);
    border: 1px solid rgba(214, 216, 219, 1);
    color: rgba(42, 49, 85, 1);
    font-size: 15px!important;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}
.is-badges a:hover {
    background: rgb(225, 233, 243);
}
.is-badges a.active {
    background: rgba(214, 216, 219, 1);

}
.archive .is-badges {
    margin-bottom: -20px;
    padding-top: 75px;
}
.archive .wp-site-blocks > .wp-block-group {
    padding-left: calc(var(--first-level-group-padding) / 2);
    padding-right: calc(var(--first-level-group-padding) / 2);
}

.blog-post-share {
    text-align: center;
    margin: 6rem 0 5.5rem 0;
}
.blog-post-share > p {
    font-size: 22px;
    font-weight: 500;
    color: #111;
}
.blog-post-share .a2a_kit > a {
    padding: 0 5px!important;
}
.blog-post-share .a2a_kit {
    display: flex;
    justify-content: center;
}
.blog-post-share .a2a_svg {
    border-radius: 50% !important;
    padding: 4px;
}

.page-id-2708 .hs-button {
    background: #76C922!important;
}
.page-id-2708 .is-style-check::before {
    background-color: #E0F8C8;
}
.first-column-grow {
    gap: 2rem;
}
.first-column-grow > div:first-of-type {
    flex-grow: 1;
    max-width: 100%;
}
@media (max-width: 768px) {
    .wp-block-group.first-column-grow {
        flex-direction: column;
    }
    .wp-block-group.first-column-grow .hbspt-form {
        width: 100%;
    }
}
.text-justify {
    text-align: justify;
}

.is-revenue-calculator .noUi-connect {
    background: #c79388;
}
.is-revenue-calculator .noUi-handle {
    background: rgb(199, 147, 136);
    background: radial-gradient(circle, rgba(199, 147, 136,1) 0%, rgba(199, 147, 136,1) 40%, rgba(255,255,255,1) 40%);
}
.is-revenue-calculator .calculator-result .highlight {
    color: #c79388;
}
.is-revenue-calculator .wp-block-columns {
    border-top: 1px solid rgba(199, 147, 136, 0.25);
    margin: 0.3em 0;
    padding: 0.6em 0 0.3em 0;
    align-items: center!important;
}
.is-revenue-calculator .wp-block-columns:first-of-type {
    margin-top: 0.5em;
}
.is-revenue-calculator .wp-block-columns p {
    margin: 0;
    padding: 0;
}
.is-revenue-calculator p:first-of-type {
    margin-bottom: 0.2em !important;
}
.is-revenue-calculator .wp-block-column {
    text-align: left;
}
.is-revenue-calculator svg {
    height: 15px;
}
.is-revenue-calculator svg path {
    fill: #c79388;
}
.is-revenue-calculator .calculator-result {
    background: #fff;
}
.is-revenue-calculator .slider-group p {
    margin-bottom: 0.8em!important;
}
@media (min-width: 600px) {
    .is-revenue-calculator .slider-group p {
        margin-bottom: 0.4em!important;
    }
    .is-revenue-calculator .sliders {
        margin-top: 6.5em;
    }
    .is-revenue-calculator .calculator-result {
        width: 30em;
    }
    .is-revenue-calculator .wp-block-column:last-of-type {
        text-align: right;
    }
    .is-revenue-calculator .wp-block-columns {
        margin: 0.5em 0;
        padding: 1em 0 0.5em 0;
    }
    .is-revenue-calculator p:first-of-type {
        margin-bottom: 0.5em !important;
    }
    .is-revenue-calculator .wp-block-columns:first-of-type {
        margin-top: 2em;
    }
}

.glossary-menu-container {
    position: fixed;
    right: 8em;
    top: 10em;
    background-color: #fff;
    border: 1px solid #D6D8DB;
    border-radius: 1.625rem;
    z-index: 1000;
}
.glossary-index {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 2 rows with 13 letters each */
    gap: 1em;
    justify-content: center;
    max-width: fit-content;
    margin: 0 auto;
    padding: 2em;
}

.glossary-index > * {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 1.3em;
    width: 2em;
    height: 2em;
    aspect-ratio: 1 / 1;
    background: var(--wp--preset--color--secondary-25);
    color: var(--wp--preset--color--secondary-text);
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.glossary-index > div {
    color: #aaa;
    background-color: #f8f8f8;
}

.glossary-index a:hover {
    opacity: 0.9;
}
.glossary-entries {
    margin: 3em 0;
    align-content: flex-start;
}
.glossary-section {
    overflow: hidden;
    max-width: 50vw;
}
.glossary-section .wp-block-buttons {
    display: flex;
    flex-flow: row wrap;
    gap: 0.5em;
}

.glossary-section .wp-block-buttons .wp-block-button {
    max-width: 50%;
}

.glossary-section .wp-block-buttons .wp-block-button a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.glossary-section .wp-block-buttons .wp-block-button a.has-image {
    padding-left: 3.5em !important;
}

.glossary-section .wp-block-buttons .wp-block-button .wp-block-button__icon {
    width: 2.5em;
    height: 2.5em;
    margin-right: 0.5em;
    position: absolute;
    left: 0.25em;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    border-radius: 100%;
}

.glossary-section .wp-block-buttons .wp-block-button .wp-block-button__icon img {
    width: 200%;
    height: 200%;
    object-fit: contain;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.glossary-section .glossary-letter {
    display: block;
    white-space: nowrap;
}
.glossary-section .glossary-letter h2 {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    font-weight: 500;
    font-size: 2rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.glossary-section .glossary-letter h2::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 100vw;
    background: #ccc;
    transform: translateY(-50%);
    margin-left: 10px;
}
.glossary-section .glossary-item {
    border: 1px solid var(--wp--preset--color--primary-25);
    padding: 1em;
    border-radius: 0.5em;
    margin-bottom: 1em;
    overflow: auto;
    margin-top: 0.5em;
}
.glossary-section .glossary-item h3 {
    margin-bottom: 0.2em;
}
.glossary-section .glossary-item h4 {
    margin-top: 0;
    font-weight: 300;
}
.glossary-section .glossary-item img {
    float: left;
    margin-right: 0.5em;
    max-width: 7em;
    max-height: 7em;
    border-radius: 0.5rem;
}
.glossary-section .glossary-item p {
    margin-bottom: 0!important;
}
.glossary-section .glossary-item ul {
    margin: 0.2rem 0 0 0!important;
    overflow: hidden;
}
@media (max-width: 768px) {
    .glossary-menu-container {
        right: 0;
        border-radius: 0;
        top: 102px;
        margin-top: 0;
    }
    .glossary-index {
        display: flex;
        flex-wrap: wrap;
    }
    .glossary-entries {
        margin-top: 15em;
    }
    .glossary-section {
        max-width: 100vw;
    }
    .glossary-index {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: 0.5em;
        padding: 1em;
    }
    .glossary-index a {
        font-size: 1.1em;
    }
}

@media (min-width: 600px) {
    .testimonial:not(.testimonial-slider *) {
        display: grid;
        grid-template-columns: 8fr 6fr;
        gap: 20px;
        max-width: 1200px;
        margin: 0 auto;
        align-items: center;
        text-align: center;
        background: #F3F4F6;
        border: 0;
    }

    /* Center first figure */
    .testimonial:not(.testimonial-slider *) > figure:first-of-type {
        grid-column: 2;
        align-self: flex-start;
        grid-row: 1;
        margin: 0!important;
        min-width: 100px;
    }

    /* Right-side elements */
    .testimonial:not(.testimonial-slider *) > p:nth-of-type(1) {
        grid-column: 2;
        grid-row: 1;
        align-self: flex-start;
        margin: 0;
        width: calc(100% - 110px);
        text-align: left;
        padding-left: 110px;
    }

    .testimonial:not(.testimonial-slider *) > p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1;
        align-self: flex-start;
        margin-top: 78px !important;
        width: calc(100% - 200px);
        text-align: left;
        padding-left: 110px;
        margin-left: 0!important;
    }

    .testimonial:not(.testimonial-slider *) > figure:last-of-type {
        grid-column: 2;
        text-align: right;
        grid-row: 1;
        align-self: flex-end;
        margin-right: 0 !important;
    }

    /* Left-side elements */
    .testimonial:not(.testimonial-slider *) > p:nth-of-type(3) {
        grid-column: 1;
        text-align: left;
        grid-row: 1;
        margin: 0 0 40px 0 !important;
    }

    .testimonial:not(.testimonial-slider *) > p:nth-of-type(4), .testimonial:not(.testimonial-slider *) > p:nth-of-type(n+4) {
        grid-column: 1;
        text-align: left;
        grid-row: 1;
        align-self: flex-end;
        margin-left: 0 !important;
        margin-bottom: 0;
    }
    .testimonial:not(.testimonial-slider *) > p:nth-of-type(n+5) {
        display: none;
    }
}
.inci-products {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    margin-bottom: 3em;
    justify-content: center;
}
.inci-card {
    width: 15.5em;
    border: 0.063em solid #ddd;
    border-radius: 1em;
    overflow: hidden;
    padding: 1em;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.inci-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 1em;
    max-height: 200px;
}

.inci-card h4 {
    font-size: 0.9375em;
    margin: 0 0 0.375em;
    line-height: 1.3;
    min-height: 4em;
}
.inci-card h4 a {
    color: #111;
    text-decoration: none;
}

.inci-card .colour {
    font-size: 0.8125em;
    color: #666;
    margin-bottom: 0.25em;
}

.inci-card .price {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0.375em;
    color: var(--wp--preset--color--primary);
    text-align: center;
}

.inci-card .buy-button {
    display: inline-block;
    background: var(--wp--preset--color--primary);
    color: #fff;
    text-decoration: none;
    padding: 0.8em 1em;
    border-radius: 1.5em;
    font-size: 1em;
    margin-bottom: 0.5em;
    text-align: center;
}

.inci-card .description {
    font-size: 0.9em;
    color: #444;
    line-height: 1.4;
    margin-bottom: 0.5em;
}

.inci-card .merchant-name {
    font-size: 0.75em;
    color: #777;
}
.inci-card .smt-inci-name, .inci-card  .pill-button {
    padding: 0.1em 0.5em;
    font-size: 0.9em;
}
.inci-card .smt-incilabels-holder ul {
    list-style: none;
    margin: 0;
}

@media (max-width: 768px) {
    .inci-card {
        width: 100%;
    }
}
.inci-products-header {
    margin-bottom: 1.5rem;
}


.glossary-inci-item-holder {
    position: relative;

}

.inci-glossary-item {
    border: 1px solid #D6D8DB;
    border-radius: 1.625rem;
    padding: 2rem 3rem 3rem 3rem;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(1em);
}

    @media (max-width: 599px) {
        .inci-glossary-item {
            padding: 1rem 2rem 2rem 2rem;
        }
    }

    .inci-glossary-item .inci-item-header {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 2em;
        gap: 1.5em;
    }

    .inci-glossary-item .inci-item-header .inci-item-header-title {
        flex: 1;
    }

    .inci-glossary-item.has-inci-image .inci-image {
        width: 6em !important;
        height: 6em !important;
        border-radius: 100% !important;
        border: 1px solid var(--wp--preset--color--quaternary) !important;
        background-size: 200% auto;
        background-position: center;
        margin-left: -1.5rem;
    }   

    @media (max-width: 599px) {
        .inci-glossary-item.has-inci-image .inci-image {
            margin-left: -1rem;
        }
    }

    .inci-glossary-item h2 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        line-height: 1;
        font-size: 2rem;
        font-weight: bold;
    }

    @media (max-width: 599px) {
        .inci-glossary-item h2 {
            font-size: 1.625rem;
        }
    }
   
    .inci-glossary-item .inci-common-name {
        font-size: var(--wp--preset--font-size--x-large) !important;
        margin-top: 0 !important;
    }


    .inci-glossary-item p {
        margin-bottom: 2.5rem !important;
    }

    .inci-glossary-item ul {
        background-color: var(--wp--preset--color--quaternary);
        padding: 0;
        border-radius: 0;
        margin-left: -3rem;
        margin-right: -3rem;
        margin-bottom: -3rem;
        border-radius: 0 0 1.625rem 1.625rem;
    }

        .inci-glossary-item ul li {
            position: relative;
            padding: 1.25rem 3rem 1.25rem 5rem;
            margin: 0 !important;
            border-top: 1px solid #D6D8DB;
        }
        
        .inci-glossary-item ul li::before {
            content: "";
            display: block;
            width: 1.25rem;
            height: 1.25rem;
            position: absolute;
            left: 3rem;
        } 

        @media (max-width: 599px) {
            .inci-glossary-item ul {
                margin-left: -2rem;
                margin-right: -2rem;
                margin-bottom: -2rem;
            }

            .inci-glossary-item ul li {
                padding-left: 4rem;
            }

            .inci-glossary-item ul li::before {
                left: 2rem;
            }
        }
    
        
        .inci-glossary-item li.inci-source::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 16 3.4375 L 15.21875 4.375 C 15.21875 4.375 13.21875 6.785156 11.1875 9.78125 C 10.171875 11.28125 9.125 12.917969 8.34375 14.5 C 7.5625 16.082031 7 17.597656 7 19 C 7 23.945313 11.054688 28 16 28 C 20.945313 28 25 23.945313 25 19 C 25 17.597656 24.4375 16.082031 23.65625 14.5 C 22.875 12.917969 21.828125 11.28125 20.8125 9.78125 C 18.78125 6.785156 16.78125 4.375 16.78125 4.375 Z M 16 6.65625 C 16.558594 7.347656 17.605469 8.574219 19.1875 10.90625 C 20.171875 12.355469 21.125 13.953125 21.84375 15.40625 C 22.5625 16.859375 23 18.203125 23 19 C 23 22.855469 19.855469 26 16 26 C 12.144531 26 9 22.855469 9 19 C 9 18.203125 9.4375 16.859375 10.15625 15.40625 C 10.875 13.953125 11.828125 12.355469 12.8125 10.90625 C 14.394531 8.574219 15.441406 7.347656 16 6.65625 Z M 11 19 C 11 21.746094 13.253906 24 16 24 L 16 22 C 14.34375 22 13 20.65625 13 19 Z'/%3E%3C/svg%3E")
        }

        .inci-glossary-item li.inci-effect::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 18.6875 3.2734375 L 17.271484 4.6875 L 18.591797 6.0078125 L 5.5 19.099609 C 3.5 21.099609 3.5 24.5 5.5 26.5 C 6.5 27.5 7.8992188 28 9.1992188 28 C 10.599219 28 11.900391 27.5 12.900391 26.5 L 25.992188 13.408203 L 27.242188 14.65625 L 28.65625 13.242188 L 18.6875 3.2734375 z M 19.992188 7.4082031 L 24.591797 12.007812 L 20.599609 16 L 11.400391 16 L 19.992188 7.4082031 z M 9.4003906 18 L 18.599609 18 L 11.5 25.099609 C 10.2 26.399609 8.2003906 26.399609 6.9003906 25.099609 C 5.6003906 23.799609 5.6003906 21.8 6.9003906 20.5 L 9.4003906 18 z'/%3E%3C/svg%3E");
        }

        .inci-glossary-item li.inci-utility::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 22.40625 3 C 21.558594 3.039063 20.679688 3.65625 20.28125 4.625 L 20.28125 4.65625 L 20.25 4.65625 C 19.828125 5.777344 19.234375 6.949219 18.5625 8.09375 C 17.738281 8.027344 16.882813 8 16 8 C 12.863281 8 10.019531 8.4375 7.875 9.21875 C 6.804688 9.609375 5.910156 10.089844 5.21875 10.6875 C 4.609375 11.210938 4.167969 11.902344 4.0625 12.6875 C 4.03125 12.769531 4.011719 12.851563 4 12.9375 C 3.996094 12.988281 3.996094 13.042969 4 13.09375 C 4 13.378906 4 13.753906 4.03125 14.21875 C 4.035156 14.25 4.027344 14.28125 4.03125 14.3125 C 4.046875 14.539063 4.09375 14.769531 4.125 15.03125 C 4.15625 15.277344 4.179688 15.515625 4.21875 15.75 C 4.425781 17.101563 4.832031 18.707031 5.65625 20.28125 C 6.238281 21.394531 7.042969 22.488281 8.125 23.40625 C 8.15625 23.4375 8.277344 23.589844 8.28125 23.59375 C 9.296875 24.609375 11.308594 25.683594 14.53125 25.9375 C 14.675781 25.949219 14.820313 25.960938 14.96875 25.96875 C 15.300781 25.988281 15.640625 26 16 26 C 16.511719 26 17.007813 25.980469 17.46875 25.9375 C 17.542969 25.929688 17.613281 25.914063 17.6875 25.90625 C 18.007813 25.871094 18.300781 25.832031 18.59375 25.78125 C 18.644531 25.773438 18.699219 25.757813 18.75 25.75 C 18.804688 25.738281 18.851563 25.730469 18.90625 25.71875 C 19.644531 25.570313 20.308594 25.375 20.9375 25.125 C 21.359375 24.964844 21.695313 24.796875 22.03125 24.625 C 22.191406 24.539063 22.347656 24.464844 22.5 24.375 C 22.9375 24.125 23.296875 23.90625 23.5625 23.71875 C 23.996094 23.410156 25.054688 22.535156 26.09375 20.78125 C 27.007813 19.234375 27.828125 17.03125 27.96875 14.21875 C 28 13.738281 28 13.351563 28 13.0625 C 28 13.042969 28 13.023438 28 13 C 28 12.988281 28 12.980469 28 12.96875 C 28 12.949219 28 12.925781 28 12.90625 C 28 12.875 27.972656 12.84375 27.96875 12.8125 C 27.96875 12.78125 27.96875 12.75 27.96875 12.71875 C 27.851563 11.722656 27.15625 10.914063 26.28125 10.3125 C 25.65625 9.882813 24.890625 9.523438 24.03125 9.21875 C 24.34375 8.835938 24.652344 8.453125 25 8.09375 C 25.03125 8.0625 25.0625 8.03125 25.09375 8 L 25.0625 7.96875 C 25.800781 7.300781 26.128906 6.3125 25.90625 5.53125 C 25.671875 4.710938 25.105469 4.132813 24.53125 3.71875 C 23.960938 3.304688 23.253906 2.960938 22.40625 3 Z M 22.5 5 C 22.664063 4.992188 23.054688 5.109375 23.375 5.34375 C 23.695313 5.574219 23.953125 5.898438 24 6.0625 C 24.046875 6.226563 24.117188 6.234375 23.75 6.53125 L 23.6875 6.5625 L 23.65625 6.59375 C 20.582031 9.734375 18.800781 13.453125 18.28125 15.90625 C 17.550781 15.964844 16.78125 16 16 16 C 15.691406 16 15.394531 15.980469 15.09375 15.96875 C 17.597656 13.503906 20.609375 9.421875 22.125 5.375 C 22.308594 4.929688 22.335938 5.007813 22.5 5 Z M 16 10 C 16.449219 10 16.882813 10.011719 17.3125 10.03125 C 15.5625 12.578125 13.601563 14.769531 12.34375 15.75 C 10.894531 15.550781 9.589844 15.25 8.5625 14.875 C 7.644531 14.539063 6.953125 14.171875 6.53125 13.8125 C 6.109375 13.453125 6 13.179688 6 13 C 6 12.96875 6 12.9375 6 12.90625 C 6.03125 12.730469 6.171875 12.496094 6.53125 12.1875 C 6.953125 11.828125 7.644531 11.460938 8.5625 11.125 C 10.398438 10.457031 13.0625 10 16 10 Z M 22.78125 10.9375 C 23.78125 11.246094 24.613281 11.597656 25.15625 11.96875 C 25.820313 12.425781 26 12.78125 26 13 C 26 13.019531 26 13.042969 26 13.0625 C 25.980469 13.242188 25.847656 13.484375 25.46875 13.8125 C 25.046875 14.171875 24.355469 14.539063 23.4375 14.875 C 22.605469 15.175781 21.585938 15.433594 20.46875 15.625 C 20.867188 14.378906 21.65625 12.667969 22.78125 10.9375 Z M 25.6875 16.0625 C 25.597656 16.519531 25.523438 16.984375 25.375 17.46875 C 25.339844 17.574219 25.316406 17.679688 25.28125 17.78125 C 25.257813 17.855469 25.214844 17.925781 25.1875 18 C 24.933594 18.664063 24.640625 19.25 24.34375 19.75 C 23.46875 21.230469 22.4375 22.070313 22.40625 22.09375 C 21.695313 22.597656 20.535156 23.394531 18.53125 23.78125 C 18.417969 23.800781 18.300781 23.824219 18.1875 23.84375 C 17.542969 23.949219 16.816406 24 16 24 C 15.679688 24 15.386719 23.984375 15.09375 23.96875 C 14.964844 23.960938 14.84375 23.949219 14.71875 23.9375 C 14.265625 23.898438 13.859375 23.851563 13.46875 23.78125 C 13.160156 23.722656 12.875 23.671875 12.59375 23.59375 C 12.402344 23.542969 12.234375 23.492188 12.0625 23.4375 C 11.300781 23.183594 10.632813 22.855469 10.0625 22.46875 C 9.941406 22.378906 9.828125 22.296875 9.75 22.21875 L 9.71875 22.1875 C 9.550781 22.019531 9.328125 21.84375 8.96875 21.4375 C 8.609375 21.03125 8.15625 20.433594 7.71875 19.6875 C 7.226563 18.851563 6.734375 17.808594 6.40625 16.53125 C 6.371094 16.378906 6.339844 16.242188 6.3125 16.09375 C 6.777344 16.359375 7.304688 16.574219 7.875 16.78125 C 10.019531 17.5625 12.863281 18 16 18 C 19.136719 18 21.980469 17.5625 24.125 16.78125 C 24.703125 16.570313 25.21875 16.328125 25.6875 16.0625 Z'/%3E%3C/svg%3E");
        }

        .inci-glossary-item li.inci-function::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 22.40625 3 C 21.558594 3.039063 20.679688 3.65625 20.28125 4.625 L 20.28125 4.65625 L 20.25 4.65625 C 19.828125 5.777344 19.234375 6.949219 18.5625 8.09375 C 17.738281 8.027344 16.882813 8 16 8 C 12.863281 8 10.019531 8.4375 7.875 9.21875 C 6.804688 9.609375 5.910156 10.089844 5.21875 10.6875 C 4.609375 11.210938 4.167969 11.902344 4.0625 12.6875 C 4.03125 12.769531 4.011719 12.851563 4 12.9375 C 3.996094 12.988281 3.996094 13.042969 4 13.09375 C 4 13.378906 4 13.753906 4.03125 14.21875 C 4.035156 14.25 4.027344 14.28125 4.03125 14.3125 C 4.046875 14.539063 4.09375 14.769531 4.125 15.03125 C 4.15625 15.277344 4.179688 15.515625 4.21875 15.75 C 4.425781 17.101563 4.832031 18.707031 5.65625 20.28125 C 6.238281 21.394531 7.042969 22.488281 8.125 23.40625 C 8.15625 23.4375 8.277344 23.589844 8.28125 23.59375 C 9.296875 24.609375 11.308594 25.683594 14.53125 25.9375 C 14.675781 25.949219 14.820313 25.960938 14.96875 25.96875 C 15.300781 25.988281 15.640625 26 16 26 C 16.511719 26 17.007813 25.980469 17.46875 25.9375 C 17.542969 25.929688 17.613281 25.914063 17.6875 25.90625 C 18.007813 25.871094 18.300781 25.832031 18.59375 25.78125 C 18.644531 25.773438 18.699219 25.757813 18.75 25.75 C 18.804688 25.738281 18.851563 25.730469 18.90625 25.71875 C 19.644531 25.570313 20.308594 25.375 20.9375 25.125 C 21.359375 24.964844 21.695313 24.796875 22.03125 24.625 C 22.191406 24.539063 22.347656 24.464844 22.5 24.375 C 22.9375 24.125 23.296875 23.90625 23.5625 23.71875 C 23.996094 23.410156 25.054688 22.535156 26.09375 20.78125 C 27.007813 19.234375 27.828125 17.03125 27.96875 14.21875 C 28 13.738281 28 13.351563 28 13.0625 C 28 13.042969 28 13.023438 28 13 C 28 12.988281 28 12.980469 28 12.96875 C 28 12.949219 28 12.925781 28 12.90625 C 28 12.875 27.972656 12.84375 27.96875 12.8125 C 27.96875 12.78125 27.96875 12.75 27.96875 12.71875 C 27.851563 11.722656 27.15625 10.914063 26.28125 10.3125 C 25.65625 9.882813 24.890625 9.523438 24.03125 9.21875 C 24.34375 8.835938 24.652344 8.453125 25 8.09375 C 25.03125 8.0625 25.0625 8.03125 25.09375 8 L 25.0625 7.96875 C 25.800781 7.300781 26.128906 6.3125 25.90625 5.53125 C 25.671875 4.710938 25.105469 4.132813 24.53125 3.71875 C 23.960938 3.304688 23.253906 2.960938 22.40625 3 Z M 22.5 5 C 22.664063 4.992188 23.054688 5.109375 23.375 5.34375 C 23.695313 5.574219 23.953125 5.898438 24 6.0625 C 24.046875 6.226563 24.117188 6.234375 23.75 6.53125 L 23.6875 6.5625 L 23.65625 6.59375 C 20.582031 9.734375 18.800781 13.453125 18.28125 15.90625 C 17.550781 15.964844 16.78125 16 16 16 C 15.691406 16 15.394531 15.980469 15.09375 15.96875 C 17.597656 13.503906 20.609375 9.421875 22.125 5.375 C 22.308594 4.929688 22.335938 5.007813 22.5 5 Z M 16 10 C 16.449219 10 16.882813 10.011719 17.3125 10.03125 C 15.5625 12.578125 13.601563 14.769531 12.34375 15.75 C 10.894531 15.550781 9.589844 15.25 8.5625 14.875 C 7.644531 14.539063 6.953125 14.171875 6.53125 13.8125 C 6.109375 13.453125 6 13.179688 6 13 C 6 12.96875 6 12.9375 6 12.90625 C 6.03125 12.730469 6.171875 12.496094 6.53125 12.1875 C 6.953125 11.828125 7.644531 11.460938 8.5625 11.125 C 10.398438 10.457031 13.0625 10 16 10 Z M 22.78125 10.9375 C 23.78125 11.246094 24.613281 11.597656 25.15625 11.96875 C 25.820313 12.425781 26 12.78125 26 13 C 26 13.019531 26 13.042969 26 13.0625 C 25.980469 13.242188 25.847656 13.484375 25.46875 13.8125 C 25.046875 14.171875 24.355469 14.539063 23.4375 14.875 C 22.605469 15.175781 21.585938 15.433594 20.46875 15.625 C 20.867188 14.378906 21.65625 12.667969 22.78125 10.9375 Z M 25.6875 16.0625 C 25.597656 16.519531 25.523438 16.984375 25.375 17.46875 C 25.339844 17.574219 25.316406 17.679688 25.28125 17.78125 C 25.257813 17.855469 25.214844 17.925781 25.1875 18 C 24.933594 18.664063 24.640625 19.25 24.34375 19.75 C 23.46875 21.230469 22.4375 22.070313 22.40625 22.09375 C 21.695313 22.597656 20.535156 23.394531 18.53125 23.78125 C 18.417969 23.800781 18.300781 23.824219 18.1875 23.84375 C 17.542969 23.949219 16.816406 24 16 24 C 15.679688 24 15.386719 23.984375 15.09375 23.96875 C 14.964844 23.960938 14.84375 23.949219 14.71875 23.9375 C 14.265625 23.898438 13.859375 23.851563 13.46875 23.78125 C 13.160156 23.722656 12.875 23.671875 12.59375 23.59375 C 12.402344 23.542969 12.234375 23.492188 12.0625 23.4375 C 11.300781 23.183594 10.632813 22.855469 10.0625 22.46875 C 9.941406 22.378906 9.828125 22.296875 9.75 22.21875 L 9.71875 22.1875 C 9.550781 22.019531 9.328125 21.84375 8.96875 21.4375 C 8.609375 21.03125 8.15625 20.433594 7.71875 19.6875 C 7.226563 18.851563 6.734375 17.808594 6.40625 16.53125 C 6.371094 16.378906 6.339844 16.242188 6.3125 16.09375 C 6.777344 16.359375 7.304688 16.574219 7.875 16.78125 C 10.019531 17.5625 12.863281 18 16 18 C 19.136719 18 21.980469 17.5625 24.125 16.78125 C 24.703125 16.570313 25.21875 16.328125 25.6875 16.0625 Z'/%3E%3C/svg%3E");
        }

.glossary-inci-item-holder .inci-glossary-item {
    width: 50%;
    max-width: 30em;
}

.glossary-inci-item-holder .wp-block-post-featured-image {
    position: absolute;
    right: 0;
    top: -3em;
    aspect-ratio: unset !important;
    height: 100%;
    width: 70%;
    opacity: 0.5;

}

@media (max-width: 599px) {
    .glossary-inci-item-holder .inci-glossary-item {
        width: unset;
    }

    .glossary-inci-item-holder .wp-block-post-featured-image {
        display: none;
    }
}


.inci-glossary-product {
    border: 1px solid #D6D8DB;
    border-radius: 1.625rem;
    padding: 2rem 3rem 3rem 3rem;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(1em);
    display: flex;
    flex-flow: row wrap;
    gap: 1.5em;
    align-items: flex-start;
}

    @media (max-width: 599px) {
        .inci-glossary-product {
            padding: 1rem 2rem 2rem 2rem;
        }
    }

    .inci-glossary-product + .inci-glossary-product { 
        margin-top: 2.5em;
    }

    .inci-glossary-product .inci-glossary-product-image {
        width: 30%;
    }

    .inci-glossary-product .inci-glossary-product-info {
        width: 30%;
    }

    .inci-glossary-product .inci-glossary-product-info h3 {
        margin-bottom: 0.5em;
    }

    .inci-glossary-product .wp-block-buttons {
        width: 100%;
    }

    .inci-glossary-product .inci-glossary-product-description {
        margin-bottom: 1em;
        /* color: var(--wp--preset--color--secondary-text); */
    }

    .inci-glossary-product .inci-glossary-product-description-merchant {
        font-weight: 500;
        color: #111;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 0.75em;
        border: 1px solid #D6D8DB;
        border-radius: 0.5em;
        padding: 0.25em 0.5em;
        display: inline-block;
        margin-bottom: 0.5em;
        background-color: #f8f8f8;
    }

    .inci-glossary-product .inci-glossary-product-labels {
        width: 100%;
    }

    .inci-glossary-product .inci-glossary-product-transparency {
        width: calc(40% - 3em);
        overflow: hidden;
    }

    .inci-glossary-product .smt-incilabels-holder {
        display: flex;
        flex-flow: row wrap;
        --gap: 0.5em;
        gap: var(--gap);
        margin-bottom: 1em;
    }

    .inci-glossary-product .smt-incilabels-holder img {
        width: calc(25% - var(--gap) * 0.75) !important;
        max-width: 100% !important;
    }

    .inci-glossary-product-ingredients {
        width: 100%;
        margin-top: 1.5em;
        background-color: #f8f8f8;
        margin-left: -3em; 
        margin-right: -3em;
        margin-bottom: -3em;
        padding: 0;
        width: calc(100% + 6em);
        box-sizing: border-box;
        border-radius: 0 0 1.625rem 1.625rem;
    }

    .has-ingredients-visible .inci-glossary-product-ingredients {
        
    }

    .inci-glossary-product-ingredients-title {
        cursor: pointer;
        text-align: center;
        border-top: 1px solid #D6D8DB;
        padding: 1em 3em;
        font-weight: bold;
    }

    .inci-glossary-product-ingredients-list {
        display: none;
        padding: 1em 3em 2em 3em;
    }

    .has-ingredients-visible .inci-glossary-product-ingredients-list {
        display: block;
    }

    @media (max-width: 990px) {
        .inci-glossary-product .inci-glossary-product-image {
            width: 20%;
        }

        .inci-glossary-product .inci-glossary-product-info {
            width: 40%;
        }

        .inci-glossary-product .smt-incilabels-holder img {
            width: calc(33.33% - var(--gap) * 0.667) !important;
            max-width: 100% !important;
        }
    }

    @media (max-width: 850px) {
        .inci-glossary-product .smt-incilabels-holder img {
            width: calc(50% - var(--gap) * 0.5) !important;
            max-width: 100% !important;
        }
    }


    @media (max-width: 750px) {
        .inci-glossary-product .inci-glossary-product-image {
            width: 30%;
        }

        .inci-glossary-product .inci-glossary-product-info {
            width: calc(70% - 1.5em);
        }

        .inci-glossary-product .inci-glossary-product-transparency {
            width: 100%;
        }

        .inci-glossary-product .smt-incilabels-holder img {
            width: calc(25% - var(--gap) * 0.75) !important;
            max-width: 90px !important;
        }
    }

    @media (max-width: 599px) {
        .inci-glossary-product-ingredients {
            width: 100%;
            margin-top: 1.5em;
            background-color: #f8f8f8;
            margin-left: -2em; 
            margin-right: -2em;
            margin-bottom: -2em;
            width: calc(100% + 4em);
        }

        .inci-glossary-product .inci-glossary-product-ingredients-list {
            padding: 1em 2em;
        }
        
        
    }

    @media (max-width: 500px) {
        .inci-glossary-product .inci-glossary-product-image {
            width: 100%;
            max-height: 150px;
            object-fit: contain;
        }

        .inci-glossary-product .inci-glossary-product-info {
            width: 100%;
        }
    }