.filter-with-search .search{display:flex;flex-direction:row;gap:40px;margin-bottom:32px}@media (max-width: 1029.98px){.filter-with-search .search{flex-direction:column;gap:24px}}.filter-with-search .search .search-bar{position:relative;flex-grow:1}.filter-with-search .search .search-bar:after{content:"";position:absolute;top:12px;right:12px;font-size:24px;font-family:iconfont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-with-search .search .filter-toggle{display:inline-flex;align-items:center;padding:12px 32px;border:1px solid var(--color-za);border-radius:50px;font-size:16px;text-transform:uppercase;color:var(--color-za);cursor:pointer;transition:background .3s ease,color .3s ease}.filter-with-search .search .filter-toggle i{margin-right:8px;font-size:20px}.filter-with-search .search .filter-toggle:hover{background-color:var(--color-za);color:#fff}.filter-with-search .filter-pop-out{display:block!important;height:0}.filter-with-search .filter-pop-out .container{opacity:0;transition:opacity .2s ease}.filter-with-search .filter-pop-out.active .container{opacity:1;transition:opacity .3s ease .2s}.filter-with-search .filter-pop-out .filter{display:flex;flex-direction:column}.filter-with-search .filter-pop-out .filter .select-wrapper{margin-top:auto}