.elementor-52142 .elementor-element.elementor-element-2f7cd0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-52142 .elementor-element.elementor-element-0ac2e8e{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Optima;font-weight:var( --e-global-typography-text-font-weight );}.elementor-52142 .elementor-element.elementor-element-65e5331{text-align:start;}.elementor-52142 .elementor-element.elementor-element-65e5331 img{width:50%;}.elementor-52142 .elementor-element.elementor-element-181867a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52142 .elementor-element.elementor-element-181867a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52142 .elementor-element.elementor-element-35e4b72{padding:0px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-52142 .elementor-element.elementor-element-faedd55 .elementor-icon-wrapper{text-align:center;}.elementor-52142 .elementor-element.elementor-element-faedd55.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence3 );}.elementor-52142 .elementor-element.elementor-element-faedd55.elementor-view-framed .elementor-icon, .elementor-52142 .elementor-element.elementor-element-faedd55.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence3 );border-color:var( --e-global-color-kadence3 );}.elementor-52142 .elementor-element.elementor-element-faedd55.elementor-view-framed .elementor-icon, .elementor-52142 .elementor-element.elementor-element-faedd55.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence3 );}.elementor-52142 .elementor-element.elementor-element-c040eb0 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-52142 .elementor-element.elementor-element-c040eb0{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:100%;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-overlay-opacity:1;}.elementor-52142 .elementor-element.elementor-element-c040eb0 .e-off-canvas__content{border-radius:0px 0px 0px 0px;}.elementor-52142 .elementor-element.elementor-element-3a24727{--display:flex;}.elementor-52142 .elementor-element.elementor-element-7f682df{--display:flex;}.elementor-52142 .elementor-element.elementor-element-0583105 .elementor-icon-wrapper{text-align:center;}.elementor-52142 .elementor-element.elementor-element-0583105.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-kadence3 );}.elementor-52142 .elementor-element.elementor-element-0583105.elementor-view-framed .elementor-icon, .elementor-52142 .elementor-element.elementor-element-0583105.elementor-view-default .elementor-icon{color:var( --e-global-color-kadence3 );border-color:var( --e-global-color-kadence3 );}.elementor-52142 .elementor-element.elementor-element-0583105.elementor-view-framed .elementor-icon, .elementor-52142 .elementor-element.elementor-element-0583105.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-kadence3 );}.elementor-52142 .elementor-element.elementor-element-41e4247 .elementor-icon-wrapper{text-align:center;}.elementor-52142 .elementor-element.elementor-element-8cf986d{--display:flex;}.elementor-52142 .elementor-element.elementor-element-90c645a{--display:flex;}.elementor-52142 .elementor-element.elementor-element-fb553af{--display:flex;}.elementor-52142 .elementor-element.elementor-element-f6dbd4e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-52142 .elementor-element.elementor-element-2f7cd0a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-52142 .elementor-element.elementor-element-65e5331 img{width:70%;}.elementor-52142 .elementor-element.elementor-element-faedd55 .elementor-icon-wrapper{text-align:end;}.elementor-52142 .elementor-element.elementor-element-faedd55 .elementor-icon{font-size:150%;}.elementor-52142 .elementor-element.elementor-element-faedd55 .elementor-icon svg{height:150%;}.elementor-52142 .elementor-element.elementor-element-c040eb0{--e-off-canvas-width:440px;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;}.elementor-52142 .elementor-element.elementor-element-7f682df{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-52142 .elementor-element.elementor-element-41e4247 .elementor-icon{font-size:30px;}.elementor-52142 .elementor-element.elementor-element-41e4247 .elementor-icon svg{height:30px;}.elementor-52142 .elementor-element.elementor-element-8cf986d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52142 .elementor-element.elementor-element-fb553af{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-52142 .elementor-element.elementor-element-2f7cd0a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-52142 .elementor-element.elementor-element-0ac2e8e{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-52142 .elementor-element.elementor-element-0ac2e8e.e-con{--align-self:center;}.elementor-52142 .elementor-element.elementor-element-65e5331.elementor-element{--align-self:center;}.elementor-52142 .elementor-element.elementor-element-65e5331{text-align:start;}.elementor-52142 .elementor-element.elementor-element-65e5331 img{width:80%;}.elementor-52142 .elementor-element.elementor-element-181867a{--width:70%;}.elementor-52142 .elementor-element.elementor-element-faedd55{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-52142 .elementor-element.elementor-element-c040eb0{--e-off-canvas-width:100%;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;}.elementor-52142 .elementor-element.elementor-element-3a24727{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52142 .elementor-element.elementor-element-7f682df{--content-width:100%;--min-height:56px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--flex-wrap:nowrap;}.elementor-52142 .elementor-element.elementor-element-0583105 .elementor-icon{font-size:130%;}.elementor-52142 .elementor-element.elementor-element-0583105 .elementor-icon svg{height:130%;}.elementor-52142 .elementor-element.elementor-element-41e4247 .elementor-icon{font-size:130%;}.elementor-52142 .elementor-element.elementor-element-41e4247 .elementor-icon svg{height:130%;}.elementor-52142 .elementor-element.elementor-element-8cf986d{--content-width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;}}@media(min-width:768px){.elementor-52142 .elementor-element.elementor-element-0ac2e8e{--width:15%;}.elementor-52142 .elementor-element.elementor-element-181867a{--width:70%;}.elementor-52142 .elementor-element.elementor-element-f6dbd4e{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-52142 .elementor-element.elementor-element-0ac2e8e{--width:15%;}.elementor-52142 .elementor-element.elementor-element-181867a{--width:85%;}}/* Start custom CSS for shortcode, class: .elementor-element-35e4b72 *//* =========================================================
   PiLog Desktop SAP-Style Mega Menu
   FINAL CSS
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

:root {

    --pilog-blue: #0057d2;

    --pilog-text: #12395f;

    --pilog-dark: #111827;

    --pilog-muted: #748094;

    --pilog-line: #dfe3e8;

    --pilog-panel-width: 1080px;

}


/* =========================================================
   HEADER
   ========================================================= */

.pilog-desktop-header {

    position: sticky !important;

    top: 0 !important;

    width: 100% !important;

    background: #ffffff !important;

    z-index: 99998 !important;

    overflow: visible !important;

}


/* WordPress admin bar */

body.admin-bar .pilog-desktop-header {

    top: 32px !important;

}


/* Prevent Elementor clipping */

.pilog-desktop-header,
.pilog-desktop-header > .e-con,
.pilog-desktop-header .e-con {

    overflow: visible !important;

}


/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.pilog-desktop-menu {

    position: relative !important;

    width: 100% !important;

    height: 72px !important;

    min-height: 72px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    white-space: nowrap;

    z-index: 99999 !important;

}


/* =========================================================
   TOP LEVEL MENU
   ========================================================= */

.pilog-menu-item,
.pilog-menu-link {

    position: relative !important;

    height: 72px !important;

    display: flex !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;

}


/* =========================================================
   TOP LEVEL BUTTONS
   ========================================================= */

.pilog-menu-button,
.pilog-menu-link {

    position: relative !important;

    height: 72px !important;

    min-height: 72px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 0 15px !important;

    margin: 0 !important;

    background: transparent !important;

    background-color: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    color: var(--pilog-text) !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition: color .18s ease;

}


/* =========================================================
   REMOVE CHEVRONS
   ========================================================= */

.pilog-menu-button::before,
.pilog-menu-button::after {

    content: none !important;

    display: none !important;

}


/* =========================================================
   TOP LEVEL HOVER
   ========================================================= */

.pilog-menu-button:hover,
.pilog-menu-button:focus,
.pilog-menu-button:active,
.pilog-menu-link:hover,
.pilog-menu-link:focus,
.pilog-menu-link:active {

    color: var(--pilog-blue) !important;

    background: transparent !important;

    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    outline: none !important;

}


/* =========================================================
   ACTIVE MENU
   ========================================================= */

.pilog-menu-item.is-active .pilog-menu-button {

    color: var(--pilog-blue) !important;

    background: transparent !important;

}


/* =========================================================
   ACTIVE BLUE LINE
   ========================================================= */

.pilog-menu-item.is-active .pilog-menu-button::after {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 14px !important;

    right: 14px !important;

    bottom: 0 !important;

    height: 3px !important;

    background: var(--pilog-blue) !important;

    border-radius: 0 !important;

}


/* =========================================================
   MEGA PANEL
   ========================================================= */

.pilog-mega-panel {

    position: fixed !important;

    top: var(--pilog-mega-top, 72px) !important;

    left: 50% !important;

    width: var(--pilog-panel-width) !important;

    max-width: calc(100vw - 50px) !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow:
        0 14px 35px rgba(0, 0, 0, .08) !important;

    transform: translateX(-50%) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    z-index: 999999 !important;

    transition:
        opacity .15s ease,
        visibility .15s ease;

}


/* =========================================================
   OPEN PANEL
   ========================================================= */

.pilog-mega-panel.is-open {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

}


/* =========================================================
   MEGA CONTENT
   ========================================================= */

.pilog-mega-content {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 22px 24px 26px !important;

    box-sizing: border-box !important;

}


/* =========================================================
   MEGA TITLE
   ========================================================= */

.pilog-mega-title {

    margin: 0 0 10px 0 !important;

    padding: 0 !important;

    color: var(--pilog-dark) !important;

    font-family: inherit !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

}


/* =========================================================
   SEPARATOR
   ========================================================= */

.pilog-mega-line {

    width: 100% !important;

    height: 1px !important;

    margin: 0 0 9px 0 !important;

    padding: 0 !important;

    background: var(--pilog-line) !important;

}


/* =========================================================
   TWO-COLUMN MENUS
   ========================================================= */

.pilog-value-grid {

    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    column-gap: 42px !important;

    row-gap: 4px !important;

    align-items: start !important;

}


/* =========================================================
   THREE-COLUMN SERVICES
   ========================================================= */

.pilog-services-grid {

    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    column-gap: 28px !important;

    row-gap: 4px !important;

    align-items: start !important;

}


/* =========================================================
   SERVICES SECTION HEADING
   ========================================================= */

.pilog-services-section-title {

    margin: 19px 0 10px 0 !important;

    padding: 0 !important;

    color: var(--pilog-dark) !important;

    font-family: inherit !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

}


/* =========================================================
   MEGA MENU ITEM
   ========================================================= */

.pilog-value-item {

    width: 100% !important;

    min-width: 0 !important;

    display: flex !important;

    align-items: flex-start !important;

    gap: 11px !important;

    padding: 8px 5px !important;

    margin: 0 !important;

    background: transparent !important;

    background-color: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

}


/* =========================================================
   REMOVE HOVER BACKGROUND
   ========================================================= */

.pilog-value-item:hover,
.pilog-value-item:focus,
.pilog-value-item:active {

    background: transparent !important;

    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    outline: none !important;

}


/* =========================================================
   ICON
   ========================================================= */

.pilog-value-icon {

    flex: 0 0 32px !important;

    width: 32px !important;

    min-width: 32px !important;

    height: 32px !important;

    min-height: 32px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;

    padding: 0 !important;

    background: var(--pilog-blue) !important;

    border: 0 !important;

    border-radius: 4px !important;

    box-sizing: border-box !important;

}


/* =========================================================
   SVG ICON
   ========================================================= */

.pilog-value-icon svg {

    display: block !important;

    width: 17px !important;

    height: 17px !important;

    margin: 0 !important;

    padding: 0 !important;

    fill: none !important;

    stroke: #ffffff !important;

    stroke-width: 1.5 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;

}


/* =========================================================
   IMPORTANT:
   TEXT MUST BE VERTICAL
   ========================================================= */

.pilog-value-text {

    min-width: 0 !important;

    flex: 1 1 auto !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: flex-start !important;

    gap: 2px !important;

}


/* =========================================================
   ITEM TITLE
   ========================================================= */

.pilog-value-name {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    color: var(--pilog-dark) !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

}


/* =========================================================
   ITEM DESCRIPTION
   ========================================================= */

.pilog-value-desc {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    color: var(--pilog-muted) !important;

    font-family: inherit !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

}


/* =========================================================
   PRODUCT PANEL
   ========================================================= */

.pilog-mega-panel[data-panel="products"] {

    width: 1080px !important;

}


/* =========================================================
   VALUE DRIVERS PANEL
   ========================================================= */

.pilog-mega-panel[data-panel="value-drivers"] {

    width: 1050px !important;

}


/* =========================================================
   SERVICES PANEL
   ========================================================= */

.pilog-mega-panel[data-panel="services"] {

    width: 1120px !important;

}


/* =========================================================
   KNOWLEDGE PANEL
   ========================================================= */

.pilog-mega-panel[data-panel="knowledge"] {

    width: 760px !important;

}


/* =========================================================
   KNOWLEDGE ITEMS
   ========================================================= */

.pilog-mega-panel[data-panel="knowledge"]
.pilog-value-item {

    padding-top: 9px !important;

    padding-bottom: 9px !important;

}


/* =========================================================
   BUTTON RESET
   ========================================================= */

.pilog-desktop-menu button {

    appearance: none !important;

    -webkit-appearance: none !important;

    background-image: none !important;

    box-shadow: none !important;

    outline: none !important;

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 1024px) {

    .pilog-desktop-menu {

        display: none !important;

    }

    .pilog-mega-panel {

        display: none !important;

    }

}


/* =========================================================
   SMALL DESKTOP
   ========================================================= */

@media (min-width: 1025px) and (max-width: 1200px) {

    .pilog-menu-button,
    .pilog-menu-link {

        padding-left: 9px !important;

        padding-right: 9px !important;

    }

    .pilog-mega-panel {

        max-width:
            calc(100vw - 30px) !important;

    }

    .pilog-mega-content {

        padding-left: 18px !important;

        padding-right: 18px !important;

    }

    .pilog-value-grid {

        column-gap: 25px !important;

    }

    .pilog-services-grid {

        column-gap: 18px !important;

    }

}
/* =========================================================
   TOP MENU LINKS
   ========================================================= */

.pilog-menu-button {
    cursor: pointer !important;
}


/* Keep anchor from showing default underline */

.pilog-menu-button,
.pilog-menu-button:hover,
.pilog-menu-button:focus,
.pilog-menu-button:active {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-0583105 */.pilog-mobile-globe-tab {
    display: none !important;
}

@media (min-width: 1025px) {
    .pilog-mobile-globe-tab {
        display: flex !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7b21370 *//* =========================================================
   PiLog Mobile Menu — Complete CSS
   Clean professional design
   White background | No hover background colors
========================================================= */


/* =========================================================
   1. MAIN MOBILE MENU CONTAINER
========================================================= */

.pilog-mobile-menu,
.pilog-mobile-regions {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    color: #17345D;
    font-family: inherit;
    overflow-x: hidden;
}

.pilog-mobile-menu {
    padding: 14px 12px 18px;
}


/* =========================================================
   2. SEARCH FIELD
========================================================= */

.pilog-mobile-search {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    box-sizing: border-box;
}

.pilog-mobile-search form {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.pilog-mobile-search input[type="search"] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 42px;
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;

    background: #ffffff !important;
    color: #17345D !important;

    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    outline: none !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
}

.pilog-mobile-search input[type="search"]::placeholder {
    color: #64748b;
    opacity: 1;
}

.pilog-mobile-search input[type="search"]:focus {
    border-color: #0057D2 !important;
    outline: none !important;
    box-shadow: none !important;
}

.pilog-mobile-search button[type="submit"] {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;

    width: 42px;
    min-width: 42px;
    height: 42px;
    margin: 0;
    padding: 10px;

    background: #0057D2 !important;
    color: #ffffff !important;

    border: 1px solid #0057D2 !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    cursor: pointer;
}

.pilog-mobile-search button[type="submit"] svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}


/* =========================================================
   3. MAIN NAVIGATION
========================================================= */

.pilog-mobile-navigation {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
}

.pilog-mobile-item {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent !important;
    border: 0;
    border-bottom: 1px solid #e5eaf1;
    box-shadow: none !important;
}


/* Main category buttons */

.pilog-mobile-item-button,
.pilog-mobile-direct-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;
    min-height: 47px;
    margin: 0;
    padding: 12px 10px !important;
    box-sizing: border-box;

    background: transparent !important;
    color: #17345D !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    text-decoration: none !important;

    white-space: normal;
    cursor: pointer;
    transition: color 0.15s ease;
}


/* Remove all hover, focus and active backgrounds */

.pilog-mobile-item-button:hover,
.pilog-mobile-item-button:focus,
.pilog-mobile-item-button:active,
.pilog-mobile-item-button[aria-expanded="true"],
.pilog-mobile-direct-link:hover,
.pilog-mobile-direct-link:focus,
.pilog-mobile-direct-link:active {
    background: transparent !important;
    box-shadow: none !important;
}


/* Text color only on hover */

.pilog-mobile-item-button:hover,
.pilog-mobile-direct-link:hover {
    color: #0057D2 !important;
}


/* Expanded category remains white */

.pilog-mobile-item-button[aria-expanded="true"] {
    color: #17345D !important;
}


/* =========================================================
   4. NAVIGATION ARROWS
========================================================= */

.pilog-mobile-arrow {
    display: inline-flex;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;
    margin-left: auto;
    padding: 0;

    background: transparent !important;
    color: #526579 !important;

    border: 0 !important;
    box-shadow: none !important;

    font-size: 20px;
    line-height: 1;

    transition: transform 0.2s ease;
}

.pilog-mobile-item-button[aria-expanded="true"]
.pilog-mobile-arrow {
    transform: rotate(90deg);
    color: #526579 !important;
}


/* =========================================================
   5. SUBMENU CONTAINER
========================================================= */

.pilog-mobile-submenu {
    display: none;
    width: 100%;
    margin: 0 !important;
    padding: 4px 0 8px !important;
    box-sizing: border-box;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* Display submenu when the parent is expanded */

.pilog-mobile-item-button[aria-expanded="true"]
+ .pilog-mobile-submenu {
    display: block !important;
}


/* =========================================================
   6. SUBMENU LINKS
   Simple links, no blue blocks or vertical accent lines
========================================================= */

.pilog-mobile-submenu .pilog-mobile-submenu-item {
    display: block !important;
    width: 100% !important;
    min-height: 40px;

    margin: 0 !important;
    padding: 10px 12px 10px 18px !important;
    box-sizing: border-box;

    background: transparent !important;
    color: #334155 !important;

    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-align: left !important;
    text-decoration: none !important;

    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;

    cursor: pointer;
    transition: color 0.15s ease;
}


/* Thin separators between submenu links */

.pilog-mobile-submenu
.pilog-mobile-submenu-item
+ .pilog-mobile-submenu-item {
    border-top: 1px solid #edf0f4 !important;
}


/* No background change on any interaction state */

.pilog-mobile-submenu .pilog-mobile-submenu-item:hover,
.pilog-mobile-submenu .pilog-mobile-submenu-item:focus,
.pilog-mobile-submenu .pilog-mobile-submenu-item:active,
.pilog-mobile-submenu .pilog-mobile-submenu-item:focus-visible {
    background: transparent !important;
    color: #0057D2 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}


/* =========================================================
   7. CONTACT US BUTTON
========================================================= */

.pilog-mobile-contact {
    width: 100%;
    margin: 20px 0 0;
    padding: 15px 0 0;
    box-sizing: border-box;

    background: transparent !important;
    border-top: 1px solid #e5eaf1;
}

.pilog-mobile-contact-button {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 12px 18px !important;
    box-sizing: border-box;

    background: #0057D2 !important;
    color: #ffffff !important;

    border: 1px solid #0057D2 !important;
    border-radius: 5px !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
}

.pilog-mobile-contact-button:hover,
.pilog-mobile-contact-button:focus {
    background: #0057D2 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}


/* =========================================================
   8. REGION SELECTOR
========================================================= */

.pilog-mobile-regions {
    padding: 20px 16px;
}

.pilog-mobile-region-heading {
    margin: 0 0 15px;
    padding: 0 0 14px;

    color: #17345D;
    background: transparent !important;

    border-bottom: 1px solid #e5eaf1;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.pilog-mobile-region,
.pilog-mobile-region-line {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent !important;
    border-bottom: 1px solid #e5eaf1;
}

.pilog-mobile-region-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 10px 4px;

    background: transparent !important;
    color: #17345D !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}

.pilog-mobile-region-button:hover,
.pilog-mobile-region-button:focus {
    background: transparent !important;
    color: #0057D2 !important;
}

.pilog-mobile-region-arrow {
    font-size: 20px;
    color: #526579;
}


/* Language list */

.pilog-mobile-language-list {
    display: none;
    width: 100%;
    padding: 4px 0 8px 12px;
    box-sizing: border-box;

    background: transparent !important;
}

.pilog-mobile-region-button[aria-expanded="true"]
+ .pilog-mobile-language-list {
    display: block;
}

.pilog-mobile-language-list button {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 9px 10px;

    background: transparent !important;
    color: #334155 !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.pilog-mobile-language-list button:hover,
.pilog-mobile-language-list button:focus {
    background: transparent !important;
    color: #0057D2 !important;
}


/* =========================================================
   9. RESPONSIVE MOBILE STYLING
========================================================= */

@media (max-width: 480px) {

    .pilog-mobile-menu {
        padding: 12px 10px 16px;
    }

    .pilog-mobile-search {
        margin-bottom: 14px;
    }

    .pilog-mobile-item-button,
    .pilog-mobile-direct-link {
        min-height: 45px;
        padding: 11px 10px !important;
        font-size: 13px;
    }

    .pilog-mobile-submenu {
        padding: 3px 0 7px !important;
    }

    .pilog-mobile-submenu .pilog-mobile-submenu-item {
        min-height: 38px;
        padding: 9px 10px 9px 16px !important;
        font-size: 12px !important;
    }

    .pilog-mobile-regions {
        padding: 18px 12px;
    }

}


/* =========================================================
   10. ACCESSIBILITY AND FINAL OVERRIDES
========================================================= */

/* Avoid inherited theme hover backgrounds */

.pilog-mobile-menu a,
.pilog-mobile-menu button,
.pilog-mobile-regions a,
.pilog-mobile-regions button {
    text-shadow: none !important;
}

/* Prevent focus styles from introducing colored blocks */

.pilog-mobile-menu a:focus,
.pilog-mobile-menu button:focus,
.pilog-mobile-regions a:focus,
.pilog-mobile-regions button:focus {
    box-shadow: none !important;
}

/* Preserve visible keyboard focus without a background */

.pilog-mobile-menu a:focus-visible,
.pilog-mobile-menu button:focus-visible,
.pilog-mobile-regions a:focus-visible,
.pilog-mobile-regions button:focus-visible {
    outline: 2px solid #0057D2 !important;
    outline-offset: 2px;
}

/* Keep all menu elements within the mobile panel */

.pilog-mobile-menu *,
.pilog-mobile-regions * {
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e44a594 *//* PiLog search overlay — does not change header layout */
.pilog-sap-search-overlay[hidden] {
    display: none !important;
}

.pilog-sap-search-overlay:not([hidden]) {
    position: fixed !important;
    z-index: 999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    pointer-events: none;
}

/* Search input and submit icon */
.pilog-sap-search-form {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 46px !important;
    max-width: calc(100vw - 40px) !important;
    margin: 0 !important;
    padding: 0 12px 0 16px !important;
    box-sizing: border-box !important;
    border: 2px solid #0057D2 !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    pointer-events: auto !important;
}

.pilog-sap-search-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #17345D !important;
    font-size: 16px !important;
}

.pilog-sap-search-submit,
.pilog-sap-search-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0057D2 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.pilog-sap-search-close {
    position: absolute !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
}

.pilog-sap-search-form svg,
.pilog-sap-search-close svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.pilog-sap-search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    .pilog-sap-search-form {
        height: 42px !important;
    }

    .pilog-sap-search-input {
        height: 36px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */