.header__top_search {
position: relative;
display: flex;
width: 20%;
}
.header__top_search input {
width: 100%;
padding: 0 10px;
min-height: 34px;
border: 1px solid #02409b;
border-radius: 10px;
}
.header__top_search input:focus {
border: 1px solid #02409b;
}
.search-inp {
border-color: #02409b !important;
}
.header_search_res {
position: absolute;
display: none;
transition: all 0.3s ease;
top: 100%;
}
.header_search_res.active {
display: flex;
z-index: 9999;
flex-direction: column;
max-height: 231px;
overflow-y: auto;
border: 1px solid;
min-width: max-content;
}
.search_res_item a {
display: flex;
width: 100%;
padding: 5px 10px;
background-color: #fff;
transition: all 0.3s ease;
}
.search_res_item a:hover {
background-color: #e4dede;
}
.search_res_overlay {
position: fixed;
display: flex;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
background-color: #000;
opacity: 0.3;
}