*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
#brikit-page-content {
    font-size: 18px;
}

/*--- TYPOGRAPHY ---*/
/*font face*/
@font-face {
    font-family: "EC Square Sans Pro";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/ECSquareSansPro-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "EC Square Sans Pro B";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/ECSquareSansPro-Bold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "EC Square Sans Pro XB";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/ECSquareSansPro-XBlack.ttf");
    font-weight: 900;
}

@font-face {
    font-family: "EC Square Sans Pro M";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/ECSquareSansPro-Medium.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Inter";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/Inter_18pt-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Inter B";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/Inter_18pt-Bold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Inter XB";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/Inter_18pt-ExtraBold.ttf");
    font-weight: 900;
}

@font-face {
    font-family: "Inter M";
    src: url("/digital-building-blocks/sites/download/attachments/693208817/Inter_18pt-Medium.ttf");
    font-weight: 400;
}

#content .wiki-content h1,
#content .wiki-content .h1,
#content .wiki-content h1 strong,
#content .wiki-content .h1 strong,
#content .wiki-content h1 span,
#content .wiki-content .h1 span,
#content .wiki-content .h1 .d-block,
#content .wiki-content .page-heading {
    font-size: 40px; /* Reduce by ~35% */
    line-height: 44px; /* Reduce by ~30% */
    font-family: var(--font-family-regular), "Sans Serif";
    font-weight: 600;
    color: var(--color-neutral-black);
}

#content .wiki-content h2,
#content .wiki-content .h2,
#content .wiki-content h2 strong,
#content .wiki-content .h2 strong,
#content .wiki-content h2 span,
#content .wiki-content .h2 span,
#content .wiki-content .h2 .d-block {
    font-size: 32px; /* Reduce by ~30% */
    line-height: 40px; /* Reduce by ~25% */
    font-family: var(--font-family-regular), "Sans Serif";
    font-weight: 600;
    color: var(--color-neutral-black);
}

#content .wiki-content h3,
#content .wiki-content .h3,
#content .wiki-content h3 strong,
#content .wiki-content .h3 strong,
#content .wiki-content h3 span,
#content .wiki-content .h3 span,
#content .wiki-content .h3 .d-block {
    font-size: 24px; /* Reduce by ~25% */
    line-height: 32px; /* Reduce by ~25% */
    font-family: var(--font-family-regular), "Sans Serif";
    font-weight: 600;
    color: var(--color-neutral-black);
}

#content .wiki-content h4,
#content .wiki-content .h4,
#content .wiki-content h4 strong,
#content .wiki-content .h4 strong,
#content .wiki-content h4 span,
#content .wiki-content .h4 span,
#content .wiki-content .h4 .d-block {
    font-size: 22px; /* Reduce by ~25% */
    line-height: 28px; /* Reduce by ~15% */
    font-family: var(--font-family-regular), "Sans Serif";
    font-weight: 600;
    color: var(--color-neutral-black);
}

#content .wiki-content h5,
#content .wiki-content .h5,
#content .wiki-content h5 strong,
#content .wiki-content .h5 strong,
#content .wiki-content .h5 span,
#content .wiki-content h5 span,
#content .wiki-content .h5 .d-block {
    font-size: 20px; /* Reduce by ~20% */
    line-height: 28px; /* Reduce by ~15% */
    font-family: var(--font-family-regular), "Sans Serif";
    font-weight: 600;
    color: var(--color-neutral-black);
}

#content .wiki-content h6,
#content .wiki-content .h6,
#content .wiki-content h6 strong,
#content .wiki-content .h6 strong,
#content .wiki-content .h6 span,
#content .wiki-content h6 span,
#content .wiki-content .h6 .d-block {
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-family-regular), "Sans Serif";
    font-weight: 600;
    color: var(--color-neutral-black);
}

#main #main-content h1 a,#main #main-content  h2 a, #main #main-content h3 a, #main #main-content h4 a, #main #main-content h5 a, #main #main-content h6 a {
    font-size: inherit;
    line-height: inherit;
}

#main #main-content h1 > span.cef-secondary-color {
    color: var(--color-primary-yellow);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-bottom: 16px!important;
}
#main #main-content .btn-head-wrapper {
    display: flex;
    gap: 24px;
    margin-top: 24px;
    flex-wrap: wrap;
}

