.filter-container {
margin: 24px 0;
display: grid;
grid-template-columns: 2fr 1.4fr;
gap: 16px;
font-family: var(--font-family);
}
.filter-dropdown {
position: relative;
width: 100%;
}
.filter-selected, .search-container {
padding: 16px 80px 16px 20px;
font-size: 16px;
border: 1px solid #4EA0FF;
border-radius: 26px;
cursor: pointer;
background-color: #fff;
position: relative;
line-height: 140%;
height: 56px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filter-selected { width: 490px;transition: all 0.3s;}
.search-container input{
border: none;
width: 100%;
font-size: 16px;
}
.map_section li, .tabs {
transition: all 0.4s;     
opacity:1;
height:100%;
}
.primary_main .map_section .hidden, .primary_main .tabs.hidden {
margin: 0;
padding: 0 12px !important;
opacity:0;      
height:0;
display: block;
overflow: hidden;
}
.primary_main .map_section .hidden a{
display:none
}
.search-container #clear-search {
width:50px;
background:#4EA0FF url(//old.yakutia-sodr.ru/wp-content/themes/sodr_theme/assets/images/search.svg) no-repeat center;
border-radius: 40px;
height:50px;
position: absolute;
right: 2px;
top: 2px;
border: none;
cursor: pointer;
}  
.filter-selected:after {
content:"";
width:50px;
background:#4EA0FF url(//old.yakutia-sodr.ru/wp-content/themes/sodr_theme/assets/images/filter.svg) no-repeat center;
border-radius: 40px;
height:50px;
position: absolute;
right: 2px;
top: 2px;
}
.filter-options {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 0 20px 20px;
background-color: #fff;
border-top: none;
z-index: 1000;
border: 1px solid #4EA0FF;
border-radius: 26px 26px 0 0;
border-top:none;
opacity:0;
transition: all 0.3s;
}
#primary_main .filter-options img {width:32px;}
.filter-selected.active-1 {border-radius: 26px 26px 0 0;}
.filter-option {
padding: 10px;
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
}
.map_section ymaps {font-family: var(--font-family);font-size: 14px;}
.map_section b {font-size: 16px;margin-bottom: 8px;  display: block;}
.filter-option:hover {
background-color: #fafafa;
}
.filter-options.active  {
display: block;
border-radius: 0 0 25px 25px;
border: 1px solid #4EA0FF;
border-top: none;
margin-top: -2px;
visibility: visible;
opacity:1;
padding: 20px;
}
@media (max-width:1250px){
.filter-selected { width: 390px;}
}
@media (max-width:750px){
.filter-container {grid-template-columns: 1fr; }
.filter-selected { width: 94vw;}
}