.elementor-21804 .elementor-element.elementor-element-63bf1b32{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21804 .elementor-element.elementor-element-70d52d0 > .elementor-widget-container{margin:0px 0px 0px 100px;}.elementor-21804 .elementor-element.elementor-element-70d52d0 .elementor-heading-title{font-family:"Lato";font-size:32px;color:#00080E;}.elementor-21804 .elementor-element.elementor-element-208ef219 > .elementor-widget-container{margin:0px 100px 0px 100px;}/* Start custom CSS for shortcode, class: .elementor-element-208ef219 */.filter-box {
    background: #FDFFFF;
    border-radius: 25px !important;
    padding: 2px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    width: 350px !important; /* Adjust width as needed */
    height: 700px !important;
    max-width: 100%;
}

.filter-box input,
.filter-box select {
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
}

.filter-box h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.filter-box select {
    margin-bottom: 35px;
}

.filter-box .rating-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.stars-container input{
    position: relative !important;
    top: 12px !important;
}


@media (max-width: 768px) {
    .course-card {
        max-width: 250px; /* Adjust as needed */
        width: 100%; /* Ensures it adapts to smaller screens */
    }
    .ld-course-list{
        width: 270px !important;
        right: 50px !important;
        position: relative;
    }
    
    
    .filters-left {
    display: flex !important;
    align-items: center !important; /* Align items in the center */
    gap: 10px !important; /* Adjust spacing between elements */
    flex-wrap: wrap !important; /* Allows wrapping on smaller screens */
}

}/* End custom CSS */