@media screen and (min-width: 769px) {

    #content .wiki-content h1,
    #content .wiki-content .h1,
    #content .wiki-content h1 strong,
    #content .wiki-content .h1 strong,
    #content .wiki-content h1 span,
    #content .wiki-content .h1 span,
    #content .wiki-content .h1 .d-block{
        font-size: 56px;
        line-height: 64px;
    }
    /* #content .wiki-content .page-heading, #content .wiki-content .hero-section h1 span {
        font-size: 56px;
        line-height: 64px;

    }
    #content .wiki-content .hero-section .cef-col-6 {
        flex: 0 0 66.666667%!important;
        max-width: 66.666667%!important;
    } */

    #content .wiki-content h2,
    #content .wiki-content .h2,
    #content .wiki-content h2 strong,
    #content .wiki-content .h2 strong,
    #content .wiki-content h2 span,
    #content .wiki-content .h2 span,
    #content .wiki-content .h2 .d-block {
        font-size: 40px;
        line-height: 44px;
        color: var(--color-neutral-black);
    }

    #content .wiki-content h3,
    #content .wiki-content .h3,
    #content .wiki-content h3 strong,
    #content .wiki-content .h3 strong,
    #content .wiki-content h3 span,
    #content .wiki-content .h3 span,
    #content .wiki-content .h3 .d-block {
        font-size: 32px;
        line-height: 40px;
        color: var(--color-neutral-black);
    }

    #content .wiki-content h4,
    #content .wiki-content .h4,
    #content .wiki-content h4 strong,
    #content .wiki-content .h4 strong,
    #content .wiki-content h4 span,
    #content .wiki-content .h4 span,
    #content .wiki-content .h4 .d-block {
        font-size: 24px;
        line-height: 28px;
        color: var(--color-neutral-black);
    }

    #content .wiki-content h5,
    #content .wiki-content .h5,
    #content .wiki-content h5 strong,
    #content .wiki-content .h5 strong,
    #content .wiki-content .h5 span,
    #content .wiki-content h5 span,
    #content .wiki-content .h5 .d-block {
        font-size: 20px;
        line-height: 24px;
        color: var(--color-neutral-black);
    }

    #content .wiki-content h6,
    #content .wiki-content .h6,
    #content .wiki-content h6 strong,
    #content .wiki-content .h6 strong,
    #content .wiki-content .h6 span,
    #content .wiki-content h6 span,
    #content .wiki-content .h6 .d-block {
        font-size: 18px;
        line-height: 22px;
        color: var(--color-neutral-black);
    }
}

#custom-content-header,
#custom-content-footer,
#custom-content-header button,
#custom-content-footer button,
.wiki-content p,
.wiki-content span,
.wiki-content ul,
.wiki-content ol,
.wiki-content div,
.wiki-content li {
    font-family: var(--font-family-regular), sans-serif;
}

#main .wiki-content p,
#main .wiki-content span,
#main .wiki-content ul,
#main .wiki-content ol,
#main .wiki-content div,
#main .wiki-content li {
    color: var(--color-neutral-dark-grey);
}
#main .wiki-content .table-wrap strong {
    font-size: 18px;
    line-height: 28px;
}
#main .wiki-content .table-wrap h5,  #main .wiki-content .table-wrap h5 span {
    font-size: 18px;
    line-height: 28px;
    color: var(--color-neutral-dark-grey);
    font-weight: 400;
}
#main .wiki-content .table-wrap h5 a,  #main .wiki-content .table-wrap h5 a span {
    color: var(--color-accent-blue)!important;
}

#main .wiki-content * .status-macro {
    font-size: 11px!important;
    line-height: 1!important;
}

#main .wiki-content .aui-lozenge.aui-lozenge-success {
    color: var(--aui-lozenge-success-text-color);
}
#main .wiki-content .aui-lozenge.aui-lozenge-moved {
    color: var(--aui-lozenge-moved-text-color);
}
#main .wiki-content .aui-lozenge.aui-lozenge-error {
    color: var(--aui-lozenge-success-text-color);
}
#main .wiki-content .aui-lozenge {
    color: var(--aui-lozenge-success-text-color);
}
#main .wiki-content .aui-lozenge.aui-lozenge-subtle {
    color: var(--aui-lozenge-subtle-text-color);
}


#custom-content-footer strong,
.wiki-content strong,
#custom-content-footer h2 {
    font-family: var(--font-family-regular), sans-serif;
    font-weight: 600;
}

.wiki-content .ff-m {
    font-family: var(--font-family-medium), sans-serif;
    font-weight: 400;
}

.nav-main .second-level li .link-el .second-level-title,
.nav-support .second-level li .link-el .second-level-title,
.nav-main .third-level li .link-el .third-level-title {
    font-size: var(--font-size-18);
    line-height: 24px;
    font-family: var(--font-family-regular);
    font-weight: 600;
}

/* ----- */

header#header nav.aui-header {
    z-index: 1000;
}

#main-header {
    display: flex;
    max-width: 1920px;
    width: 100%;
    justify-content: space-between;
    background: #faf3fc !important;
    margin: 0 auto;
    position: unset !important;
    padding-top: 10px;
}

#main-header #navigation {
    order: 1;
}

@media screen and (max-width: 768px) {
    #main-header {
        justify-content: end;
    }
}

.spacetools.with-space-sidebar #main-header {
    padding: 0;
    margin-bottom: 20px;
}

#main-header #navigation {
    margin-right: 1.5rem;
}

#main-header #title-heading {
    margin-left: 1.5rem;
}

@media (prefers-reduced-motion) {
    *:not(.marquee-item) {
        transition: 0s !important;
        animation: none !important;
    }
}

/* skip to main content btn */
.skip-to-mc-wrapper {
    display: flex;
    max-width: 1224px;
    margin: auto;
    height: fit-content;
    padding-inline: 1rem;
}

.skip-to-mc {
    opacity: 0;
    height: 0;
    display: flex;
}

.skip-to-mc:focus-visible {
    opacity: 1;
    height: auto;
    padding: var(--spacing-16);
    border-radius: var(--spacing-8);
    border: 1px solid var(--color-primary);
    margin-top: var(--spacing-16);
}

