.new-search {
                border: solid 1px #DCDCDC;
                border-radius: 8px;
                padding: 0px;
            }
            .selectric{
                border-right: solid 1px #DCDCDC;
                padding-right: 38px;
            }
            .selectric .label, .selectric .button, .selectric-hover .selectric .button{
                color: #061F5C;
                text-transform: capitalize;
                font-family: var(--regularfonts);
            }
            .selectric .button:after{
                border-top-color: #061F5C !important;
            }
            .selectric .label
            {
                padding: 10px 15px;
                height: 100% !important;
                line-height: 37px !important;
                padding-left: 15px;
            }
            .stylish-input-group .headersearch.f2fsearchtext {
                color: #51628D!important;
                padding-left: 0px !important;
                height: 36px;
                line-height: 36px;
                margin: 0px !important;
            }
            .stylish-input-group .headersearch.f2fsearchtext::-webkit-input-placeholder { color: #51628D!important;
            }

            .stylish-input-group .headersearch.f2fsearchtext:-ms-input-placeholder { 
                color: #51628D!important;
            }

            .stylish-input-group .headersearch.f2fsearchtext::placeholder {
              color: #51628D!important;
            }
            .searchicon{
                background: var(--secondarycolor);
                color: #fff;
                border-radius: 8px;
                width: max-content;
                padding: 0px 20px;
            }
            .searchicon img{
                height: 18px;
                width: auto;
                padding-right: 0;
                margin-right: 8px;
            }
            button.searchicon:after {
                content: "Search";
            }
            .stylish-input-group .headersearch {
                width: calc(100% - 115px) !important;
            }
            #new-ui-container{
                display: flex;
                width: 100%;
                padding:10px 15px;
                position: relative;
                max-width: calc(100% - 218px) !important;
            }
            .new-search .input-group-addon{
                padding: 0;
                width: 115px;
            }
            .selectric-esCategory {
                width: auto !important;
                min-width: 218px !important;
            }
            .searchbox .ui-autocomplete {
                position: absolute;
                width: 100% !important;
                top: 100% !important;
                left: 0px !important;
                border: 1px solid #E8E8E8;
                box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
                border-radius: 8px !important;
            }
            #f2fAutoSearching{
                top: 100%;
                left: 0px !important;
                width: 100%;
                border: 1px solid #E8E8E8;
                box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
                border-radius: 8px !important;
                color: #51628D !important;
            }
            .esAutoSuggest.ui-menu .ui-menu-item, .esAutoSuggest.ui-widget-content a,
            .esAutoSuggest.ui-widget-content a span
            {
                color: #51628D !important;
            }
            .esAutoSuggest.ui-widget-content a span{
                font-weight: bold !important;
            }
            .selectric-items
            {
                border: 1px solid #E8E8E8;
                box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
                border-radius: 8px;
                background-color: #fff !important;
            }
            .searchbox .ui-autocomplete::-webkit-scrollbar, .selectric-scroll::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
            }
            .searchbox .ui-autocomplete::-webkit-scrollbar-track, .selectric-scroll::-webkit-scrollbar-track
            {
                border-radius: 10px;
                background-color: #ffffff;
            }
            .searchbox .ui-autocomplete::-webkit-scrollbar-thumb, .selectric-scroll::-webkit-scrollbar-thumb{
                background-color: rgba(0, 0, 0, 0.4);
                border-radius: 10px;
            }
            .selectric-items li span{
                font-family: 'icomoon' !important;
                margin-right: 15px;
                font-size: 17px;
                vertical-align: text-bottom;
            }
            .selectric-items li{
                padding: 8px 15px;
                color: #51628D;
            }
            .selectric-items li.selected, .selectric-items li:hover {
                color: #F36F3A !important;
                background-color: #ffffff !important;
            }
            .selectric .label span
            {
                font-size: 17px;
                vertical-align: text-top;
                margin-right: 10px;
            }
            .selectric-items .selectric-scroll{
                border-radius: 8px;
            }
            .searchicon .f2f-icons
            {
                vertical-align: text-bottom;
                font-size: 16px;
            }
.wrapper.search-active:before {
    content: "";
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    width: 100vw;
    height: 100vh;
    z-index: 999;
}
.hidden-menu{
    transition: none !important;
}