.search.hide {
    display: none;
}

.search {
    background-color: var(--bg-main);
    padding: 15px 0;
    margin-top: 5px;
}

.search .col-md-12{
    padding:  0 15px;
}

form,
.search-button-div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.search-input-div {
    width: 100%;
}

.search-input-div input,
.btn-search {
    width: 100%;
    height: 35px;
    border: none;
}

.search-input-div input {
    padding: 5px 10px;
}

.btn-search {
    padding: 5px 15px;
    text-transform: uppercase;
    color: var(--black-main);
}

.search-input {
    outline: none;
}

.fa {
    cursor: pointer;
}

.menu-row .search-button-div .fa-close:hover {
    color: rgb(26 35 50 / 50%);
}

.bx_searche {
    padding: 30px 0;
    background: var(--bg-main);
}

.bx_item_element {
    font-size: 15px;
    padding: 5px 15px;
    color: var(--black-main)!important;
}

.bx_item_block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
} 

.bx_img_element {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx_img_element img {
    width: 50px;
    height: 50px;
}

.bx_item_block:hover .bx_item_element span {
    border-bottom: 1px dashed var(--black-main);
    
}