:root {
    /* --VARIABLES-- */

    /* COLORS */
    --color-primary: #0e47cb;
    --color-primary-2: #9fb5ea;
    --color-primary-3: #082b7a;
    --color-primary-4: #292b3c;
    --color-tertiary: #4e5169;
    --color-surface-lila-light: #eee4f8;
    --color-surface-lila: #d3bded;
    --color-surface-lila-dark: #9766cb;
    --color-surface-green-light: #f1faeb;
    --color-surface-green: #dcf1cc;
    --color-surface-green-dark: #55953b;
    --color-surface-pink-light: #fdeeef;
    --color-surface-pink: #f7dddf;
    --color-surface-pink-dark: #d9747e;
    --color-surface-pink-darkest: #894249;
    --color-surface-soft-blue-light: #eff0fc;
    --color-surface-soft-blue: #d6d9f9;
    --color-surface-soft-blue-dark: #7a79e4;
    --color-surface-soft-yellow-dark: #b38f00;
    --color-surface-soft-yellow-darkest: #6c4d00;
    --color-surface-soft-yellow-light: #fffae6;
    --color-surface-soft-yellow: #fff3c1;
    --color-divider-line: #d6d9f9;

    /* Color Palette */
    --color-primary-night-blue: #003764;
    --color-primary-yellow: #FFCF00;
    --color-accent-blue: #3679B0;
    --color-accent-light-blu: #F1F6FB;
    --color-accent-dark-green: #99C9BD;
    --color-accent-light-green: #E4F2EF;
    --color-neutral-black: #101828;
    --color-neutral-dark-grey: #484F5C;
    --color-neutral-medium-grey: #667085;
    --color-neutral-light-grey: #D0D5DD;
    --color-neutral-white: #FFF;
    --color-feedback-error: #DA1E28;
    --color-feedback-warning: #F39811;
    --color-feedback-success: #24A148;
    --color-feedback-positive: #186D31;
    --color-functional-default-yellow: #FFCF00;
    --color-functional-default-yellow-hover: #F0BA03;
    --color-functional-default-light-blue: #3679B0;
    --color-functional-default-light-blue-hover: #295B85;
    --color-functional-default-blue: #003764;
    --color-functional-default-blue-hover: #002442;

    /* SPACING */

    --spacing-0: 0px;
    --spacing-2: 0.125rem;
    /* 2px */
    --spacing-4: 0.25rem;
    /* 4px */
    --spacing-6: 0.375rem;
    /* 6px */
    --spacing-8: 0.5rem;
    /* 8px */
    --spacing-10: 0.625rem;
    /* 10px */
    --spacing-12: 0.75rem;
    /* 12px */
    --spacing-14: 0.875rem;
    /* 14px */
    --spacing-16: 1rem;
    /* 16px */
    --spacing-24: 1.5rem;
    /* 24px */
    --spacing-32: 2rem;
    /* 32px */
    --spacing-40: 2.5rem;
    /* 40px */
    --spacing-48: 3rem;
    /* 48px */
    --spacing-60: 3.75rem;
    /* 60px */
    --spacing-80: 5rem;
    /* 80px */
    --spacing-108: 6.75rem;
    /* 108px */
    --spacing-160: 10rem;
    /* 160px */

    /* FONT-SIZE */
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-32: 32px;
    --font-size-40: 40px;
    --font-size-44: 44px;
    --font-size-56: 56px;
    --font-size-64: 64px;
    --font-size-72: 72px;


    /* font-family */
    --font-family-regular:"EC Square Sans Pro";
    --font-family-bold:"EC Square Sans Pro B";
    --font-family-XB:"EC Square Sans Pro XB";
    --font-family-medium:"EC Square Sans Pro M";
    /* HEADINGS */
    /* --h1-size:  */
}

#main #main-content .fs-24 {
    font-size: var(--font-size-24);
    line-height: 32px;
}

#header-main {
    background-color: var(--color-primary-night-blue);
    /* max-width: 1920px; */
    margin: 0 auto;
    min-height: 83px;
    padding: 0 24px;
}


/* UPDATED */

#com-atlassian-confluence .__hidden {
    visibility: hidden;
    opacity: 0;
    display: none;
}

#header-main-wrapper .nav-support button,
#header-main-wrapper .nav-main button {
    cursor: pointer;
    border: none;
    background: transparent;
}

.navs-wrapper {
    display: flex;
    justify-content: space-between;
}

#nav-main {
    display: flex;
    justify-content: center;
}

#header-main #nav-support-toggler {
    display: block !important;
}



.nav-main ul.first-level>li:first-child {
    margin-left: var(--spacing-48);
}

.nav-support-wrapper {
    position: relative;
    top: 4px;
}

.nav-support .second-level.dropdown {
    width: 400px;
    max-width: 400px;
}

.nav-support .second-level .h-desk {
    padding: 1rem;
}

.nav-support .second-level .h-desk>.btn.link-el {
    margin-bottom: 24px;
}

/* ---- */

/*--- HEADER MAIN = BRANDING + NAV MAIN ---*/
#header-main-wrapper {
    z-index: 99;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1224px !important;
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    justify-content: space-between;
    background: var(--color-primary-night-blue);
}

#header-main-wrapper>div:first-child {
    display: flex;
    gap: 16.4px;
    max-height: 56px;
}

@media screen and (max-width: 1224px) {
    #header-main-wrapper {
        display: block;
    }
}

/* @media screen and (min-width: 1920px) {
    #header-main-wrapper {
        max-width: 1320px !important;
    }
} */

#ec-branding-header-main {
    display: inline-block;
    max-height: 41px;
}

#branding-header-main {
    display: inline-block;
    max-height: 41px;
}

