header#header.ct-header {
    background-color: #131313 !important;
    background: #131313 !important;
    position: relative;
    z-index: 103;
}

[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background-color: #000 !important;
}

[data-header*="type-1"] header#header {
    position: relative;
}

[data-header*="type-1"] header#header .site-branding {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--side-panel-width, 150px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: 0;
    z-index: 2;
    height: 70px;
    background: linear-gradient(
        325deg, var(--magicwin-accent, #75ff20) 0%, #131313 70%, rgba(19, 19, 19, 0) 100%) !important;
}


header#header [data-id="logo"],
header#header .site-logo-container {
    margin-left: 0;
    padding-left: 0;
}
header#header [data-id="logo"] {
    max-width: 225px;
    min-width: 0;
}
header#header [data-id="logo"] .site-logo-container {
    margin-left: 0;
    padding-left: 0;
    max-width: 100%;
    display: block;
}
header#header [data-id="logo"] .site-logo-container img,
header#header [data-id="logo"] img {
    max-width: 100% !important;
    width: auto !important;
    object-fit: contain;
}

header#header .site-branding .site-logo-container + .site-title-container {
    display: none !important;
}

header#header [data-id="language-switcher"] {
    display: none !important;
}

header#header [data-id="search"] {
    display: none !important;
}

header#header [data-id="logo"] {
    padding-right: 16px;
    margin-right: 0;
}



@media (min-width: 1000px) {
    [data-header*="type-1"] header#header .site-branding {
        height: 120px;
        width: var(--side-panel-width, 225px);
    }
	header#header [data-id="logo"] .site-logo-container img, header#header [data-id="logo"] img {
		height: 55px ! important;
    	margin-top: -7px;
		padding: 4px;
	}
	
	
    [data-header*="type-1"] header#header .site-branding::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        right: 0px;
        width: 1px;
        height: 120px;
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
        );
        pointer-events: none;
        z-index: 100;
    }
}

@media (max-width: 999px) {
    header#header.ct-header {
        background-color: #282828 !important;
        background: #282828 !important;
    }

    header#header .site-branding,
    header#header [data-id="logo"] {
        position: relative;
        background: linear-gradient(
            325deg,
            var(--magicwin-accent, #75ff20) 0%,
            #131313 70%,
            rgba(19, 19, 19, 0) 100%
        ) !important;
    }

    header#header .site-branding::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
        width: 1px;
        height: 70px;
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
        );
        pointer-events: none;
        z-index: 100;
    }


    header#header .ct-header-trigger {
        background-color: #3d3d3d !important;
        padding: 6px !important;
        color: #fff !important;
    }
    header#header .ct-header-trigger:hover {
        background-color: #4a4a4a !important;
    }

    header#header .ct-header-trigger span,
    header#header .ct-header-trigger span::before,
    header#header .ct-header-trigger span::after,
    header#header .ct-header-trigger .ct-icon,
    header#header .ct-header-trigger .ct-icon::before,
    header#header .ct-header-trigger .ct-icon::after,
    header#header .ct-header-trigger svg {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }

}

header#header .site-branding::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 50;
    width: 300px;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.8) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
    box-sizing: border-box;
}

.magicwin-menu-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.magicwin-menu-item-icon-dashicons {
    font-size: 1.25em;
    width: 1.25em;
    height: 1.25em;
    line-height: 1;
}

.magicwin-menu-item-icon-img {
    width: 1.25em;
    height: 1.25em;
    object-fit: contain;
}

.magicwin-menu-item-text {
    margin-inline-start: 0.5em;
}

.ct-header .menu li a,
#offcanvas .menu li a {
    display: inline-flex;
    align-items: center;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #fff !important;
}

