/* Global styles - integrate with global.css after finalizing the design system
========================================================================== */

:root {
    --wp--admin-bar-offset: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1147px) {
    :root {
        --wp--custom--header-height--bottom: 80px;
    }
}

@media (max-width: 996px) {
    :root {
        --wp--custom--header-height--bottom: 74px;
    }
}

@media (max-width: 782px) {
    :root {
        --wp--admin-bar-offset: 46px;
    }
}

@media (max-width: 670px) {
    :root {
        --wp--custom--header-height--top: 0px;
    }
}

html {
    scrollbar-gutter: stable;
}

/* Paddings and margins
========================================================================== */

.qt-section,
.qt-section.has-background {
    padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m)
        var(--wp--preset--spacing--xxl);
}

.qt-section.container-fullwidth,
.qt-section.has-background {
    margin-bottom: 0;
}

.qt-section:not(.has-background) + .qt-section:not(.has-background) {
    padding-top: var(--wp--preset--spacing--l);
}

.qt-section.is-style-breadcrumbs,
.is-style-breadcrumbs:has(
    + .entry-content > .qt-section.has-background:first-of-type
) {
    padding-bottom: var(--wp--preset--spacing--s);
    padding-top: var(--wp--preset--spacing--lm);
}

.qt-section > .qt-section__inner.grid {
    row-gap: var(--wp--preset--spacing--l);
}

.qt-container .qt-section .qt-container.has-background {
    padding: var(--wp--preset--spacing--s);
}

.entry-content > .qt-section:last-child.has-sand-background-color {
    border-bottom: 1px solid var(--wp--preset--color--black-20);
}

@media screen and (max-width: 768px) {
    .qt-section,
    .qt-section.has-background {
        padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--s)
            var(--wp--preset--spacing--xl);
    }

    .qt-section:not(
            .has-background,
            .is-style-hero,
            .is-style-border-bottom,
            .is-style-subhero,
            .splide__slide
        )
        + .qt-section:not(.has-background),
    .qt-section.has-base-grey-background-color
        + .qt-section.has-background.has-base-grey-background-color {
        padding-top: var(--wp--preset--spacing--xs);
    }

    .qt-section.is-style-breadcrumbs,
    .is-style-breadcrumbs:has(
        + .entry-content > .qt-section.has-background:first-of-type
    ) {
        padding-bottom: var(--wp--preset--spacing--s);
        padding-top: var(--wp--preset--spacing--s);
    }
}

@media screen and (max-width: 510px) {
    .qt-section,
    .qt-section.has-background {
        padding: 5rem var(--wp--preset--spacing--xxs) 5rem;
    }
}

/* General Custom Typography styles
========================================================================== */

h2 ~ h3 {
    margin-top: var(--wp--preset--spacing--lm);
}

p ~ h2 {
    margin-top: var(--wp--preset--spacing--lm);
}

p ~ h3,
:is(.wp-block-list, ul, ol) + .wp-block-heading {
    margin-top: var(--wp--preset--spacing--lm);
}

p ~ h4 {
    margin-top: var(--wp--preset--spacing--m);
}

.qt-section.has-black-background-color,
.qt-section.has-azure-100-background-color {
    color: var(--wp--preset--color--white);
}

.has-citation-mark-font-size {
    font-family: var(--wp--preset--font-family--heading);
    line-height: 1;
}

.has-citation-mark-font-size:not(.has-azure-100-color) {
    height: 40px;
}

.is-style-lead {
    font-size: var(--wp--preset--font-size--xl);
    line-height: 1.2;
    font-family: var(--wp--preset--font-family--heading);
}

.is-style-eyebrow {
    font-size: var(--wp--preset--font-size--m);
    margin-bottom: var(--wp--preset--spacing--m);
}

.is-style-tag {
    font-size: var(--wp--preset--font-size--xs);
    border: 1px solid var(--wp--preset--color--black);
    border-radius: var(--wp--custom--border-radius--s);
    padding: 4px var(--wp--preset--spacing--tiny);
    width: fit-content;
    align-self: flex-start;
}

.is-style-tag + .wp-block-heading,
.is-style-tag + .wp-block-post-title,
.post-meta + .wp-block-post-title,
.is-style-tag--white + .wp-block-heading,
.is-style-tag--white + .wp-block-post-title,
.is-style-tag--sand + .wp-block-heading,
.is-style-tag--sand + .wp-block-post-title {
    margin-top: var(--wp--preset--spacing--m);
}

.is-style-tag,
.is-style-tag--sand,
.is-style-tag--blue,
.is-style-tag--white {
    border-radius: var(--wp--custom--border-radius--s);
    padding: 4px var(--wp--preset--spacing--tiny);
    width: fit-content;
    font-size: var(--wp--preset--font-size--xs);
}

.is-style-tag--sand {
    border: 1px solid transparent;
    background-color: var(--wp--preset--color--base-grey);
}

.is-style-tag--blue {
    border: 1px solid transparent;
    background-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
}

.is-style-tag--white {
    border: 1px solid var(--wp--preset--color--white);
    background-color: transparent;
    color: var(--wp--preset--color--white);
}

.is-style-card-with-border .is-style-tag + .wp-block-heading {
    margin-top: var(--wp--preset--spacing--xs);
}

.is-style-paragraph-large {
    font-size: var(--wp--preset--font-size--m);
}

@media screen and (max-width: 768px) {
    p ~ h2 {
        margin-top: var(--wp--preset--spacing--lm);
    }

    p ~ h3 {
        margin-top: var(--wp--preset--spacing--m);
    }

    p {
        line-height: 1.45;
    }

    h2 {
        margin-bottom: var(--wp--preset--spacing--xxs);
    }

    h2,
    h3,
    h4 {
        line-height: 1.35;
    }
}

/* Announcement Bar
========================================================================== */

.announcement-bar {
    background-color: var(--wp--preset--color--sand);
    padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xl)
        var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--m);
}

.announcement-bar p {
    font-size: var(--wp--preset--font-size--xs);
    display: flex;
    column-gap: var(--wp--preset--spacing--m);
    color: var(--wp--preset--color--black);
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    row-gap: var(--wp--preset--spacing--tiny);
}

.announcement-bar a {
    font-size: var(--wp--preset--font-size--xs);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--wp--preset--spacing--xxs);
    color: var(--wp--preset--color--black);
}

.announcement-bar a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_337)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='%23373737'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%23373737'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_337'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.announcement-bar__close {
    right: 4px;
}

.announcement-bar__close path {
    fill: var(--wp--preset--color--black);
}

@media screen and (max-width: 996px) {
    .announcement-bar__close {
        right: var(--wp--preset--spacing--xxs);
    }
}

@media screen and (max-width: 510px) {
    .announcement-bar {
        padding-right: var(--wp--preset--spacing--l);
        padding-left: var(--wp--preset--spacing--xxs);
        justify-content: left;
        align-items: flex-start;
    }

    .announcement-bar p {
        font-size: var(--wp--preset--font-size--xxs);
        flex-direction: column;
        gap: var(--wp--preset--spacing--tiny);
        text-align: left;
        justify-content: left;
        align-items: flex-start;
    }

    .announcement-bar a {
        font-size: var(--wp--preset--font-size--xxs);
        align-items: center;
        gap: var(--wp--preset--spacing--tiny);
    }

    .announcement-bar a:after {
        width: 14px;
        height: 10px;
    }

    .announcement-bar__close {
        width: 32px;
        height: 32px;
    }

    .announcement-bar__close {
        right: 20px;
    }
}

/* Headings
========================================================================== */

.wp-block-heading:only-child {
    margin-bottom: 0;
}

/* Links
========================================================================== */

:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none;
}

p.wp-block-paragraph:not(.is-style-tag--white) > a {
    text-decoration: underline;
}

a > p.is-style-arrow-link,
.is-style-arrow-link a {
    display: flex;
    text-decoration: underline;
}

.is-style-arrow-link-left a,
.is-style-arrow-link-far-right a {
    text-decoration: none;
    display: flex;
    gap: var(--wp--preset--spacing--xxs);
    align-items: center;
}

.is-style-arrow-link-far-right a {
    justify-content: space-between;
    align-items: flex-start;
}

a > p.is-style-arrow-link,
.is-style-arrow-link a,
.is-style-arrow-link-left a {
    display: flex;
    gap: var(--wp--preset--spacing--xxs);
    align-items: center;
}

.is-style-arrow-link-right a {
    display: flex;
    justify-content: space-between;
}
a > p.is-style-arrow-link:after,
.is-style-arrow-link a::after,
.is-style-arrow-link-left a::before,
.is-style-arrow-link-far-right a::after,
.is-style-link-in-new-tab a:after,
.is-style-document-link a::before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

a > p.is-style-arrow-link::after,
.is-style-arrow-link a::after {
    width: 16.7px;
    height: 12.1px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_337)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='%23373737'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%23373737'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_337'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.is-style-arrow-link-left a::before {
    width: 24px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.is-style-arrow-link-far-right a::after {
    width: 19px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    flex-shrink: 0;
    margin-top: var(--wp--preset--spacing--tiny);
}

.is-style-link-in-new-tab a {
    color: var(--wp--preset--color--azure-100);
    text-decoration: none !important;
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    align-items: center;
}

.is-style-link-in-new-tab a:after {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H8.11525V1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H15.1923C15.2692 15.5 15.3398 15.4679 15.4038 15.4038C15.4679 15.3398 15.5 15.2692 15.5 15.1923V8.88475H17V15.1923C17 15.6974 16.825 16.125 16.475 16.475C16.125 16.825 15.6974 17 15.1923 17H1.80775ZM6.21925 11.8345L5.1655 10.7808L14.4462 1.5H10.5V0H17V6.5H15.5V2.55375L6.21925 11.8345Z' fill='%232B89ED'/%3E%3C/svg%3E");
    height: 17px;
    width: 17px;
}

.is-style-document-link a {
    text-decoration: none;
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
}

.is-style-document-link a::before {
    height: 24px;
    width: 19px;
    background-image: url("wp-content/themes/qt-munters/icons/file_save.svg");
}

/* Lists
========================================================================== */

ul:not(.wp-block-list),
ol:not(.wp-block-list) {
    list-style: none;
}

:is(ul, ol),
.wp-block-list {
    list-style-position: inside;
    margin-left: 0;
}

p + :is(ul, ol),
p + .wp-block-list {
    margin-top: var(--wp--preset--spacing--s);
}

:is(ul, ol) + p,
.wp-block-list + p {
    margin-top: var(--wp--preset--spacing--lm);
}

:is(ul, ol):not(.menu) li {
    margin-bottom: 0;
    padding-left: 0;
}

.wp-block-list li > a {
    text-decoration: underline;
}

ul.wp-block-list {
    list-style: none;
    margin-left: 0;
}

ul.wp-block-list li {
    position: relative;
    margin-left: var(--wp--preset--spacing--m);
}

ul.wp-block-list li:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1867 8.74996C15.8656 12.9384 12.3627 16.25 8.09334 16.25C3.82401 16.25 0.321119 12.9384 0 8.74996H1.25C1.56719 12.2487 4.5134 15 8.09334 15C11.6733 15 14.6195 12.2487 14.9367 8.74996H16.1867ZM1.25 7.50004C1.56719 4.00131 4.5134 1.25 8.09334 1.25C11.6733 1.25 14.6195 4.00131 14.9367 7.50004H16.1867C15.8656 3.31157 12.3627 0 8.09334 0C3.82401 0 0.321119 3.31157 0 7.50004H1.25ZM4.73366 8.26202L3.95302 9.23798L7.07802 11.738C7.18941 11.8274 7.32735 11.875 7.46834 11.875C7.49794 11.875 7.52754 11.8729 7.55714 11.8686C7.72804 11.8442 7.88124 11.7499 7.98042 11.6083L12.3554 5.35828L11.3313 4.64173L7.33834 10.3458L4.73366 8.26202Z' fill='%232B89ED'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    position: absolute;
    left: calc(-1 * (var(--wp--preset--spacing--m)));
    transform: translateY(4px);
}