#ec-branding-header-main img {
    width: 141px;
}

#branding-header-main img {
    width: 113px;
    position: relative;
    top: 6px;
}

#header-main .btn {
    display: inline-flex !important;
    width: fit-content;
    padding: 12px 16px;
    text-decoration: none;
    background: var(--color-accent-blue);
    border-radius: 100px;
    box-shadow: none;
    cursor: pointer;
    min-width: 122px;
    border: none;
}

#header-main .btn:hover,
#header-main .btn:focus-within {
    text-decoration: underline;
    background-color: var(--color-functional-default-light-blue-hover);
}

#header-main .btn:hover span,
#header-main .btn:focus-within span {
    text-decoration: underline;
}

#header-main .btn span {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    font-family: 'Inter';
    color: var(--color-neutral-white);
    font-size: var(--font-size-18);
    line-height: 22px;
    font-weight: 600;
}


#header-main .close-menu-button {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 0;
}

@media screen and (min-width: 1220px) {
    #ec-branding-header-main img {
        width: 141px;
    }

    #branding-header-main img {
        width: 113px;
    }
}

/*--- NAV MAIN DESKTOP ---*/
#custom-content-header {
    position: relative;
}

#custom-content-header>p:last-child {
    display: none;
}

#custom-content-header .nav-main .link-el,
#custom-content-header .nav-support .link-el {
    font-family: 'Inter';
    font-size: var(--font-size-18);
    line-height: 22px;
    font-weight: 600;
    background: none;
    cursor: pointer;
    text-align: left;
    max-width: 300px;
}


.nav-main ul,
.nav-support ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*nav main - branding mobile + burger - hide on desktop*/
.branding-header-main-mobile,
#header-main .hamburger-menu {
    display: none;
    font-size: var(--font-size-18);
}

/*nav main - first level*/
.nav-main ul.first-level {
    position: relative;
}

.nav-main ul.first-level .link-el {
    border: none;
}

.nav-main ul.first-level>li,
.nav-support ul.second-level>li {
    display: inline-block;
    margin-right: var(--spacing-48);
    padding: 1rem 0;
    transition: 0.3s;
}

.mobile-enabled .nav-main .third-level.rightpop {
    margin-left: 0;
}

.nav-main ul.first-level>li:hover,
.nav-main ul.first-level>li:focus-within {
    cursor: pointer;
}

.nav-main ul.first-level>li .link-el,
.nav-support ul .link-el {
    font-family: 'Inter';
    text-decoration: none;
    color: var(--color-neutral-white);
    font-size: var(--font-size-18);
    line-height: 22px;
}

#custom-content-header .nav-main ul.first-level>li:hover>.link-el,
#custom-content-header .nav-support ul>li:hover>.link-el {
    text-decoration: underline;
}

/* added 15-1-2024 */
#custom-content-header .nav-main ul.first-level>li.active>.link-el,
#custom-content-header .nav-main .second-level>ul>li.active>.link-el,
#custom-content-header .nav-main .second-level>ul>li.active>.link-el *,
#custom-content-header .nav-support .second-level>ul>li.active>.link-el,
#custom-content-header .nav-support .second-level>ul>li.active>.link-el * {
    color: var(--color-neutral-white);
    text-decoration: underline;
}

#custom-content-header .mobile-enabled ul.first-level>li>.link-el {
    text-decoration: none;
    color: var(--color-tertiary);
}

#custom-content-header .mobile-enabled ul.first-level>li.active>.link-el {
    color: var(--color-neutral-white);
    text-decoration: underline;
}


.nav-main .third-level li:hover .link-el .third-level-title,
.nav-main .third-level li:hover .link-el .third-level-text {
    color: var(--color-neutral-white);
    position: relative;
}



@media screen and (max-width: 1220px) {

    .nav-main ul.first-level>li:first-child {
        margin-left: var(--spacing-0);
    }

    .nav-main ul.first-level li.active>.second-level,
    .nav-main .second-level ul li.active>.third-level {
        visibility: visible;
        opacity: 1;
        display: block;
    }


    .nav-main .second-level>ul>li.active .link-el[aria-haspopup="true"] .second-level-title {
        color: var(--color-neutral-white);
    }

    .nav-main .second-level>ul>li.active .link-el[aria-haspopup="true"] .second-level-text {
        color: var(--color-neutral-white);
        text-decoration: underline;
    }


}

#custom-content-header .nav-main .external-icon-nav {
    position: relative;
    top: 3px;
    left: 7px;
}

#custom-content-header .bt-line {
    padding-top: 24px;
    border-top: 1px solid var(--color-neutral-light-grey);
    border-radius: 0;
}

/*nav main - second level*/
.nav-main .second-level,
.nav-support .second-level {
    position: absolute;
    top: 3.5rem;
    left: -1rem;
    visibility: visible;
    opacity: 1;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    padding: 1.5rem;
    margin-top: 0;
    text-align: left;
    background-color: white;
    box-shadow: 0px 4px 12px 0px rgba(0, 24, 50, 0.08);
    border-radius: 10px;
}

/*nav main - third level*/
.nav-main .third-level {
    position: absolute;
    top: -16px;
    padding: 1rem;
    text-align: left;
    background-color: white;
    border-radius: 16px;
}

.nav-main .third-level.rightpop {
    left: 100%;
    margin-left: 2rem;
}

.nav-main .third-level.leftpop {
    right: 100%;
    margin-right: 2rem;
}