#offcanvas .mobile-menu > ul > li > a,
#offcanvas .menu > li > a,
.ct-header .menu > li > a {
    background: linear-gradient(
        135deg,
        var(--magicwin-accent, #75ff20) 0%,
        #131313 85%,
        rgba(19, 19, 19, 0) 100%
    ) !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 6px 12px;
    width: 185px;
    height: 35px;
    box-sizing: border-box;
    margin-bottom: 4px;
}

#offcanvas .mobile-menu > ul > li.menu-item-has-children > a::after,
#offcanvas .menu > li.menu-item-has-children > a::after,
.ct-header .menu > li.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M5 5.51C4.93442 5.5108 4.86941 5.49787 4.80913 5.47203C4.74885 5.4462 4.69465 5.40804 4.65 5.36L0.15 0.86C-0.05 0.66 -0.05 0.35 0.15 0.15C0.35 -0.05 0.66 -0.05 0.86 0.15L5.01 4.3L9.15 0.16C9.35 -0.04 9.66 -0.04 9.86 0.16C10.06 0.36 10.06 0.67 9.86 0.87L5.36 5.37C5.26 5.47 5.13 5.52 5.01 5.52L5 5.51Z' fill='white'/%3E%3C/svg%3E");
}
#offcanvas .mobile-menu > ul > li > a:hover,
#offcanvas .mobile-menu > ul > li > a:focus,
#offcanvas .menu > li > a:hover,
#offcanvas .menu > li > a:focus,
.ct-header .menu > li > a:hover,
.ct-header .menu > li > a:focus {
    filter: brightness(1.1);
    color: #fff !important;
}
#offcanvas .mobile-menu > ul > li.current-menu-item > a,
#offcanvas .menu .current-menu-item > a,
.ct-header .menu .current-menu-item > a {
    filter: brightness(1.15);
    color: #fff !important;
}
#offcanvas .mobile-menu > ul > li.dropdown-active > a,
#offcanvas .menu > li.dropdown-active > a,
.ct-header .menu > li.dropdown-active > a {
    color: #fff !important;
}

#offcanvas .menu .sub-menu a,
.ct-header .menu .sub-menu a {
    background: transparent !important;
    color: #fff !important;
}
#offcanvas .menu .sub-menu a:hover,
#offcanvas .menu .sub-menu .current-menu-item > a {
    color: #fff !important;
}

#offcanvas .ct-panel-inner {
    width: 230px !important;
}

#offcanvas .mobile-menu > ul > li::before,
#offcanvas .mobile-menu > li::before,
#offcanvas .mobile-menu li::before,
#offcanvas .mobile-menu > ul > li > a::before,
#offcanvas .mobile-menu > li > a::before,
#offcanvas .mobile-menu li > a::before,
#offcanvas .menu > li::before,
#offcanvas .menu li::before,
#offcanvas .menu > li > a::before,
#offcanvas .menu li > a::before {
    content: none !important;
}

#offcanvas .menu,
#offcanvas .menu ul,
#offcanvas .menu li,
#offcanvas .menu .sub-menu,
#offcanvas .menu .sub-menu li {
    list-style-type: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#offcanvas .mobile-menu a,
#offcanvas .mobile-menu a *,
#offcanvas .menu a,
#offcanvas .menu a * {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    color: #fff !important;
}

    #offcanvas nav.mobile-menu > ul.menu > li > a,
    #offcanvas .mobile-menu > ul > li > a,
    #offcanvas .mobile-menu > li > a,
    #offcanvas .menu > li > a {
        background: linear-gradient(135deg, var(--magicwin-accent, #75ff20) 0%, #131313 70%, rgba(19, 19, 19, 0) 100%) !important;
    color: #fff !important;
    border-radius: 5px !important;
    padding: 6px 12px !important;
    width: 185px !important;
    height: 35px !important;
    box-sizing: border-box !important;
    margin: 15px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
}

#offcanvas .mobile-menu > ul > li,
#offcanvas .menu > li {
    margin-bottom: 15px !important;
}

#offcanvas .menu .sub-menu > li {
    margin-bottom: 15px !important;
}

.mobile-menu[data-submenu-dots="yes"] [class*="children"] > ul {
    padding-inline-start: 0 !important;
}