.is-style-list-with-border-bottom li {
    padding-bottom: var(--wp--preset--spacing--xxs);
    border-bottom: 1px solid var(--wp--preset--color--black-20);
}

/* Navigation links */

.qt-section.is-style-navigation-links {
    padding-top: var(--wp--preset--spacing--l);
    padding-bottom: var(--wp--preset--spacing--l);
}

.is-style-navigation-links .is-style-arrow-link-far-right a {
    font-size: var(--wp--preset--font-size--m);
}

.is-style-navigation-links .qt-container {
    border-bottom: 1px solid var(--wp--preset--color--azure-20);
    padding-bottom: var(--wp--preset--spacing--s);
    margin-right: var(--wp--preset--spacing--s);
    position: relative;

    &:after {
        content: "";
        position: absolute;
        top: 0;
        right: calc(-1 * var(--wp--preset--spacing--s));
        height: 100%;
        width: 1px;
        background-color: var(--wp--preset--color--azure-20);
    }
}

@media screen and (max-width: 768px) {
    .qt-section.is-style-navigation-links .qt-container {
        padding-bottom: var(--wp--preset--spacing--xxs);
    }

    .qt-section.is-style-navigation-links .qt-section__inner.grid {
        gap: var(--wp--preset--spacing--xxs);
    }
}

/* Buttons
========================================================================== */

button {
    font-family: var(--wp--preset--font-family--button);
    background: transparent;
    border: none;
}

.wp-block-buttons:only-child {
    margin-bottom: 0;
}

.wp-block-buttons {
    gap: var(--wp--preset--spacing--m);
}

[type="submit"],
.toggle-filters-on-mobile-button {
    background-color: var(--wp--preset--color--azure-100);
    border-radius: var(--wp--custom--border-radius--l);
    width: auto;
    padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--s);
    color: var(--wp--preset--color--white);
    border: 1px solid transparent;
}

.wp-block-button .wp-block-button__link {
    display: flex;
    gap: var(--wp--preset--spacing--xxs);
    align-items: center;
    background-color: var(--wp--preset--color--azure-100);
}

.wp-block-button .wp-block-button__link:after {
    content: "";
    display: inline-block;
    width: 16.7px;
    height: 12.1px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_327)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='white'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_327'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.wp-block-button.is-style-button-primary--sand .wp-block-button__link {
    background-color: var(--wp--preset--color--sand);
    color: var(--wp--preset--color--black);

    &::after {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_337)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='%23373737'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%23373737'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_337'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
}

.wp-block-button.is-style-button-secondary--blue .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--azure-100);
    border: 1px solid var(--wp--preset--color--azure-100);

    &::after {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
}

.wp-block-button.is-style-button-open-in-new-tab .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--azure-100);
    border: 1px solid var(--wp--preset--color--azure-100);

    &::after {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H8.11525V1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H15.1923C15.2692 15.5 15.3398 15.4679 15.4038 15.4038C15.4679 15.3398 15.5 15.2692 15.5 15.1923V8.88475H17V15.1923C17 15.6974 16.825 16.125 16.475 16.475C16.125 16.825 15.6974 17 15.1923 17H1.80775ZM6.21925 11.8345L5.1655 10.7808L14.4462 1.5H10.5V0H17V6.5H15.5V2.55375L6.21925 11.8345Z' fill='%232B89ED'/%3E%3C/svg%3E");
        width: 14px;
        height: 14px;
    }
}

.wp-block-button.is-style-button-secondary--white .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--white);

    &::after {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_327)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='white'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_327'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
}

.is-style-lead + .wp-block-buttons {
    margin-top: var(--wp--preset--spacing--m);
}

.qt-container:not(.is-style-text-column) .is-style-lead + .wp-block-buttons {
    margin-top: var(--wp--preset--spacing--tiny);
}

.qt-container > .wp-block-buttons:first-child {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .wp-block-buttons.is-content-justification-right {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 510px) {
    .wp-block-buttons {
        gap: var(--wp--preset--spacing--s);
    }
}

/* ==========================================================================
Header
========================================================================== */

/* General header styles */

.is-style-header-bottom {
    padding-top: var(--wp--preset--spacing--xs);
    padding-bottom: var(--wp--preset--spacing--xs);
    border-bottom: 1px solid var(--wp--preset--color--black-20);
}

.is-style-header-bottom .qt-container:has(.mega-menu) {
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: end;
}

.is-style-header-bottom .grid {
    grid-template-columns: repeat(2, auto);
}

.is-style-header-bottom
    .qt-container.is-horizontally-aligned-right:has(.wp-block-buttons) {
    display: block;
}

/* Header Button Customizations */

header .wp-block-buttons {
    gap: var(--wp--preset--spacing--s);
}

.is-style-header-bottom .qt-container:has(.wp-block-site-logo) {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--lm);
}

.is-style-header-bottom
    .wp-block-button.is-style-button-primary--blue
    .wp-block-button__link {
    padding-top: var(--wp--preset--spacing--xs);
    padding-bottom: var(--wp--preset--spacing--xs);
}

.is-style-header-bottom
    .wp-block-button.is-style-button-secondary--blue
    .wp-block-button__link {
    border: 1px solid transparent;
}

.is-style-header-bottom
    .wp-block-button.is-style-button-secondary--blue
    .wp-block-button__link:after {
    display: none;
}

/* Responsive Header */

@media screen and (max-width: 1147px) {
    .is-style-header-bottom
        .qt-container.is-horizontally-aligned-right:has(
            .mega-menu-mobile,
            .wp-block-buttons
        ) {
        display: flex;
        justify-content: flex-end;
        gap: var(--wp--preset--spacing--tiny);
    }

    .qt-container:has(.hamburger) .wp-block-buttons {
        margin-right: var(--wp--preset--spacing--m);
    }
}

@media screen and (max-width: 996px) {
    header .wp-block-buttons.is-layout-flex {
        display: none;
    }

    header .is-style-header-bottom {
        padding: var(--wp--preset--spacing--xxs);
    }
}

@media screen and (max-width: 510px) {
    .is-style-header-bottom .qt-container:has(.wp-block-site-logo) {
        gap: var(--wp--preset--spacing--xs);
    }

    .is-style-header-bottom .qt-container:has(.wp-block-site-logo) p {
        font-size: 12px;
        text-wrap: nowrap;
    }
}

/* Mega Menu
========================================================================== */

/* Mega Menu Typography */

/* Top level */

.menu-item-text-size-default > span {
    font-size: var(--wp--preset--font-size--xs);
}

/* Second level */

.sub-menu.is-open .menu-item a {
    font-size: var(--wp--preset--font-size--m);
}

/* Buttons */

.menu-item.wp-block-button .wp-block-button__link {
    font-size: var(--wp--preset--font-size--m);
}

/* Labels */

.menu-label {
    opacity: 0.6;
}

.menu-label__invisible .menu-label {
    opacity: 0;
}

/* Mega Menu Typography */

.mega-menu-mobile .wp-block-button__link {
    font-size: var(--wp--preset--font-size--m);
}

/* Menu items - specific for desktop */

@media screen and (min-width: 1148px) {
    /* Top level customizations */

    .mega-menu .menu .mega-menu-item-parent:not(.mega-menu-column) {
        padding: 12px var(--wp--preset--spacing--xxs);
        border-radius: var(--wp--custom--border-radius--l);
    }

    .mega-menu .menu .mega-menu-item-parent:not(.mega-menu-column) > span {
        font-size: var(--wp--preset--font-size--s);
    }

    .mega-menu .menu .mega-menu-item-parent:not(.mega-menu-column):hover,
    .mega-menu .menu .mega-menu-item-parent:not(.mega-menu-column).is-open {
        text-decoration: underline;
        text-underline-offset: 2px;
        text-decoration-thickness: 1px;
    }

    .mega-menu .menu {
        gap: 0;
    }

    img.chevron {
        display: none;
    }

    /* Add border to desktop submenu */

    .sub-menu.is-open:after {
        content: "";
        position: absolute;
        bottom: var(--wp--preset--spacing--m);
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--wp--preset--color--black-20);
        z-index: 100;
    }

    /* Mega Menu Containers */

    #mega-menu .mega-menu-item.menu-item-has-children > .sub-menu {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
        padding: 0 var(--wp--preset--spacing--m) var(--wp--preset--spacing--m);
        max-width: 100%;
        justify-content: center;
        gap: var(--wp--preset--spacing--lm);
    }

    header .menu .menu-item:not(.mega-menu-item) > :is(a, span) + .sub-menu {
        position: relative;
        margin: 0;
        width: 100%;
        padding: 0;
        box-shadow: none;
    }

    .mega-menu .mega-menu-item .sub-menu.is-open .sub-menu {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--s);
    }

    header
        .menu
        .menu-item:not(.mega-menu-item):hover
        > :is(a, span)
        + .sub-menu {
        gap: var(--wp--preset--spacing--s);
    }

    .mega-menu-item > .sub-menu > .menu-item {
        margin: 0;
    }

    /* Mega Menu Columns */

    .mega-menu .menu-item.mega-menu-column {
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--m);
        flex-shrink: 1;
        padding-top: var(--wp--preset--spacing--m);
        padding-right: 0;
        height: 476px;
    }

    .mega-menu-item > .sub-menu > .mega-menu-column-50 {
        max-width: calc((var(--wp--custom--maxwidth--default) / 2) - 96px);
        border-right: 1px solid var(--wp--preset--color--black-20);
    }

    .mega-menu-item > .sub-menu > .mega-menu-column-25 {
        max-width: calc((var(--wp--custom--maxwidth--default) / 4));
    }

    .mega-menu-item.menu-item-has-children .sub-menu:has(.mega-menu-column) {
        flex-wrap: nowrap;
    }

    /* Menu items - articles */

    .menu-item a:has(span.mega-menu-image) {
        flex-direction: column;
        gap: var(--wp--preset--spacing--xxs);
    }

    .mega-menu-image {
        position: relative;
        width: 100%;
        aspect-ratio: var(--wp--custom--aspect-ratio--landscape);
        overflow: hidden;
        gap: 0 !important;
    }

    .mega-menu-image-text {
        opacity: 1;
        color: var(--wp--preset--color--black);
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        font-size: var(--wp--preset--font-size--s);
        align-self: start;
    }

    /* Menu items - add arrows to all menu items that aren't top level */

    .mega-menu .sub-menu .menu-item > a:not(:has(> span)) {
        display: flex;
        gap: var(--wp--preset--spacing--xxs);
        align-items: center;
        justify-content: space-between;
        margin-right: var(--wp--preset--spacing--xs);
    }

    .mega-menu .sub-menu .menu-item > a:not(:has(> span)):after {
        content: "";
        display: inline-block;
        width: 24px;
        height: 19px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .mega-menu .sub-menu .menu-item.is-style-link-in-new-tab > a::after {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H8.11525V1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H15.1923C15.2692 15.5 15.3398 15.4679 15.4038 15.4038C15.4679 15.3398 15.5 15.2692 15.5 15.1923V8.88475H17V15.1923C17 15.6974 16.825 16.125 16.475 16.475C16.125 16.825 15.6974 17 15.1923 17H1.80775ZM6.21925 11.8345L5.1655 10.7808L14.4462 1.5H10.5V0H17V6.5H15.5V2.55375L6.21925 11.8345Z' fill='%232B89ED'/%3E%3C/svg%3E");
        height: 20px;
        width: 20px;
    }

    /* Buttons */

    .mega-menu .wp-block-buttons-wrapper {
        margin-top: auto;
    }

    .mega-menu .wp-block-buttons {
        margin: 0;
    }

    .mega-menu .wp-block-button {
        width: 100%;
    }

    .mega-menu .wp-block-button__link {
        border-radius: 0px;
    }

    .mega-menu .wp-block-button.is-style-primary_button .wp-block-button__link {
        background-color: var(--wp--preset--color--sand);
        color: var(--wp--preset--color--black);
    }
}