.nav-support .second-level.leftpop {
    right: 0;
    left: unset;
}

.nav-support .second-level.rightpop {
    left: 0;
    right: unset;
}

.nav-main .rightpop.third-level:before {
    left: -14px;
}

.nav-main .leftpop.third-level:before {
    right: -16px;
    transform: rotate(180deg);
}

.nav-support .leftpop.second-level:before {
    left: unset;
    right: 25px;
}

.nav-main .one-col {
    position: relative;
}

.nav-main .one-col>.fl-btn {
    min-width: 0 !important;
    padding: 0;
}

.nav-main .one-col .second-level,
.nav-support .one-col,
.nav-main .one-col .third-level {
    min-width: 352px;
    max-width: 352px;
}

.nav-main .second-level ul,
.nav-support .second-level ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nav-main .second-level li .link-el,
.nav-support .second-level li .link-el {
    position: relative;
    display: block;
    padding: 10px 12px;
    border-radius: 10px;
    transition: 0.3s;
}



.nav-main .second-level li .link-el:hover,
.nav-support .second-level li .link-el:hover {
    background-color: transparent;
}

.nav-main .second-level li .link-el:before,
.nav-support .second-level li .link-el:before {
    content: "";
    position: absolute;
    top: 0.75rem;
    left: 0.5rem;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-position: center;
}

@media screen and (min-width: 1221px) {

    .nav-main .second-level li:hover>.link-el>.second-level-title,
    .nav-main .second-level li:hover>.link-el>.second-level-text,
    .nav-support .second-level li:hover>.link-el>.second-level-title,
    .nav-support .second-level li:hover>.link-el>.second-level-text,
    .nav-main .third-level li:hover>.link-el>.third-level-title,
    .nav-main .third-level li:hover>.link-el>.third-level-text {
        text-decoration: underline;
        position: relative;
    }
}

@media screen and (max-width: 1220px) {

    .nav-main .second-level li:not(:has(.link-el[aria-haspopup="true"])):hover .second-level-title,
    .nav-main .second-level li:not(:has(.link-el[aria-haspopup="true"])):hover .second-level-text,
    .nav-main .third-level li:focus-within>.link-el>.third-level-title,
    .nav-main .third-level li:focus-within>.link-el>.third-level-text {
        position: relative;
    }

    .nav-main .third-level li:hover>.link-el>.third-level-title {
        color: var(--color-neutral-black);
        position: relative;
    }

    .nav-main .third-level li:hover>.link-el>.third-level-text {
        color: var(--color-neutral-black);
        position: relative;
    }

}



.nav-main .second-level li .link-el .second-level-title,
.nav-support .second-level li .link-el .second-level-title,
.nav-main .third-level li .link-el .third-level-title {
    color: var(--color-neutral-black);
    line-height: 18px;
    font-family: var(--font-family-regular);
}

.nav-main .second-level li .link-el .second-level-text,
.nav-support .second-level li .link-el .second-level-text,
.nav-main .third-level li .link-el .third-level-text {
    display: block;
    color: var(--color-neutral-black);
}

.nav-main .second-level li .link-el:hover .second-level-text,
.nav-main .third-level li .link-el:hover .third-level-text {
    display: block;
}

@media screen and (max-width: 767px) {
    #ec-branding-header-main img {
        max-width: 98px;
    }

    #branding-header-main img {
        max-width: 78.5px;
        top: 3px;
    }

    /*put on top layer logos + button menu*/
    #ec-branding-header-main,
    #branding-header-main {
        z-index: 1;
        position: relative;
        top: 8px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1220px) {

    /*put on top layer logos + button menu*/
    #ec-branding-header-main,
    #branding-header-main {
        z-index: 1;
        position: relative;
        top: 2px;
    }
}