@media (min-width: 1000px) {
    header#header .site-branding::before {
        width: 450px;
    }
    #header .menu-container,
    #header .header-menu-1,
    #header .header-menu-2,
    #header nav[class*="header-menu"] {
        display: none !important;
    }

    #offcanvas[data-behaviour="left-side"] {
        display: none !important;
    }

    #main.site-main {
        display: flex;
        align-items: flex-start;
    }

    #main.site-main > .magicwin-main-sidebar {
        flex: 0 0 var(--side-panel-width, 225px);
    }

    #main.site-main > *:not(.magicwin-main-sidebar) {
        flex: 1 1 auto;
        min-width: 0;
		padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    #main .magicwin-main-sidebar {
        display: flex !important;
        flex-direction: column !important;
        position: sticky !important;
        top: 0;
        width: var(--side-panel-width, 225px) !important;
        max-width: var(--side-panel-width, 225px) !important;
        border-bottom-right-radius: 20px;
        max-height: 100vh;
        z-index: 102;
        overflow: hidden;
        padding: 0;
        box-sizing: border-box;
        background: #0d0d0d;
    }

    #main .magicwin-main-sidebar__scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 20px 16px;
        scrollbar-gutter: stable;
        scrollbar-color: #444 #000;
        scrollbar-width: thin;
    }

    #main .magicwin-main-sidebar__scroll::-webkit-scrollbar {
        width: 6px;
    }
    #main .magicwin-main-sidebar__scroll::-webkit-scrollbar-track {
        background: #000;
    }
    #main .magicwin-main-sidebar__scroll::-webkit-scrollbar-thumb {
        background: #444;
        border-radius: 999px;
    }

    #main .magicwin-main-sidebar::before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(100% - 1px);
        width: 2px;
        height: 100px;
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%
        );
        pointer-events: none;
        z-index: 150;
    }

    #main .magicwin-main-sidebar-nav {
        display: flex !important;
        flex-direction: column !important;
    }

    #main .magicwin-main-sidebar .menu,
    #main .magicwin-main-sidebar .menu ul,
    #main .magicwin-main-sidebar .menu li {
        list-style: none !important;
        margin: 0;
        padding: 0;
    }

    #main .magicwin-main-sidebar .menu {
        display: flex !important;
        flex-direction: column !important;
        row-gap: 15px;
        gap: 15px;
    }

    #main .magicwin-main-sidebar .menu > li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }

    #main .magicwin-main-sidebar .menu > li > a {
        background: linear-gradient(
            135deg,
            var(--magicwin-accent, #75ff20) 0%,
            #131313 70%,
            rgba(19, 19, 19, 0) 100%
        ) !important;
        color: #fff !important;
        border-radius: 5px;
        padding: 6px 12px;
        width: 185px;
        height: 35px;
        box-sizing: border-box;
        margin-bottom: 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.4;
        margin: 15px 0;
    }

    #main .magicwin-main-sidebar .menu > li.menu-item-has-children > a::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 6px;
        margin-left: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M5 5.51C4.93442 5.5108 4.86941 5.49787 4.80913 5.47203C4.74885 5.4462 4.69465 5.40804 4.65 5.36L0.15 0.86C-0.05 0.66 -0.05 0.35 0.15 0.15C0.35 -0.05 0.66 -0.05 0.86 0.15L5.01 4.3L9.15 0.16C9.35 -0.04 9.66 -0.04 9.86 0.16C10.06 0.36 10.06 0.67 9.86 0.87L5.36 5.37C5.26 5.47 5.13 5.52 5.01 5.52L5 5.51Z' fill='white'/%3E%3C/svg%3E");
    }
    #main .magicwin-main-sidebar .menu > li > a:hover,
    #main .magicwin-main-sidebar .menu > li > a:focus {
        filter: brightness(1.1);
        color: #fff !important;
    }
    #main .magicwin-main-sidebar .menu .current-menu-item > a {
        filter: brightness(1.15);
        color: #fff !important;
    }
    #main .magicwin-main-sidebar .menu .sub-menu a {
        background: transparent !important;
        color: #fff !important;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.4;
        padding: 6px 12px;
    }
    #main .magicwin-main-sidebar .menu .sub-menu a:hover,
    #main .magicwin-main-sidebar .menu .sub-menu .current-menu-item > a {
        color: #fff !important;
    }
    #main .magicwin-main-sidebar .menu .sub-menu {
        display: flex !important;
        flex-direction: column !important;
        list-style: none;
        margin: 0;
        padding: 0;
        row-gap: 15px;
        gap: 15px;
    }

    /* Main container stays full width – sidebar is INSIDE <main>, not pushing the whole #main-container right */
    body:not([data-panel]) #main-container,
    body #main-container {
        margin-left: 0 !important;
    }

    .ct-header-trigger[data-toggle-panel="#offcanvas"],
    a[href="#offcanvas"] {
        display: none !important;
    }
}

