#wc-column-view-container {
display: flex; overflow-x: auto; border: 1px solid #ddd;
background-color: rgb(249, 249, 249, 0.95);
white-space: nowrap; align-items: stretch; min-height: 400px; } .wc-category-column {
flex: 0 0 25%;
border-right: 1px solid #ddd;
min-height: 100%; overflow-y: auto; padding: 10px 0;
list-style: none; } .wc-category-column:first-child {
background-color: hsl(218, 98%, 19%);
} .wc-category-column:nth-child(2) {
background-color: hsla(218, 98%, 19%, 0.5);
} .wc-category-column:nth-child(3) {
background-color: hsla(218, 98%, 19%, 0.3);
} .wc-category-column:nth-child(4) {
background-color: hsla(218, 98%, 19%, 0.2);
}
.wc-category-column:last-child {
border-right: none;
} .wc-category-column .wc-column-heading {
margin: 0 0 10px 0;
padding: 0 15px;
font-size: 18px !important;
font-weight: 700;
line-height: 1.4;
color: #00245d !important;
} .wc-category-column:first-child .wc-column-heading {
color: #ffffff !important;
} .wc-category-column ul {
list-style: none;
margin: 0;
padding: 0;
} .wc-category-column li.category-item {
padding: 8px 15px;
cursor: pointer;
color: #00245d;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.1s ease;
}
.wc-category-column li.category-item a {
color: #00245d !important;
} .wc-category-column:first-child li.category-item a {
color: #ffffff !important;
} .wc-category-column:first-child li.category-item:hover,
.wc-category-column:first-child li.category-item.selected {
background-color: #ffffff;
}
.wc-category-column:first-child li.category-item:hover a,
.wc-category-column:first-child li.category-item.selected a {
color: #01235e !important;
}
.wc-category-column:first-child li.category-item:hover .arrow-indicator,
.wc-category-column:first-child li.category-item.selected .arrow-indicator {
color: #01235e !important;
}
.wc-category-column li.category-item:hover {
background-color: #e5e5e5;
} .wc-category-column li.category-item.selected {
background-color: #f0f0f0;
}
.wc-category-column li.category-item.selected a {
color: #95c93d!important;
font-weight: 700;
}
.wc-category-column li.category-item.selected .arrow-indicator {
color: #95c93d; } .wc-category-column .arrow-indicator {
font-size: 18px!important;
font-weight: 700;
margin-left: 10px;
color: #00245d; } .wc-category-column:first-child .arrow-indicator {
color: #ffffff;
} .wc-category-column li.category-item.see-all-item {
margin-top: 10px;
background-color: transparent !important; }
.wc-category-column li.category-item.see-all-item a {
display: inline-block;
background-color:  hsl(218, 98%, 19%);
color: #ffffff !important;
font-size: 11px;
font-weight: 700;
padding: 4px 12px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.2s ease;
}
.wc-category-column li.category-item.see-all-item:hover {
background-color: transparent !important;
}
.wc-category-column li.category-item.see-all-item:hover a {
background-color: #497637; color: #ffffff !important;
text-decoration: none;
} @media screen and (max-width: 800px) {
#wc-column-view-container {
display: block; overflow-x: hidden;
}
.wc-category-column {
display: none; width: 100%; flex: none;
border-right: none;
min-height: auto;
}
.wc-category-column.is-visible {
display: block; } .wc-category-mobile-back {
display: block;
padding: 10px 15px;
background-color: #e5e5e5;
color: #00245d;
cursor: pointer;
font-weight: bold;
margin-bottom: 10px;
}
.wc-category-mobile-back:before {
content: "← ";
}
} .dsm-submenu-container {
z-index: 9999 !important;
} .et_pb_section_4_tb_header, .et_pb_section_5_tb_header {
z-index: 0 !important;
} .dsm_mega_menu_0_tb_header .dsm-root-menu .dsm-mega-menu-item:not(.dsm-native-menu) .dsm-submenu-container {
padding-top: 30px !important;
}    #page-container::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6); z-index: 9; opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
pointer-events: none;
} body.menu-overlay-active #page-container::after {
opacity: 1;
visibility: visible;
} #main-header {
z-index: 9999 !important;
}