/*--- NAV MAIN MOBILE ---*/
@media screen and (max-width: 1220px) {

    .nav-main ul,
    #header-main .nav-support-wrapper {
        display: none;
    }

    /*nav main mobile - burger*/
    #header-main-wrapper .hamburger-menu {
        position: absolute;
        background-color: var(--color-neutral-white);
        top: 1.2rem;
        right: 0rem;
        display: block;
        padding: var(--spacing-16);
        text-decoration: none;
        border: 1px solid var(--color-primary);
        border-radius: 8px;
        max-height: 58px;
        cursor: pointer;
    }

    #header-main #nav-support-toggler {
        margin-bottom: 4px;
    }

    #custom-content-header #header-main .fl-btn.link-el {
        text-decoration: underline;
        color: var(--color-primary)!important;
    }

    #header-main-wrapper .hamburger-menu:after {
        content: "Menu";
        color: var(--color-functional-default-blue);
        background-image: url("/digital-building-blocks/sites/download/attachments/607781201/ico-hamburger-primary.svg");
    }

    #header-main.mobile-enabled .hamburger-menu {
        /* background-color: white; */
    }

    #header-main.mobile-enabled .hamburger-menu:after {
        content: "Menu";
        background-image: url("/digital-building-blocks/sites/download/attachments/607781201/ico-close-primary.svg");
    }

    #header-main .hamburger-menu:after,
    #header-main.mobile-enabled .hamburger-menu:after {
        position: relative;
        padding-right: 28px;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: right;
    }

    /*nav main mobile*/
    #header-main.mobile-enabled {
        z-index: 100;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        width: 100vw;
        height: 100vh;
        transition-duration: 0.3s;
        /* background: rgba(10, 10, 10, 0.3); */
        overflow-y: auto;
    }

    /*nav main mobile - first level*/
    .mobile-enabled .navs-wrapper {
        flex-direction: column;
        width: 100%;
        float: right;
        margin: 3rem 0rem 7rem 3rem;
        padding: 2rem;
        min-height: 20vh;
        background-color: white;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
            0 0px 0 1px rgba(10, 10, 10, 0.02);
        border-radius: 10px;
    }

    .mobile-enabled .nav-support .second-level.dropdown {
        max-width: 100%;
        width: 450px;
    }

    #header-main.mobile-enabled .close-menu-button {
        visibility: hidden;
        display: none;
        opacity: 0;
    }

    .mobile-enabled #nav-main {
        width: 100%;
        justify-content: flex-start;
    }

    .mobile-enabled ul.first-level {
        display: flex;
        flex-direction: column;
    }

    #header-main.mobile-enabled .nav-support-wrapper {
        display: flex;
        flex-direction: column;
    }

    .nav-support .second-level .h-desk {
        padding: 0;
    }

    .mobile-enabled ul.first-level>li {
        display: block !important;
        float: none;
        margin: 0;
        padding: 0;
        text-align: left;
        border: none;
    }

    .mobile-enabled ul.first-level>li .link-el {
        display: inline-block;
        padding: 12px 0;
    }

    /*nav main mobile - second level*/
    .mobile-enabled .second-level {
        position: relative;
        top: 0;
        margin-top: 0;
        padding: 0;
        width: 100%;
        background-color: transparent;
        box-shadow: none;
    }

    .mobile-enabled .second-level ul {
        display: flex;
        gap: 8px;
    }

    .mobile-enabled .second-level ul li .link-el {
        position: relative;
        padding: 1rem;
    }

    .mobile-enabled .third-level {
        position: initial;
        margin-left: 0;
    }

    #header-main .btn {
        margin-top: 12px;
    }
}

@media screen and (max-width: 768px) {
    .mobile-enabled .second-level .col-6 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #footer-main .footer-line ul {
        flex-direction: column;
        padding: 0;
        align-items: flex-start;
    }
}

@media screen and (max-width: 576px) {

    .mobile-enabled .one-col .second-level,
    .mobile-enabled .one-col .third-level {
        min-width: unset;
    }

    .mobile-enabled .navs-wrapper {
        padding: 1rem;
    }

}

@media screen and (max-width: 330px) {
    #header-main-wrapper>div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ---- */

/* ecElements */
#com-atlassian-confluence .ec-elements-hidden {
    display: none;
    visibility: hidden;
    opacity: 1;
}


/* ! ------------------------- ! */

.cols>div {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 1rem;
}

@media screen and (min-width: 769px),
print {
    .cols:not(.is-desktop) {
        display: flex;
    }

    .cols>.col-1 {
        flex: none;
        width: 8.333333%;
    }

    .cols>.col-2 {
        flex: none;
        width: 16.666667%;
    }

    .cols>.col-3 {
        flex: none;
        width: 25%;
    }

    .cols>.col-4 {
        flex: none;
        width: 33.333333%;
    }

    .cols>.col-5 {
        flex: none;
        width: 41.666667%;
    }

    .cols>.col-6 {
        flex: none;
        width: 50%;
    }

    .cols>.col-7 {
        flex: none;
        width: 58.333333%;
    }

    .cols>.col-9 {
        flex: none;
        width: 75%;
    }

    .cols>.col-8 {
        flex: none;
        width: 66.666667%;
    }

    .cols>.col-10 {
        flex: none;
        width: 83.333333%;
    }

    .cols>.col-11 {
        flex: none;
        width: 91.666667%;
    }

    .cols>.col-12 {
        flex: none;
        width: 100%;
    }
}

/*--- COLUMN ---*/
/* .cols {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1rem;
}

.cols:last-child {
    margin-bottom: -1rem;
} */

/* .cols:not(:last-child) {
    margin-bottom: calc(2rem - 1rem);
} */

.cols>div {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 1rem;
}


/*column mobile*/
.cols.mobile {
    display: flex;
}

/*column gap*/
.cols.gap-lg {
    margin-left: -2rem;
    margin-right: -0.75rem;
    margin-top: -2rem;
}

.cols.gap-lg:last-child {
    margin-bottom: -2rem;
}

.cols.gap-lg:not(:last-child) {
    margin-bottom: calc(4rem - 2rem);
}

.cols.gap-lg>div {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 2rem;
}

/*column separator not for mobile*/
@media screen and (min-width: 769px) {

    .col-separator-before,
    .col-separator-after {
        position: relative;
    }

    .col-separator-before:before,
    .col-separator-after:after {
        content: "";
        position: absolute;
        top: 2rem;
        height: 85%;
        border-left: 1px solid #e3e6eb;
    }

    .col-separator-before:before {
        left: -0.25rem;
    }

    .col-separator-after:after {
        right: -0.25rem;
    }
}

/*--- IMAGE ---*/
.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.img-left {
    margin-left: 0;
    margin-right: auto;
    display: block;
}

.img-right {
    margin-left: auto;
    margin-right: 0;
    display: block;
}

/*--- CARD ---*/
.card {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    min-width: 0;
    word-wrap: break-word;
}