/* Mega Menu Mobile
========================================================================== */

/* Mega Menu Core Buttons And Icons*/

.mega-menu .mega-menu-btn {
    border: 1px solid var(--wp--preset--color--azure-100);
}

.mega-menu .mega-menu-btn img {
    width: 16px;
    height: 16px;
}

.mega-menu-mobile .mega-menu-back button img {
    transform: rotate(180deg);
    width: 16px;
    height: 16px;
}

img.chevron,
.mega-menu .mega-menu-item-parent .chevron {
    transform: none !important;
    width: 16px;
    height: 16px;
}

/* Mega Menu on lower viewports */

@media screen and (max-width: 1147px) {
    /* Custom typography */

    .mega-menu-item-parent.is-open {
        -webkit-tap-highlight-color: transparent;
    }

    .mega-menu-mobile .sub-menu {
        min-height: 100%;
        height: 100%;
    }

    .menu-item-text-size-default > span {
        font-size: var(--wp--preset--font-size--xxs);
        line-height: 2;
        opacity: 0.75;
    }
    .mega-menu-mobile .mega-menu-back .submenu-heading,
    .mega-menu-mobile .sub-menu .menu-item a,
    .mega-menu-mobile .menu > .menu-item > span {
        font-size: var(--wp--preset--font-size--s);
    }

    /* Mega Menu Mobile Containers */
    .mega-menu.mega-menu-mobile,
    .admin-bar .mega-menu.mega-menu-mobile,
    .mega-menu.mega-menu-mobile .mega-menu-item > .sub-menu,
    .admin-bar .mega-menu.mega-menu-mobile .mega-menu-item .sub-menu .sub-menu {
        padding: 0;
    }

    .menu-mega-menu-mobile-container,
    .mega-menu-mobile .menu {
        height: 100%;
    }

    /* Mobile Mega Menu Header */

    .mega-menu-mobile .mega-menu-header-m,
    .mega-menu-mobile .mega-menu-back {
        padding: var(--wp--preset--spacing--xxs);
        height: auto;
        border-bottom: 1px solid var(--wp--preset--color--black-20);
    }

    .mega-menu-mobile .mega-menu-header-m .custom-logo-link {
        display: none;
    }

    .mega-menu-mobile .mega-menu-header-m img {
        max-width: 160px;
    }

    .mega-menu.mega-menu-mobile .menu,
    .mega-menu.mega-menu-mobile .sub-menu {
        gap: 0;
    }

    /* Menu items - add styling to all menu items */

    .mega-menu
        .sub-menu
        .menu-item:not(.wp-block-button)
        > a:not(:has(> span)) {
        display: flex;
        gap: var(--wp--preset--spacing--xxs);
        align-items: center;
        justify-content: space-between;
        margin-right: 0;
        font-size: var(--wp--preset--font-size--xs);
    }

    .mega-menu
        .sub-menu
        .menu-item:not(.wp-block-button)
        > a:not(:has(> span)):after {
        content: "";
        display: inline-block;
        width: 17px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .mega-menu
        .sub-menu
        .menu-item.is-style-link-in-new-tab
        > a:not(:has(> span))::after {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H8.11525V1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H15.1923C15.2692 15.5 15.3398 15.4679 15.4038 15.4038C15.4679 15.3398 15.5 15.2692 15.5 15.1923V8.88475H17V15.1923C17 15.6974 16.825 16.125 16.475 16.475C16.125 16.825 15.6974 17 15.1923 17H1.80775ZM6.21925 11.8345L5.1655 10.7808L14.4462 1.5H10.5V0H17V6.5H15.5V2.55375L6.21925 11.8345Z' fill='%232B89ED'/%3E%3C/svg%3E");
        height: 14px;
        width: 17px;
    }

    .mega-menu-mobile .menu-item:not(.wp-block-button),
    .mega-menu-mobile
        .mega-menu-item
        > .sub-menu
        > .menu-item:not(.wp-block-button) {
        padding: var(--wp--preset--spacing--xs);
        border-bottom: 1px solid var(--wp--preset--color--black-20);
    }

    .mega-menu .menu .mega-menu-item-parent:not(.mega-menu-column) {
        border-radius: 0;
        padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
        height: fit-content;
    }

    /* Mega Menu Mobile Buttons */

    .mega-menu-mobile .wp-block-buttons {
        display: flex;
    }

    .mega-menu.mega-menu-mobile .wp-block-buttons-wrapper {
        margin-top: auto;
        margin-right: 0;
        border-top: 1px solid var(--wp--preset--color--black-20);
        padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--xxs);
    }

    .mega-menu.mega-menu-mobile .wp-block-buttons {
        margin: 0;
        gap: var(--wp--preset--spacing--s);
    }

    .mega-menu-mobile .menu-item.wp-block-button .wp-block-button__link {
        font-size: var(--wp--preset--font-size--s);
        justify-content: center;
        padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--m);
    }

    .mega-menu-mobile .is-style-primary_button .wp-block-button__link {
        color: var(--wp--preset--color--white);
    }

    .mega-menu-mobile .is-style-secondary_button .wp-block-button__link {
        border: 1px solid var(--wp--preset--color--azure-100);
        color: var(--wp--preset--color--azure-100);
        background-color: transparent;
    }

    .mega-menu-mobile .is-style-secondary_button .wp-block-button__link:after {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

    .mega-menu-mobile .menu-item.wp-block-button .wp-block-button__link:after {
        width: 20px;
        height: 14px;
    }
}

/* Hamburger Menu */

#toggle-hamburger {
    width: 40px;
    height: 40px;
}

.hamburger-icon {
    position: relative;
    background-color: transparent;
}

.hamburger-icon::before {
    height: 2px;
    width: 20px;
    top: 4px;
    background-color: var(--wp--preset--color--azure-100);
}

.hamburger-icon::after {
    height: 2px;
    width: 20px;
    bottom: 4px;
    background-color: var(--wp--preset--color--azure-100);
}

/* Footer
========================================================================== */

/* Footer Top */

footer.wp-block-template-part .is-style-footer-top {
    padding-bottom: var(--wp--preset--spacing--l);
}

footer .is-style-footer-top > .qt-section__inner {
    grid-template-columns: 1fr 3fr;
    gap: 130px;
}

footer .is-style-footer-top .qt-container:has(.wp-block-site-logo) {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--lm);
    justify-content: space-between;
}

/* Footer Top Menus */

p.footer-heading {
    font-size: var(--wp--preset--font-size--m);
    margin-bottom: var(--wp--preset--spacing--xxs);
}

.is-style-footer-top .menu-item a {
    display: flex;
    text-decoration: none;
    font-size: var(--wp--preset--font-size--xs);
}

.is-style-footer-top .footer-menu .menu {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--tiny);
    align-items: start;
}

.social-link {
    display: inline-block;
    padding: 2px var(--wp--preset--spacing--tiny);
    border: 1px solid var(--wp--preset--color--azure-40);
    border-radius: var(--wp--custom--border-radius--s);
    margin-right: var(--wp--preset--spacing--tiny);
}

/* Footer Bottom */

footer.wp-block-template-part .is-style-footer-bottom {
    padding-top: 0;
    padding-bottom: var(--wp--preset--spacing--xxl);
}

footer .is-style-footer-bottom .qt-section__inner {
    border-top: 1px solid var(--wp--preset--color--black-20);
    padding-top: var(--wp--preset--spacing--xs);
}

footer .is-style-footer-bottom .qt-container:has(.menu) {
    justify-self: end;
}

footer .is-style-footer-bottom .footer-menu .menu {
    display: flex;
    gap: var(--wp--preset--spacing--l);
}

/* Footer Bottom Menus */

.is-style-footer-bottom .menu-item a {
    font-size: var(--wp--preset--font-size--xxs);
}

#menu-footer-about-us .menu-item a {
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    align-items: center;
}

#menu-footer-about-us .menu-item a::before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H8.11525V1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H15.1923C15.2692 15.5 15.3398 15.4679 15.4038 15.4038C15.4679 15.3398 15.5 15.2692 15.5 15.1923V8.88475H17V15.1923C17 15.6974 16.825 16.125 16.475 16.475C16.125 16.825 15.6974 17 15.1923 17H1.80775ZM6.21925 11.8345L5.1655 10.7808L14.4462 1.5H10.5V0H17V6.5H15.5V2.55375L6.21925 11.8345Z' fill='%232B89ED'/%3E%3C/svg%3E");
    height: 14px;
    width: 14px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Responsive styles */

