.elementor-21590 .elementor-element.elementor-element-bba09f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-a2cbb84 */#course-filters {
    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-label{
    margin-bottom: 7px !important
}
.filter-button{
    background-color: #083AA9 !important; /* Button color */
    color: #FFFFFF !important; /* Text color */
    font-size: 15px !important; /* Slightly smaller text */
    padding: 8px 16px !important; /* Slightly smaller padding */
    transition: all 0.3s ease !important; /* Smooth transition effect */

    border-radius: 12px !important;
    box-shadow: none !important;
}
.filter-button:hover {
    background-color: #E2ECF7 !important; /* Hover button color */
    color: #083AA9 !important; /* Hover text color */
}

.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;
}

.stars-container span {
    position: relative;
    top: 7px !important;
    color: #ffa500;
    font-size: 40px !important;
    letter-spacing: 2px;
}
.stars-container label{
    position: relative;
    margin: 5px 0 !important;
    font-size: 21px;
    gap: 15px !important;
    text-transform : px !important;
}


.mobile-filter-btn{
        background-color: #083AA9 !important; /* Button color */
    color: #FFFFFF !important; /* Text color */
    font-size: 15px !important; /* Slightly smaller text */
    padding: 8px 16px !important; /* Slightly smaller padding */
    transition: all 0.3s ease !important; /* Smooth transition effect */
    cursor: pointer !important;
    border-radius: 12px !important;
    border: none;
    box-shadow: none !important; 
}

.mobile-filter-btn:hover{
        background-color: #E2ECF7 !important; /* Hover button color */
    color: #083AA9 !important; /* Hover text color */
}


.close-filter-btn{
    background-color: red !important; /* Button color */
    color: #FFFFFF !important; /* Text color */
    font-size: 15px !important; /* Slightly smaller text */
    padding: 8px 16px !important; /* Slightly smaller padding */
    transition: all 0.3s ease !important; /* Smooth transition effect */
    cursor: pointer !important;
    border-radius: 12px !important;
    border: none;
    box-shadow: none !important; 
}

.close-filter-btn:hover{
        background-color: #E2ECF7 !important; /* Hover button color */
    color: #083AA9 !important; /* Hover text color */
}/* End custom CSS */