/*card standard = equal height only for content*/
.card-content {
    background-color: transparent;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
    min-height: 1px;
    background-color: white;
    border-radius: 30px;
}

/*card button*/
.card-button .card-content {
    background-color: transparent;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
    min-height: 1px;
    background-color: white;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0 !important;
}

.card-button .card-footer {
    background-color: transparent;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: center;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.card-button .card-footer {
    border-top: 0 !important;
}

/*card multi-link*/
.card-multi-links .card-content {
    background-color: #F9F9F9;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem 0 1.5rem;
    min-height: 1px;
    border: 1px solid #1D0D34;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0 !important;
}

.card-multi-links .card-footer {
    background-color: white;
    border-top: 1px solid #ededed;
    align-items: stretch;
    display: flex;
    border: 1px solid #1D0D34;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.card-multi-links .card-footer-item {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: 1.5rem;
}

.card-multi-links .card-footer-item:not(:last-child) {
    border-right: 1px solid #1D0D34;
}

/*card header*/
.card-header {
    position: relative;
    border-bottom: 1px solid #E3E2E6;
}

.card-header .title {
    text-align: center;
}

.card-header .logo {
    position: absolute;
    top: -62px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    background-color: white;
    border-radius: 50px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}

.card-header .logo img {
    width: 52px;
}

/*card helpers*/
.card-ptb-0 .card-content {
    padding-top: 0;
    padding-bottom: 0;
}

.card-ptb-0 .card-footer {
    padding-bottom: 0;
}

/*--- CARD GRID card-grid-footer will automatically line up ---*/
.card-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100% !important;
    padding: 1rem 2rem;
    background-color: white;
    box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1);
    border-radius: 16px;
}

.card-grid .card-grid-img {
    margin: -1rem -2rem 0.5rem -2rem;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card-grid .card-grid-img img {
    max-width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card-grid-footer p {
    margin-bottom: 0;
}

@media screen and (min-width: 769px) {
    .cards-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .card-grid-body {
        flex: 1 1 auto;
    }
}


/*--- FLEX ---*/
.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    display: flex!important;
    align-items: flex-start;
}

.align-items-center {
    display: flex!important;
    align-items: center;
}

.align-items-end {
    display: flex!important;
    align-items: flex-end;
}

.flex-col {
    display: flex!important;
    flex-direction: column;
}

.flex-row {
    display: flex!important;
    flex-direction: row;
}


/*--- SCREEN READER ---*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/*--- SCREEN READER ---*/
/*--------------------*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}


/*--- FOOTER MAIN = BRANDING + NAV FOOTER + NAV LEGAL ---*/
#footer-main {
    /* max-width: 1920px; */
    margin: 0 auto;
    background: #F1F6FB;
}

#footer-main {
    padding: 8.125rem 1rem 3rem;
    text-align: left;
}


#branding-footer-main img {
    margin-bottom: 1.5rem;
    width: 154px;
}

#branding-footer-description {
    font-size: var(--font-size-16);
    line-height: 24px;
    color: #4A3D5D;
    margin-bottom: 0;
}

#footer-main .social-media li {
    margin-right: 0;
    display: flex;
    min-width: 32px;
    justify-content: center;
    align-items: center;
}

#footer-main .social-media {
    display: flex;
    gap: 14px;
    align-items: center;
}

.social-media {
    margin-top: 2rem !important;
    padding: 0;
}

.social-media li {
    display: inline;
    margin-right: 0.5rem;
}

#nav-footer_privacy_statement {
    max-width: 240px;
}

#footer-main h2 {
    margin-bottom: 1.5rem;
    color: #1D0D34;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

#footer-main .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.50rem 1rem;
    min-width: 120px !important;
    font-weight: normal !important;
    text-decoration: none;
    color: #1D0D34;
    background: transparent;
    border: 1px solid #1D0D34;
    border-radius: 30px;
    box-shadow: none;
}

#footer-main .btn:hover {
    text-decoration: underline;
}

/* subscribe section Footer */
#subscribe-footer-main {
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: baseline;
    padding: 1.5rem;
    max-width: 530px;
    border-radius: 10px;
    background: var(--Colours-Neutral-White, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(0, 55, 100, 0.10);
    gap: 16px;
}


#subscribe-footer-main .secondary {
    color: white !important;
    background: #cd1d8b;
    border-color: #cd1d8b;
}

#subscribe-footer-main strong {
    color: var(--color-neutral-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

#subscribe-footer-main p {
    color: var(--color-neutral-dark-grey);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

#subscribe-footer-main>p:nth-child(2) {
    margin-top: 0;
    margin-bottom: 8px;
}

#subscribe-footer-main .btn {
    border-radius: 100px;
    border: 1px solid #227AC0;
    background: #227AC0;
    color: var(--Colours-Neutral-White, #FFF);
    text-align: center;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px;
}

#footer-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

#footer-links h2 {
    font-size: var(--font-size-18);
}

#footer-links span:hover {
    text-decoration: none;
}

#footer-links .link-external:after {
    right: -23px;
    top: 3px;
}