@media screen and (max-width: 1100px) {
    footer .is-style-footer-top .qt-section__inner.grid-col-2 {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    footer .is-style-footer-top .qt-container:has(.wp-block-site-logo) {
        margin-bottom: var(--wp--preset--spacing--m);
    }

    .wp-block-site-logo img {
        max-width: 480px;
    }
}

@media screen and (max-width: 768px) {
    footer .is-style-footer-top .qt-section__inner.grid-col-3 {
        grid-template-columns: 1fr;
    }

    .is-style-footer-top .wp-block-site-logo a,
    .is-style-footer-top .wp-block-site-logo img {
        height: auto;
    }

    footer .is-style-footer-top .qt-section__inner.grid {
        gap: var(--wp--preset--spacing--m);
    }

    footer.wp-block-template-part .is-style-footer-bottom {
        padding-bottom: var(--wp--preset--spacing--l);
    }

    footer .is-style-footer-bottom .footer-menu .menu {
        flex-direction: column;
        gap: var(--wp--preset--spacing--xxs);
        justify-content: start;
        align-items: flex-start;
    }

    footer .qt-section.is-style-footer-bottom .qt-section__inner.grid-col-2 {
        grid-template-columns: 1fr;
        gap: var(--wp--preset--spacing--xs);
    }

    .wp-block-site-logo img {
        width: 100%;
        max-width: 480px;
    }

    .qt-section.is-style-footer-bottom .qt-container:has(.menu) {
        justify-self: start;
    }
}

/* Media
========================================================================== */

/* Logo */

.wp-block-site-logo {
    max-width: 172px;
}

.wp-block-site-logo + p {
    margin-top: 5px;
}

/* Images */

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp-block-image img[style*="aspect-ratio:4/3"] {
    aspect-ratio: var(--wp--custom--aspect-ratio--landscape) !important;
}

:is(figure, iframe, video, table) + .wp-block-heading {
    margin-top: var(--wp--preset--spacing--xs);
}

.wp-block-image + p,
p + .wp-block-image {
    margin-top: var(--wp--preset--spacing--m);
}

/* Grids
========================================================================== */

.is-style-grid-75-25 .qt-section__inner.grid-col-2 {
    grid-template-columns: 3fr 1fr;
}

.is-style-grid-66-33 .qt-section__inner.grid-col-2 {
    grid-template-columns: 2fr 1fr;
}

@media screen and (max-width: 768px) {
    .qt-section > .qt-section__inner.grid,
    .qt-container .grid {
        row-gap: var(--wp--preset--spacing--lm);
    }

    .qt-section .grid-col-2 .is-style-image-column {
        grid-row: auto;
    }

    .qt-section
        > .qt-section__inner:has(.qt-container > .wp-block-heading:only-child),
    .qt-section
        > .qt-section__inner.grid:has(.qt-container.is-style-image-column) {
        row-gap: var(--wp--preset--spacing--m);
    }

    .is-style-grid-75-25 .qt-section__inner.grid-col-2,
    .is-style-grid-66-33 .qt-section__inner.grid-col-2 {
        grid-template-columns: 1fr;
        row-gap: var(--wp--preset--spacing--m);
    }

    .is-style-justify-self-end:has(.wp-block-buttons),
    .is-content-justification-right:has(.wp-block-buttons) {
        justify-self: start;
    }
}

@media screen and (max-width: 670px) {
    .splide__slide .qt-section__inner.grid {
        row-gap: 0;
    }
}

/* Accordion Styles
========================================================================== */

.accordion-icon__inner::before,
.accordion-icon__inner::after {
    background-color: var(--wp--preset--color--azure-100);
}

.accordion-item {
    background-color: transparent;
}

.accordion-item button[data-accordion="accordion-trigger"] {
    padding: var(--wp--preset--spacing--s) 0;
}

.qt-accordion > .qt-section__inner.grid {
    gap: 0;
}

button[data-accordion="accordion-trigger"] {
    gap: var(--wp--preset--spacing--xxs);
}

/* Accordion with chevron styles */

.qt-accordion.is-style-chevron .accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.qt-accordion.is-style-chevron .is-style-card-with-border {
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-height: auto;
}

.qt-accordion.is-style-chevron .accordion-content__inner .qt-section__inner {
    grid-gap: var(--wp--preset--spacing--m);
    margin-bottom: var(--wp--preset--spacing--m);
}

.qt-accordion.is-style-chevron
    > .qt-section__inner.grid
    button[data-accordion="accordion-trigger"] {
    font-weight: 400 !important;
    color: var(--wp--preset--color--black) !important;
}

.qt-accordion.is-style-chevron
    > .qt-section__inner.grid
    .accordion-content__inner {
    padding-left: 0;
    padding-right: 0;
}

/* Accordion with read more styles */

.qt-accordion.is-style-read-more .accordion-item {
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

p + .qt-accordion.is-style-read-more {
    margin-top: var(--wp--preset--spacing--s);
}

.qt-accordion.is-style-read-more .accordion-item__content {
    margin-top: 1em;
}

.qt-accordion.is-style-read-more .accordion-content__inner {
    padding: 0 var(--wp--preset--spacing--s);
}

.qt-accordion.is-style-read-more button[data-accordion="accordion-trigger"] {
    font-size: var(--wp--preset--font-size--s);
    padding: var(--wp--preset--spacing--tiny) 0 var(--wp--preset--spacing--tiny);
    font-weight: 400;
    flex-direction: row-reverse;
    gap: var(--wp--preset--spacing--xxs);
    width: fit-content;
    color: #000000 !important;
}

/* Accordion with arrow styles */

.qt-accordion.is-style-with-arrow .accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--black-20);
}

.qt-accordion.is-style-with-arrow button[data-accordion="accordion-trigger"] {
    padding: 0 0 var(--wp--preset--spacing--m) var(--wp--preset--spacing--m);
    color: var(--wp--preset--color--black);
    gap: var(--wp--preset--spacing--xs);
    position: relative;
}

.qt-accordion.is-style-with-arrow
    button[data-accordion="accordion-trigger"]::before {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    display: inline-block;
    width: 19px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_332)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_332'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.qt-accordion.is-style-with-arrow .qt-section__inner.grid {
    gap: var(--wp--preset--spacing--m);
}

.qt-accordion.is-style-with-arrow .accordion-content__inner {
    padding: var(--wp--preset--spacing--m);
    padding-top: 0;
    color: var(--wp--preset--color--black);
}

@media screen and (max-width: 510px) {
    .qt-accordion.is-style-with-arrow .qt-section__inner.grid {
        gap: var(--wp--preset--spacing--xs);
    }

    .qt-accordion.is-style-with-arrow
        button[data-accordion="accordion-trigger"] {
        padding: 0 0 var(--wp--preset--spacing--xs) 0;
    }

    .qt-accordion.is-style-with-arrow
        button[data-accordion="accordion-trigger"]::before {
        display: none;
    }

    .qt-accordion.is-style-with-arrow .accordion-content__inner {
        padding-left: 0;
    }

    button[data-accordion="accordion-trigger"] {
        font-size: var(--wp--preset--font-size--s);
        font-weight: 500;
    }
}

/* Table styles
========================================================================== */

.wp-block-heading + .wp-block-table {
    margin-top: var(--wp--preset--spacing--xs);
}

.wp-block-table table {
    border-collapse: collapse;
    display: block;
    table-layout: fixed;
    overflow-x: auto;
    font-size: var(--wp--preset--font-size--xs);
}

.wp-block-table tbody {
    vertical-align: top;
}

.wp-block-table thead {
    background-color: var(--wp--preset--color--sand);
    border: 1px solid var(--wp--preset--color--black-20);
}

.wp-block-table thead th {
    border: 1px solid var(--wp--preset--color--black-20);
}

.wp-block-table .has-fixed-layout td {
    min-width: 240px;
    padding: 1em;
    border: 1px solid var(--wp--preset--color--black-20);
}

.single .wp-block-table .has-fixed-layout td {
    min-width: 80px;
}

.wp-block-table tbody tr:nth-child(even) {
    background-color: var(--wp--preset--color--base-grey);
}
/* Container Styles
========================================================================== */

.is-style-has-inner-side-padding {
    padding: 0 var(--wp--preset--spacing--s);
}

.qt-container.is-style-narrow-content-left {
    margin-left: 0;
    max-width: var(--wp--custom--maxwidth--m);
}

.is-style-text-column {
    align-self: center;
    padding: 0;
}

.qt-section__inner .qt-container:first-child.is-style-text-column {
    padding-right: var(--wp--style--block-gap);
}

.qt-section__inner .qt-container:last-child.is-style-text-column {
    padding-left: var(--wp--style--block-gap);
}

.is-style-justify-self-end {
    justify-self: end;
}

.qt-container.is-style-card-with-border {
    border: 1px solid var(--wp--preset--color--black-20);
    border-radius: var(--wp--custom--border-radius--s);
    padding: var(--wp--preset--spacing--s);
    min-height: var(--wp--custom--card--container-height--m);
}

.qt-container.is-style-card-with-border.card--document,
.is-style-card-with-border:has(.wp-block-button) {
    height: auto;
}

.qt-section.has-black-background-color .is-style-card-with-border,
.qt-section.has-azure-100-background-color .is-style-card-with-border {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 768px) {
    .qt-section:not(.is-style-subhero) .qt-container.is-style-image-column {
        order: -1;
    }

    .qt-container.is-style-card-with-border {
        min-height: var(--wp--custom--card--container-height--s);
        padding: var(--wp--preset--spacing--xs);
    }
}

@media screen and (max-width: 670px) {
    .qt-section__inner .qt-container:first-child.is-style-text-column,
    .qt-section__inner .qt-container:last-child.is-style-text-column {
        padding: 0;
    }

    .is-style-has-inner-side-padding {
        padding: 0;
    }
}

/* Hero and subhero styles
========================================================================== */

.qt-section.is-style-hero .wp-block-cover {
    padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m);
    min-height: 42.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

main > .qt-section:first-of-type:is(.is-style-subhero),
.entry-content > .qt-section:first-of-type:is(.is-style-subhero) {
    padding-top: var(--wp--preset--spacing--l);
    padding-bottom: var(--wp--preset--spacing--l);
    background-color: var(--wp--preset--color--sand);
}

.is-style-subhero .wp-block-buttons,
.is-style-hero .wp-block-buttons {
    margin-top: var(--wp--preset--spacing--m);
}

@media screen and (max-width: 1100px) {
    .qt-section.is-style-hero .wp-block-cover {
        padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--s);
        min-height: 0;
    }
}

@media screen and (max-width: 768px) {
    .qt-section.is-style-hero .wp-block-cover {
        padding: var(--wp--preset--spacing--l) var(--wp--preset--spacing--xxs);
        min-height: 0;
    }

    .wp-block-cover__background {
        opacity: 0.4 !important;
    }
}

/* Section Styles - is border bottom
========================================================================== */

.qt-section.is-style-border-bottom .qt-section__inner {
    border-bottom: 1px solid var(--wp--preset--color--black-20);
    padding-bottom: var(--wp--preset--spacing--l);
}

.qt-section.is-style-border-bottom {
    padding-bottom: 0;
}

.qt-section.is-style-border-bottom + .qt-section {
    padding-top: var(--wp--preset--spacing--l);
}

/* Expert/Partner quote section styles
========================================================================== */

.qt-section:not(.is-style-grid-75-25) .expert-quote__content-right {
    align-self: center;
    gap: var(--wp--preset--spacing--m);
}

.expert-quote__content {
    gap: var(--wp--preset--spacing--m);
}

.expert-quote__content-right {
    align-self: end;
}

.expert-quote:not(.expert-quote-with-image) .expert-quote__content-right {
    justify-self: end;
    min-width: 15rem;
}

.expert-quote__image img {
    aspect-ratio: var(--wp--custom--aspect-ratio--landscape);
}

/* Author meta (also used in quote card styles) */

.expert-quote p {
    margin-bottom: 0;
}

.expert-quote a {
    text-decoration: underline;
}

.expert-quote__author {
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    align-items: center;
}

.expert-quote__author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--wp--preset--color--black-20);
    background-color: var(--wp--preset--color--white);
}

.expert-quote__author__job-title {
    opacity: 0.6;
}

.expert-quote__company-logo {
    max-width: 200px;
}

.expert-quote__company-logo img {
    object-fit: contain;
}

.expert-quote__author__details {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media screen and (max-width: 1100px) {
    .expert-quote:not(.expert-quote-with-image) .expert-quote__content-right {
        justify-self: start;
    }
}

@media screen and (max-width: 768px) {
    .expert-quote__company-logo {
        max-width: 120px;
        margin-top: var(--wp--preset--spacing--s);
    }
}

/* Application overview styles
========================================================================== */

.qt-section.application-overview .application-overview__inner.grid {
    gap: var(--wp--preset--spacing--l);
}

.slider-application-overview .splide__slide img {
    aspect-ratio: var(--wp--custom--aspect-ratio--landscape);
}

.slider-application-overview .splide__slide {
    padding-top: 0;
}

.application-overview ul:not(.wp-block-list) {
    margin-left: 0;
}

.application-overview p > a {
    text-decoration: underline;
}

/* Tabs Styles */

.tabs-list {
    display: flex;
    gap: var(--wp--style--block-gap);
}

.tab-trigger {
    background-color: transparent;
    border: 1px solid transparent;
    width: 100%;
    font-size: var(--wp--preset--font-size--s);
    padding-bottom: var(--wp--preset--spacing--m);
    opacity: 0.6;
    border-bottom: 1px solid var(--wp--preset--color--black);
}

.tab-trigger.is-active {
    border-bottom: 1px solid var(--wp--preset--color--black);
    padding-bottom: var(--wp--preset--spacing--m);
    opacity: 1;
}

@media screen and (max-width: 996px) {
    .tabs-wrapper,
    .tabs-and-scrollbar-container {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none; /* Firefox */
    }

    .tabs-wrapper::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    /* custom scrollbar */
    .scrollbar {
        margin-top: var(--wp--preset--spacing--s);
    }

    .scrollbar-track {
        width: 100%;
        height: 3px;
        background: var(--wp--preset--color--azure-20);
        border-radius: 5px;
        position: relative;
    }

    .scrollbar-thumb {
        height: 100%;
        width: 1px; /* Updated by JS */
        background: var(--wp--preset--color--azure-100);
        border-radius: 4px;
        position: absolute;
        left: 0;
        cursor: pointer;
    }

    .tab-trigger {
        font-size: var(--wp--preset--font-size--xs);
        border: 1px solid var(--wp--preset--color--black);
        border-radius: var(--wp--custom--border-radius--s);
        padding: 4px var(--wp--preset--spacing--tiny);
        text-wrap: nowrap;
        height: fit-content;
        width: fit-content;
    }

    .tab-trigger.is-active {
        background-color: var(--wp--preset--color--azure-100);
        border: 1px solid var(--wp--preset--color--azure-100);
        color: var(--wp--preset--color--white);
        padding: 4px var(--wp--preset--spacing--tiny);
    }
}

@media screen and (max-width: 768px) {
    .qt-section.application-overview .application-overview__inner.grid {
        gap: var(--wp--preset--spacing--lm);
    }
}

@media screen and (max-width: 670px) {
    .slider-application-overview img {
        display: none;
    }
}

/* Product Collection Filter Styles
========================================================================== */

.product-collection-filter .qt-section__inner.grid,
.product-collection-filter .products {
    row-gap: var(--wp--preset--spacing--lm);
}

.product-collection-filter h2:only-child {
    margin: 0;
}

/* Ingress */
.product-collection-filter__ingress a {
    text-decoration: underline;
}

.product-collection-filter__ingress ul {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xxs);
}

