/* ============================================================
   0. ROOT VARIABLES - TRENT
============================================================ */
:root, :root * {
    /* BRANDING */
    --sb-brand: var(--color-client-primary, #007bff);
    --sb-brand-50: color-mix(in srgb, var(--sb-brand), #fff 40%);
    --sb-brand-100: color-mix(in srgb, var(--sb-brand), #fff 30%);
    --sb-brand-200: color-mix(in srgb, var(--sb-brand), #fff 20%);
    --sb-brand-300: color-mix(in srgb, var(--sb-brand), #fff 10%);
    --sb-brand-400: color-mix(in srgb, var(--sb-brand), #fff 5%);
    --sb-brand-500: color-mix(in srgb, var(--sb-brand), #000 10%);
    --sb-brand-600: color-mix(in srgb, var(--sb-brand), #000 20%);
    --sb-brand-700: color-mix(in srgb, var(--sb-brand), #000 30%);
    --sb-brand-800: color-mix(in srgb, var(--sb-brand), #000 40%);
    --sb-brand-900: color-mix(in srgb, var(--sb-brand), #000 50%);

    /* BORDER */
    --border-radius: 8px;
    --border-color: #e2e2e4;

    /* BOX SHADOW */
    --box-shadow: 0px 14px 30px 0px rgba(30, 31, 31, 0.08);

    /* FLOATING NAVIGATION */
    --sb-background-menubar-intranet: var(--sb-brand);
    --sb-background-menubar-intranet-accent: var(--sb-brand-600);
    --sb-text-menubar-intranet: var(--color-secondary, white);
    --sb-background-menubar-intranet-hover: var(--sb-brand-800);

    /* HEADER */
    --sb-background-mobile-header-appintranet: #fff;
    --sb-background-header-appintranet: var(--color-floating-nav-text);
    --sb-text-header-appintranet: var(--color-secondary, #fff);
    --sb-background-header-appintranet-hover: var(--sb-brand-800);

    /* FONT */
    --content-font-family: 'Inter', 'sans-serif';
    --heading-font-family: 'Poppins', var(--content-font-family);

    /* BG IMAGE - COMMENTING OUT 
    --bg-image: url("");
    --bg-image-position: top center;
   */
}
/* NEW UX TOP PAGE FIX */

html.desktop.client-embed-mode #wrapper:has(.full-width-home-page),
html.desktop.client-embed-mode #wrapper:has(.kudos__page),
html.desktop.client-embed-mode #wrapper:has(.crisis-hub__page),
html.desktop.client-embed-mode #wrapper:has(.my-location),
html.desktop.client-embed-mode #wrapper:has(.my-work__page),
html[data-current-page-type="profile"].desktop:not(.mobile) #wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* ============================================================
    1. CORE STYLES (Font, body, typography, colors, utility classes)
============================================================ */
/* FONTS */
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtA.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtA.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC,
        U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2)
        format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2)
        format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* TYPOGRAPHY */
*:not(.we-icon, h1, h2, h3, h1 *, h2 *, h3 *) {
    font-family: var(--content-font-family) !important;
}

h1,
h2,
h3,
h1 *,
h2 *,
h3 * {
    font-weight: 600;
    font-family: var(--heading-font-family) !important;
}

/* ============================================================
    3. LAYOUT (Page skeleton: containers, grid/flex systems)
============================================================ */
.regular-width-container {
    max-width: 1300px;
    margin: 0 auto;
}

.mobile.wide .page-content > .scroller,
.desktop .page-content > .scroller {
    padding: 0 !important;
    margin: 0 !important;
}

/*
COLUMNS
*/
html.desktop
    .ui-commons__section__wrapper:has(> .column-66):has(> .column-33)
    > .column-66 {
    width: 66%;
}

html.desktop
    .ui-commons__section__wrapper:has(> .column-66):has(> .column-33)
    > .column-33 {
    width: 30.5%;
}

html.desktop
    .ui-commons__section__wrapper:has(> .column-66):has(> .column-33)
    > .ui-commons__section__column:not(:first-child) {
    margin-inline-start: 3.5%;
}

html.desktop
    .ui-commons__section__wrapper:not(:has(> .column-66)):has(> .column-33)
    > .column-33 {
    width: 31.5%;
}

html.desktop
    .ui-commons__section__wrapper:not(:has(> .column-66)):has(> .column-33)
    > .ui-commons__section__column:not(:first-child) {
    margin-inline-start: 2.5% !important;
}

html.desktop .ui-commons__section__wrapper:has(> .column-50) > .column-50 {
    width: 48.5%;
}

html.desktop
    .ui-commons__section__wrapper:has(> .column-50)
    > .ui-commons__section__column:not(:first-child) {
    margin-inline-start: 3% !important;
}

/* Page wrapper */
#wrapper:has(.page-wrapper) {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.mobile.wide .page-content:has(.page-wrapper) {
    padding: 0 !important;
}

.mobile .page-content:has(.page-wrapper),
.mobile .scroller:has(.page-wrapper) {
    padding-bottom: 0 !important;
}

.mobile .page-wrapper {
    padding: 0 !important;
}

/* ============================================================
    4. COMPONENTS (UI pieces)
============================================================ */
/* HEADER */
/*
.header-left-container img.header-logo {
    display: none;
}

.desktop .header-left-container::before {
    content: '';
    background: var(--logo-url);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 200px;
}

.mobile .header-container.with-logo .header-left-container::before {
    content: '';
    background: var(--logo-url);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 30px;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    width: 100px;
}
*/
.mobile header.header-container {
    background-color: var(--sb-background-mobile-header-appintranet) !important;
}

html:is(.desktop, .mobile:has(.full-width-home-page)) .header-title {
    display: none !important;
}

.mobile .header-title,
.mobile header.header-container button span.we-icon {
    color: var(--sb-brand);
}

#header #search-input {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
}

#header #search-input .ds-search-input__wrapper {
    border-radius: 100px;
}

/* FLOATING NAV */
.desktop nav ul {
    --sb-text-menubar-intranet: var(--sb-text-header-appintranet);
}

/* BUTTONS */
.button-block-link {
    border-radius: var(--border-radius) !important;
}

/* BUTTONS */
a.button-block-link {
    border-radius: var(--border-radius) !important;
}

/* LINKS */
p > a,
p > a:visited,
.branch-colored {
    color: var(--sb-brand-900) !important;
}

/*
TILES WIDGET
*/
.quick-links-widget.type-tiles li {
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius) !important;
}

.quick-links-widget.type-tiles.type-tiles li a {
    font-size: 14px !important;
    line-height: 26px !important;
    padding: 55px 16px 0;
}

.quick-links-wrapper.left-align .quick-links-widget.type-tiles li {
    text-align: left;
}

.quick-links-wrapper.left-align .quick-links-widget.type-tiles li img {
    margin: 8px auto 0 12px;
}

.quick-links-widget--tiles .quick-links-widget__item {
    height: 88px;
}

/* FULL WIDTH ARTICLE - NEWS BANNER */
.full-width-news-banner {
    min-height: 700px;
    position: relative;
    background: transparent !important;
}

.full-width-news-banner .swiper,
.full-width-news-banner .swiper-container,
.full-width-news-banner
    .news-slider-slide.swiper-slide
    .news-feed-post-media-dummy,
.full-width-news-banner .news-slider-slide.swiper-slide article,
.full-width-news-banner
    .news-slider-content-wrapper.news-slider-content-wrapper,
.full-width-news-banner
    news-slider-block
    .swiper
    .news-slider-media-wrapper
    .news-feed-post-image,
.full-width-news-banner
    news-slider-block
    .swiper
    .news-slider-media-wrapper
    .news-feed-post-video {
    border-radius: 0;
}

.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper
    .swiper-wrapper,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper
    .swiper-wrapper
    .swiper-slide,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper
    .swiper-wrapper
    .swiper-slide
    article.slide-post,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper
    .swiper-wrapper
    .swiper-slide
    article.slide-post
    .news-slider-media-wrapper,
.desktop
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper
    .swiper-wrapper
    .swiper-slide
    article.slide-post
    .news-slider-media-wrapper
    * {
    height: 100% !important;
    min-height: 750px !important;
    max-height: 750px !important;
    margin: 0 !important;
}

.mobile
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr,
.mobile
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block,
.mobile
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container,
.mobile
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper,
.mobile
    .full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr
    news-slider-block
    .news-slider-container
    .swiper
    .swiper-wrapper {
    height: 100%;
    min-height: 500px;
}

.full-width-news-banner .news-slider-media-wrapper,
.full-width-news-banner .news-slider-media-wrapper .news-feed-post-link,
.full-width-news-banner
    .news-slider-media-wrapper
    .news-feed-post-link
    .news-feed-post-image {
    height: 100%;
}

.full-width-news-banner
    .news-slider-media-wrapper
    .news-feed-post-link
    .news-feed-post-image
    img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.full-width-news-banner
    .news-slider-media-wrapper
    .news-feed-post-image::after {
    background: rgba(0, 0, 0, 0.3) !important;
}

.full-width-news-banner news-slider-block .swiper .news-slider-media-wrapper {
    margin-bottom: 0 !important;
}

.full-width-news-banner
    .news-slider-content-wrapper
    .news-slider-inner-content-wrapper
    .news-feed-post-headline {
    overflow: visible;
    -webkit-line-clamp: 4;
    letter-spacing: -0.04em;
}

.full-width-news-banner
    .content-widget-wrapper.news-stage-wrapper.dynamic-widget-with-ptr {
    margin: 0;
}

.desktop .full-width-news-banner .news-slider-content-wrapper {
    position: absolute;
    width: 100%;
    max-width: 1300px;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    align-items: start;
}

.mobile .full-width-news-banner .news-slider-content-wrapper {
    position: absolute;
    width: 100%;
    bottom: 17.8%;
    left: 16px;
    align-items: start;
}

.full-width-news-banner
    .news-slider-content-wrapper
    .swiper-slide.news-slider-slide
    article.slide-post {
    border-radius: 0;
}

.desktop
    .full-width-news-banner
    .news-slider-content-wrapper
    .news-slider-inner-content-wrapper {
    max-width: 60%;
    padding: 0;
}

.mobile .full-width-news-banner {
    padding: 0 !important;
}

.mobile
    .full-width-news-banner
    .news-slider-content-wrapper
    .news-slider-inner-content-wrapper {
    max-width: 85%;
    padding: 0;
}

.desktop
    .full-width-news-banner
    .news-slider-content-wrapper
    .news-slider-inner-content-wrapper
    .news-feed-post-headline {
    font-size: 65px;
    font-weight: 600;
    line-height: 75px;
}

.mobile
    .full-width-news-banner
    .news-slider-content-wrapper
    .news-slider-inner-content-wrapper
    .news-feed-post-headline {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

.desktop .full-width-news-banner .column-33 {
    position: relative;
    top: 85px;
}

.desktop .full-width-news-banner .heading-large-hero {
    font-size: 65px;
    line-height: 75px;
    padding-right: 170px;
    padding-top: 60px;
}

.desktop .full-width-news-banner .content-widget-wrapper.section-wrapper {
    padding-top: calc(136px + 44px);
}

.mobile .full-width-news-banner {
    min-height: 500px;
}

.mobile .full-width-news-banner .column-66 {
    position: absolute;
    bottom: 32px;
}

.mobile .full-width-news-banner h1 {
    font-size: 40px;
    line-height: 40px;
    padding-right: 100px;
    z-index: 10;
}

.desktop .full-width-news-banner div:has(> button.news-slider-navbutton-prev) {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}

.mobile .full-width-news-banner div:has(> button.news-slider-navbutton-prev) {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}

.mobile
    .news-slider-navbutton-prev.news-slider-navbutton-prev.news-slider-navbutton-prev {
    left: 15px;
    bottom: 10px;
    top: auto;
}

.mobile
    .news-slider-navbutton-next.news-slider-navbutton-next.news-slider-navbutton-next {
    left: 60px;
    bottom: 10px;
    top: auto;
}

.full-width-news-banner
    .news-slider-content-wrapper
    .news-slider-inner-content-wrapper
    .news-slider-header-wrapper {
    margin-bottom: 10px;
}

.full-width-news-banner .news-slider-media-wrapper .news-feed-post-link .news-feed-post-image img {
    object-position: top;
}

/*FULL WIDTH NEWS BANNER WIDGET */
.full-width-news-banner .banner-widget-container {
    z-index: 3;
    position: absolute;
    top: 40%;
    right: calc(50% - min(650px, 50%));
    max-width: 395px;
}

.full-width-news-banner .banner-widget-container:has(.weather-widget) {
    width: 27%;
    max-width: 420px;
}

.full-width-news-banner
    .banner-widget-container
    > div.content-widget-wrapper.static-content-wrapper {
    padding: 16px;
    border-radius: var(--border-radius) !important;
}

.full-width-news-banner
    .banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.full-width-news-banner
    .banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-wrapper {
    margin: 0 !important;
}

.mobile .banner-widget-container div:has(> .portfolio-wrapper) {
    position: relative;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.mobile .banner-widget-container {
    margin-bottom: 0 !important;
}

/*
BANNER WIDGET
*/
.banner-widget-container > .content-widget-wrapper {
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}

.banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-wrapper {
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    margin: 0 !important;
}

.banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-text-wrapper {
    text-align: center;
    z-index: 100;
}

.banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-link:hover
    .ui-commons__portfolio-widget__panel-text-wrapper
    * {
    text-decoration: underline;
}

.banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    .ui-commons__portfolio-widget__panel-text-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 16px;
}

.mobile .ui-commons__portfolio-widget__panel-text-wrapper h2 {
    font-size: 24px !important;
}

.mobile
    .banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    > .ui-commons__portfolio-widget__wrapper {
    flex-wrap: nowrap;
}

.mobile
    .banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    > .ui-commons__portfolio-widget__wrapper
    > .ui-commons__portfolio-widget__panel-wrapper:not(:first-child) {
    margin-left: 10px;
}
.mobile
    .banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    > .ui-commons__portfolio-widget__wrapper
    > .ui-commons__portfolio-widget__panel-wrapper {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.mobile
    .banner-widget-container
    .portfolio-wrapper
    > .portfolio-widget
    > .ui-commons__portfolio-widget__wrapper
    > .ui-commons__portfolio-widget__panel-wrapper
    .ui-commons__portfolio-widget__panel-title {
    font-size: 12px;
    text-align: center;
}

.mobile
    .banner-widget-container
    .portfolio-wrapper:not(.widget-on-card)
    .ui-commons__portfolio-widget__wrapper {
    padding: 0;
}

/*
POPULAR TOOLS
*/
.mobile.wide .popular-tools-container {
    padding-left: 32px;
    padding-right: 32px;
}

/*
COUNTDOWN
*/
.mobile.wide .content-widget-wrapper:has(countdown-widget) {
    padding-left: 32px;
    padding-right: 32px;
}

.content-widget-wrapper.widget-on-card.counter {
    padding: 24px 16px 36px !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    background-color: transparent !important;
    background: linear-gradient(
        22deg,
        var(--sb-brand-500) 4%,
        var(--sb-brand-700) 50.5%,
        var(--sb-brand-900) 100%
    );
}

.mobile .content-widget-wrapper.widget-on-card.counter {
    padding: 5px 16px 15px !important;
    background: var(--sb-brand-300);
    color: #ffffff !important;
}

.mobile.compact .content-widget-wrapper.widget-on-card.counter {
    margin-bottom: 16px !important;
}

.mobile.wide .content-widget-wrapper.widget-on-card.counter {
    margin-bottom: 24px !important;
}

.mobile .content-widget-wrapper.widget-on-card.counter static-content-block {
    background: transparent !important;
}

.counter .column-33 .static-content-wrapper {
    padding: 10px !important;
    text-align: center;
}

.counter div:has(> countdown-widget) h1,
.counter div:has(> countdown-widget) h2 {
    margin-bottom: 0;
}

.counter countdown-widget {
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}

.counter .cw-countdown-number,
.counter .cw-countdown-text {
    display: flex;
    gap: 10px;
}

.counter .cw-countdown-number {
    font-size: 32px;
}

.counter .cw-countdown-text {
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
}

.counter .cw-countdown-number br,
.counter .cw-countdown-text br {
    display: none !important;
}

.counter .cw-countdown-master {
    padding: 8px !important;
}

.counter .cw-countdown-main {
    background: transparent !important;
    max-width: 260px;
    margin: auto;
}

.counter .cw-countdown-main:has(.cw-countdown-expired) {
    margin-bottom: 16px;
}

.counter .cw-countdown-expired {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}

.counter .cw-countdown-text-d,
.counter .cw-countdown-text-h,
.counter .cw-countdown-text-m,
.counter .cw-countdown-text-s {
    font-size: 10px !important;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding-bottom: 10px;
}

.counter .cw-countdown-number-d,
.counter .cw-countdown-number-h,
.counter .cw-countdown-number-m,
.counter .cw-countdown-number-s {
    padding: 12px 0 8px;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.counter .cw-countdown-number-d,
.counter .cw-countdown-number-h,
.counter .cw-countdown-number-m,
.counter .cw-countdown-number-s,
.counter .cw-countdown-text-d,
.counter .cw-countdown-text-h,
.counter .cw-countdown-text-m,
.counter .cw-countdown-text-s {
    width: 33% !important;
    background: var(--sb-brand-300);
    color: #ffffff !important;
}

.counter .cw-countdown-number-s,
.counter .cw-countdown-text-s {
    display: none !important;
}

.counter .ui-commons__static-content__content-wrapper > h2 {
    margin: 0 !important;
}

.counter .ui-commons__static-content__content-wrapper > p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 32px;
}

/* NEWS ARTICLES */
.news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article.news-feed-post
    header
    > div:has(.news-feed-post-badges) {
    margin-bottom: 16px !important;
}

.news-feed-wrapper .news-feed.scroller .news-feed-list article.news-feed-post {
    padding: 24px 24px 16px 24px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    box-shadow: var(--box-shadow);
}

.news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article.news-feed-post:has(
        .news-feed-post-social-counts .news-feed-post-link.reactions
    ) {
    padding: 24px;
}

.mobile.compact
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article.news-feed-post:has(
        .news-feed-post-social-counts .news-feed-post-link.reactions
    ) {
    padding: 16px;
}

.news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article.news-feed-post
    .news-feed-post-social-counts:not(:has(.news-feed-post-link.reactions)) {
    display: none;
}

.news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article.news-feed-post.news-feed-post-type-updates
    section.news-feed-post-teaser {
    margin-bottom: 16px;
}

/* NEWS SLIDER */
.news-stage-wrapper
    news-slider-block
    .news-slider-container
    .swiper
    .news-slider-pagination {
    display: none;
}

/* STOCK WIDGET */
stock-ticker .widget-card {
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
    background: white !important;
}

.desktop stock-ticker .widget-card,
.mobile.wide stock-ticker .widget-card {
    padding: 19px 24px !important;
}

.mobile stock-ticker .widget-card {
    padding: 19px 16px !important;
}

stock-ticker .stockwidget-logo {
    background: #da012f !important;
    padding: 4px;
}

stock-ticker .stockwidget-container {
    min-height: unset !important;
    padding: 0px !important;
}

stock-ticker .stockwidget-row {
    flex-wrap: nowrap !important;
}

stock-ticker .stockwidget-row * {
    margin-bottom: 0 !important;
}

stock-ticker .stockwidget-chart {
    width: 100px !important;
}

/*
PODCAST WIDGET
*/
.latest-podcast {
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
}

.mobile
    .content-widget-wrapper.static-content-wrapper.widget-on-card.latest-podcast {
    margin-bottom: 24px !important;
}

.desktop .latest-podcast,
.mobile.wide .latest-podcast {
    padding: 16px 24px !important;
}

.mobile .latest-podcast {
    padding: 16px !important;
}

.mobile .latest-podcast static-content-block {
    padding: 0 !important;
}

.latest-podcast .audio-player__meta,
.latest-podcast .audio-player__file-size {
    display: none;
}

.latest-podcast .ui-commons__static-content__content-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.latest-podcast__thumb,
.latest-podcast__info,
.audio-player {
    margin-bottom: 0 !important;
}

.latest-podcast__thumb {
    width: 16%;
    border-radius: var(--border-radius);
}

.latest-podcast__info {
    width: 55%;
}

.latest-podcast__thumb image-block.connected {
    padding: 8px 0 !important;
    width: 100% !important;
    display: flex;
    align-items: center;
}

.latest-podcast__player {
    margin-left: auto;
    margin-bottom: 0;
}

.latest-podcast__info-title {
    font-size: 16px;
    font-weight: 400;
}

.latest-podcast__info-subtitle {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    color: #545459;
    line-height: 1.2;
}

.latest-podcast__player .audio-player {
    border: none;
}

.latest-podcast__player .audio-player .audio-player__play-button {
    background: none;
    padding: 2px !important;
    border-radius: 100%;
}

.latest-podcast__player .audio-player .audio-player__play-button svg {
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 100%;
}

.latest-podcast__player .audio-player .audio-player__play-button svg path {
    fill: #000;
}

.latest-podcast__player
    .audio-player
    .audio-player__play-button:hover
    svg
    path {
    opacity: 0.8;
}

/*
SURVEY WIDGET
*/
.survey-custom {
    border-radius: var(--border-radius) !important;
}

.survey-custom * {
    border-radius: var(--border-radius) !important;
}

.survey-custom form {
    padding: 0 !important;
}

.survey-custom form > div {
    padding: 24px !important;
    min-height: 0 !important;
    border: none;
}

.survey-custom div:has(> .ds-pill) {
    gap: 16px !important;
}

.survey-custom form > div hr {
    display: none;
}

.survey-custom form > div h2 {
    text-align: center;
    font-size: 24px !important;
    font-weight: 400 !important;
}

.survey-custom .ds-button.ds-button--primary {
    margin: 0;
    height: 45px;
    background-color: var(--sb-brand) !important;
    color: #fff !important;
    border: 1px solid var(--sb-brand);
}

.survey-custom .ds-button.ds-button--primary:hover {
    background-color: white !important;
    color: var(--sb-brand) !important;
}

.survey-custom survey-plugin-employee-block label svg {
    fill: var(--sb-brand);
    width: 32px;
    height: auto;
}

.survey-custom label svg {
    width: 32px;
    height: 32px;
    top: 5px;
    position: relative;
}

.survey-custom plugin-block.plugin-widget {
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.survey-custom form div:has(> svg.ds-icon.ds-icon-lock) p {
    margin-top: 2px;
}

.survey-custom form svg.ds-icon.ds-icon-lock,
.survey-custom form svg.ds-icon.ds-icon-lock path {
    border-radius: 0 !important;
}

/*
JOBS WIDGET
*/
.jobs {
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
}

.desktop .jobs,
.mobile.wide .jobs {
    padding: 24px !important;
}

.mobile.compact .jobs {
    padding: 16px !important;
}

.jobs .job-description {
    font-size: 12px;
    color: var(--sb-color-grey-900);
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.jobs .column-33.column-33 {
    display: flex;
    align-items: center;
}

.mobile .jobs .content-widget-wrapper > button-block.content-widget {
    margin-top: 5px;
}

.jobs .button-widget.content-widget > .widget-card {
    display: flex;
    justify-content: end;
}

.jobs .button-widget.content-widget a {
    padding: 10px !important;
    line-height: 20px;
    min-height: 30px;
    font-size: 14px;
}

.jobs
    .content-widget-wrapper.section-wrapper.content-widget-wrapper.section-wrapper.content-widget-wrapper.section-wrapper:not(
        :last-child
    ) {
    border-bottom: 1px solid var(--border-color);
}

.jobs
    .content-widget-wrapper.section-wrapper.content-widget-wrapper.section-wrapper.content-widget-wrapper.section-wrapper {
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.jobs
    .content-widget-wrapper.section-wrapper.content-widget-wrapper.section-wrapper.content-widget-wrapper.section-wrapper:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.jobs .ui-commons__section__wrapper {
    justify-content: space-between;
}

@media screen and (max-width: 800px) {
    .jobs .column-66.column-66:not(:last-child) {
        width: 66.6667%;
        max-width: 66.6667%;
        padding-right: 16px;
        margin-bottom: 0;
    }

    .jobs .column-33.column-33 {
        width: 33.3333%;
        max-width: 33.3333%;
    }
}

.mobile .static-content-wrapper.widget-on-card.jobs .static-content-widget {
    padding: 0 !important;
}

.mobile
    .static-content-wrapper.widget-on-card.jobs
    .static-content-widget
    .section-widget.content-widget {
    padding: 0;
}

.mobile
    .static-content-wrapper.widget-on-card.jobs
    .static-content-widget
    .section-widget.content-widget
    .button-widget {
    padding: 0;
}

/*
CREATE POST WIDGET
*/
.content-widget-wrapper.create-post-wrapper {
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
}

.content-widget-wrapper.create-post-wrapper .create-post-widget {
    border-radius: var(--border-radius) !important;
}

/*
MY TASKS WIDGET
*/
static-tasks .widget-card {
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    background-color: #fff !important;
}

/*
MY ABSENCES WIDGET
*/
.content-widget-wrapper.user-absence-wrapper {
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden !important;
}

.mobile .content-widget-wrapper.user-absence-wrapper {
    margin-top: 24px !important;
}

/*
MY PAYSLIPS WIDGET
*/
.content-widget-wrapper.user-payslips-wrapper {
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden !important;
}

/*
USER PROFILE WIDGET
*/
.content-widget-wrapper.user-profile-wrapper {
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden !important;
}

/*
FOOTER
*/
.page-footer > .content-widget-wrapper.static-content-wrapper {
    border-radius: 0;
    background-color: var(--sb-brand-900) !important;
}

.page-footer p {
    font-size: 14px;
    line-height: 26px;
}

.page-footer p > strong {
    font-family: var(--heading-font-family);
}

.mobile .full-width-bg.page-footer > .content-widget-wrapper {
    margin-bottom: 0 !important;
}

.mobile .page-content:has(div.page-footer) {
    padding-bottom: var(--custom-safe-area-inset-bottom) !important;
}

.mobile .page-content > .scroller:has(div.page-footer) {
    padding-bottom: 0 !important;
}

.page-footer {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* CEO Banner */
.desktop 
    .full-width-home-page.full-width-home-page.page-wrapper > div:nth-child(5) {
    background-color: var(--sb-brand-50) !important;
}

/* mobile view CEO Banner */
.mobile 
    .full-width-home-page > div:nth-child(4) {
    background-color: var(--sb-brand-50) !important;
}

/* ============================================================
    5. PAGES
============================================================ */
/* ---------------------- HOME PAGE ---------------------- */
.desktop #wrapper:has(.full-width-home-page) {
    padding: 0 !important;
}

/*
PLAIN ARTICLES SECTION
*/
.news-articles-plain
    .column-25:has(
        .content-widget-wrapper.news-feed-wrapper.news-feed-wrapper
    ) {
    display: flex;
    align-items: end;
}

.desktop .news-articles-plain {
    padding-top: 55px;
}

.news-articles-plain
    .news-feed-post
    h2.news-feed-post-headline.news-feed-post-headline.news-feed-post-headline {
    font-size: 24px;
    line-height: 32px;
    color: var(--sb-color-grey-900);
}

.news-articles-plain .news-feed-post .news-feed-post-meta {
    font-size: 12px;
    line-height: 16px;
    color: var(--sb-color-grey-700);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-articles-plain .news-feed-post .news-feed-post-teaser span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: var(--sb-color-grey-900);
}

.desktop .news-articles-plain .news-feed-post figure,
.desktop .news-articles-plain .news-feed-post .news-feed-post-social-footer,
.desktop .news-articles-plain .news-feed-post .read-more {
    display: none;
}

.desktop
    .news-articles-plain
    .column-25
    article.news-feed-post.news-feed-post.news-feed-post,
.desktop
    .news-articles-plain
    .column-33
    article.news-feed-post.news-feed-post.news-feed-post {
    padding: 24px 16px;
    background: transparent;
    box-shadow: none;
    border: none !important;
    border-radius: unset !important;
}

.desktop
    .news-articles-plain
    .column-25:first-child
    article.news-feed-post.news-feed-post.news-feed-post {
    padding-left: 0;
}

.desktop
    .news-articles-plain
    .column-25:last-child
    article.news-feed-post.news-feed-post.news-feed-post {
    padding-right: 0;
}

@media screen and (max-width: 1000px) {
    .desktop
        .news-articles-plain
        .column-25:first-child
        article.news-feed-post.news-feed-post.news-feed-post {
        padding-left: 16px;
    }

    .desktop
        .news-articles-plain
        .column-25:last-child
        article.news-feed-post.news-feed-post.news-feed-post {
        padding-right: 16px;
    }
}

/* This might only work on webkit (chromium based browsers) */
.desktop .news-articles-plain article.news-feed-post section span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (max-width: 1480px) {
    .desktop .news-articles-plain .column-25 {
        width: calc(25% - 12px);
        max-width: calc(25% - 12px);
    }
}

@media screen and (max-width: 1000px) {
    .desktop .news-articles-plain .column-25 {
        width: calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}

.news-articles-plain .news-feed-post-channel-link {
    color: var(--sb-brand);
    font-weight: bold;
    text-decoration: none;
}

.news-articles-plain .news-feed-post-channel-link:hover {
    text-decoration: underline !important;
}

/*
LOCAL NEWS SECTION
*/
.desktop .local-news-container {
    padding-bottom: 24px;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.news-feed-wrapper.news-feed-wrapper {
    height: 100%;
    margin-bottom: 0;
    display: flex;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper {
    margin-bottom: 16px !important;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper:nth-of-type(2) {
    margin-bottom: 10px !important;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-widget {
    width: 100%;
}

.local-news-container
    .column-66.ui-commons__section__column
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller,
.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list,
.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    > div,
.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article {
    height: 100%;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article {
    display: flex;
    flex-direction: column;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article
    header {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.local-news-container
    .column-66.ui-commons__section__column
    .content-widget-wrapper.section-wrapper
    .section-widget.content-widget
    .ui-commons__section__wrapper
    .column-50.ui-commons__section__column
    .news-feed-wrapper
    .news-feed.scroller
    .news-feed-list
    article
    footer
    .news-feed-post-social-footer
    > div:not(.news-feed-post-social-counts) {
    display: none;
}

.local-news-container .news-feed-wrapper {
    margin-bottom: 0 !important;
}

.mobile .local-news-container .news-feed-post-image {
    margin: -24px -24px 24px -24px;
}

.mobile .local-news-container {
    margin-bottom: 0 !important;
}

.mobile .local-news-container .news-feed-list > div:not(:last-child) {
    padding-bottom: 16px;
}

.local-news-container .news-feed-post-channel-link {
    color: #000000 !important;
    font-weight: bold;
    text-decoration: none;
}

.local-news-container .news-feed-post-channel-link:hover {
    text-decoration: underline !important;
}

/*
CALL OUT BANNER SECTION
*/
.content-widget-wrapper.static-content-wrapper:has(.call-out-banner) {
    border-radius: 0;
    margin: 0 !important;
}

.call-out-banner {
    background: linear-gradient(
        45deg,
        var(--sb-brand-500) 0.79%,
        var(--sb-brand-900) 99.21%
    );
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 32px;
    position: relative;
    overflow: hidden;
    height: 475px;
}

.desktop .call-out-banner {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

.call-out-banner h1 {
    font-size: 64px !important;
    line-height: 70px !important;
    font-weight: 700 !important;
    padding-right: 80px !important;
}

.mobile .call-out-banner h1 {
    font-size: 24px !important;
    line-height: 32px !important;
    padding-right: 105px !important;
}

.mobile .call-out-banner {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding: 24px;
}

.call-out-banner > .content-widget-wrapper.section-wrapper,
.call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget,
.call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper,
.call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper
    > .column-100,
.call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper
    > .column-100
    > .content-widget-wrapper.section-wrapper,
.call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper
    > .column-100
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget,
.call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper
    > .column-100
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper {
    height: 100%;
}

.mobile
    .call-out-banner
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper
    > .column-100
    > .content-widget-wrapper.section-wrapper
    > .section-widget.content-widget
    > .ui-commons__section__wrapper {
    height: 75%;
}

.call-out-banner .column-66 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.call-out-banner .column-66.ui-commons__section__column {
    z-index: 1;
}

.desktop .call-out-banner .column-66 img {
    content: var(--logo-url);
    filter: brightness(0) invert(1);
}

.desktop .call-out-banner .column-33 img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mobile .call-out-banner .column-33 img {
    position: absolute;
    right: -95px;
    bottom: 0;
    max-width: 350px;
}

.desktop .call-out-banner p.feature {
    position: absolute;
    bottom: 45px;
    right: 60px;
}

.mobile .call-out-banner p.feature {
    position: absolute;
    left: 24px;
    bottom: 24px;
    text-align: left !important;
}

.call-out-banner
    .button-wrapper
    .button-widget.content-widget
    a.button-block-link {
    border-radius: var(--border-radius);
}

/*
SOCIAL WALL SECTION
*/
.content-widget-wrapper.static-content-wrapper:has(.social-wall-container) {
    margin-bottom: 0 !important;
    border: none;
}

.social-wall-container .content-widget-wrapper.news-feed-wrapper {
    margin-bottom: 0px !important;
}

.mobile .social-wall-container .news-feed-list > div:not(:last-child) {
    padding-bottom: 16px;
}

.mobile.wide
    .social-wall-container
    > .section-wrapper
    > .section-widget
    > .ui-commons__section__wrapper
    > .ui-commons__section__column {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.mobile.wide
    .social-wall-container
    .ui-commons__section__column:has(.news-feed-wrapper) {
    margin-bottom: 16px !important;
}

/* ---------------------- HOME SOCIAL PAGE ---------------------- */
.desktop .home-social-page > .content-widget-wrapper.section-wrapper {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto 32px;
}

.scroller:has(.home-social-page) {
    overflow: visible !important;
}

.mobile .home-social-page > .content-widget-wrapper {
    margin-bottom: 0 !important;
}

div:has(nav#breadcrumbs) {
    display: none;
}

/* BACKGROUND IMAGE */
html.desktop:has(.home-social-page)::before {
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: var(--bg-image-position, top center);
    background-color: #f3f3f4;
    background-attachment: scroll, local;
    display: block;
    content: '';
    width: 100%;
    height: 400px;
    position: absolute;
}

/* COLUMNS */
html.desktop
    .home-social-page
    .ui-commons__section__wrapper:first-of-type:has(> .column-33):not(
        :has(> .column-66)
    )
    > .column-33 {
    width: 24.5%;
}

html.desktop
    .home-social-page
    .ui-commons__section__wrapper:first-of-type:has(> .column-33):not(
        :has(> .column-66)
    )
    > .column-33:nth-of-type(2) {
    width: calc(48% - 3%);
    max-width: calc(48% - 3%);
}

html.desktop
    .home-social-page
    .ui-commons__section__wrapper:first-of-type:has(> .column-33):not(
        :has(> .column-66)
    )
    > .column-33:not(:first-child) {
    margin-inline-start: 3% !important;
}

/* WELCOME AREA */
.welcome-area {
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    padding: 24px !important;
}

.mobile .home-social-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mobile.compact .home-social-page .welcome-area {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.mobile.compact .home-social-page .welcome-area .static-content-widget {
    padding: 0 !important;
}

.mobile.wide .home-social-page .welcome-area {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* NEWS SWIPER */
.home-social-page .swiper,
.home-social-page .swiper-container,
.home-social-page .news-slider-slide.swiper-slide .news-feed-post-media-dummy,
.home-social-page .news-slider-slide.swiper-slide article,
.home-social-page .news-slider-content-wrapper.news-slider-content-wrapper,
.home-social-page news-slider-block,
.home-social-page
    news-slider-block
    .swiper
    .news-slider-media-wrapper
    .news-feed-post-image,
.home-social-page
    news-slider-block
    .swiper
    .news-slider-media-wrapper
    .news-feed-post-video {
    overflow: hidden;
    border-radius: var(--border-radius);
}

/* NEWS */
.home-social-page .post-wall .news-feed-wrapper {
    margin-bottom: 0 !important;
}
/* ---------------------- Home Corporate IPS ---------------------- */

/* BACKGROUND IMAGE for Corporate */
html.desktop:has(.startpage-wow)::before {
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: var(--bg-image-position, top center);
    background-color: #f3f3f4;
    background-attachment: scroll, local;
    display: block;
    content: '';
    width: 100%;
    height: 400px;
    position: absolute;
}

/* ---------------------- MY COMPANY PAGE ---------------------- */
.mobile.wide .my-company {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* BACKGROUND  */
html.desktop:has(.my-company) #wrapper:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(-1 * 50vw * 0.53 + 100px);
    width: 50vw;
    height: calc(50vw * 0.53);
    border-radius: 443px;
    background: linear-gradient(
        229deg,
        rgba(255, 150, 0, 0.2) 48.9%,
        rgba(205, 72, 253, 0.2) 72.06%,
        rgba(0, 164, 253, 0.2) 91.91%
    );
    filter: blur(100px);
}

html.desktop:has(.my-company) #wrapper .scroller {
    overflow: visible !important;
}

html.mobile:has(.my-company) #wrapper .scroller:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(-1 * 75vw * 0.53 + 100px);
    width: 75vw;
    height: calc(75vw * 0.53);
    border-radius: 443px;
    background: linear-gradient(
        229deg,
        rgba(255, 150, 0, 0.4) 48.9%,
        rgba(205, 72, 253, 0.4) 72.06%,
        rgba(0, 164, 253, 0.4) 91.91%
    );
    filter: blur(100px);
}

/* WELCOME AREA */
.desktop .welcome {
    margin-bottom: 34px !important;
}

.mobile .welcome {
    margin-top: 24px !important;
}

/* MY TASKS */
.desktop .my-company static-tasks {
    margin-bottom: 24px;
}

.my-company .tasks-widget.tasks-widget__container {
    padding: 0 !important;
    max-width: 100% !important;
}

/*
USER PROFILE WIDGET
*/
.content-widget-wrapper.user-profile-wrapper {
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden !important;
}

/* FAQ SECTION */
.desktop .my-company .faq {
    border-radius: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.desktop .my-company .faq > .static-content-widget {
    max-width: 1300px;
    margin: auto;
    padding: 0 32px;
}

.my-company div:has(> .faq__pay) {
    border-radius: var(--border-radius) !important;
    overflow: hidden;
    background: linear-gradient(180deg, #addcee 0%, #f1f5f6 100%);
    box-shadow: var(--box-shadow) !important;
}

.my-company .faq__pay,
.my-company .faq__time-off {
    background: none !important;
}

.my-company div:has(> .faq__time-off) {
    border-radius: var(--border-radius) !important;
    overflow: hidden;
    box-shadow: var(--box-shadow) !important;
    background: linear-gradient(180deg, #adbcee 0%, #f1f5f6 100%);
}

/* EMPLOYEES AND MANAGEMENT & EMPLOYEE OFFERS PORTFOLIO BUTTONS */
.my-company
    .employees-and-management
    .ui-commons__portfolio-widget__panel-wrapper,
.my-company .employee-offers .ui-commons__portfolio-widget__panel-wrapper {
    margin: 0 !important;
}

.my-company
    .employees-and-management
    .ui-commons__portfolio-widget__panel-wrapper,
.my-company .employee-offers .ui-commons__portfolio-widget__panel-wrapper {
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}

.my-company .employee-offers {
    margin-top: 24px;
}

/* SELF SERVICE */
.my-company .self-service .content-widget-wrapper {
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}

/* ---------------------- YOU PAGE ---------------------- */
.mobile
    .you-page
    .portfolio-wrapper
    .portfolio-widget
    .ui-commons__portfolio-widget__wrapper
    .ui-commons__portfolio-widget__panel-wrapper
    .ui-commons__portfolio-widget__panel-link
    > img {
    max-width: 32px;
    filter: drop-shadow(0px 100px 0 var(--sb-brand-inverse));
    transform: translateY(-100px);
    margin: 0;
}

.mobile .you-page .ui-commons__portfolio-widget__panel-text-wrapper {
    padding: 0;
}

.mobile .you-page .portfolio-widget {
    padding: 0 !important;
}

.mobile .you-page .ui-commons__portfolio-widget__panel-link {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

.mobile
    .you-page
    .portfolio-wrapper
    .portfolio-widget
    .ui-commons__portfolio-widget__wrapper
    .ui-commons__portfolio-widget__panel-wrapper,
.you-page .content-widget-wrapper:has(.user-pic) {
    background: var(--sb-brand) !important;
    box-shadow: 0px 14px 30px 0px rgba(30, 31, 31, 0.08);
    border: none;
    border-radius: var(--border-radius) !important;
    overflow: hidden;
}

.mobile .page-content:has(.you-page) {
    background: white !important;
}

.mobile .you-page {
    padding: 16px 16px 0 16px !important;
}

.you-page .content-widget-wrapper .user-pic {
    width: 100px !important;
    height: 100px !important;
}

.you-page .content-widget-wrapper:has(.user-pic) h3 {
    font-size: 24px;
}

.you-page .content-widget-wrapper:has(.user-pic) p {
    font-weight: 500;
}

.you-page .ui-commons__portfolio-widget__panel-title,
.you-page .ui-commons__portfolio-widget__panel-description,
.you-page .content-widget-wrapper:has(.user-pic) h3 a,
.you-page .content-widget-wrapper:has(.user-pic) p a {
    color: var(--sb-brand-inverse) !important;
}

/* ================================================================================
Health and Safety page
=================================================================================== */
.health-and-safety div.content-widget-wrapper.section-wrapper {
    margin-bottom: 0 !important;
}

.health-and-safety .links,
.health-and-safety .incident,
.health-and-safety .learn-about-safety,
.health-and-safety .health-training,
.health-and-safety .faq {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

html:has(.health-and-safety):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    background: url('');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.desktop .health-and-safety .hero {
    margin-bottom: 64px !important;
}

.mobile .health-and-safety .hero {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.health-and-safety .hero h1,
.health-and-safety .hero p {
    color: #fff;
}

.health-and-safety div:has(> .learn-about-safety__text) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.health-and-safety .links .links__content {
    --items-per-line: 5;
    --items-gap: 16px;
    padding: 0 24px 40px 24px;
    margin: auto;
    width: 860px;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(var(--items-per-line), 1fr);
    grid-template-rows: auto;
    gap: var(--items-gap);
}

.mobile.wide .health-and-safety .links .links__content {
    --items-per-line: 4;
    padding: 0 24px 24px 24px;
}

.mobile.compact .health-and-safety .links .links__content {
    --items-per-line: 2;
    --items-gap: 8px;
}

.mobile.wide .health-and-safety .links .quick-links-wrapper:nth-child(9) {
    grid-column-start: 2;
}

.health-and-safety .links .quick-links-wrapper {
    margin-bottom: 0 !important;
}

.health-and-safety .links .quick-links-widget--tiles {
    padding: 0 !important;
}

.health-and-safety .links .quick-links-widget__item {
    border: none !important;
    box-shadow: none !important;
}

.desktop .health-and-safety .incident {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.desktop .health-and-safety .incident h1 {
    margin-bottom: 32px !important;
}

.health-and-safety .incident__report {
    width: 410px;
    margin-left: auto;
}

.health-and-safety .incident__links {
    width: 410px;
    height: 100%;
}

.health-and-safety,
.incident__report,
.health-and-safety .incident__links {
    max-width: 100% !important;
}

.health-and-safety .incident__links .we-icon,
.health-and-safety .incident__links a {
    color: #fff;
}

.health-and-safety .incident__links a:hover {
    background: #009afa !important;
}

.desktop .health-training {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.health-training h2 {
    padding: 0 !important;
}

.health-and-safety .health-training figure {
    margin-top: 0;
}

.health-and-safety .health-training p:has(> .clickable.external-link) {
    margin-top: 16px !important;
}

.desktop
    .health-and-safety
    .health-training
    .ui-commons__section__wrapper:not(:has(> .column-66)):has(> .column-33)
    > .column-33 {
    width: 33.3% !important;
}

.desktop
    .health-and-safety
    .health-training
    .ui-commons__section__wrapper:not(:has(> .column-66)):has(> .column-33)
    > .column-33:not(:first-child) {
    margin-inline-start: 24px !important;
}

.desktop .health-and-safety .incident {
    padding-top: 32px;
    padding-bottom: 32px;
}

.desktop .health-and-safety .incident table {
    margin-bottom: 0 !important;
}

.desktop .learn-about-safety {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.health-and-safety .learn-about-safety h2 {
    padding: 0 !important;
}

.desktop .health-and-safety .faq {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.mobile .health-and-safety .accordion-widget {
    padding: 0 !important;
}

.mobile.wide
    .health-and-safety
    .faq
    .ui-commons__section__column:not(:last-child) {
    padding-bottom: 24px;
}

.mobile.compact
    .health-and-safety
    .faq
    .ui-commons__section__column:not(:last-child) {
    padding-bottom: 16px;
}

.health-and-safety .faq .ui-commons__section__column {
    margin-bottom: 0 !important;
}

.health-and-safety
    .faq
    .content-widget-wrapper.static-content-wrapper.widget-on-card {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
    border: 1px solid var(--border-color) !important;
    overflow: hidden;
}

.health-and-safety .faq .widget-card [role='button'] {
    padding-left: 0;
}

.health-and-safety .converge p:has(> img) {
    margin-bottom: 0 !important;
}

.health-and-safety .converge .content-widget-wrapper.button-wrapper {
    display: flex;
}

.health-and-safety .ui-commons__portfolio-widget__panel-wrapper {
    margin: 0 !important;
}

.health-and-safety .user-profile-wrapper,
.health-and-safety .ui-commons__portfolio-widget__panel-wrapper {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
    border: 1px solid var(--border-color) !important;
}

.health-and-safety .quick-links-widget.type-tiles.type-tiles li a {
    color: #984FE2;
}

/* ---------------------- MOBILE ---------------------- */

.mobile .health-and-safety {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mobile .health-and-safety .incident__report,
.mobile .health-and-safety .incident__links {
    margin-left: auto;
    margin-right: auto;
}

/* ---------------------- My Location page ---------------------- */
#wrapper:has(.my-location) {
    padding-top: 0 !important;
}

.desktop .my-location > .content-widget-wrapper.section-wrapper {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto 32px;
}

/* Gaps below widgets */
.desktop .my-location__stock,
.desktop .my-location__podcast,
.desktop .my-location__jobs,
.desktop .my-location__employee-training,
.desktop .my-location__charity,
.desktop .my-location__documents {
    margin-bottom: 24px;
}

.mobile .my-location__stock,
.mobile .my-location__podcast,
.mobile .my-location__jobs,
.mobile .my-location__employee-training,
.mobile .my-location__charity,
.mobile .my-location__documents {
    margin-bottom: 16px;
}

/* Consistent gaps on widgets */
.desktop .my-location__employee-training .widget-on-card,
.desktop .my-location__charity .widget-on-card,
.desktop .my-location__documents .widget-on-card,
.mobile.wide .my-location__employee-training .widget-on-card,
.mobile.wide .my-location__charity .widget-on-card,
.mobile.wide .my-location__documents .widget-on-card {
    padding: 24px !important;
}

/* Consistent borders on widgets */
.my-location__employee-training .widget-on-card,
.my-location__charity .widget-on-card,
.my-location__documents .widget-on-card {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden;
}

.mobile .my-location__documents .widget-on-card {
    padding: 16px !important;
}

.my-location__top-section {
    margin-bottom: 0 !important;
}

.desktop .my-location__top-section {
    padding-top: 175px !important;
    padding-bottom: 64px !important;
}

.mobile.wide .my-location__top-section {
    padding: 24px !important;
}

.mobile .my-location__top-section .static-content-widget.static-content-block {
    padding: 0 !important;
}

.mobile .my-location__top-section .hero-image-wrapper {
    margin-bottom: 16px !important;
}

.mobile.compact .my-location__top-section .ui-commons__hero_image__wrapper,
.mobile.compact .my-location__top-section .ui-commons__hero_image__overlay {
    border-radius: 0 !important;
}

.my-location__top-section .user-profile-wrapper {
    background: #ebddf9 !important;
    border: 1px solid #ccccce !important;
}

.mobile.compact .my-location__and-me {
    padding: 0 16px 16px 16px;
}

.my-location__and-me .ui-commons__portfolio-widget__wrapper {
    gap: 16px;
}

.mobile .my-location__and-me .ui-commons__portfolio-widget__wrapper {
    padding: 0 !important;
}

.my-location__and-me .ui-commons__portfolio-widget__panel-wrapper {
    margin: 0 !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
}

.mobile .my-location__and-me .ui-commons__portfolio-widget__panel-wrapper {
    width: calc(50% - 8px);
    max-width: 100% !important;
}

.desktop .my-location__mid-section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.mobile .my-location__mid-section {
    margin-bottom: 0 !important;
}

.mobile.wide .my-location__mid-section {
    padding: 24px !important;
}

.mobile.wide .ui-commons__section__column:has(.my-location__thank-you) {
    margin-bottom: 24px !important;
}

.mobile.compact .ui-commons__section__column:has(.my-location__thank-you) {
    margin-bottom: 16px !important;
}

.my-location__thank-you {
    overflow: hidden;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.my-location__survey,
.my-location__survey plugin-block,
.my-location__survey plugin-block .widget-card,
.my-location__survey plugin-block .widget-card survey-plugin-employee-block,
.my-location__survey
    plugin-block
    .widget-card
    survey-plugin-employee-block
    > div,
.my-location__survey
    plugin-block
    .widget-card
    survey-plugin-employee-block
    > div
    > div,
.my-location__survey
    plugin-block
    .widget-card
    survey-plugin-employee-block
    > div
    > div
    > div {
    height: 100% !important;
}

.my-location__survey plugin-block .widget-card survey-plugin-employee-block {
    display: block;
}

.mobile.wide .my-location__bottom-section {
    padding: 24px;
}

.mobile.compact .my-location__bottom-section {
    padding: 16px;
}

.mobile .my-location__social-wall .news-feed-list > div:not(:last-child) {
    padding-bottom: 16px;
}

.mobile .ui-commons__section__column:has(> .my-location__social-wall) {
    margin-bottom: 0 !important;
}

.desktop .my-location__social-wall .create-post-wrapper,
.mobile.wide .my-location__social-wall .create-post-wrapper {
    padding: 24px !important;
}

.mobile.compact
    .my-location__social-wall
    .create-post-wrapper
    .content-widget-title {
    padding-top: 16px !important;
    padding-bottom: 0 !important;
}

.mobile .my-location__employee-training p:has(> image-block) {
    margin-bottom: 8px;
}

.mobile
    .my-location__employee-training
    .accordion-widget
    > .widget-card
    > div:first-child {
    padding-top: 0 !important;
}

.mobile
    .my-location__employee-training
    .accordion-widget
    > .widget-card
    > div:last-child {
    padding-bottom: 0 !important;
}

.mobile
    .my-location__employee-training
    .accordion-widget
    > .widget-card
    [role='button'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mobile .my-location__charity p:has(> image-block) {
    margin-bottom: 8px;
}

.mobile
    .my-location__charity
    .accordion-widget
    > .widget-card
    > div:first-child {
    padding-top: 0 !important;
}

.mobile
    .my-location__charity
    .accordion-widget
    > .widget-card
    > div:last-child {
    padding-bottom: 0 !important;
}

.mobile .my-location__charity .accordion-widget > .widget-card [role='button'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mobile .my-location__documents .static-content-widget {
    padding: 0 !important;
}

.my-location__documents .ui-commons__file-list-widget__file-row:first-child {
    padding-top: 0 !important;
}

.my-location__documents .ui-commons__file-list-widget__file-row:last-child {
    padding-bottom: 0 !important;
}

.my-location__documents .ui-commons__file-list-widget__file-type-icon-wrapper {
    width: auto;
    margin-right: 16px;
}

/* ---------------------- My Work page ---------------------- */
#wrapper:has(.my-work__page) {
    padding-top: 0 !important;
}

.desktop .my-work__page > .content-widget-wrapper.section-wrapper {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto 32px;
}

.my-work__top-section,
.my-work__department,
.my-work__column-section,
.my-work__locations {
    margin-bottom: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.mobile.wide .my-work__top-section,
.mobile.wide .my-work__department,
.mobile.wide .my-work__column-section,
.mobile.wide .my-work__locations {
    padding: 24px !important;
}

.desktop .my-work__top-section {
    padding-top: 175px !important;
    padding-bottom: 64px !important;
}

.desktop .my-work__top-section h1 {
    margin-bottom: 48px !important;
}

.my-work__performance > embedded-block {
    border: 1px solid var(--border-color);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.my-work__top-section .service-now-widget {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
}

.my-work__department {
    --tile-gap: 32px;
    --tile-width: calc(33.33% - (var(--tile-gap) * 0.67));
}

.desktop .my-work__department {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.my-work__department .ui-commons__portfolio-widget__wrapper {
    gap: var(--tile-gap);
}

.mobile .my-work__department .ui-commons__portfolio-widget__wrapper {
    padding: 0 !important;
}

.my-work__department .ui-commons__portfolio-widget__panel-wrapper {
    margin: 0 !important;
    width: var(--tile-width);
    max-width: var(--tile-width);
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}

.mobile.wide .my-work__department {
    --tile-gap: 24px;
}

.mobile.compact .my-work__department {
    --tile-gap: 16px;
    --tile-width: calc(50% - (var(--tile-gap) * 0.5));
}

.my-work__column-section .ui-commons__section__column:empty {
    margin-bottom: 0 !important;
}

.my-work__column-section .quick-links-wrapper {
    padding: 24px !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    border: 1px solid var(--border-color) !important;
}

.my-work__column-section .quick-links-wrapper {
    padding: 16px !important;
}

.mobile.compact .my-work__column-section .quick-links-widget {
    padding: 0 !important;
}

.my-work__column-section .video-block {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden;
}

.my-work__column-section .video-block figure {
    margin-top: 0 !important;
}

.desktop .my-work__locations {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.my-work__locations .content-widget-wrapper.widget-on-card {
    height: 100%;
    border: none !important;
    border-radius: 0 !important;
    padding: 24px !important;
}

.my-work__locations .content-widget-wrapper.widget-on-card p {
    margin-bottom: 0 !important;
}

.my-work__locations .content-widget-wrapper.widget-on-card h1 {
    font-size: 32px !important;
}

.mobile.wide .my-work__locations .content-widget-wrapper.widget-on-card h1 {
    font-size: 24px !important;
}

.my-work__locations
    .content-widget-wrapper.widget-on-card
    .widget-card:has(> .button-block-link) {
    display: flex;
    justify-content: start;
}

.my-work__locations {
    --left-column-width: 30%;
    --right-column-width: calc(100% - var(--left-column-width));
}

.my-work__locations .column-33.ui-commons__section__column {
    width: var(--left-column-width) !important;
    max-width: var(--left-column-width) !important;
    margin-bottom: 0 !important;
}

.my-work__locations .column-66.ui-commons__section__column {
    margin-inline-start: 0 !important;
    width: var(--right-column-width) !important;
    max-width: var(--right-column-width) !important;
}

.mobile.wide .my-work__locations {
    --left-column-width: 40%;
}

.mobile.compact .my-work__locations {
    --left-column-width: 100;
    --right-column-width: 100%;
}

.my-work__locations .ui-commons__hero_image__wrapper {
    border-radius: 0 !important;
}

/* ---------------------- Communities page ---------------------- */
/* TODO use class wrapper like with other pages */
html[data-menu-id='698132377d1d5d79e17682d3'] #wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

html[data-menu-id='698132377d1d5d79e17682d3']
    .fullscreen-preview-wrapper
    > section
    > .content-widget-wrapper.hero-image-wrapper,
html[data-menu-id='698132377d1d5d79e17682d3']
    .fullscreen-preview-wrapper
    > section
    > .content-widget-wrapper.section-wrapper {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto 32px;
}

/* ---------------------- Crisis Hub page ---------------------- */
#wrapper:has(.crisis-hub__page) {
    padding-top: 0 !important;
}

.crisis-hub__top-section,
.crisis-hub__mid-section,
.crisis-hub__bottom-section {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.mobile.wide .crisis-hub__top-section,
.mobile.wide .crisis-hub__mid-section,
.mobile.wide .crisis-hub__bottom-section {
    padding: 32px !important;
}

/* Top section */
.desktop .crisis-hub__top-section {
    padding-top: 175px !important;
    padding-bottom: 64px !important;
}

.desktop .crisis-hub__top-section h1,
.mobile.wide .crisis-hub__top-section h1 {
    margin-bottom: 32px !important;
}

.crisis-hub__latest {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

.desktop .ui-commons__section__column:has(> .crisis-hub__latest__sidebar) {
    width: 25% !important;
    max-width: 25% !important;
}

.desktop .ui-commons__section__column:has(> .crisis-hub__latest__updates) {
    width: 75% !important;
    max-width: 75% !important;
    margin-inline-start: 0 !important;
}

.mobile .crisis-hub__latest > div > div > .ui-commons__section__column {
    margin: 0 !important;
}

.crisis-hub__latest__sidebar,
.crisis-hub__latest__updates {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.crisis-hub__latest__sidebar {
    height: 100%;
}

.crisis-hub__latest__sidebar p {
    margin-bottom: 0 !important;
}

.crisis-hub__latest__sidebar h2 {
    margin-top: 0 !important;
}

.mobile .crisis-hub__latest__sidebar .button-widget {
    padding: 0 !important;
}

.crisis-hub__latest__sidebar .widget-card:has(> .ui-commons__button-widget) {
    display: flex;
}

.crisis-hub__latest__updates .news-feed.scroller,
.crisis-hub__latest__updates .news-feed-post {
    margin: 0 !important;
}

.crisis-hub__latest__updates .news-feed-post {
    box-shadow: none !important;
}

.crisis-hub__latest__updates div:has(> .news-feed-post) {
    padding-bottom: 0 !important;
}

.crisis-hub__latest__updates .news-feed-post-teaser,
.crisis-hub__latest__updates .news-feed-post-link:has(img),
.crisis-hub__latest__updates .news-feed-post-social-actions,
.crisis-hub__latest__updates div[data-testid='social-button-bar-top'] {
    display: none;
}

.crisis-hub__latest__updates .news-feed-post-channel-link {
    color: var(--sb-brand);
    text-decoration: none;
}

.crisis-hub__latest__updates .news-feed-post-channel-link:hover {
    text-decoration: underline !important;
}

.crisis-hub__latest__updates .news-feed-post-headline span {
    font-weight: 400 !important;
}

.mobile .crisis-hub__latest__updates .news-feed-widget,
.mobile .crisis-hub__latest__updates .section-widget,
.mobile .crisis-hub__latest__updates .accordion-widget {
    padding: 0 !important;
}

.mobile .crisis-hub__latest__updates .accordion-widget [role='button'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Mid section */
.desktop .crisis-hub__mid-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.crisis-hub__mid-section .accordion-wrapper {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.desktop .crisis-hub__mid-section .accordion-wrapper .widget-card > div {
    padding: 16px 24px;
}

.crisis-hub__mid-section .accordion-wrapper .user-profile-wrapper {
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Bottom section */
.crisis-hub__map {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

.desktop .crisis-hub__bottom-section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

/* ---------------------- Kudos page ---------------------- */
.desktop #wrapper:has(.kudos__page) {
    padding-top: 0 !important;
}

.kudos__awards-section,
.kudos__thank-you-wall,
.kudos__columns-section {
    margin-bottom: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.kudos__awards-section {
    background: linear-gradient(
        113deg,
        #f3f3f3 11.72%,
        #e4faed 34.53%,
        #dbe9f4 55.63%,
        #ced1ff 83.33%,
        #f3f3f3 94.67%
    );
}

.desktop .kudos__awards-section h1,
.mobile.wide .kudos__awards-section h1 {
    margin-bottom: 32px !important;
}

.desktop .kudos__thank-you-wall,
.desktop .kudos__columns-section {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.kudos__awards--individual,
.kudos__awards--team,
.kudos__awards--community {
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
}

.kudos__thank-you-wall .widget-on-card,
.kudos__columns-side .widget-on-card {
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    overflow: hidden;
}

.mobile.wide .kudos__columns-side .widget-on-card,
.mobile.wide .kudos__awards--individual,
.mobile.wide .kudos__awards--team,
.mobile.wide .kudos__awards--community {
    padding: 24px !important;
}

.mobile.wide .kudos__columns-side .widget-on-card.plugin-wrapper {
    padding: 0 4px !important;
}

.desktop .kudos__awards-section {
    padding-bottom: 32px !important;
    padding-top: 175px !important;
}

.mobile.compact .kudos__awards-section .section-widget {
    padding: 0 !important;
}

.mobile.wide .kudos__feed .create-post-wrapper {
    padding: 24px !important;
}

.mobile.compact .kudos__feed .create-post-wrapper {
    margin-bottom: 16px !important;
}

.kudos__feed .news-feed-list > div:nth-last-child(2) {
    padding-bottom: 0 !important;
}

.mobile.compact .kudos__feed div:has(> .news-feed-post) {
    padding-bottom: 16px !important;
}

.mobile.compact .kudos__feed .news-feed-post {
    margin-bottom: 0 !important;
}

/* == Floating CuSStard Demo Creation Form == */
html.group-691dba0e5cd759047335e888 #floating-form {
    display: block !important;
}



/* -- fixing chat in new UX design -- */

@media (width >= 768px) {
    html.client-embed-mode .header-container {
        display: unset !important;
    }
}