#footer-links li a {
    color: var(--color-neutral-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

/*nav-footer*/
.nav-footer {
    /* width: 211px; */
    max-width: 211px;
}

.nav-footer ul {
    margin-bottom: 1.75rem !important;
    padding: 0;
    list-style: none;
}

.nav-footer ul li {
    margin-bottom: 1rem;
}

.nav-footer li.mb24 {
    margin-bottom: 1.5rem;
}

.nav-footer ul li a:hover {
    color: #4A3D5D !important;
}

.nav-footer .external-icon-nav,
.footer-line .external-icon-nav {
    position: relative;
    top: 3px;
    left: 7px;
}

.footer-line ul {
    display: flex;
    gap: 40px;
    justify-content: center;
    list-style: none;
}

.footer-line ul li a {
    color: #101828;
    text-align: center;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#custom-content-footer .bt-line {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid var(--color-neutral-light-grey);
    border-radius: 0;
}



/*header toggle confluence*/
.confluence-admin {
    text-align: right;
}

#header-toggle {}

#header-toggle-depreceated {
    position: relative;
    display: inline-block;
    padding: 0.50rem 2rem 0.50rem 1.25rem;
    height: 42px;
    font-weight: normal !important;
    text-decoration: none !important;
    ;
    border: 1px solid #1D0D34;
    border-radius: 30px;
    box-shadow: none;
}

#header-toggle:hover {
    text-decoration: underline !important;
}


.container {
    max-width: 1224px !important;
    margin: 0 auto;
}

.container-lg {
    max-width: 1400px !important;
    margin: 0 auto;
}

/* @media screen and (min-width: 1920px) {

    #title-text,
    #likes-and-labels-container,
    #comments-section,
    .container {
        max-width: 1320px !important;
    }
} */


#main #main-content .brikit-container-backdrop.secondary-nav {
    background: #2C597E;
    margin: 0!important;
    padding: 24px;
    z-index: 2;
}

#main #main-content .brikit-container-backdrop.secondary-nav .brikit-container-content {
    padding: 0;
}

#main #main-content .brikit-container-backdrop.secondary-nav ul {
    list-style: none;
    display: flex;
    gap: 40px;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
}

#main #main-content .brikit-container-backdrop.secondary-nav ul li:first-child {
    display: flex;
    flex: 1;
}

#main #main-content .brikit-container-backdrop.secondary-nav ul li:first-child a {
    font-size: var(--font-size-24);
    line-height: var(--line-height-28);
}

#main #main-content .brikit-container-backdrop.secondary-nav ul li a, #main #main-content .brikit-container-backdrop.secondary-nav ul li a span {
    text-decoration: none!important;
    color: var(--color-neutral-white)!important;
}

#main #main-content .brikit-container-backdrop.secondary-nav ul li a:hover {
    text-decoration: underline!important;
}

/* BLOG TEMPLATE HEADER AND FOOTER */

#main #main-content .blog-header-custom {
    padding: 0 24px!important;
    background: var(--color-primary-night-blue)!important;
}
#main #main-content .blog-header-custom a, #main #main-content .blog-header-custom a span {
    text-decoration: none!important;
}
#main #main-content .blog-header-custom span:hover {
    text-decoration: underline!important;
}
#main #main-content .blog-header-custom .nav-main ul.first-level>li .link-el {
    /* text-decoration: none!important; */
}
#main #main-content .blog-header-custom .nav-main ul.first-level>li .link-el:hover {
    /* text-decoration: underline!important; */
}
#main #main-content  .blog-header-custom #custom-content-header  .nav-main ul.first-level>li >.link-el>span, .nav-support ul .link-el {
    color: var(--color-neutral-white);
}

#main #main-content .blog-header-custom .nav-main .second-level ul {
    list-style: none;
}
#main #main-content .blog-header-custom .nav-main .second-level li .link-el .second-level-title {
    color: var(--color-neutral-black);
}
#main #main-content .blog-footer-custom {
    padding: 0 24px;
    background: #F1F6FB;
}
#main #main-content .blog-footer-custom a, #main #main-content .blog-footer-custom a span {
    text-decoration: none!important;
}
#main #main-content .blog-footer-custom a:hover {
    text-decoration: underline!important;
}
#main #main-content .blog-header-custom #custom-content-header .bt-line {
    padding-top: 24px;
    border-top: 1px solid var(--color-neutral-light-grey);
    border-radius: 0;
    max-width: 100%;
    text-align: start;
}

#main #main-content .blog-header-custom #custom-content-header .nav-support .second-level li .link-el .second-level-title {
    color: var(--color-neutral-black);
}

#main #main-content .blog-footer-custom #subscribe-footer-main .btn {
    border-radius: 100px;
    border: 1px solid #227AC0;
    background: #227AC0;
}
#main #main-content .blog-footer-custom #subscribe-footer-main .btn span {
    color: var(--Colours-Neutral-White, #FFF);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px;
}
#main #main-content .blog-footer-custom #footer-links li a, #main #main-content .blog-footer-custom #footer-links li a span {
    color: var(--color-neutral-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#main #main-content .blog-footer-custom .nav-footer .external-icon-nav,
#main #main-content .blog-footer-custom .footer-line .external-icon-nav {
    position: relative;
    top: 3px;
    left: 7px;
}

#main #main-content .blog-footer-custom #footer-main h2 strong{
    margin-bottom: 1.5rem;
    color: #1D0D34;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

#main #main-content .blog-footer-custom .footer-line ul li a span {
    color: #101828;
    text-align: center;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#main #main-content .blog-header-custom .brikit-container, #main #main-content .blog-footer-custom .brikit-container {
    max-width: unset!important;
}

#com-atlassian-confluence #wittified-notification-29 > div {
    z-index: 110!important;
}