/* Dropdown Styles */
.filters {
    position: relative;
    max-width: 300px;
    margin-bottom: 30px;
    margin-left: auto;
    width: 80%;
}

.filters .selected {
    background: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    color: black;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 4px #245035;
}

/* .filters .selected span {
    color: #666;
} */

.filters .selected i {
    transition: transform 0.3s ease;
}

.filters.active .selected i {
    transform: rotate(180deg);
}

.filters .options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 8px;
    margin-top: 5px;
    box-shadow: 0px 1px 5px #245035;
    display: none;
    z-index: 2;
    overflow: hidden;
    color: #252525;
}

.filters.active .options {
    display: block;
}

.filters .option {
    padding: 15px 20px;
    cursor: pointer;
    color: #292929;
    transition: background 0.3s ease;
}

.filters .option:hover {
    background: #f0f0f0;
}

.filters .option.selected {
    background: #497c64;
    color: #fff;
    /* box-shadow: none; */
    border-radius: 0px;
    box-shadow: none;
}

/* Category Section Styles */


/* .blogs .category_section.hidden {
    display: none;
} */