.product-collection-filter__ingress li {
    display: flex;
    gap: var(--wp--preset--spacing--xxs);
}

.product-collection-filter__ingress li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1867 8.74996C15.8656 12.9384 12.3627 16.25 8.09334 16.25C3.82401 16.25 0.321119 12.9384 0 8.74996H1.25C1.56719 12.2487 4.5134 15 8.09334 15C11.6733 15 14.6195 12.2487 14.9367 8.74996H16.1867ZM1.25 7.50004C1.56719 4.00131 4.5134 1.25 8.09334 1.25C11.6733 1.25 14.6195 4.00131 14.9367 7.50004H16.1867C15.8656 3.31157 12.3627 0 8.09334 0C3.82401 0 0.321119 3.31157 0 7.50004H1.25ZM4.73366 8.26202L3.95302 9.23798L7.07802 11.738C7.18941 11.8274 7.32735 11.875 7.46834 11.875C7.49794 11.875 7.52754 11.8729 7.55714 11.8686C7.72804 11.8442 7.88124 11.7499 7.98042 11.6083L12.3554 5.35828L11.3313 4.64173L7.33834 10.3458L4.73366 8.26202Z' fill='%232B89ED'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    background-size: 16px 16px;
    margin-top: 4px;
}

/* Category filters - single select */

.category-filters {
    display: flex;
    column-gap: var(--wp--preset--spacing--s);
    row-gap: var(--wp--preset--spacing--xs);
    justify-content: flex-start;
    height: fit-content;
    text-wrap: nowrap;
}

@media screen and (max-width: 510px) {
    .product-collection-filter .qt-section__inner.grid,
    .product-collection-filter .products {
        gap: var(--wp--preset--spacing--m);
    }

    .product-collection-filter .wp-block-buttons {
        margin-top: 0;
    }
}

/* Multiple Category Collection (Documents, Products)
========================================================================== */

.qt-container:has(.multiple-category-filters) {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--lm);
}

.multiple-category-filters {
    grid-row: span 2;
}

.multiple-category-filters-modal,
.toggle-filters-on-mobile-button {
    display: none;
}

.multiple-category-filters-desktop-content {
    display: flex;
    flex-direction: column;
    row-gap: var(--wp--preset--spacing--xxs);
    text-wrap: nowrap;
}

.multiple-category-filters {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--m);
}

.category-trigger {
    background-color: transparent;
    font-family: var(--wp--preset--font-family--paragraph);
    border: 1px solid var(--wp--preset--color--black);
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    color: var(--wp--preset--color--black);
}

.category-trigger.is-active {
    background-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
    border: 1px solid transparent;
}

.category span {
    text-wrap: wrap;
}

@media screen and (max-width: 768px) {
    body:has(dialog[open]) {
        overflow: hidden;
    }

    .toggle-filters-on-mobile-button {
        display: flex;
        font-size: var(--wp--preset--font-size--s);
        width: 100%;
        justify-content: center;
    }

    .multiple-category-filters > .multiple-category-filters-desktop-content,
    .multiple-category-filters-header p {
        display: none;
    }

    .multiple-category-filters-modal[open] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        max-width: 100%;
        height: auto;
        max-height: 100vh;
        border: none;
        padding: 0;
    }

    .multiple-category-filters-modal__heading {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .multiple-category-filters-modal-close-button {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: var(--wp--preset--spacing--xxs);
    }

    .multiple-category-filters-modal-close-button svg {
        width: 12px;
        height: 12px;
    }

    .multiple-category-filters-modal > div {
        margin: var(--wp--preset--spacing--m) var(--wp--preset--spacing--s) auto;
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--m);
        justify-content: center;
        width: 100%;
    }

    .multiple-category-filters-modal form {
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--s);
    }

    .multiple-category-filters-modal form > section {
        border-radius: 4px;
        padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--xs);
        border: 1px solid var(--wp--preset--color--black-20);
    }
}

/* USP and Quotes Sliders
========================================================================== */

.usp-slider,
.quotes-slider {
    padding: var(--wp--preset--spacing--xxl) 0;
}

.usp-slider__inner,
.quotes-slider__inner {
    display: grid;
    grid-template-columns:
        minmax(var(--wp--preset--spacing--m), 1fr)
        minmax(0, var(--wp--custom--maxwidth--default))
        minmax(var(--wp--preset--spacing--m), 1fr);
    row-gap: var(--wp--preset--spacing--l);
}

.usp-slider__top,
.quotes-slider__inner-heading,
.quotes-slider__button {
    grid-column: 2 / 3;
    position: relative;
}

.usp-slider__inner-left {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--l);
}

.usp-slider__subheader {
    padding-right: var(--wp--preset--spacing--m);
}

.usp-slider__footnote {
    padding: var(--wp--preset--spacing--xxs);
    border: 1px solid var(--wp--preset--color--black-20);
    margin-top: var(--wp--preset--spacing--l);
}

.usp-slider__slider,
.quotes-slider__slider {
    grid-column: 2 / -1;
}

.slider-usp .splide__track {
    grid-column: 1/-1;
}

.slider-usp__header h3 {
    max-width: var(--wp--custom--maxwidth--m);
}

.slider-usp .splide {
    position: relative;
}

.main-theme-slider .splide__track__arrows-wrapper {
    position: absolute;
    top: calc(var(--wp--preset--spacing--l) * -1);
    left: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    gap: var(--wp--preset--spacing--m);
}

.usp-slider__slider .splide__track__arrows-wrapper {
    width: var(--wp--custom--maxwidth--default);
}

.usp-slider__slider-with-subheading .splide__track__arrows-wrapper {
    top: var(--wp--preset--spacing--xxs);
}

/* General Arrows styling */

.main-theme-slider .splide__arrow,
.main-theme-slider .splide__arrow:hover,
.main-theme-slider .splide__arrow:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.main-theme-slider .splide__arrow:hover {
    opacity: 0.6;
}

.main-theme-slider .splide__arrow:disabled:hover {
    opacity: 0;
}

.main-theme-slider .splide__arrows {
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
}

.main-theme-slider .splide__arrow {
    position: static;
}

.splide .splide__arrow {
    min-height: var(--wp--preset--spacing--lm);
    min-width: var(--wp--preset--spacing--lm);
}

.splide .splide__arrow svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 4px;
}

/* General Pagination styling */

.splide__pagination {
    bottom: calc(-1 * var(--wp--preset--spacing--m));
}

.splide__pagination__page {
    background: var(--wp--preset--color--black-20);
}

.splide__pagination__page.is-active {
    background-color: var(--wp--preset--color--black-60);
    transform: scale(1);
}

/* Splider Progress Bar */

.usp-slider-progress {
    height: 3px;
    background: var(--wp--preset--color--azure-20);
    border-radius: 5px;
    max-width: var(--wp--custom--maxwidth--default);
    margin-top: var(--wp--preset--spacing--lm);
    margin-right: var(--wp--preset--spacing--m);
}

.usp-slider-progress-bar {
    background: var(--wp--preset--color--azure-100);
    border-radius: 4px;
    height: 3px;
    transition: width 400ms ease;
    width: 0;
}

@media screen and (hover: hover) {
    .slider-usp .splide__arrow:hover {
        opacity: 0.6;
    }
}

/* @media screen and (max-width: 1240px) {
    .splide__track__arrows-wrapper {
        padding-right: var(--wp--preset--spacing--m);
        width: auto;
    }
} */

@media screen and (max-width: 1100px) {
    .quotes-slider__slider {
        grid-column: 2 / -1;
    }
}

@media screen and (max-width: 768px) {
    .usp-slider,
    .quotes-slider {
        padding: var(--wp--preset--spacing--xl) 0;
    }

    .usp-slider__subheader,
    .usp-slider__footnote,
    .usp-slider-progress {
        margin-right: var(--wp--preset--spacing--s);
    }

    .usp-slider-progress {
        margin-top: var(--wp--preset--spacing--s);
    }

    .usp-slider__footnote {
        margin-top: var(--wp--preset--spacing--m);
    }

    .usp-slider__inner,
    .quotes-slider__inner {
        grid-template-columns:
            minmax(var(--wp--preset--spacing--xs), 1fr)
            minmax(0, var(--wp--custom--maxwidth--default))
            minmax(var(--wp--preset--spacing--xs), 1fr);
        row-gap: var(--wp--preset--spacing--lm);
    }
}

@media screen and (max-width: 510px) {
    .usp-slider,
    .quotes-slider {
        padding: 5rem 0;
    }

    .usp-slider__subheader,
    .usp-slider__footnote,
    .usp-slider-progress {
        margin-right: var(--wp--preset--spacing--xs);
    }

    .usp-slider__inner,
    .quotes-slider__inner {
        grid-template-columns:
            minmax(var(--wp--preset--spacing--xxs), 1fr)
            minmax(0, var(--wp--custom--maxwidth--default))
            minmax(var(--wp--preset--spacing--xxs), 1fr);
        row-gap: var(--wp--preset--spacing--m);
    }

    .usp-slider__inner {
        row-gap: var(--wp--preset--spacing--lm);
    }
}

/* USP Grid
========================================================================== */

p.usp-grid__subheading {
    margin-bottom: var(--wp--preset--spacing--s);
}

.usp-grid__footnote {
    margin-top: var(--wp--preset--spacing--m);
}

/* USP Card Styles
========================================================================== */

.usp-card {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.usp-card p {
    margin: 0;
}

.usp-card__icon svg {
    width: 32px;
    height: 32px;
    margin-bottom: var(--wp--preset--spacing--s);
}

.usp-slide-content {
    padding: var(--wp--preset--spacing--s);
    border: 1px solid var(--wp--preset--color--black-20);
    border-radius: var(--wp--custom--border-radius--s);
    min-height: var(--wp--custom--card--container-height--m);
}

.card-has-index .usp-slide-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: var(--wp--custom--card--container-height--l);
}

/* Product Gallery Slider 
========================================================================== */

.product-gallery-slider.is-style-thumbnails {
    margin-top: var(--wp--preset--spacing--m);
}

.product-gallery-slider.is-style-main-image .splide__arrows {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    gap: 0.25rem;
}

.product-gallery-slider.is-style-main-image .splide__arrow {
    border-radius: 0;
    background-color: var(--wp--preset--color--sand);
    position: relative;
    top: 0%;
    transform: translateY(0%);
    height: 60px;
    width: 60px;
    filter: none;
}

