.elementor-8830 .elementor-element.elementor-element-18f5f02a:not(.elementor-motion-effects-element-type-background), .elementor-8830 .elementor-element.elementor-element-18f5f02a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8830 .elementor-element.elementor-element-18f5f02a > .elementor-container{max-width:1400px;}.elementor-8830 .elementor-element.elementor-element-18f5f02a{border-style:solid;border-width:0px 0px 0px 9px;border-color:var( --e-global-color-primary );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 10px 35px 10px;}.elementor-8830 .elementor-element.elementor-element-18f5f02a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8830 .elementor-element.elementor-element-726408c7 > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-8830 .elementor-element.elementor-element-18f5f02a{border-width:0px 0px 0px 0px;padding:14px 14px 14px 14px;}.elementor-8830 .elementor-element.elementor-element-62a78c6b > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-8830 .elementor-element.elementor-element-18f5f02a{padding:10px 0px 10px 0px;}}/* Start custom CSS for dce-rawphp, class: .elementor-element-62a78c6b *//* General Styles */
.categories-cont {
    padding: 0;
    margin: 0;
}
.categories-cont {
    column-count: 5;
}
.group-by-letter {
    margin-bottom: 10px; /* Space between groups */
}

.category-letter {
    font-size: 20px; /* Larger font size */
    font-weight: bold; /* Make it bold */
    padding: 0px 0px; /* Add padding */
    color: #b38a00; /* Darker text color */
    text-transform: uppercase; /* Capitalize the letters */
    margin: 0;
}

.group-by-letter li {
    margin:  0 0 3px; /* Margin for each item */
    list-style: none; /* Remove default list style */
    box-sizing: border-box; /* Ensure padding doesn’t affect width */
}

.group-by-letter a {
    background-color: #fff;
    display: block;
    color: black;
    font-family: "poppins", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    text-decoration: none; /* Remove underline from links */
}

.group-by-letter a:hover {
    color: #b38a00; /* Hover effect */
}

/* Responsive Styles for smaller screens */
@media only screen and (max-width: 1024px) {
    .group-by-letter {
        margin-bottom: 1px; /* Adjust space between groups on smaller screens */
    }

    .category-letter {
        font-size: 16px; /* Slightly smaller font size */
    }
.categories-cont {
    column-count: 1;
}


    .group-by-letter a {
        padding:  0 0 5px; /* Increased padding on smaller screens */
    }
}

@media only screen and (max-width: 600px) {
    .group-by-letter li {
        flex: 0 0 100%; /* Single column on very small screens */
    }
}


.group-by-letter ul {
    margin: 0 !important;
    padding: 0px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-18f5f02a */ul.principal a#indoor {
    display: none;
}


ul.principal a#surface-mounted {
    display: none;
}


ul.principal a#outdoor {
    display: none;
}


ul.principal a#recessed {
    display: none;
}


ul.principal a#highbay {
    display: none;
}/* End custom CSS */