/* ── Accordion FAQ ─────────────────────────────────────────── */
#brxe-b005ec .accordion-content-wrapper {
    overflow: hidden;
    /* dùng cubic-bezier để transition nhanh khi mở, không bị delay khi đóng */
}
#brxe-b005ec .accordion-item.open .accordion-content-wrapper {
    transition: max-height 0.4s ease-in-out;
}
#brxe-b005ec .accordion-title-wrapper {
    cursor: pointer;
    user-select: none;
}
#brxe-b005ec .accordion-title .icon.expanded {
    display: none;
}
#brxe-b005ec .accordion-item.open .accordion-title .icon.expanded {
    display: inline;
}
#brxe-b005ec .accordion-item.open .accordion-title .icon:not(.expanded) {
    display: none;
}
/* ──────────────────────────────────────────────────────────── */

 :root {
        --x-grid-border-color: #e5e7eb;
    }

    .x-dynamic-table_table {
        display: none;
    }

    .brxe-xdynamictable .gridjs-wrapper {
        border-radius: 0;
    }

    .brxe-xdynamictable .gridjs-footer {
        border-radius: 0;
    }

    .gridjs-footer button,
    .gridjs-head button {
        background-color: transparent;
        background-image: none;
        border: none;
        cursor: pointer;
        margin: 0;
        outline: none;
        padding: 0;
    }

    .gridjs-temp {
        position: relative;
    }

    .gridjs-head {
        margin-bottom: 5px;
        padding: 5px 1px;
        width: 100%;
    }

    .gridjs-head:after {
        clear: both;
        content: "";
        display: block;
    }

    .gridjs-head:empty {
        border: none;
        padding: 0;
    }

    .gridjs-container {
        position: relative;
        z-index: 0;
    }

    .gridjs-footer {
        background-color: #fff;
        border-bottom-width: 1px;
        border-color: var(--x-grid-border-color);
        border-radius: 0 0 8px 8px;
        border-top: 1px solid var(--x-grid-border-color);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
        display: block;
        padding: 12px 24px;
        position: relative;
        width: 100%;
        z-index: 5;
    }

    .gridjs-footer:empty {
        border: none;
        padding: 0;
    }

    input.gridjs-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #d2d6dc;
        border-radius: 5px;
        font-size: 14px;
        line-height: 1.45;
        outline: none;
        padding: 10px 13px;
    }

    input.gridjs-input:focus {
        border-color: #9bc2f7;
        box-shadow: 0 0 0 3px rgba(149, 189, 243, 0.5);
    }

    .gridjs-pagination {
        color: #3d4044;
    }

    .gridjs-pagination:after {
        clear: both;
        content: "";
        display: block;
    }

    .gridjs-pagination .gridjs-summary {
        float: left;
        margin-top: 5px;
    }

    .gridjs-pagination .gridjs-pages {
        float: right;
    }

    .gridjs-pagination .gridjs-pages button {
        background-color: #fff;
        border: 1px solid #d2d6dc;
        border-right: none;
        outline: none;
        padding: 5px 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .gridjs-pagination .gridjs-pages button:focus {
        box-shadow: 0 0 0 2px rgba(149, 189, 243, 0.5);
    }

    .gridjs-pagination .gridjs-pages button:hover {
        background-color: #f7f7f7;
        color: #3c4257;
        outline: none;
    }

    .gridjs-pagination .gridjs-pages button:disabled,
    .gridjs-pagination .gridjs-pages button:hover:disabled,
    .gridjs-pagination .gridjs-pages button[disabled] {
        background-color: #fff;
        color: #6b7280;
        cursor: default;
    }

    .gridjs-pagination .gridjs-pages button.gridjs-spread {
        background-color: #fff;
        box-shadow: none;
        cursor: default;
    }

    .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
        background-color: #f7f7f7;
        font-weight: 700;
    }

    .gridjs-pagination .gridjs-pages button:last-child {
        border-bottom-right-radius: 6px;
        border-right: 1px solid #d2d6dc;
        border-top-right-radius: 6px;
    }

    .gridjs-pagination .gridjs-pages button:first-child {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
    }

    button.gridjs-sort {
        background-color: transparent;
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        cursor: pointer;
        float: right;
        height: 24px;
        margin: 0;
        outline: none;
        padding: 0;
        width: 13px;
    }

    :where(body.rtl) button.gridjs-sort {
        float: left;
    }

    :where(.x-dynamic-table_container) {
        --x-sort-arrow-opacity: 0.3;
    }

    button.gridjs-sort-neutral,
    button.gridjs-sort-asc,
    button.gridjs-sort-desc {
        -webkit-mask-image: var(--mask-image);
        mask-image: var(--mask-image);
        -webkit-mask-position: var(--mask-position, center);
        mask-position: var(--mask-position, center);
        -webkit-mask-size: var(--mask-size, auto);
        mask-size: var(--mask-size, auto);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        background-image: none;
        background-color: var(--x-sort-arrow-color, currentColor);
        color: inherit;
    }

    button.gridjs-sort-neutral {
        --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDEuOTk4IiBoZWlnaHQ9IjQwMS45OTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMS45OTggNDAxLjk5OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTczLjA5MiAxNjQuNDUyaDI1NS44MTNjNC45NDkgMCA5LjIzMy0xLjgwNyAxMi44NDgtNS40MjQgMy42MTMtMy42MTYgNS40MjctNy44OTggNS40MjctMTIuODQ3cy0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2IDUuNDI0QzIxMC4yMzIgMS44MTIgMjA1Ljk1MSAwIDIwMC45OTkgMHMtOS4yMzMgMS44MTItMTIuODUgNS40MjRMNjAuMjQyIDEzMy4zMzFjLTMuNjE3IDMuNjE3LTUuNDI0IDcuOTAxLTUuNDI0IDEyLjg1IDAgNC45NDggMS44MDcgOS4yMzEgNS40MjQgMTIuODQ3IDMuNjIxIDMuNjE3IDcuOTAyIDUuNDI0IDEyLjg1IDUuNDI0ek0zMjguOTA1IDIzNy41NDlINzMuMDkyYy00Ljk1MiAwLTkuMjMzIDEuODA4LTEyLjg1IDUuNDIxLTMuNjE3IDMuNjE3LTUuNDI0IDcuODk4LTUuNDI0IDEyLjg0N3MxLjgwNyA5LjIzMyA1LjQyNCAxMi44NDhMMTg4LjE0OSAzOTYuNTdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4bDEyNy45MDctMTI3LjkwNmMzLjYxMy0zLjYxNCA1LjQyNy03Ljg5OCA1LjQyNy0xMi44NDggMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDctMy42MTQtMy42MTYtNy44OTktNS40Mi0xMi44NDgtNS40MnoiLz48L3N2Zz4=");
        opacity: var(--x-sort-arrow-opacity);
        --mask-position: center;
        --mask-size: 13px;
    }

    button.gridjs-sort-asc {
        --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgMTk3LjI4NyAxNTkuMDI4IDY5LjM4MWMtMy42MTMtMy42MTctNy44OTUtNS40MjQtMTIuODQ3LTUuNDI0cy05LjIzMyAxLjgwNy0xMi44NSA1LjQyNEw1LjQyNCAxOTcuMjg3QzEuODA3IDIwMC45MDQgMCAyMDUuMTg2IDAgMjEwLjEzNHMxLjgwNyA5LjIzMyA1LjQyNCAxMi44NDdjMy42MjEgMy42MTcgNy45MDIgNS40MjUgMTIuODUgNS40MjVoMjU1LjgxM2M0Ljk0OSAwIDkuMjMzLTEuODA4IDEyLjg0OC01LjQyNSAzLjYxMy0zLjYxMyA1LjQyNy03Ljg5OCA1LjQyNy0xMi44NDdzLTEuODE0LTkuMjMtNS40MjctMTIuODQ3eiIvPjwvc3ZnPg==");
        --mask-position: center 35%;
        --mask-size: 10px;
    }

    button.gridjs-sort-desc {
        --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiAwLTkuMjMzIDEuODA3LTEyLjg1IDUuNDI0QzEuODA3IDcyLjk5OCAwIDc3LjI3OSAwIDgyLjIyOGMwIDQuOTQ4IDEuODA3IDkuMjI5IDUuNDI0IDEyLjg0N2wxMjcuOTA3IDEyNy45MDdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4TDI4Ni45MzUgOTUuMDc0YzMuNjEzLTMuNjE3IDUuNDI3LTcuODk4IDUuNDI3LTEyLjg0NyAwLTQuOTQ4LTEuODE0LTkuMjI5LTUuNDI3LTEyLjg1eiIvPjwvc3ZnPg==");
        --mask-position: center 65%;
        --mask-size: 10px;
    }

    button.gridjs-sort:focus {
        outline: none;
    }

    table.gridjs-table {
        border-collapse: collapse;
        display: table;
        margin: 0;
        max-width: 100%;
        overflow: auto;
        padding: 0;
        table-layout: fixed;
        text-align: start;
    }

    td.gridjs-td {
        border: 1px solid var(--x-grid-border-color);
        box-sizing: content-box;
        padding: 12px 24px;
        overflow: auto;
    }

    :where(body:not(.rtl)) td.gridjs-td:first-child {
        border-left: none;
    }

    :where(body:not(.rtl)) td.gridjs-td:last-child {
        border-right: none;
    }

    :where(body.rtl) td.gridjs-td:first-child {
        border-right: none;
    }

    :where(body.rtl) td.gridjs-td:last-child {
        border-left: none;
    }

    td.gridjs-message {
        text-align: center;
    }

    th.gridjs-th {
        background-color: #f9fafb;
        border: 1px solid var(--x-grid-border-color);
        border-top: none;
        box-sizing: border-box;
        color: #6b7280;
        outline: none;
        padding: 14px 24px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
    }

    th.gridjs-th .gridjs-th-content {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    :where(body.rtl) th.gridjs-th .gridjs-th-content {
        float: right;
    }

    th.gridjs-th-sort {
        cursor: pointer;
    }

    th.gridjs-th-sort .gridjs-th-content {
        width: calc(100% - 15px);
    }

    th.gridjs-th-fixed {
        box-shadow: 0 1px 0 0 var(--x-grid-border-color);
        position: sticky;
    }

    @supports (-moz-appearance: none) {
        th.gridjs-th-fixed {
            box-shadow: 0 0 0 1px var(--x-grid-border-color);
        }
    }

    :where(body:not(.rtl)) th.gridjs-th:first-child {
        border-left: none;
    }

    :where(body:not(.rtl)) th.gridjs-th:last-child {
        border-right: none;
    }

    :where(body.rtl) th.gridjs-th:first-child {
        border-right: none;
    }

    :where(body.rtl) th.gridjs-th:last-child {
        border-left: none;
    }

    .gridjs-tr {
        border: none;
    }

    .gridjs-tr-selected td {
        background-color: #ebf5ff;
    }

    .x-dynamic-table_container:not(.x-dynamic-table_stacked) .gridjs-tr:last-child td {
        border-bottom: 0;
    }

    .gridjs *,
    .gridjs :after,
    .gridjs :before {
        box-sizing: border-box;
    }

    .gridjs-wrapper {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border-color: var(--x-grid-border-color);
        border-radius: 8px 8px 0 0;
        border-top-width: 1px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
        display: block;
        overflow: auto;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .gridjs-search {
        float: left;
    }

    .gridjs-search-input {
        width: 250px;
    }

    .gridjs-loading-bar {
        background-color: #fff;
        opacity: 0.5;
        z-index: 10;
    }

    .gridjs-loading-bar,
    .gridjs-loading-bar:after {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .gridjs-loading-bar:after {
        -webkit-animation: shimmer 2s infinite;
        animation: shimmer 2s infinite;
        background-image: linear-gradient(90deg, hsla(0, 0%, 80%, 0), hsla(0, 0%, 80%, 0.2) 20%, hsla(0, 0%, 80%, 0.5) 60%, hsla(0, 0%, 80%, 0));
        content: "";
        transform: translateX(-100%);
    }

    @-webkit-keyframes shimmer {
        to {
            transform: translateX(100%);
        }
    }

    @keyframes shimmer {
        to {
            transform: translateX(100%);
        }
    }

    .gridjs-td .gridjs-checkbox {
        cursor: pointer;
        display: block;
        margin: auto;
    }

    .gridjs-resizable {
        bottom: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 5px;
    }

    .gridjs-resizable:hover {
        background-color: #9bc2f7;
        cursor: ew-resize;
    }

    .gridjs-footer {
        box-shadow: none;
        border: 1px solid var(--x-grid-border-color);
    }

    .x-dynamic-table_container:not(.x-dynamic-table_stacked) .gridjs-footer {
        border-top: none;
    }

    .gridjs-wrapper {
        box-shadow: none;
        border: 1px solid var(--x-grid-border-color);
    }

    .x-dynamic-table_stacked thead {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .x-dynamic-table_stacked td.gridjs-td {
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .x-dynamic-table_stacked td.gridjs-td:last-child {
        border-bottom: 0;
    }

    .x-dynamic-table_stacked td {
        position: relative;
        text-align: end;
        padding-inline-end: 16px;
        padding-inline-start: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .x-dynamic-table_stacked td:before {
        content: attr(data-x-mobile-label);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        min-width: 150px;
        font-size: 14px;
        font-weight: 700;
        padding: 8px 16px;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #f9fafb;
        border-right: 1px solid var(--x-grid-border-color);
        box-sizing: border-box;
        color: #6b7280;
    }

    .x-dynamic-table_stacked .gridjs-tbody {
        display: flex;
        flex-direction: column;
        border: none;
    }

    .x-dynamic-table_stacked .gridjs-wrapper {
        border: none;
    }

    .x-dynamic-table_stacked .gridjs-tr {
        border: 1px solid var(--x-grid-border-color);
    }

    .x-dynamic-table_stacked td[data-label="Name"] {
        order: -1;
        font-weight: 700;
    }

    .x-dynamic-table_stacked .gridjs-tr:last-child td:last-child {
        border-bottom: 0;
    }

    [data-x-table*=stackLabels] .x-dynamic-table_container.x-dynamic-table_stacked td {
        padding: 0 !important;
    }

    [data-x-table*=stackLabels] .x-dynamic-table_container.x-dynamic-table_stacked td:before {
        position: static;
    }

    [data-x-table*=stackLabels] .x-dynamic-table_stacked td:before {
        border-bottom: 1px solid var(--x-grid-border-color);
    }

    :where(body.rtl) .gridjs-pagination .gridjs-summary {
        float: right;
    }

    :where(body.rtl) .gridjs-pagination .gridjs-pages {
        float: left;
    }

    :where(body.rtl) .gridjs-pagination .gridjs-pages button:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    :where(body.rtl) .gridjs-pagination .gridjs-pages button:first-child {
        border-bottom-right-radius: 6px;
        border-right: 1px solid #d2d6dc;
        border-top-right-radius: 6px;
    }

    :where(body.rtl) .gridjs-pagination .gridjs-pages button:last-child {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        border-right: none;
    }

    :where(body.rtl) .x-dynamic-table_stacked td:before {
        left: auto;
        right: 0;
        border-left: 1px solid var(--x-grid-border-color);
        border-right: none;
    }

    :where(body.rtl) .x-dynamic-table_stacked thead {
        left: auto;
        right: 0;
    }

    :root {
        --x-modal-transition: 200ms;
        --x-modal-translatey: 10%;
        --x-modal-translatex: 0;
        --x-modal-scale: 1;
        --x-modal-close-translatey: -5%;
        --x-modal-close-translatex: 0;
        --x-modal-close-scale: 1;
    }

    .x-modal {
        display: none;
    }

    [data-x-modal] {
        position: absolute;
    }

    .x-modal.x-modal_open {
        display: block;
    }

    .x-modal_backdrop {
        background-color: rgba(0, 0, 0, .2);
        position: fixed !important;
        top: 0;
        left: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1004;
        display: block;
        will-change: opacity;
        padding: 20px;
        text-align: center;
    }

    component.x-modal {
        display: block;
        transform: none !important;
    }

    component.x-modal .x-modal_backdrop {
        z-index: 998;
    }

    .x-modal_backdrop::before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .x-modal_backdrop .x-modal_container {
        display: inline-block !important;
        ;
    }

    .x-modal_container {
        max-height: 100vh;
        max-height: calc(100dvh - 40px);
        overflow-y: auto;
        box-sizing: border-box;
        position: relative;
        text-align: left;
        max-width: 100%;
        width: 600px;
        vertical-align: middle;
        pointer-events: auto;
    }

    @supports (padding-top: env(safe-area-inset-top)) {
        .x-modal_container {
            --safe-area-inset-bottom: env(safe-area-inset-bottom);
            max-height: calc(100% + var(--safe-area-inset-bottom)) !important;
        }
    }

    .x-modal_content {
        background-color: #fff;
        padding: 30px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }

    .x-modal_close {
        background: transparent;
        border: 0;
        box-shadow: none;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        line-height: 1;
        font-size: 14px;
        color: #666;
        padding: 10px;
        margin: 10px;
        transition: all .3s ease;
    }

    :where(body.rtl) .x-modal_close {
        right: auto;
        left: 0;
    }

    .x-modal_close-text {
        margin-right: 10px;
    }

    .x-modal_close-icon {
        pointer-events: none;
    }

    @keyframes mmfadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes mmfadeOut {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes mmslideIn {
        from {
            transform: translate(var(--x-modal-translatex), var(--x-modal-translatey)) scale(var(--x-modal-scale));
            -webkit-transform: translate(var(--x-modal-translatex), var(--x-modal-translatey)) scale(var(--x-modal-scale));
        }

        to {
            transform: translate(0, 0) scale(1);
            -webkit-transform: translate(0, 0) scale(1);
        }
    }

    @keyframes mmslideOut {
        from {
            transform: translate(0, 0) scale(1);
            -webkit-transform: translate(0, 0) scale(1);
        }

        to {
            transform: translate(var(--x-modal-close-translatex), var(--x-modal-close-translatey)) scale(var(--x-modal-close-scale));
            -webkit-transform: translate(var(--x-modal-close-translatex), var(--x-modal-close-translatey)) scale(var(--x-modal-close-scale));
        }
    }

    .x-modal[aria-hidden="false"] .x-modal_backdrop {
        animation: mmfadeIn var(--x-modal-transition) cubic-bezier(0.0, 0.0, 0.2, 1);
    }

    .x-modal[aria-hidden="true"] .x-modal_backdrop {
        animation: mmfadeOut var(--x-modal-transition) cubic-bezier(0.0, 0.0, 0.2, 1);
    }

    .x-modal[aria-hidden="false"] .x-modal_container {
        animation: mmslideIn var(--x-modal-transition) cubic-bezier(0, 0, .2, 1);
    }

    .x-modal[aria-hidden="true"] .x-modal_container {
        animation: mmslideOut var(--x-modal-transition) cubic-bezier(0, 0, .2, 1);
    }

    @media (prefers-reduced-motion: reduce) {

        .x-modal[data-x-modal*=notransition] .x-modal_backdrop,
        .x-modal[data-x-modal*=notransition] .x-modal_container {
            --x-modal-transition: 0;
        }

        .x-modal[data-x-modal*=fade][aria-hidden="false"] .x-modal_container {
            animation: mmfadeIn var(--x-modal-transition) cubic-bezier(0, 0, .2, 1);
        }

        .x-modal[data-x-modal*=fade][aria-hidden="true"] .x-modal_container {
            animation: mmfadeOut var(--x-modal-transition) cubic-bezier(0, 0, .2, 1);
        }
    }

    .brx-body.iframe .x-modal[data-id] {
        display: block;
        transform: none !important;
    }

    .brx-body.iframe .x-modal.brx-draggable.is-empty {
        min-height: 0;
        min-width: 0;
    }

    .brx-body.iframe .x-modal_container {
        transition: transform var(--x-modal-transition) ease, opacity var(--x-modal-transition) ease;
        -webkit-transition: -webkit-transform var(--x-modal-transition) ease, opacity var(--x-modal-transition) ease;
    }

    .brx-body.iframe .x-modal_preview-start .x-modal_container {
        opacity: 0.4;
        transform: translate(var(--x-modal-translatex), var(--x-modal-translatey)) scale(var(--x-modal-scale));
        -webkit-transform: translate(var(--x-modal-translatex), var(--x-modal-translatey)) scale(var(--x-modal-scale));
    }

    .brx-body.iframe .x-modal_preview-end .x-modal_container,
    .brx-body.iframe .x-modal_preview.x-modal_preview-end .x-modal_container {
        opacity: 0.4;
        transform: translate(var(--x-modal-close-translatex), var(--x-modal-close-translatey)) scale(var(--x-modal-close-scale));
        -webkit-transform: translate(var(--x-modal-close-translatex), var(--x-modal-close-translatey)) scale(var(--x-modal-close-scale));
    }

    .brx-body.iframe .x-modal {
        transform: none !important;
    }

    .brx-body.iframe .x-modal .x-modal_close-text {
        min-width: 0 !important;
    }

    html {
        scroll-behavior: smooth
    }

    :root {}

    html {
        font-size: 100%
    }

    body {
        font-size: 16px;
        color: #232425;
        line-height: 1.6;
        font-family: "Roboto"
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #232425;
        line-height: 1.2;
        font-weight: 600;
        font-family: "Roboto"
    }

    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    .brxe-container {
        max-width: 90%;
        width: 1380px
    }

    #brx-content.wordpress {
        max-width: 90%;
        width: 1380px
    }

    .woocommerce main.site-main {
        width: 1380px
    }

    .bricks-button {
        text-transform: uppercase;
        font-family: "Roboto";
        font-size: 0.9rem;
        border-radius: 5px;
        padding-top: 0.8em;
        padding-right: 1.4em;
        padding-bottom: 0.8em;
        padding-left: 1.4em;
        transition: all .2s ease-in-out
    }

    :root .bricks-button[class*="light"]:not(.bricks-lightbox) {
        color: #990000;
        border: 1px solid #f5f5f5
    }

    :root .bricks-button[class*="primary"]:not(.outline) {
        background-color: var(--bricks-color-xqfajf)
    }

    :root .bricks-button[class*="secondary"]:not(.outline) {
        background-color: var(--bricks-color-zhzlwp)
    }

    :root .bricks-button[class*="primary"] {
        color: #f5f5f5
    }

    :root .bricks-button[class*="primary"]:not(.outline):hover {
        background-color: #232425
    }

    :root .bricks-button[class*="secondary"]:not(.outline):hover {
        background-color: var(--bricks-color-xqfajf)
    }

    :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {
        background-color: #232425
    }

    :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {
        color: #f5f5f5;
        border-color: #232425
    }

    :root .bricks-button[class*="dark"]:not(.outline) {
        background-color: rgba(0, 0, 0, 0)
    }

    :root .bricks-button[class*="dark"] {
        border: 1px solid #f5f5f5
    }

    :root .bricks-button[class*="dark"]:not(.outline):hover {
        background-color: #232425
    }

    :root .bricks-button[class*="dark"]:hover {
        border-color: #232425
    }

    .brxe-section {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .brxe-tabs .tab-title.brx-open {
        background-color: #c3281c;
        color: #f5f5f5
    }

    .brxe-tabs .tab-title {
        color: #f5f5f5;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #f5f5f5;
        border-radius: 3px
    }

    @media (max-width: 478px) {
        .brxe-section {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem
        }
    }

    .heading-hero.brxe-heading {
        color: #f5f5f5
    }

    .heading-hero {
        text-wrap: balance;
    }

    .open-datasheet-modal.brxe-icon-box {
        cursor: pointer
    }

    .open-datasheet-modal.brxe-button {
        cursor: pointer
    }

    .open-datasheet-modal.brxe-text-link {
        cursor: pointer
    }

    :root {
        --bricks-color-65262e: #f5f5f5;
        --bricks-color-ad6514: #e0e0e0;
        --bricks-color-7277e7: #9e9e9e;
        --bricks-color-3027f6: #616161;
        --bricks-color-f8e1ee: #424242;
        --bricks-color-zhzlwp: #050505;
        --bricks-color-xqfajf: #f58634;
        --bricks-color-zsdpjm: #008b29;
    }

    :root[data-brx-theme="dark"] {
        --bricks-color-65262e: #f5f5f5;
        --bricks-color-ad6514: #e0e0e0;
        --bricks-color-7277e7: #9e9e9e;
        --bricks-color-3027f6: #616161;
        --bricks-color-f8e1ee: #424242;
        --bricks-color-zhzlwp: #050505;
        --bricks-color-xqfajf: #f58634;
        --bricks-color-zsdpjm: #008b29;
    }

    #brxe-nownht {
        color: #f5f5f5;
        transition: all .1s ease;
    }

    #brxe-nownht:hover {
        color: #c3281c
    }

    #brxe-nownht .icon {
        color: #bb2822;
        fill: #bb2822
    }

    #brxe-nownht .icon>i {
        font-size: 17px
    }

    #brxe-nownht .icon>svg {
        width: 17px;
        height: 17px
    }

    @media (max-width: 991px) {
        #brxe-nownht {
            color: #f5f5f5;
            font-size: 12px
        }
    }

    @media (max-width: 478px) {
        #brxe-nownht {
            display: none
        }
    }

    #brxe-mjxnox {
        color: #f5f5f5;
        transition: all .1s ease;
    }

    #brxe-mjxnox:hover {
        color: #c3281c
    }

    #brxe-mjxnox .icon {
        color: #bb2822;
        fill: #bb2822
    }

    #brxe-mjxnox .icon>i {
        font-size: 17px
    }

    #brxe-mjxnox .icon>svg {
        width: 17px;
        height: 17px
    }

    @media (max-width: 991px) {
        #brxe-mjxnox {
            color: #f5f5f5;
            font-size: 12px
        }
    }

    @media (max-width: 478px) {
        #brxe-mjxnox {
            display: none
        }
    }

    #brxe-palzyi {
        color: #f5f5f5;
        transition: all .1s ease;
    }

    #brxe-palzyi:hover {
        color: #c3281c
    }

    #brxe-palzyi .icon {
        color: #bb2822;
        fill: #bb2822
    }

    #brxe-palzyi .icon>i {
        font-size: 17px
    }

    #brxe-palzyi .icon>svg {
        width: 17px;
        height: 17px
    }

    @media (max-width: 991px) {
        #brxe-palzyi {
            color: #f5f5f5;
            font-size: 12px
        }
    }

    @media (max-width: 478px) {
        #brxe-palzyi {
            display: none
        }
    }

    #brxe-igbphb {
        color: #f5f5f5;
        transition: all .1s ease;
    }

    #brxe-igbphb:hover {
        color: #c3281c
    }

    #brxe-igbphb .icon {
        color: #bb2822;
        fill: #bb2822
    }

    #brxe-igbphb .icon>i {
        font-size: 17px
    }

    #brxe-igbphb .icon>svg {
        width: 17px;
        height: 17px
    }

    @media (max-width: 991px) {
        #brxe-igbphb {
            color: #f5f5f5;
            font-size: 12px
        }
    }

    @media (max-width: 478px) {
        #brxe-igbphb {
            display: none
        }
    }

    #brxe-mbuwes {
        color: #f5f5f5;
        transition: all .1s ease;
    }

    #brxe-mbuwes:hover {
        color: #c3281c
    }

    #brxe-mbuwes .icon {
        color: #bb2822;
        fill: #bb2822
    }

    #brxe-mbuwes .icon>i {
        font-size: 17px
    }

    #brxe-mbuwes .icon>svg {
        width: 17px;
        height: 17px
    }

    @media (max-width: 991px) {
        #brxe-mbuwes {
            color: #f5f5f5;
            font-size: 12px
        }
    }

    @media (max-width: 478px) {
        #brxe-mbuwes {
            display: none
        }
    }

    #brxe-ikajxy {
        flex-direction: row;
        column-gap: 1.2rem
    }

    @media (max-width: 767px) {
        #brxe-ikajxy {
            justify-content: center;
            display: none
        }
    }

    @media (max-width: 478px) {
        #brxe-ikajxy {
            column-gap: 1rem
        }
    }

    #brxe-mvyraq {
        color: var(--bricks-color-65262e);
        transition: all .2s ease
    }

    #brxe-mvyraq:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-hvzjuq {
        transition: all .2s ease;
        color: var(--bricks-color-65262e)
    }

    #brxe-hvzjuq:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-wpacoy svg {
        height: 20px;
        width: 20px
    }

    #brxe-wpacoy {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        gap: 0.5rem;
        display: none
    }

    #brxe-wpacoy .content {
        color: #f5f5f5
    }

    #brxe-wpacoy .icon i {
        font-size: 1rem
    }

    #brxe-wpacoy .icon {
        color: #f5f5f5
    }

    #brxe-wpacoy .icon a {
        color: #f5f5f5
    }

    @media (max-width: 767px) {
        #brxe-wpacoy {
            margin-left: auto
        }
    }

    @media (max-width: 478px) {
        #brxe-wpacoy .content {
            font-size: 13px
        }

        #brxe-wpacoy .icon i {
            font-size: 12px
        }

        #brxe-wpacoy {
            gap: 0.5rem
        }
    }

    #brxe-sdixyk {
        display: flex;
        width: auto
    }

    @media (max-width: 767px) {
        #brxe-sdixyk {
            display: flex;
            width: auto;
            margin-left: auto
        }
    }

    #brxe-oaoslz {
        flex-direction: row;
        column-gap: 1.2rem;
        justify-content: flex-end;
        align-items: center;
        max-width: 252px
    }

    @media (max-width: 767px) {
        #brxe-oaoslz {
            max-width: 100%;
            flex-direction: row;
            justify-content: flex-start
        }
    }

    @media (max-width: 478px) {
        #brxe-oaoslz {
            column-gap: 1rem
        }
    }

    #brxe-uciboh {
        flex-direction: row;
        align-items: center
    }

    @media (max-width: 767px) {
        #brxe-uciboh {
            row-gap: 0.5rem
        }
    }

    #brxe-kqzjlm {
        background-color: var(--bricks-color-zhzlwp);
        padding-top: 12px;
        padding-bottom: 12px;
        z-index: 101;
        position: relative;
        font-size: 0.8rem
    }

    @media (max-width: 1225px) {
        .bricks-nav-menu>li {
            margin: 0 0 0 15px;
        }
    }

    @media (max-width: 478px) {
        #brxe-kqzjlm {
            padding-top: 6px;
            padding-bottom: 6px;
            background-color: #000000
        }
    }

    #logo {
        width: 90px
    }

    #logo :not([stroke="none"]) {
        stroke: var(--bricks-color-65262e)
    }

    #logo :not([fill="none"]) {
        fill: var(--bricks-color-65262e)
    }

    #logo {
        filter: drop-shadow(0 0 20px #ffffff3b);
    }

    @media (max-width: 767px) {
        #logo {
            width: 70px
        }
    }

    #logo-container {
        align-items: center;
        flex-direction: row;
        column-gap: 1.5rem;
        row-gap: 1rem;
        background-color: var(--bricks-color-xqfajf);
        justify-content: center;
        height: 130px;
        width: 120px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    #logo-container {
        transition: height .2s ease-in-out;
    }

    .scrolling #logo-container {
        height: 100px;
    }

    @media (max-width: 767px) {
        #logo-container {
            flex-basis: 1;
            min-width: 105px;
            height: 112px;
            width: unset
        }
    }

    #brxe-rporzn {
        color: var(--bricks-color-xqfajf);
        font-size: 1.2rem
    }

    @media (max-width: 767px) {
        #brxe-rporzn {
            display: none
        }
    }

    #brxe-wbuyxk:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-sxwqhf:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-ftrvmk:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-zfbxuy:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-knydqh {
        row-gap: 0.4rem;
        column-gap: 1rem
    }

    #brxe-jjweir {
        color: var(--bricks-color-xqfajf);
        font-size: 1.2rem
    }

    @media (max-width: 767px) {
        #brxe-jjweir {
            display: none
        }
    }

    #brxe-lmufxi:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-aylyub:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-dtszkb:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-ealvev:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-myxuhh {
        row-gap: 0.4rem
    }

    #brxe-vysyrt {
        color: var(--bricks-color-xqfajf);
        font-size: 1.2rem
    }

    @media (max-width: 767px) {
        #brxe-vysyrt {
            display: none
        }
    }

    #brxe-osliek:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qpaauw:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-kntngk:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-biaiwj {
        row-gap: 0.4rem
    }

    #brxe-sekxlx {
        row-gap: 0.5rem;
        column-gap: 1rem;
        flex-direction: row;
        max-width: 100%
    }

    #brxe-omgjzd {
        background-color: var(--bricks-color-65262e);
        margin-top: 7px;
        padding-top: 2rem;
        padding-right: 1.8rem;
        padding-bottom: 2rem;
        padding-left: 1.8rem;
        border-top: 1px solid var(--bricks-color-xqfajf);
        border-left: 0.8rem solid var(--bricks-color-xqfajf);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    @media (max-width: 767px) {
        #brxe-omgjzd {
            border-left-width: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding-top: 1rem;
            padding-right: 1rem;
            padding-bottom: 1rem;
            padding-left: 1rem;
            background-color: rgba(0, 0, 0, 0)
        }
    }

    #brxe-jnldcp:hover {
        color: var(--bricks-color-xqfajf)
    }

    @media (max-width: 767px) {
        #brxe-jnldcp {
            display: none
        }
    }

    #brxe-fvduqj:hover {
        color: var(--bricks-color-xqfajf)
    }

    @media (max-width: 767px) {
        #brxe-fvduqj {
            display: none
        }
    }

    #brxe-uxlyzv:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-fsbbhm.horizontal .line {
        border-top-color: var(--bricks-color-ad6514)
    }

    #brxe-fsbbhm.vertical .line {
        border-right-color: var(--bricks-color-ad6514)
    }

    #brxe-fsbbhm .icon {
        color: var(--bricks-color-ad6514)
    }

    @media (max-width: 767px) {
        #brxe-fsbbhm {
            display: none
        }
    }

    #brxe-wgjbzb:hover {
        color: var(--bricks-color-xqfajf)
    }

    @media (max-width: 767px) {
        #brxe-wgjbzb {
            display: none
        }
    }

    #brxe-kiidwl:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-kaeetu:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-lrmzlp {
        width: 144px;
        border-radius: 5px;
        row-gap: 0.4rem;
        background-color: #ffffff;
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem
    }

    @media (max-width: 767px) {
        #brxe-lrmzlp {
            background-color: rgba(0, 0, 0, 0);
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            width: 100%
        }
    }

    #brxe-gngjqx {
        background-color: var(--bricks-color-65262e);
        margin-top: 7px;
        padding-top: 2rem;
        padding-right: 1.8rem;
        padding-bottom: 2rem;
        padding-left: 1.8rem;
        border-top: 1px solid var(--bricks-color-xqfajf);
        border-left: 0.8rem solid var(--bricks-color-xqfajf);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        flex-direction: row;
        column-gap: 2rem;
        row-gap: 1rem
    }

    @media (max-width: 767px) {
        #brxe-gngjqx {
            border-left-width: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            padding-top: 1rem;
            padding-right: 1rem;
            padding-bottom: 1rem;
            padding-left: 1rem;
            background-color: rgba(0, 0, 0, 0);
            flex-wrap: wrap;
            row-gap: 0.5rem
        }
    }

    @media (max-width: 767px) {
        #brxe-awqtyq .brxa-wrap {
            color: var(--bricks-color-xqfajf)
        }

        #brxe-awqtyq {
            color: var(--bricks-color-xqfajf);
            fill: var(--bricks-color-xqfajf);
            top: 1.1rem;
            position: absolute;
            right: 1.5rem;
            font-size: 2.2rem
        }
    }

    #brxe-upiiag {
        row-gap: 0.5rem;
        column-gap: 1.4rem
    }

    #brxe-upiiag .brx-has-megamenu.open .brx-dropdown-content {
        z-index: 99999;
    }

    @media (max-width: 767px) {
        #brxe-upiiag {
            background-color: rgba(224, 224, 224, 0.95);
            padding-right: 5%;
            padding-left: 5%;
            align-items: flex-start;
            row-gap: 0.7rem;
            font-size: 1.1rem;
            margin-top: 30px
        }

        #brxe-upiiag {
            backdrop-filter: blur(5px);
        }
    }

    @media (max-width: 767px) {
        #brxe-deiiic .brxa-inner {
            --brxe-toggle-bar-height: 3px;
            --brxe-toggle-bar-radius: 4px
        }

        #brxe-deiiic .brxa-wrap {
            color: var(--bricks-color-xqfajf)
        }

        #brxe-deiiic {
            --brxe-toggle-scale: 0.7
        }
    }

    @layer bricks {
        @media (max-width: 767px) {
            #brxe-qroaog .brx-toggle-div {
                display: inline-flex;
            }

            #brxe-qroaog .brxe-toggle {
                display: inline-flex;
            }

            [data-script-id="qroaog"] .brx-nav-nested-items {
                opacity: 0;
                visibility: hidden;
                gap: 0;
                position: fixed;
                z-index: 1001;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                background-color: #fff;
                overflow-y: scroll;
                flex-wrap: nowrap;
            }

            #brxe-qroaog.brx-open .brx-nav-nested-items {
                opacity: 1;
                visibility: visible;
            }
        }
    }

    #brxe-qroaog .menu-item {
        transition: all .1s ease;
    }

    #brxe-qroaog .menu-item a {
        transition: all .1s ease;
    }

    #brxe-qroaog .brx-submenu-toggle>* {
        transition: all .1s ease;
    }

    #brxe-qroaog .brxe-dropdown {
        transition: all .1s ease;
    }

    #brxe-qroaog .brx-dropdown-content a {
        transition: all .1s ease;
    }

    #brxe-qroaog {
        font-family: "Roboto";
        font-weight: 600;
        color: var(--bricks-color-zhzlwp);
        flex-shrink: 0;
        margin-right: 2.2rem;
        width: auto
    }

    #brxe-qroaog .brx-nav-nested-items>li>[aria-current="page"] {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .brx-nav-nested-items>li>.brx-submenu-toggle.aria-current>* {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .brx-nav-nested-items>li:hover>a {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .brx-nav-nested-items>li:hover>.brxe-text-link:not(a) {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .brx-nav-nested-items>li:hover>.brxe-icon {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .brx-nav-nested-items>li:hover:has(> .brxe-svg) {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .brx-nav-nested-items>li:hover>.brx-submenu-toggle>* {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-qroaog .bricks-nav-menu {
        justify-content: end;
    }

    @media (max-width: 767px) {
        #brxe-qroaog {
            padding-left: 0;
            max-width: 23px
        }
    }

    #brxe-xmfpor {
        flex-direction: row;
        align-items: center;
        row-gap: 1.5rem;
        column-gap: 1.5rem
    }

    #brxe-swgymx .x-modal_content {
        flex-direction: row;
        border-radius: 5px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    #brxe-swgymx .x-modal_backdrop {
        background-color: rgba(0, 0, 0, 0.54)
    }

    #brxe-swgymx .x-modal_container {
        width: 800px
    }

    #brxe-swgymx .x-modal_close {
        margin-top: 0;
        margin-right: 0;
        color: var(--bricks-color-xqfajf);
        border-radius: 5px;
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem
    }

    #brxe-swgymx .x-modal_close-icon {
        font-size: 10px
    }

    #brxe-swgymx .x-modal_content {
        background: none;
        backdrop-filter: blur(1rem);
    }

    #brxe-swgymx .x-modal_container {
        overflow: visible;
    }

    #brxe-porvdk {
        color: var(--bricks-color-xqfajf);
        fill: var(--bricks-color-xqfajf);
        font-size: 20px;
        color: var(--bricks-color-65262e)
    }

    #brxe-opcflx {
        height: 100%;
        justify-content: center;
        align-items: center;
        background-color: var(--bricks-color-xqfajf);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        transition: all .2s ease
    }

    #brxe-opcflx:hover {
        background-color: var(--bricks-color-zhzlwp)
    }

    #brxe-rfykrs {
        margin-left: auto;
        position: absolute;
        right: 0px;
        cursor: pointer;
        top: 0px;
        height: 100%;
        align-items: center;
        justify-content: center;
        max-width: 38px
    }

    #top-menu-bar {
        color: #ffffff;
        padding-top: 14px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        flex-direction: row;
        background-color: var(--bricks-color-65262e);
        border-left: 0.8rem solid var(--bricks-color-xqfajf);
        border-radius: 5px;
        box-shadow: 0 0 0.5rem 0 rgba(245, 245, 245, 0.11);
        width: auto;
        position: relative
    }

    @media (max-width: 991px) {
        #top-menu-bar {
            margin-bottom: 0
        }
    }

    @media (max-width: 767px) {
        #top-menu-bar {
            justify-content: flex-end;
            padding-right: 26px;
            padding-left: 10px;
            align-items: center;
            column-gap: 0.5rem;
            border-left-width: 6px
        }
    }

    #brxe-emfxww {
        background-color: rgba(0, 0, 0, 0);
        flex-direction: row;
        align-items: center;
        column-gap: 2rem
    }

    @media (max-width: 767px) {
        #brxe-emfxww {
            justify-content: space-between
        }
    }

    #brxe-dofstg {
        padding-top: 0;
        padding-bottom: 0;
        z-index: 100;
        position: relative
    }

    #brxe-dofstg {
        transition: background-color .4s ease-in-out;
    }

    .scrolling #brxe-dofstg {
        background-color: #ffffff6e;
        backdrop-filter: blur(6px);
    }

    @media (max-width: 1100px) {
        .menu-container {
            column-gap: 0.75rem !important;
        }

        .menu-container .bricks-button {
            padding-left: .5rem;
            padding-right: .5rem;
        }
    }

    #brxe-dcc713 {
        max-width: 700px;
        font-size: 4rem;
        text-align: left;
        font-weight: 900;
        text-transform: uppercase;
        color: var(--bricks-color-xqfajf)
    }

    @media (max-width: 767px) {
        #brxe-dcc713 {
            font-size: 3rem
        }
    }

    @media (max-width: 478px) {
        #brxe-dcc713 {
            font-size: 2.8rem
        }
    }

    #brxe-037974 {
        max-width: 700px;
        text-align: left;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 1.5rem;
        color: var(--bricks-color-zhzlwp);
        line-height: 1.3em;
        margin-left: 2px
    }

    #brxe-9bb585 svg {
        fill: var(--bricks-color-xqfajf);
        stroke: var(--bricks-color-xqfajf);
        height: 1rem;
        width: 1rem
    }

    #brxe-9bb585 {
        flex-direction: row;
        gap: 0.4rem;
        font-size: 0.8rem;
        padding-left: 0
    }

    #brxe-9bb585 .icon i {
        font-size: 1rem
    }

    #brxe-9bb585 .icon {
        align-self: center;
        color: var(--bricks-color-xqfajf)
    }

    #brxe-9bb585 .icon a {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-626592 svg {
        fill: var(--bricks-color-xqfajf);
        stroke: var(--bricks-color-xqfajf);
        height: 1rem;
        width: 1rem
    }

    #brxe-626592 {
        flex-direction: row;
        gap: 0.4rem;
        font-size: 0.8rem
    }

    #brxe-626592 .icon i {
        font-size: 1rem
    }

    #brxe-626592 .icon {
        align-self: center;
        color: var(--bricks-color-xqfajf)
    }

    #brxe-626592 .icon a {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-8b1a86 svg {
        fill: var(--bricks-color-xqfajf);
        stroke: var(--bricks-color-xqfajf);
        height: 1rem;
        width: 1rem;
        stroke-width: 26px
    }

    #brxe-8b1a86 {
        flex-direction: row;
        gap: 0.4rem;
        font-size: 0.8rem
    }

    #brxe-8b1a86 .icon i {
        font-size: 1rem
    }

    #brxe-8b1a86 .icon {
        align-self: center;
        color: var(--bricks-color-xqfajf)
    }

    #brxe-8b1a86 .icon a {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-tkqxeh svg {
        fill: var(--bricks-color-xqfajf);
        stroke: var(--bricks-color-xqfajf);
        height: 1rem;
        width: 1rem;
        stroke-width: 26px
    }

    #brxe-tkqxeh {
        font-size: 0.8rem;
        flex-direction: row;
        gap: 0.4rem
    }

    #brxe-tkqxeh .icon i {
        font-size: 1rem
    }

    #brxe-tkqxeh .icon {
        align-self: center;
        color: var(--bricks-color-xqfajf)
    }

    #brxe-tkqxeh .icon a {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-db7ff8 {
        margin-top: 0.5rem;
        margin-left: 2px;
        flex-direction: row;
        column-gap: 0.8rem;
        row-gap: 0.8rem
    }

    #brxe-04aea9 {
        box-shadow: 0 0 10px 0 rgba(35, 36, 37, 0.57);
        display: none;
        color: #bb2822
    }

    #brxe-0de355 {
        flex-direction: row;
        column-gap: 1rem;
        row-gap: 1rem
    }

    #brxe-a47485 {
        row-gap: 0.5rem;
        max-width: 500px
    }

    #brxe-b02ede {
        flex-direction: row
    }

    #brxe-908aaa {
        position: relative;
        background-position: center center;
        background-size: cover;
        padding-top: 170px;
        padding-bottom: 50px;
        margin-top: -130px;
        min-height: 450px;
        justify-content: center
    }

    :where(#brxe-908aaa > *:not(figcaption)) {
        position: relative
    }

    #brxe-908aaa::before {
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(0, 0, 0, 0));
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none
    }

    @media (max-width: 767px) {
        #brxe-908aaa {
            padding-bottom: 30px
        }
    }

    @media (max-width: 478px) {
        #brxe-908aaa {
            padding-top: 175px;
            position: relative
        }

        :where(#brxe-908aaa > *:not(figcaption)) {
            position: relative
        }

        #brxe-908aaa::before {
            background-image: linear-gradient(rgba(245, 245, 245, 0.56), rgba(245, 245, 245, 0.56));
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none
        }
    }

    #brxe-02a2a6 {
        font-size: 1.1rem;
        margin-bottom: 1rem
    }

    .brxe-hbalgn .brxe-trowvc.brxe-image {
        border-radius: 5px
    }

    .brxe-hbalgn .brxe-riqttb.brxe-block {
        flex-direction: row;
        align-items: center;
        row-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .brxe-hbalgn .brxe-uyrvur.brxe-xpromodalnestable .x-modal_content {
        flex-direction: row;
        border-radius: 5px;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .brxe-hbalgn .brxe-uyrvur.brxe-xpromodalnestable .x-modal_backdrop {
        background-color: rgba(0, 0, 0, 0.54)
    }

    .brxe-hbalgn .brxe-uyrvur.brxe-xpromodalnestable .x-modal_container {
        width: 800px
    }

    .brxe-hbalgn .brxe-cef148.brxe-heading {
        color: var(--bricks-color-xqfajf);
        font-size: 1.2rem;
        margin-right: 6px
    }

    @media (max-width: 478px) {
        .brxe-hbalgn .brxe-cef148.brxe-heading {
            font-size: 1.1rem
        }
    }

    .brxe-hbalgn .brxe-kbftnx.brxe-icon {
        color: var(--bricks-color-xqfajf);
        font-size: 1.1rem;
        margin-top: 0.4rem;
        margin-bottom: 0.4rem
    }

    .brxe-hbalgn .brxe-c297a3.brxe-block {
        background-color: var(--bricks-color-65262e);
        padding-top: 0.8rem;
        padding-right: 0.8rem;
        padding-bottom: 0.8rem;
        padding-left: 0.8rem;
        border-left: 5px solid var(--bricks-color-xqfajf);
        border-radius: 5px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        height: 100%
    }

    @media (max-width: 767px) {
        .brxe-hbalgn .brxe-c297a3.brxe-block {
            flex-wrap: nowrap
        }
    }

    @media (max-width: 478px) {
        .brxe-hbalgn .brxe-c297a3.brxe-block {
            padding-top: 0.6rem;
            padding-right: 0.5rem;
            padding-bottom: 0.6rem;
            padding-left: 0.5rem
        }
    }

    #brxe-270803 {
        display: grid;
        align-items: initial;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem
    }

    @media (max-width: 767px) {
        #brxe-270803 {
            grid-template-columns: 1fr
        }
    }

    #brxe-92d420 {
        row-gap: 0.8rem
    }

    #brxe-7ce7f5 {
        max-height: 400px;
        width: auto;
        margin-right: 2rem;
        margin-left: 2rem
    }

    @media (max-width: 767px) {
        #brxe-7ce7f5 {
            margin-right: 0;
            margin-left: 0
        }
    }

    #brxe-7232eb {
        align-items: center
    }

    #brxe-6d078e {
        flex-direction: row;
        align-items: center
    }

    #brxe-f34d51 .bricks-video-overlay {
        background-color: rgba(0, 0, 0, 0.25)
    }

    #brxe-f34d51 {
        border-radius: 5px
    }

    #brxe-xkwnty:not(.tag),
    #brxe-xkwnty img {
        object-fit: cover;
        aspect-ratio: 4/3
    }

    #brxe-xkwnty {
        border-radius: 5px;
        height: 100%
    }

    #brxe-400fb7 {
        align-items: center
    }

    @media (max-width: 478px) {
        #brxe-400fb7 {
            order: 2
        }
    }

    #brxe-77db20 {
        font-size: 1.1rem
    }

    #brxe-77db20 a {
        font-size: 1.1rem;
        font-size: inherit
    }

    #brxe-afffae {
        cursor: pointer
    }

    #brxe-5f755d {
        flex-direction: row;
        column-gap: 1rem;
        row-gap: 1rem;
        margin-top: 0.5rem
    }

    #brxe-535557 {
        row-gap: 0.8rem;
        margin-top: auto;
        margin-bottom: auto;
        flex-grow: 1
    }

    #brxe-b36d64 {
        flex-direction: row;
        align-items: stretch;
        column-gap: 2rem;
        row-gap: 2rem
    }

    #brxe-4379f6 {
        background-color: var(--bricks-color-65262e)
    }

    .brxe-btbfbm .brxe-voosun.brxe-image:not(.tag),
    .brxe-btbfbm .brxe-voosun.brxe-image img {
        aspect-ratio: 4/3;
        object-fit: cover
    }

    .brxe-btbfbm .brxe-voosun.brxe-image {
        border-radius: 5px
    }

    .pswp__img {
        height: auto !important;
        margin-top: 10vh;
    }

    #brxe-vdbvfv .splide__arrow {
        color: var(--bricks-color-xqfajf);
        font-size: 1.2rem;
        min-height: 1.2rem;
        min-width: 1.2rem;
        background-color: rgba(245, 245, 245, 0.6);
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 5px
    }

    #brxe-vdbvfv .splide__arrow svg {
        fill: var(--bricks-color-xqfajf);
        height: 1.2rem;
        width: 1.2rem
    }

    #brxe-vdbvfv .splide__arrow--prev {
        left: 0.5rem
    }

    #brxe-vdbvfv .splide__arrow--next {
        right: 0.5rem
    }

    #brxe-bgxzje {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    #brxe-hqkagh {
        margin-top: 0.8rem;
        margin-bottom: 0.5rem
    }

    #brxe-csdzfe {
        max-width: 167px;
        font-size: 1.1rem
    }

    @media (max-width: 767px) {
        #brxe-csdzfe {
            max-width: 100%
        }
    }

    #brxe-qmzycg {
        width: 25%
    }

    @media (max-width: 767px) {
        #brxe-qmzycg {
            width: 100%
        }
    }

    #brxe-d348d6 td.gridjs-td {
        padding-top: 12px;
        padding-right: 25px;
        padding-bottom: 12px;
        padding-left: 25px;
        font-size: 0.95rem
    }

    #brxe-d348d6 .gridjs-wrapper {
        border-radius: 5px;
        background-color: #ffffff
    }

    #brxe-d348d6 .gridjs-pagination {
        font-size: 0.9rem
    }

    #brxe-d348d6 input.gridjs-input::placeholder {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-d348d6 input.gridjs-input {
        color: var(--bricks-color-xqfajf);
        font-weight: 500;
        font-size: 1rem;
        background-color: #ffffff
    }

    #brxe-d348d6 .gridjs-footer {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #brxe-d348d6 .gridjs-pagination .gridjs-pages button {
        padding-top: 8px;
        padding-bottom: 8px
    }

    #brxe-d348d6 thead {
        display: none;
    }

    #brxe-d348d6 .gridjs-search-input {
        width: 100%;
    }

    #brxe-d348d6 .gridjs-search {
        float: unset;
        width: 100%;
    }

    #brxe-d348d6 .gridjs-pagination .gridjs-pages {
        float: left;
    }

    #brxe-d348d6 tr.gridjs-tr td:first-of-type {
        color: #a8372c;
    }

    #brxe-d348d6 .gridjs-footer {
        display: flex;
        gap: 1rem;
        justify-content: space-between;
    }

    #specs-datasheet {
        flex-direction: row-reverse;
        color: var(--bricks-color-xqfajf);
        font-size: 0.9rem;
        cursor: pointer
    }

    @media (max-width: 767px) {
        #specs-datasheet {
            display: none
        }
    }

    #brxe-jxkwqa {
        width: 75%
    }

    @media (max-width: 767px) {
        #brxe-jxkwqa {
            width: 100%
        }
    }

    #brxe-kkpyyz {
        flex-direction: row;
        column-gap: 2rem;
        row-gap: 3rem
    }

    @media (max-width: 767px) {
        #brxe-kkpyyz {
            row-gap: 1rem
        }
    }

    #brxe-qpnene {
        background-color: var(--bricks-color-65262e)
    }

    #brxe-c77b9c:not(.tag),
    #brxe-c77b9c img {
        object-fit: cover;
        aspect-ratio: 4/3
    }

    #brxe-c77b9c {
        border-radius: 5px;
        height: 100%
    }

    #brxe-cf3050 {
        align-items: center;
        width: 40%
    }

    @media (max-width: 767px) {
        #brxe-cf3050 {
            width: 100%
        }
    }

    #brxe-51009b {
        font-size: 1.1rem
    }

    #brxe-51009b a {
        font-size: 1.1rem;
        font-size: inherit
    }

    #brxe-2f648f {
        row-gap: 0.8rem;
        margin-top: auto;
        margin-bottom: auto;
        width: 60%;
        flex-grow: 1
    }

    @media (max-width: 767px) {
        #brxe-2f648f {
            width: 100%
        }
    }

    #brxe-5a4dfa {
        row-gap: 2rem;
        flex-direction: row;
        column-gap: 2rem;
        align-items: stretch
    }

    #brxe-6aba06 {
        margin-top: 0.8rem;
        margin-bottom: 0.5rem
    }

    #brxe-bdc3bc {
        max-width: 167px;
        font-size: 1.1rem
    }

    @media (max-width: 767px) {
        #brxe-bdc3bc {
            max-width: 100%
        }
    }

    #brxe-fc6f0c {
        width: 25%
    }

    @media (max-width: 767px) {
        #brxe-fc6f0c {
            width: 100%
        }
    }

    #brxe-b005ec .accordion-title .title {
        font-size: 1.3rem
    }

    #brxe-b005ec .accordion-title .icon {
        color: var(--bricks-color-xqfajf);
        font-size: 1.4rem
    }

    #brxe-b005ec .accordion-title-wrapper {
        border-bottom: 1px solid var(--bricks-color-ad6514);
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }

    #brxe-b005ec .accordion-content-wrapper {
        padding-top: 1rem;
        font-size: 1.1rem
    }

    #brxe-b005ec h3.title {
        padding-right: 2rem;
    }

    #brxe-f60535 {
        width: 75%
    }

    @media (max-width: 767px) {
        #brxe-f60535 {
            width: 100%
        }
    }

    #brxe-ef6e60 {
        flex-direction: row;
        column-gap: 2rem;
        row-gap: 3rem
    }

    @media (max-width: 767px) {
        #brxe-ef6e60 {
            row-gap: 1rem
        }
    }

    #faq-block {
        background-color: var(--bricks-color-65262e)
    }

    #brxe-7487bf {
        flex-direction: row;
        column-gap: 1rem;
        row-gap: 1rem;
        margin-top: 1.5rem;
        margin-bottom: 2rem;
        align-items: center;
        border-radius: 5px
    }

    #brxe-c4d9d2 {
        color: var(--bricks-color-f8e1ee)
    }

    #brxe-c4d9d2 a {
        color: var(--bricks-color-f8e1ee);
        font-size: inherit
    }

    #brxe-c4d9d2 a {
        color: #f58634;
    }

    #brxe-e1ae38 .x-modal_content {
        border-radius: 8px
    }

    #brxe-e1ae38 .x-modal_container {
        overflow-y: visible;
    }

    #brxe-vqcyok {
        width: 100px;
        margin-bottom: 1rem
    }

    #brxe-vqcyok :not([fill="none"]) {
        fill: var(--bricks-color-xqfajf)
    }

    #brxe-ellmxs {
        align-items: center;
        background-color: var(--bricks-color-65262e);
        padding-top: 1rem;
        padding-right: .5rem;
        padding-bottom: 0.2rem;
        padding-left: .5rem;
        border-radius: 5px;
        justify-content: center;
        max-width: 200px;
        transition: all .3s ease;
    }

    #brxe-ellmxs:hover svg * {
        fill: #000 !important;
    }

    #brxe-ellmxs svg * {
        transition: all .3s ease;
    }

    @media (max-width: 767px) {
        #brxe-ellmxs {
            align-items: flex-start;
            background-color: rgba(0, 0, 0, 0)
        }
    }

    #brxe-kaoqtu {
        color: #e0e0e0;
        font-size: 20px;
        margin-bottom: 10px
    }

    #brxe-fqczku {
        color: #f5f5f5;
        font-size: 14px;
        margin-top: -1px;
        padding-right: 5px
    }

    #brxe-kzxpkn li.has-link a,
    #brxe-kzxpkn li.no-link {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        color: var(--bricks-color-65262e);
        gap: 2px
    }

    #brxe-kzxpkn li.has-link a:hover,
    #brxe-kzxpkn li.no-link:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-kzxpkn .icon:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-kzxpkn a {
        transition: .3s ease;
    }

    #brxe-hrijxa {
        color: #e0e0e0;
        font-size: 20px;
        margin-bottom: 10px
    }

    #brxe-pxmevy {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-pxmevy:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-dlqstc {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-dlqstc:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-oorcsv {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-oorcsv:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-jyvmlz {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-jyvmlz:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-ypestq {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-ypestq:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-dhfqwj {
        color: #e0e0e0;
        font-size: 20px;
        margin-bottom: 10px
    }

    #brxe-vuovbp {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-vuovbp:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-dhrfvv {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-dhrfvv:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-vrlgja {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-vrlgja:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-rywvof {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-rywvof:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-ykheuv {
        color: var(--bricks-color-65262e);
        transition: color .2s ease
    }

    #brxe-ykheuv:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-zrzrts {
        flex-direction: row;
        column-gap: 1.6rem;
        row-gap: 1.6rem;
        align-items: stretch;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    #brxe-mblqnv {
        color: #f5f5f5;
        font-size: 14px;
        margin-bottom: 2px
    }

    @media (max-width: 478px) {
        #brxe-mblqnv {
            align-self: center
        }
    }

    #brxe-sayhkk {
        color: rgba(245, 245, 245, 0.5);
        font-size: 12px;
        transition: color .3s ease
    }

    #brxe-sayhkk:hover {
        color: var(--bricks-color-xqfajf)
    }

    @media (max-width: 478px) {
        #brxe-sayhkk {
            display: none
        }
    }

    @media (max-width: 478px) {
        #brxe-mripnm {
            align-items: center
        }
    }

    #brxe-suaeqe {
        color: #f5f5f5;
        font-size: 14px;
        transition: all .1s ease;
    }

    #brxe-suaeqe:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-lbncjv {
        color: #f5f5f5;
        font-size: 14px;
        transition: all .1s ease;
    }

    #brxe-lbncjv:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-lgcgzd {
        color: #f5f5f5;
        font-size: 14px;
        transition: all .1s ease;
    }

    #brxe-lgcgzd:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-gpgehv {
        color: #f5f5f5;
        font-size: 14px;
        transition: all .1s ease;
    }

    #brxe-gpgehv:hover {
        color: var(--bricks-color-xqfajf)
    }

    #brxe-lzfbtb {
        flex-direction: row;
        column-gap: 1rem;
        row-gap: 0.5rem;
        justify-content: flex-end
    }

    @media (max-width: 478px) {
        #brxe-lzfbtb {
            justify-content: center;
            margin-top: .3rem
        }
    }

    #brxe-xpxwxh {
        color: rgba(245, 245, 245, 0.5);
        font-size: 12px
    }

    #brxe-lrogoh {
        flex-direction: row;
        column-gap: 1rem;
        row-gap: 1rem;
        justify-content: flex-end;
        display: none
    }

    @media (max-width: 478px) {
        #brxe-lrogoh {
            justify-content: center;
            margin-top: .5rem;
            display: flex
        }
    }

    #brxe-dfisif {
        margin-top: 1.4rem;
        padding-top: 1.4rem;
        border-top: 1px solid rgba(245, 245, 245, 0.5);
        flex-direction: row;
        justify-content: space-evenly
    }

    #brxe-xwpmgf {
        color: hsl(46, 2%, 68%);
        width: auto
    }

    #brxe-sutiew {
        color: hsl(46, 2%, 68%);
        width: auto
    }

    #brxe-zbqibf {
        flex-direction: row;
        column-gap: 0.5rem;
        row-gap: 0.5rem
    }

    @media (max-width: 478px) {
        #brxe-zbqibf {
            align-items: center
        }
    }

    #brxe-nkcvte {
        margin-top: 1.4rem;
        padding-top: 1.4rem;
        border-top: 1px solid rgba(245, 245, 245, 0.5);
        flex-direction: row;
        justify-content: space-evenly;
        font-size: 0.9rem
    }

    #brxe-lcqkpn {
        background-color: var(--bricks-color-zhzlwp);
        border-top: 1px solid var(--bricks-color-xqfajf)
    }

    div#cm {
        border-radius: 5px;
        background: #fffffff2;
        backdrop-filter: blur(5px);
        font-family: "Roboto";
        border-left: 5px solid #ad2c1f;
    }

    #c-inr-i div#c-ttl {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }

    #cc--main {
        z-index: 99;
    }

    div#cm div[role="heading"] {
        font-family: "Roboto";
    }

    div#cm button:not([data-cc="c-settings"]) {
        border-radius: 4px;
        padding: 1rem;
    }

    div#cm button span {
        text-transform: uppercase !important;
        font-family: "Roboto";
        font-weight: 500 !important;
    }

    .single-personioposition strong {
        font-weight: unset;
    }

    .single-personioposition h1,
    .single-personioposition h2,
    .single-personioposition h3 {
        margin-bottom: 1rem;
    }

    .single-personioposition article {
        background: #f5f5f5;
        padding: 2rem;
        border-radius: 5px;
    }