.product-gallery-slider.is-style-thumbnails .splide__slide.is-active {
    opacity: 0.6;
    border: 1px solid var(--wp--preset--color--black-20);
}

.product-gallery-image {
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    background-color: var(--wp--preset--color--base-grey);
}

.product-gallery-image img {
    object-fit: contain;
}

@media screen and (hover: hover) {
    .product-gallery-slider.is-style-main-image .splide__arrow:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 510px) {
    .product-gallery-slider.is-style-thumbnails {
        display: none;
    }
}

/* QT Post Query
========================================================================== */

/* General layout */

.wp-block-qt-post-query:has(aside) {
    grid-template-columns: 1fr 3fr;
}

.qt-post-query__posts {
    row-gap: var(--wp--preset--spacing--m);
}

.qt-post-query__search-wrapper {
    flex-grow: 0;
    min-width: 400px;
}

/* Search Bar */

.qt-post-query__search-wrapper input {
    border: 1px solid var(--wp--preset--color--azure-100);
    border-radius: 4px;
    height: 100%;
}

.qt-post-query__search label {
    opacity: 0;
}

.qt-post-query__search-form {
    gap: var(--wp--preset--spacing--xxs);
}

.qt-post-query__search {
    margin-bottom: var(--wp--preset--spacing--lm);
}

/* Filters and buttons */

.qt-post-query__filter-group {
    gap: var(--wp--preset--spacing--xxs);
}

.qt-post-query__clear-button {
    top: 12px;
}

.qt-post-query__filters-title {
    font-weight: 500;
}

.qt-post-query__filter-title {
    font-weight: 400;
}

.qt-post-query__filter-option {
    margin-bottom: 4px;
}

.qt-post-query__filter-group,
.qt-post-query__filters-title {
    border-bottom: 1px solid var(--wp--preset--color--black-20);
}

.qt-post-query__toggle-filter {
    padding: 0;
}

.qt-post-query__toggle-filter .qt-post-query__toggle-filter-button,
.qt-post-query__filter-btn.qt-post-query__filter-reset {
    background: var(--wp--preset--color--base-grey);
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--wp--preset--color--black);
}

.qt-post-query__filter-btn.qt-post-query__filter-search {
    border: 1px solid var(--wp--preset--color--azure-100);
    background: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
}

.qt-post-query__filter-chip,
.qt-post-query__filter-chip[data-chip-type="taxonomy"] {
    background-color: transparent;
    border-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--azure-100);
    display: flex;
    align-items: center;
    border-radius: var(--wp--custom--border-radius--s);
    padding: 4px var(--wp--preset--spacing--tiny);
}

.qt-post-query__chip-remove svg {
    color: var(--wp--preset--color--azure-100);
}

.category a,
button.category-filter,
[type="checkbox"] {
    height: 14px;
    width: 14px;
    padding: var(--wp--preset--spacing--tiny);
    border-radius: 2px;
    border: 1px solid var(--wp--preset--color--black-20);
    background-color: transparent;
}

.category-filter.is-active,
button.category-filter.is-active,
[type="checkbox"]:checked,
[type="checkbox"]:not(:disabled):checked {
    background-color: var(--wp--preset--color--azure-100);
    background-image: none;
}

@media screen and (max-width: 980px) {
    .wp-block-qt-post-query:has(aside) {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 768px) {
    .category-name,
    .product-count {
        font-size: var(--wp--preset--font-size--xs);
    }

    .qt-post-query__search-wrapper {
        min-width: 280px;
    }
}

@media screen and (max-width: 510px) {
    .all-products .products.grid.grid-col-3 {
        grid-template-columns: 1fr;
        gap: var(--wp--preset--spacing--m);
    }

    .qt-post-query__search-wrapper {
        flex-grow: 1;
        width: auto;
        min-width: 240px;
    }

    .qt-post-query__search-button {
        font-size: 0px;
        min-width: 0px;
        padding: var(--wp--preset--spacing--xxs);
    }

    .qt-post-query__search-button svg {
        margin-left: 0;
    }

    .wp-block-qt-post-query:has(aside) {
        gap: var(--wp--preset--spacing--xxs);
    }
}

/* Product detail and meta styles
========================================================================== */

ul:has(.product-meta__document) {
    margin-left: 0;
}

.product-meta h3 {
    margin-bottom: var(--wp--preset--spacing--m);
}

.product-meta__document a {
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--wp--preset--spacing--xxs);
    border-bottom: 1px solid var(--wp--preset--color--black-20);
}

.product-meta__document:not(:first-of-type) a {
    padding-top: var(--wp--preset--spacing--xxs);
}

.product-meta__document a:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.80775 17C1.30258 17 0.875 16.825 0.525 16.475C0.175 16.125 0 15.6974 0 15.1923V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H8.11525V1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V15.1923C1.5 15.2692 1.53208 15.3398 1.59625 15.4038C1.66025 15.4679 1.73075 15.5 1.80775 15.5H15.1923C15.2692 15.5 15.3398 15.4679 15.4038 15.4038C15.4679 15.3398 15.5 15.2692 15.5 15.1923V8.88475H17V15.1923C17 15.6974 16.825 16.125 16.475 16.475C16.125 16.825 15.6974 17 15.1923 17H1.80775ZM6.21925 11.8345L5.1655 10.7808L14.4462 1.5H10.5V0H17V6.5H15.5V2.55375L6.21925 11.8345Z' fill='%232B89ED'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-left: var(--wp--preset--spacing--tiny);
}

.product-meta__document p {
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    align-items: flex-start;
    font-size: var(--wp--preset--font-size--xs);
}

.product-meta__document p:after {
    content: "PDF";
    font-size: 10px;
    opacity: 0.6;
}

ul:has(.product-meta__model) {
    margin-left: 0;
    display: flex;
    flex-direction: column;
}

li.product-meta__model:not(.menu-item),
.product-meta__model {
    padding: var(--wp--preset--spacing--tiny) var(--wp--preset--spacing--s);
}

.product-meta__model:nth-of-type(2n + 1) {
    background-color: var(--wp--preset--color--base-grey);
}

.product-meta__model:first-of-type {
    background-color: var(--wp--preset--color--sand);
}

.product-detail__row {
    display: grid;
    grid-template-columns: 4fr 1fr 1fr 1fr 1fr;
    padding: 0;
}

.product-detail__row span {
    border-right: 1px solid var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--tiny) var(--wp--preset--spacing--tiny);
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .qt-container:has(.product-detail) {
        display: none;
    }
}

/* Card styles
========================================================================== */

/* General card styles */

.card p,
.card .wp-block-heading,
.card .is-style-tag,
.card img,
.card--product p,
.card--product .wp-block-heading,
.is-style-card--product-portfolio p,
.is-style-card--product-portfolio .wp-block-heading,
.is-style-card--product-portfolio .is-style-tag,
.is-style-card--product-portfolio .wp-block-image {
    margin: 0;
}

.card--article {
    gap: var(--wp--preset--spacing--xxs);
}

.card--image,
.card__image img {
    aspect-ratio: var(--wp--custom--aspect-ratio--landscape);
}

.card,
.qt-post-card > a,
.is-style-card--product-portfolio,
.is-style-card--product-portfolio > a,
.card--product {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xxs);
}

.card--article .card__title,
.qt-post-card__title {
    font-size: var(--wp--preset--font-size--m);
    font-weight: 400;
}

.is-style-card--product-portfolio .is-style-arrow-link {
    font-size: var(--wp--preset--font-size--xs);
}

.card-has-border {
    border: 1px solid var(--wp--preset--color--black-20);
    border-radius: var(--wp--custom--border-radius--s);
    padding: var(--wp--preset--spacing--s);
}

.card__meta {
    font-size: var(--wp--preset--font-size--xs);
}

/* QT Post Card */

.qt-post-card,
.qt-post-card:hover {
    background: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    transform: translateY(0px);
}

.qt-post-card__image {
    height: auto;
    background: none;
}

.qt-post-card__image img {
    aspect-ratio: var(--wp--custom--aspect-ratio--landscape);
    object-fit: cover;
    transition: none;
}

.qt-post-card__content {
    padding: 0;
}

.qt-post-card__excerpt {
    display: none;
}

.qt-post-card__image:hover img {
    transform: scale(1);
}

/* Product Card */

.card--product .card__image {
    place-items: center;
    background-color: var(--wp--preset--color--base-grey);
}

/* Event Card */

.card--event {
    padding: var(--wp--preset--spacing--xxs);
    border: 1px solid var(--wp--preset--color--black-20);
    border-radius: var(--wp--custom--border-radius--s);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--wp--preset--spacing--s);
    min-height: var(--wp--custom--card--container-height--s);
    height: 100%;
}

.card--event__bottom {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xs);
}

.card--event__bottom span {
    font-size: var(--wp--preset--font-size--xs);
}

.card--event .wp-block-heading {
    margin-top: var(--wp--preset--spacing--xs);
}

.card--event__date,
.card--event__location {
    display: flex;
    gap: var(--wp--preset--spacing--tiny);
    align-items: center;
}

.event__post-meta {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--tiny);
}

.event__post-meta:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.event__location:before {
    background-image: url("data:image/svg+xml,%3Csvg width='345' height='469' viewBox='0 0 345 469' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25952_124)'%3E%3Cpath d='M172.533 260.577C124.752 260.577 85.8735 221.609 85.8735 173.718C85.8735 125.828 124.752 86.8591 172.533 86.8591C220.313 86.8591 259.192 125.828 259.192 173.718C259.192 221.609 220.313 260.577 172.533 260.577ZM172.533 121.629C143.864 121.629 120.563 144.984 120.563 173.718C120.563 202.453 143.864 225.808 172.533 225.808C201.201 225.808 224.502 202.453 224.502 173.718C224.502 144.984 201.201 121.629 172.533 121.629Z' fill='%232B89ED'/%3E%3Cpath d='M309.852 192.022C297.94 280.127 206.241 388.767 172.533 426.161C138.825 388.767 47.1257 280.193 35.2133 192.022H0.392578C14.0067 312.667 153.879 457.388 160.162 463.817C163.435 467.163 167.885 469.066 172.533 469.066C177.18 469.066 181.696 467.163 184.903 463.817C191.187 457.388 331.059 312.667 344.673 192.022H309.852Z' fill='%232B89ED'/%3E%3Cpath d='M34.9516 157.252C43.0677 88.368 101.648 34.7699 172.533 34.7699C243.418 34.7699 301.932 88.368 310.114 157.317H345.065C336.753 69.1462 262.53 0 172.533 0C82.5356 0 8.31246 69.1462 0 157.252H34.9516Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25952_124'%3E%3Crect width='345' height='469' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.event__date:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3.84375 5.77698H19.6629V18.2364' stroke='%232B89ED' stroke-width='1.5'/%3E%3Cpath d='M20.1523 20.313L4.33321 20.313L4.33322 7.85355' stroke='%232B89ED' stroke-width='1.5'/%3E%3Cline x1='8.57422' y1='3.69592' x2='8.57422' y2='7.8669' stroke='%232B89ED' stroke-width='1.5'/%3E%3Cline x1='19.6641' y1='10.7272' x2='4.3344' y2='10.7272' stroke='%232B89ED' stroke-width='1.5'/%3E%3Cline x1='15.168' y1='3.68701' x2='15.168' y2='7.85799' stroke='%232B89ED' stroke-width='1.5'/%3E%3C/svg%3E");
}

