@supports (content: "x" / "y") {

        .button_menu:after {
            content: "" / "" !important;
            border: 0;
            background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.99998 7.56265L15.6 0.962646L17.4853 2.84798L8.99998 11.3333L0.514648 2.84798L2.39998 0.962646L8.99998 7.56265Z" fill="white"/></svg>');
            width: 18px;
            height: 12px;
            background-size: 18px 12px;
            display: inline-block;
            margin-left: .6rem;
        }

    }

    @supports not (content: "x" / "y") {

        .button_menu:after {
            content: "" !important;
            border: 0;
            background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.99998 7.56265L15.6 0.962646L17.4853 2.84798L8.99998 11.3333L0.514648 2.84798L2.39998 0.962646L8.99998 7.56265Z" fill="white"/></svg>');
            width: 18px;
            height: 12px;
            background-size: 18px 12px;
            display: inline-block;
            margin-left: .6rem;
        }

    }

    @media (prefers-color-scheme: light) {

        @media (min-width: 1200px) {

            .button_menu:after {
                content: "" !important;
                border: 0;
                background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.99998 7.56265L15.6 0.962646L17.4853 2.84798L8.99998 11.3333L0.514648 2.84798L2.39998 0.962646L8.99998 7.56265Z" fill="black"/></svg>') !important;
            }

        }

    }

    @media (min-width: 1200px) {

        body.dokan-dashboard .button_menu:after {
            background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.99998 7.56265L15.6 0.962646L17.4853 2.84798L8.99998 11.3333L0.514648 2.84798L2.39998 0.962646L8.99998 7.56265Z" fill="black"/></svg>') !important;
        }

    }

    .body_block {
        overflow: hidden;
        position: fixed;
    }

    .button_close {
        background: unset;
        margin: 0;
        border: 0;
        padding: 0;
        border-radius: .25rem;
    }

    .button_close:active,
    .button_close:focus,
    .button_close:focus-visible {
        outline: 3px solid #ffffff !important;
        outline-offset: 3px;
    }

    .button_open img {
        margin-right: .5rem;
    }

    .button_open {
        background: unset;
        margin: 0;
        border: 2px solid var(--color2);
        padding: .45rem 1rem;
        font-size: 1.1rem;
    }

    .instrukcje2:active,
    .instrukcje2:focus,
    .instrukcje2:focus-visible {
        outline: 3px solid var(--color2) !important;
        outline-offset: 4px;
    }

    .q_dashboard:focus,
    .q_dashboard:focus-visible,
    .q_dashboard:active,
    #open_menu_mobile:active,
    #open_menu_mobile:focus,
    #open_menu_mobile:focus-visible {
        outline: 2px solid var(--color2) !important;
        outline-offset: 4px;
    }

    .button_menu_li a {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .offcanvas a:active,
    .offcanvas a:focus,
    .offcanvas a:focus-visible {
        outline: 3px solid var(--color2);
        background: unset;
    }

    .button_menu:active:before,
    .button_menu:focus:before,
    .button_menu:focus-visible:before,
    header a:active:after,
    header a:focus:after,
    header a:focus-visible:after {
        content: none !important;
    }

    .navbar-brand {
        font-size: 1.5rem;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: .8rem;
        margin-right: 0;
        color: var(--color2) !important;
    }

    .navbar-brand2 {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .navbar-brand2:focus,
    .navbar-brand2:focus-visible,
    .navbar-brand2:active {
        outline-offset: 8px !important;
    }

    .navbar-brand3 {
        width: fit-content;
    }

    .offcanvas button.instrukcje2 {
        border: 0;
        position: relative;
        padding: 0 .5rem !important;
        margin-top: .5rem;
        margin-left: 0 !important;
    }

    .offcanvas button.instrukcje2:after {
        background: none !important;
        width: unset !important;
        height: unset !important;
        position: relative !important;
        bottom: 0 !important;
    }

    .offcanvas button.instrukcje2[aria-expanded="true"]:after {
        transform: rotate(180deg);
    }

    .offcanvas button.instrukcje2:focus:before {
        content: none !important;
    }

    .instrukcje1 a:hover:after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--color-main);
    }

    .instrukcje1 .dropdown-item {
        color: var(--color2);
    }

    .konto_status {
        position: relative;
    }

    .konto_status:after {
        color: red;
        position: absolute;
        line-height: 1;
        border: 2px solid red;
        border-radius: 100%;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.188rem;
        font-weight: 700;
        background: #ffffff;
    }

    .konto_status2,
    .konto_status2:active,
    .konto_status2:focus,
    .konto_status2:focus-visible,
    .offcanvas .btn-outline-danger:focus:hover,
    .offcanvas .btn-outline-danger:focus-visible:hover {
        color: #aa0f1d !important;
    }

    .konto_status3 {
        padding: 1.5rem 1rem;
        background: #fbfbfb;
        text-align: center;
        margin-bottom: 2rem;
    }

    .offcanvas .btn-close {
        opacity: 1 !important;
        font-size: 1.5rem;
    }

    .offcanvas .btn-close:focus,
    .offcanvas .btn-close:active,
    .offcanvas .btn-close:focus-visible {
        box-shadow: none;
        outline: 3px solid var(--color2) !important;
        outline-offset: 2px;
    }

    .q_menu1 {
        z-index: 10;
    }

    .bg-light {
        background-color: rgba(255, 255, 255, 0) !important;
    }

    .offcanvas {
        background-color: var(--color3);
    }

    .offcanvas-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--color2);
    }

    .q_menu2 a.nav-link {
        display: inline-block;
    }

    .dropdown-item:focus-visible:not(.button_menu_li .dropdown-item),
    .dropdown-item:focus:not(.button_menu_li .dropdown-item),
    .dropdown-item:hover:not(.button_menu_li .dropdown-item) {
        background-color: inherit;
        color: var(--color2) !important;
    }

    .offcanvas-header {
        padding: 1rem 1rem .5rem 1rem;
    }

    .q_menu3 .tab-content {
        padding-top: 1rem;
    }

    .menu_divider {
        border-top: 1px solid var(--color2);
        margin-top: 1rem;
        padding-top: 1rem;
    }

    .q_menu1.navbar-light .navbar-nav .nav-link:not(.q_dashboard) {
        font-weight: 500;
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        background: unset !important;
        width: unset !important;
        height: unset !important;
        bottom: 0 !important;
    }

    .current_item {
        position: relative;
    }

    .menu_global li.nav-item a:hover,
    .offcanvas a,
    .menu_global li.nav-item:hover {
        position: relative;
    }

    .offcanvas a:hover:after:not(.instrukcje1 a),
    .menu_global li.nav-item a:hover:not(.konto_status):after,
    .current_item:after {
        content: '' !important;
        position: absolute !important;
        bottom: -3px;
        left: .5rem;
        right: .5rem;
        height: 3px;
        background: var(--color-main);
    }

    .dropdown-menu:not(.dropdown-menu.button_menu_li) {
        border: 0;
        background-color: inherit;
    }

    .dropdown-menu {
        border: 0;
    }

    ul.dropdown-menu.show li {
        position: relative;
        width: fit-content;
        margin-bottom: .2rem
    }

    .mobile_container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #menu_mobile .navbar-nav {
        margin-top: 3rem;
    }

    .new_menu_2 {
        display: flex;
        align-items: center;
    }

    .button_menu {
        border: 0;
        outline: 0;
        position: relative;
        padding-right: 1rem;
    }

    .button_menu[aria-expanded="true"]:after {
        transform: rotate(180deg);
    }

    .button_menu_li {
        min-width: 20rem;
        padding: 1rem .5rem !important;
        margin-top: .5rem !important;
    }

    .button_menu_li a,
    .offcanvas a {
        white-space: break-spaces;
    }

    .menu_global a.nav-link:focus:after,
    .menu_global a.nav-link:focus-visible:after {
        content: none !important;
    }

    .offcanvas a {
        margin: 0 !important;
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .q_dashboard {
        font-weight: 500;
        padding: .7rem 1.2rem !important;
        color: #ffffff !important;
        background: #0d632a;
        border: 0;
        border-radius: 0;
    }

    .q_dashboard:hover,
    .q_dashboard:active,
    .q_dashboard:focus,
    .q_dashboard:focus-visible {
        background: #0d632a !important;
        color: #ffffff !important;
    }

    .brand2_menu span {
        color: #ffffff !important;
    }

    header nav {
        padding: 0 !important;
    }

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

        .new_menu_3 {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important;
        }

        .container_menu_mobile {
            max-width: 60% !important;
        }

    }

    @media (max-width: 767.98px) {

        .new_menu_3 {
            padding-left: .75rem !important;
            padding-right: .75rem !important;
        }

        .container_menu_mobile {
            max-width: 100% !important;
        }

    }

    @media (max-width: 575.98px) {

        .button_menu_li {
            min-width: 15rem !important;
        }

        .new_menu_3:not(.new_menu_3_wc) {
            flex-direction: column;
            align-items: flex-start !important;
        }

        .new_menu_3_wc .navbar-brand img{
            width: 30px !important;
        }
        
        .new_menu_3_wc .navbar-brand {
            font-size: 1.1rem !important;
        }

        .new_menu_3_wc .brand_desktop {
            margin-bottom: 0 !important;
        }

        .new_menu_3_wc {
            align-items: center !important;
        }

        .brand_desktop {
            margin-bottom: 1.5rem;
        }

        .q_dashboard {
            margin-left: 1.2rem !important;
        }

    }

    @media (min-width: 992px) {

        .q_menu1 {
            padding-left: 3rem;
            padding-right: 3rem;
        }

    }

    @media (min-width: 1200px) {

        .button_menu_li {
            padding: 1rem .5rem !important;
        }

        .q_dashboard {
            margin-left: 2rem;
        }

        .new_menu_3 {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
        }

        header nav button:not(.button_menu_li a):active,
        header nav button:not(.button_menu_li a):focus,
        header nav button:not(.button_menu_li a):focus-visible,
        header nav a:not(.button_menu_li a):active,
        header nav a:not(.button_menu_li a):focus,
        header nav a:not(.button_menu_li a):focus-visible {
            outline: 3px solid var(--color2);
            background: unset;
        }

        #menu_mobile {
            display: none !important;
        }

        header nav .button_menu_li a:active,
        header nav .button_menu_li a:focus,
        header nav .button_menu_li a:focus-visible {
            outline: 3px solid #000000;
        }

        .current_item:after,
        .offcanvas button.instrukcje2:hover:before,
        .offcanvas a:not(.btn):hover:after,
        .menu_global li.nav-item a:hover:not(.konto_status):after,
        .menu_global li.nav-item button:hover:not(.konto_status):before {
            content: '';
            position: absolute;
            bottom: -3px;
            left: .5rem;
            right: .5rem;
            height: 3px;
            background: var(--color-main);
        }

        .dropdown-item.current_item:after {
            background: #0d632a !important;
        }

        .button_menu_li a:hover:after {
            background: #0D632A !important;
        }

        .q_menu1.navbar-light .navbar-nav .nav-link:not(.q_dashboard) {
            color: var(--color2) !important;
        }

        .navbar-expand-xl .navbar-nav {
            justify-content: flex-end;
            width: 100%;
            align-items: center;
        }

        .dropdown-item {
            font-size: 1.1rem;
        }

        .q_menu1 ul li a:not(.dropdown-item),
        .q_menu1 ul li button:not(.dropdown-item) {
            font-size: 1.25rem;
        }

        .button_menu_li a.dropdown-item:active,
        .button_menu_li a.dropdown-item:hover,
        .button_menu_li a.dropdown-item:focus,
        .button_menu_li a.dropdown-item:focus-visible {
            background-color: #ffffff !important;
            color: #000000 !important;
        }

        .button_menu_li {
            box-shadow: 0px 4px 4px 0px #00000040;
        }

        .konto_status:after {
            right: -12px;
            top: -12px;
        }

        .new_menu_1 {
            display: none !important;
        }

    }

    @media (max-width: 1199.98px) {

        .button_menu_li {
            padding: 0 .5rem 0 2rem !important;
        }

        .q_dashboard {
            font-size: 1.1rem;
            margin-left: 2rem;
        }

        header nav button:active,
        header nav button:focus,
        header nav button:focus-visible,
        header nav a:active,
        header nav a:focus,
        header nav a:focus-visible {
            outline: 3px solid #ffffff;
            background: unset;
        }

        @media (prefers-color-scheme: light) {

            .navbar-brand2.brand_desktop:focus,
            .navbar-brand2.brand_desktop:focus-visible,
            .navbar-brand2.brand_desktop:active {
                outline: 3px solid #000000 !important;
            }

        }

        #menu_mobile {
            display: none;
            height: 100vh;
            height: var(--doc-height);
            overflow: auto;
            background: #0D632A;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            z-index: 9999;
            width: 100vw;
            overflow-y: auto;
            overflow-x: hidden;
            overscroll-behavior: contain;
            padding: 1rem .5rem;
        }

        .submenu_1,
        .submenu_3 {
            width: fit-content;
        }

        .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
        }

        .konto_status:after {
            right: 0;
            top: -15px;
        }

        .button_menu_li {
            background: #0D632A;
        }

        .q_menu1.navbar-light .navbar-nav .nav-link:not(.q_dashboard):not(.offcanvas .nav-link) {
            color: #ffffff !important;
        }

        .offcanvas .nav-link {
            color: var(--color2) !important;
        }

        .dropdown-item {
            font-size: 1.2rem;
        }

        .q_menu1 ul li a:not(.dropdown-item),
        .q_menu1 ul li button:not(.dropdown-item) {
            font-size: 1.35rem;
        }

        .button_menu_li a.dropdown-item:active,
        .button_menu_li a.dropdown-item:hover,
        .button_menu_li a.dropdown-item:focus,
        .button_menu_li a.dropdown-item:focus-visible {
            background-color: inherit !important;
            color: #ffffff !important;
        }

        .button_menu_li a {
            color: #ffffff !important;
        }

        .menu_global_1 {
            display: none !important;
        }

    }