@media (max-width: 999px) {
    #main .magicwin-main-sidebar {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    #offcanvas .ct-panel-content-inner {
        padding: 20px !important;
    }

    #offcanvas .menu,
    #offcanvas .menu ul,
    #offcanvas .menu li,
    #offcanvas .menu .sub-menu,
    #offcanvas .menu .sub-menu li {
        list-style-type: none !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #offcanvas .menu li::before {
        content: none !important;
    }

    #offcanvas .menu a,
    #offcanvas .menu a * {
        font-family: 'Outfit', sans-serif !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        color: #fff !important;
    }

    #offcanvas .mobile-menu > ul > li > a,
    #offcanvas .menu > li > a {
        background: linear-gradient(135deg, var(--magicwin-accent, #75ff20) 0%, #131313 70%, rgba(19, 19, 19, 0) 100%) !important;
        color: #fff !important;
        border-radius: 5px !important;
        padding: 6px 12px !important;
        width: 185px !important;
        height: 35px !important;
        box-sizing: border-box !important;
        margin: 15px 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-decoration: none !important;
    }

    #offcanvas .mobile-menu > ul > li.menu-item-has-children > a::after,
    #offcanvas .menu > li.menu-item-has-children > a::after,
    #offcanvas .mobile-menu .ct-sub-menu-parent > a::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 6px;
        margin-left: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M5 5.51C4.93442 5.5108 4.86941 5.49787 4.80913 5.47203C4.74885 5.4462 4.69465 5.40804 4.65 5.36L0.15 0.86C-0.05 0.66 -0.05 0.35 0.15 0.15C0.35 -0.05 0.66 -0.05 0.86 0.15L5.01 4.3L9.15 0.16C9.35 -0.04 9.66 -0.04 9.86 0.16C10.06 0.36 10.06 0.67 9.86 0.87L5.36 5.37C5.26 5.47 5.13 5.52 5.01 5.52L5 5.51Z' fill='white'/%3E%3C/svg%3E");
    }

    #offcanvas .menu a,
    #offcanvas .menu a:visited {
        color: #fff !important;
        text-decoration: none;
    }

    #offcanvas .menu a:hover,
    #offcanvas .menu a:focus,
    #offcanvas .menu .current-menu-item > a {
        color: #fff !important;
    }

    #offcanvas .mobile-menu > ul > li,
    #offcanvas .menu > li {
        margin-bottom: 15px;
    }

    #offcanvas .menu .sub-menu {
        display: flex;
        flex-direction: column;
        row-gap: 0;
        gap: 0;
    }

    #offcanvas .mobile-menu .ct-sub-menu-parent > a {
        background: linear-gradient(
            135deg,
            var(--magicwin-accent, #75ff20) 0%,
            #131313 70%,
            rgba(19, 19, 19, 0) 100%
        ) !important;
        color: #fff !important;
        border-radius: 5px !important;
        padding: 6px 12px !important;
        width: 185px !important;
        height: 35px !important;
        box-sizing: border-box !important;
        margin: 15px 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        font-family: 'Outfit', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.4;
        text-decoration: none !important;
    }

    #offcanvas .mobile-menu .sub-menu > li,
    #offcanvas .menu .sub-menu > li {
        margin-bottom: 15px;
    }

    #offcanvas .mobile-menu .sub-menu > li:last-child,
    #offcanvas .menu .sub-menu > li:last-child {
        margin-bottom: 0;
    }

    #offcanvas .menu-item-has-children .sub-menu,
    #offcanvas .page_item_has_children .sub-menu {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #offcanvas .ct-toggle-dropdown-mobile {
        display: none !important;
    }

    #offcanvas .menu-item-has-children > a,
    #offcanvas .page_item_has_children > a,
    #offcanvas .mobile-menu .ct-sub-menu-parent > a {
        pointer-events: auto;
    }
}