.event__venue:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_26355_3479' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_26355_3479)'%3E%3Cpath d='M13.668 16.5385H7.0385C5.78283 16.5385 4.7125 16.096 3.8275 15.211C2.9425 14.3262 2.5 13.256 2.5 12.0005C2.5 10.745 2.9425 9.67471 3.8275 8.78955C4.7125 7.90421 5.78283 7.46155 7.0385 7.46155H7.84133V8.96155H7.0385C6.19867 8.96155 5.48233 9.25805 4.8895 9.85105C4.2965 10.444 4 11.1604 4 12C4 12.8397 4.2965 13.556 4.8895 14.149C5.48233 14.742 6.19867 15.0385 7.0385 15.0385H13.668V16.5385ZM8.25 12.75V11.25H15.75V12.75H8.25ZM16.0525 16.5385V15.0385H16.9615C17.8013 15.0385 18.5177 14.742 19.1105 14.149C19.7035 13.556 20 12.8397 20 12C20 11.1604 19.7035 10.444 19.1105 9.85105C18.5177 9.25805 17.8013 8.96155 16.9615 8.96155H10.2258V7.46155H16.9615C18.2172 7.46155 19.2875 7.90405 20.1725 8.78905C21.0575 9.67388 21.5 10.744 21.5 11.9995C21.5 13.255 21.0575 14.3254 20.1725 15.2105C19.2875 16.0959 18.2172 16.5385 16.9615 16.5385H16.0525Z' fill='%232B89ED'/%3E%3C/g%3E%3C/svg%3E");
}

/* Document card */

.qt-container.card--document {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    min-height: auto;
    gap: var(--wp--preset--spacing--xs);
}

.card--document__content .wp-block-heading {
    margin-bottom: var(--wp--preset--spacing--m);
}

.card--document__link {
    background-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.card--document__link svg {
    width: 32px;
    height: auto;
}

.document-meta span {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--tiny);
}

.document-meta svg {
    width: 20px;
    height: 20px;
    color: var(--wp--preset--color--azure-100);
}

.document-format svg {
    width: 24px;
    height: 24px;
}

.document-meta {
    display: flex;
    flex-direction: row;
    gap: var(--wp--preset--spacing--xxs);
}

/* Expert card styles */

.is-style-card-expert .qt-container:last-of-type {
    padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
}

/* Expert quote card styles */

.card--quote {
    height: 100%;
    min-width: 280px;
    justify-content: space-between;
    display: flex;
    gap: var(--wp--preset--spacing--m);
    flex-direction: column;
    border: 1px solid var(--wp--preset--color--black-20);
    border-radius: var(--wp--custom--border-radius--s);
    padding: var(--wp--preset--spacing--s);
}

.card--quote.expert-quote--single {
    min-height: auto;
    gap: var(--wp--preset--spacing--xxs);
}

.expert-quote--single .quote-text::before {
    content: '"';
}

.expert-quote--single .quote-text::after {
    content: '"';
}

/* Case Study Card */

.card--case-study .card__image img {
    aspect-ratio: 1/1;
}

/* Responsive card styles */

@media screen and (max-width: 768px) {
    .card.card--event {
        gap: var(--wp--preset--spacing--m);
        min-height: auto;
    }

    .card,
    .is-style-card--product-portfolio,
    .is-style-card--product-portfolio > a {
        gap: var(--wp--preset--spacing--xxs);
    }

    .card--case-study .wp-block-heading {
        margin-bottom: var(--wp--preset--spacing--tiny);
    }

    .is-style-grid-66-33 .card--case-study.grid {
        row-gap: var(--wp--preset--spacing--xs);
    }

    .card--case-study .card__media {
        order: -1;
    }
}

@media screen and (max-width: 670px) {
    .card--quote {
        padding: var(--wp--preset--spacing--s);
    }
}

@media screen and (max-width: 510px) {
    .card--case-study .qt-container:last-of-type {
        padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
    }

    .document-meta span {
        font-size: var(--wp--preset--font-size--xxs);
    }

    .card--document__link {
        width: 40px;
        height: 40px;
    }

    .card--document__link svg {
        width: 16px;
        height: 16px;
    }
}

/* Image content card
========================================================================== */

.image-content {
    position: relative;
}

.image-content__card {
    position: absolute;
    max-width: 360px;
    background-color: var(--wp--preset--color--sand);
    padding: var(--wp--preset--spacing--s);
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--xxs);
    top: 2.5rem;
    border-radius: 4px;
}

.image-content__card.align-left {
    left: 2.5rem;
}

.image-content__card.align-right {
    right: 2.5rem;
}

.image-content__card > .card--quote {
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
}

.image-content__card.has-background > .card--quote {
    color: var(--wp--preset--color--white);
}

@media screen and (max-width: 1024px) {
    .image-content__card.align-left,
    .image-content__card.align-right {
        left: 0;
        right: 0;
        margin-inline: auto;
    }
}

@media screen and (max-width: 768px) {
    .image-content__card {
        display: none;
    }
}

/* Single template styles
========================================================================== */

.single .wp-block-post-content a:not(.wp-block-button__link) {
    color: var(--wp--preset--color--azure-100);
    text-decoration: underline;
}

.single .main > .qt-section:not(.is-style-breadcrumbs, .container-fullwidth) {
    padding-top: var(--wp--preset--spacing--m);
}

.single .main > .qt-section:not(.is-style-breadcrumbs) .qt-section__inner {
    row-gap: var(--wp--preset--spacing--lm);
}

.single .entry-content > .qt-section:not(.has-background):first-of-type {
    padding-top: 0;
}

/* Insight and news styles */

.single-insight .wp-block-post-title,
.single-post .wp-block-post-title {
    font-size: var(--wp--preset--font-size--xl);
}

.single-insight .wp-block-post-content h2,
.single-post .wp-block-post-content h2 {
    font-size: var(--wp--preset--font-size--l);
}

.single-insight .wp-block-post-content h3,
.single-post .wp-block-post-content h3 {
    font-size: var(--wp--preset--font-size--m);
}

/* Insight post meta */

.insight-post-meta {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--tiny);
}

.insight-post-meta span {
    font-size: var(--wp--preset--font-size--xs);
}

.insight-post-meta a {
    text-decoration: underline;
}

.single-expert main .qt-section__inner.grid-col-2 {
    grid-template-columns: 2fr 3fr;
    gap: var(--wp--preset--spacing--lm);
}

.single-expert main .wp-block-post-title {
    margin-bottom: var(--wp--preset--spacing--xxs);
}

.single-expert main .author-meta,
.single-expert main p.is-style-paragraph-large {
    margin-bottom: var(--wp--preset--spacing--m);
}

/* Single Product styles */

.single-product
    .main
    > .qt-section:not(.is-style-breadcrumbs, .container-fullwidth) {
    padding-top: 0;
}

.single-product .post-meta__categories .is-style-tag {
    border: 1px solid transparent;
    background-color: var(--wp--preset--color--base-grey);
}

/* Single Case Study styles */

.single-case .wp-block-cover,
.single-facility .wp-block-cover,
.single-partner .wp-block-cover {
    min-height: 42.5rem;
    padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m);
    display: flex;
}

.single-case .wp-block-cover__inner-container,
.single-facility .wp-block-cover__inner-container,
.single-partner .wp-block-cover__inner-container {
    align-self: flex-end;
}

.single-case
    main
    .qt-section.container-fullwidth
    + .qt-section.container-default,
.single-facility
    main
    .qt-section.container-fullwidth
    + .qt-section.container-default,
.single-partner
    main
    .qt-section.container-fullwidth
    + .qt-section.container-default {
    padding-top: var(--wp--preset--spacing--xl);
}

.single-case main .qt-section__inner.grid.grid-col-2,
.single-facility main .qt-section__inner.grid.grid-col-2,
.single-partner main .qt-section__inner.grid.grid-col-2 {
    gap: var(--wp--preset--spacing--l);
}

.single-case main .qt-section__inner.grid-col-2 .qt-section__inner.grid-col-1,
.single-facility
    main
    .qt-section__inner.grid-col-2
    .qt-section__inner.grid-col-1,
.single-partner
    main
    .qt-section__inner.grid-col-2
    .qt-section__inner.grid-col-1 {
    gap: var(--wp--preset--spacing--xl);
}
.single-facility .is-style-lead,
.single-case .is-style-lead,
.single-partner .is-style-lead {
    font-size: var(--wp--preset--font-size--l);
    line-height: 1.2;
}

/* Responsive single template styles */

@media screen and (max-width: 1100px) {
    .single-case .wp-block-cover,
    .single-partner .wp-block-cover,
    .single-facility .wp-block-cover {
        min-height: auto;
        padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--s);
    }
}

@media screen and (max-width: 768px) {
    .single
        .main
        > .qt-section:not(.is-style-breadcrumbs, .container-fullwidth),
    .single-facility
        .main
        > .qt-section:not(.is-style-breadcrumbs, .container-fullwidth),
    .single-partner
        .main
        > .qt-section:not(.is-style-breadcrumbs, .container-fullwidth) {
        padding-top: 0;
    }

    .single .main > .qt-section:not(.is-style-breadcrumbs) .qt-section__inner {
        row-gap: var(--wp--preset--spacing--m);
    }
    .single-case .wp-block-cover,
    .single-partner .wp-block-cover,
    .single-facility .wp-block-cover {
        padding: var(--wp--preset--spacing--l) var(--wp--preset--spacing--xs);
    }

    .single-case
        main
        .qt-section.container-fullwidth
        + .qt-section.container-default,
    .single-facility
        main
        .qt-section.container-fullwidth
        + .qt-section.container-default,
    .single-partner
        main
        .qt-section.container-fullwidth
        + .qt-section.container-default {
        padding-top: var(--wp--preset--spacing--l);
    }

    .single-expert main .qt-section__inner.grid-col-2 {
        grid-template-columns: 1fr;
        row-gap: var(--wp--preset--spacing--m);
    }

    .single-insight .wp-block-post-title {
        margin-top: var(--wp--preset--spacing--xs);
    }
}

/* Breadcrumbs
========================================================================== */

.is-style-breadcrumbs a,
.is-style-breadcrumbs span:not(.last) {
    opacity: 0.6;
}

.rank-math-breadcrumb > p {
    display: flex;
    gap: 14px;
}

@media screen and (max-width: 768px) {
    .rank-math-breadcrumb .last {
        display: none;
    }

    .rank-math-breadcrumb .separator {
        display: none;
    }

    .rank-math-breadcrumb a {
        display: flex;
        align-items: center;
        gap: var(--wp--preset--spacing--tiny);
        opacity: 1;
        font-size: var(--wp--preset--font-size--xs);
    }

    .rank-math-breadcrumb a {
        display: flex;
        align-items: center;
        gap: var(--wp--preset--spacing--tiny);
        opacity: 1;
        color: var(--wp--preset--color--black-60);
        font-size: var(--wp--preset--font-size--xs);
        text-decoration: underline;
    }

    .rank-math-breadcrumb a:not(:hover) {
        text-decoration: underline;
    }

    .rank-math-breadcrumb a:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='none'%3E%3Cg clip-path='url(%23clip0_30340_4182)'%3E%3Cpath d='M15.6602 6.69168H0V8.42828H15.6602V6.69168Z' fill='%232B89ED'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='%232B89ED'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_30340_4182'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(180deg);
    }
}

/* Articles
========================================================================== */

.articles.grid {
    row-gap: var(--wp--preset--spacing--l);
}

/* Filter articles */

.articles__filter-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--wp--preset--color--black-20);
    padding-bottom: var(--wp--preset--spacing--m);
}

.articles__filter-buttons .wp-block-buttons {
    margin-top: 0;
}

.articles__filter-buttons .is-style-tag:has(.active) {
    background-color: var(--wp--preset--color--azure-100);
    border-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
}

/* Search Articles */

.articles__search form {
    display: flex;
    gap: var(--wp--preset--spacing--xxs);
}

