.elementor-293 .elementor-element.elementor-element-f8a8400{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-f8a8400 */.browse-courses-container .e-con-inner {
    padding-bottom: 0;
}

.course-filters {
    position: relative;
    padding-bottom: 1rem !important;
    &:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 500%;
        background-color: #292929;
        height: 100%;
        margin-left: -500%;
    }
    @media screen and (max-width: 900px) {
        &:before {
            display: none;
        }
        .all-filters {
            overflow: auto !important;
        }
        .filter-section {
            margin-bottom: 0.5rem !important;
            .square {
                width: 1rem;
                height: 1rem;
            }
            &:not(.hide-lines) {
                margin-bottom: 0.5rem !important;
            }
        }
    }
}


.browse-course {
    .filter-line {
        line-height: 100%;
        position: relative;
        .square {
            border: 1px solid #ffffff;
            width: 1rem;
            height: 1rem;
            margin-top: 2px;
            display: flex;
            justify-content: center;
            align-items: center;
            .checkmark {
                &:before, &::before {
                    display: none;
                }
                &:after, &::after {
                    display: none;
                }
                position: static;
                width: 0.375rem;
                height: 0.375rem;
                background-color: #e1ff4e;
                transform: rotate(0deg)
            }
            
        }
        &:hover {
            p { color: #e1ff4e; }
            .square {
                border: 1px solid #e1ff4e;
            }
        }
        &.active-filter {
            &:hover {
                p {
                    text-decoration: underline;
                }
            }
            .square {
                border: 1px solid #e1ff4e;
            }
            
        }
    }
}

.browse-course .filter-header h2 {
    font-size: 0.875rem !important;
    text-transform: uppercase;
}

.course-results {
    display: flex;
    justify-content: flex-start !important;
    align-items: flex-start;
}/* End custom CSS */