.articles__search .input-wrapper {
    height: 4rem;
    border: 1px solid var(--wp--preset--color--azure-100);
    border-radius: 4px;
    width: 400px;
}

.articles__search button {
    display: flex;
    gap: var(--wp--preset--spacing--xxs);
    align-items: center;
    border-radius: var(--wp--custom--border-radius--l);
    background-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
    border: 1px solid transparent;
}

.articles__search button:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_327)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='white'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_327'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrapper svg {
    position: absolute;
    left: var(--wp--preset--spacing--xxs);
    pointer-events: none;
}

.input-wrapper input {
    padding-left: var(--wp--preset--spacing--l);
}

/* Post meta
========================================================================== */

.post-meta {
    display: flex;
    flex-direction: column;
}

.single .post-meta {
    margin-top: 0;
}

/* Filter posts
========================================================================== */

.filters-meta {
    display: flex;
    gap: var(--wp--preset--spacing--m);
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--xxs);
}

.clear-all-filters {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    color: var(--wp--preset--color--black);
    font-size: var(--wp--preset--font-size--xs);
    display: flex;
    align-items: center;
}

.clear-all-filters:before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.371 8.49225L11.3018 7.423L14.8767 2.873H6.75175L5.25175 1.373H16.417C16.7312 1.373 16.9591 1.5115 17.1008 1.7885C17.2424 2.06533 17.2171 2.332 17.0247 2.5885L12.371 8.49225ZM17.7305 18.7997L11.4268 12.496V15.4882C11.4268 15.7396 11.3421 15.9498 11.1728 16.119C11.0036 16.2883 10.7933 16.373 10.542 16.373H9.3115C9.06017 16.373 8.84992 16.2883 8.68075 16.119C8.51142 15.9498 8.42675 15.7396 8.42675 15.4882V9.496L0 1.06925L1.05375 0L18.7997 17.746L17.7305 18.7997Z' fill='%23373737'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: var(--wp--preset--spacing--tiny);
}

.active-filter-tag {
    background-color: transparent;
    border-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--azure-100);
    display: flex;
    align-items: center;
}

.active-filter-tag:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.700722 8.98717L0 8.28645L3.80468 4.48153L0 0.700722L0.700722 0L4.50564 3.80468L8.28645 0L8.98717 0.700722L5.1825 4.48153L8.98717 8.28645L8.28645 8.98717L4.50564 5.1825L0.700722 8.98717Z' fill='%232B89ED'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: var(--wp--preset--spacing--tiny);
    width: 9px;
    height: 9px;
}

@media screen and (max-width: 510px) {
    .articles.grid {
        row-gap: var(--wp--preset--spacing--m);
    }

    .articles__search form {
        flex-direction: column;
    }

    .articles__search form .wp-block-button {
        width: fit-content;
    }

    .articles__search .input-wrapper {
        width: 100%;
    }
}

/* Pagination
========================================================================== */

.pagination-numbers .page-numbers,
.pagination-numbers .page-numbers.next,
.pagination-numbers .page-numbers.prev,
.qt-paginate {
    border-radius: 4px;
    border: 1px solid var(--wp--preset--color--black-20);
}
.pagination-numbers .page-numbers:not(.current, .next, .prev),
.qt-paginate:not(.current) {
    background-color: var(--wp--preset--color--sand);
}

:is(.wp-block-query-pagination, .pagination) .page-numbers:not(.current):hover,
.qt-paginate:not(.current):hover {
    background-color: var(--wp--preset--color--sand);
    color: var(--wp--preset--color--black);
    border: 1px solid var(--wp--preset--color--black-20);
    opacity: 0.6;
}

.pagination .page-numbers:hover path {
    fill: var(--wp--preset--color--black);
}

.pagination-numbers .page-numbers.current,
.qt-paginate.current {
    background-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
    border: 1px solid transparent;
}

.qt-paginate.current:hover {
    opacity: 0.6;
    background-color: var(--wp--preset--color--azure-100);
    color: var(--wp--preset--color--white);
}

/* Locations
========================================================================== */

.locations__container {
    min-width: 0;
}

.locations__tags {
    display: flex;
    gap: var(--wp--preset--spacing--s);
    align-items: center;
}

.locations__tags .category-trigger {
    text-wrap: nowrap;
}

.locations-button:not(.locations-button--all):before {
    content: "";
    display: inline-flex;
    width: var(--wp--preset--spacing--tiny);
    height: var(--wp--preset--spacing--tiny);
    border-radius: 50%;
    justify-self: center;
    place-self: center;
    border: 0.5px solid var(--wp--preset--color--white);
}

.locations-map {
    position: relative;
}

.locations-map .locations-controls {
    margin-bottom: 10px;
}

.locations-map .locations-svg {
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
}

.locations-map .locations-node {
    cursor: pointer;
}

.locations-map .locations-node.locations-hidden {
    opacity: 0;
    pointer-events: none;
}

.locations-map .locations-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 4px 8px;
    border-radius: 4px;
    background: #2b89ed;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 120ms ease;
}

.locations-node {
    r: 0.6px;
}

.locations-node[data-category="Headquarters"] {
    fill: #ffa2f3;
    stroke: #ffa2f3;
}

.locations-button--headquarters:before {
    background-color: #ffa2f3;
}

.locations-node[data-category="Sales Offices"] {
    fill: #2554a1;
}

.locations-button--sales-offices:before {
    background-color: #2554a1;
}

.locations-node[data-category="Production Sites"] {
    fill: var(--wp--preset--color--black-60);
}

.locations-button--production-sites:before {
    background-color: var(--wp--preset--color--black-60);
}

.locations-node[data-category="Projects & Deliveries"] {
    fill: var(--wp--preset--color--azure-50);
    pointer-events: none;
}

.locations-button--projects:before {
    background-color: var(--wp--preset--color--azure-50);
}

.locations-map-inner {
    aspect-ratio: 16 / 9;
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.tabs-and-scrollbar-container {
    margin-top: var(--wp--preset--spacing--m);
}

.locations-node {
    transition:
        opacity 250ms ease,
        transform 250ms ease;
    opacity: 1;
    transform: translateY(0);
}

.locations-node.locations-hidden {
    transform: translateY(0.4px);
}

@media (hover: hover) and (pointer: fine) {
    .locations-map .locations-tooltip.locations-tooltip-visible {
        opacity: 1;
    }
}

@media screen and (max-width: 610px) {
    .locations-node {
        r: 0.8px;
    }
}

/* Contact Form Container
========================================================================== */

.qt-section__inner:has(.is-style-has-contact-form) .is-style-text-column {
    align-self: flex-start;
    padding-top: var(--wp--preset--spacing--xl);
}

.qt-section__inner:has(.is-style-has-contact-form)
    .is-style-text-column
    .card--quote.expert-quote--single {
    margin-top: var(--wp--preset--spacing--l);
}

.qt-section__inner:has(.is-style-has-contact-form) {
    gap: var(--wp--preset--spacing--lm);
}

.qt-container.is-style-has-contact-form {
    min-height: 920px;
}

.qt-section.is-style-contact-form
    .qt-container:not(.is-style-has-contact-form).has-background {
    color: var(--wp--preset--color--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--wp--preset--spacing--lm) var(--wp--preset--spacing--m);
    min-height: 640px;
}

.qt-section.is-style-contact-form:has(
        .qt-container:not(.is-style-has-contact-form).has-background
    )
    .qt-section__inner {
    gap: var(--wp--preset--spacing--m);
}

/* Hubspot styling for contact form */

.qt-container.has-background.is-style-has-contact-form {
    padding: 0;
}

.is-style-has-contact-form .wp-block-heading {
    margin: var(--wp--preset--spacing--lm) var(--wp--preset--spacing--lm) 0
        var(--wp--preset--spacing--lm);
}

.hsfc-Step .hsfc-Step__Content {
    padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--lm)
        var(--wp--preset--spacing--lm) !important;
    font-family: var(--wp--preset--font-family--paragraph) !important;
}

.hsfc-FormWrapper .hsfc-FieldLabel,
.hsfc-RichText {
    font-family: var(--wp--preset--font-family--paragraph) !important;
}

.hsfc-RichText a {
    text-decoration: underline;
}

[data-hsfc-id="Renderer"] .hsfc-RichText,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField span {
    font-size: 12px !important;
}

[data-hsfc-id="Renderer"] .hsfc-Row {
    gap: var(--wp--preset--spacing--s) !important;
}

.hsfc-FormWrapper textarea {
    min-height: 150px;
}

[data-hsfc-id="Renderer"] .hsfc-DropdownOptions__List__ListItem,
[data-hsfc-id="Renderer"] .hsfc-TextInput,
[data-hsfc-id="Renderer"]
    .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl)
    > .hsfc-TextInput,
[data-hsfc-id="Renderer"]
    .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl)
    .hsfc-PhoneInput__FlagAndCaret {
    padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs) !important;
}

.hsfc-DropdownOptions__Search {
    padding: 0 !important;
}

.hsfc-DropdownOptions__Search > .hsfc-TextInput {
    border: none !important;
    border-bottom: 0.75px solid rgba(204, 204, 204, 1) !important;
    border-radius: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-FieldDescription {
    display: none;
}

[data-hsfc-id="Renderer"] .hsfc-FileInput {
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 4px;
}

.hs-error-msgs {
    min-height: 18px;
}

.hsfc-FormWrapper button {
    font-family: var(--wp--preset--font-family--paragraph) !important;
    display: flex !important;
    align-items: center;
    gap: var(--wp--preset--spacing--xxs);
    font-weight: 400 !important;
    padding: var(--wp--preset--spacing--s) var(--wp--preset--spacing--m) !important;
}

.hsfc-FormWrapper button:after {
    content: "";
    display: inline-block;
    width: 16.7px;
    height: 12.1px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_26025_327)'%3E%3Cpath d='M15.6602 6.69171H0V8.42831H15.6602V6.69171Z' fill='white'/%3E%3Cpath d='M13.6648 15.12L12.4346 13.8918L18.779 7.5595L12.4346 1.22825L13.6648 0L20.6246 6.94588C20.9642 7.28477 20.9642 7.83473 20.6246 8.17413L13.6648 15.1205V15.12Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26025_327'%3E%3Crect width='20.88' height='15.12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

[data-hsfc-id="Row"]:has(.hsfc-DataPrivacyField) .hsfc-Row {
    margin-bottom: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-ReCaptchaV2 {
    min-height: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-Row:has(.hsfc-ReCaptchaV2) {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
    .qt-section > .qt-section__inner:has(.is-style-has-contact-form) {
        grid-template-columns: 1fr;
        row-gap: var(--wp--preset--spacing--l);
    }

    .qt-section__inner:has(.is-style-has-contact-form) .is-style-text-column {
        padding-top: 0;
    }

    .qt-section__inner:has(.is-style-has-contact-form)
        .is-style-text-column
        .card--quote.expert-quote--single {
        margin-top: var(--wp--preset--spacing--m);
    }

    .hsfc-Step .hsfc-Step__Content {
        padding: var(--wp--preset--spacing--s) var(--wp--preset--spacing--s)
            var(--wp--preset--spacing--l) !important;
    }

    .is-style-has-contact-form .wp-block-heading {
        margin: var(--wp--preset--spacing--lm) var(--wp--preset--spacing--s) 0
            var(--wp--preset--spacing--s);
    }

    .qt-section.is-style-contact-form
        .qt-container:not(.is-style-has-contact-form).has-background {
        padding: var(--wp--preset--spacing--m) var(--wp--preset--spacing--s);
    }
}

@media screen and (max-width: 510px) {
    .hsfc-Step .hsfc-Step__Content {
        padding: var(--wp--preset--spacing--s) var(--wp--preset--spacing--s)
            var(--wp--preset--spacing--l) !important;
    }
}