@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat&family=Poppins&display=swap');

.su_autocomplete-block .su__input-search {
    padding-right: 70px;
}

.auto-suggestion .su__suggestions-list > div > .su__suggestion-desc.su__align_flex {
    display: inline-flex;
    white-space: nowrap;
}

.su_autocomplete-block .su__form-block {
    background: transparent;
    padding: 0;
}

.auto-suggestion .su__suggestions-list > div > a {
    display: block;
}

.su_autocomplete-block .auto-suggestion > .su__suggestions-list > .su__suggesticon {
    margin-top: 1px;
}

.su_autocomplete-block .su__search-forms {
    
    padding: 0;
}

.su__linear-loader {
    padding: 0;
}

/* .su__autoSuggestion {
    margin-bottom: 16px;
} */

.su__autosuggestion-icon {
    align-self: flex-start;
}

.su__suggestions-list {
    padding: 6px 15px;
}

.autoCompleteTitleContainer {
    overflow: hidden;
}

@media (max-width: 920px) {
    .su_autocomplete-block {
        width: 230px !important;
    }

    .search-container {
        display: flex;
    }

    .su_autocomplete-block .su__search_btn {
        justify-content: end;
    }

    .su_autocomplete-block .su__search-forms {
        padding: 5px 8px;
    }
}
.su__app{
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    vertical-align: middle !important;
    outline-offset: 2px !important;
    border-radius: 2px !important;
    width: calc(100% - 44px) !important;
  
    height: 100% !important;
    color: #0f0f0f !important;
    border: 0 !important;
    font-size: 14px !important;
}
.su__container{
    padding: 0 !important;
}

.suggestedSearchContainer {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding: 10px 15px;
    color: #000000;
}

.su__suggestions-list .autoCompleteTitleContainer, .su__autoSuggestion .su__suggestions-txt, .su__recentSearch .su__suggestions-txt, .su__suggestions-list > .su__text-truncate {
    margin-left: 8px;
}

.su__autosuggestion-icon svg, .su__suggesticon svg {
    margin-right: 0;
}

.auto-suggestion {
    padding: 16px 0;
}

.su__suggestion-title {
    font-size: 15px;
    color: #006934;
}

.su__suggestion-title .highlight {
    color: #0F0F0F;
}

.su__viewed-results, .su_page_rating_box, .su__viewed-results *, .su__no-view-results, #su_autocomplete-block, #su_autocomplete-block *, .su__wrapper, #su__wrapper, #su__wrapper * {
    font-family: 'Inter', sans-serif;
}

.hideSearchBox, .searchBoxToggleParentContainer {
    display: none;
}

.showSearchBox {
    display: block;
}

.searchBoxToggleText {
    color: #006934;
}

@media (max-width: 920px) {
    .searchBoxToggleParentContainer {
        display: block;
    }

    .su__search-forms {
        margin: 40px 50px;
        margin-top: 72px;
    }

    .showSearchBox .su__container {
        width: 100vw;
        height: 100vh;
        position: fixed;
        right: 0;
        background: #fff;
        z-index: 1;
        top: 0;
    }

    .crossIconContainer {
        position: absolute;
        top: 20px;
        right: 58px;
    }

    .searchBoxToggleContainer {
        margin-right: 10px;
        display: flex;
        flex-direction: column;
    }

    .search-container > button {
        display: none !important;
    }

    .su_autocomplete-block {
        background: transparent;
    }

}

.su__linear-loader .MuiLinearProgress-colorPrimary {
    background-color: #E2F4EB;
}

.su__linear-loader .MuiLinearProgress-barColorPrimary {
    background-color: #009845;
}

.searchBoxToggleContainer svg {
    margin-left: 10px;
}

.suMetadataSeparator {
    margin: 0 4px;
}

.su__suggesticon, .su__autosuggestion-icon {
    align-self: flex-start;
}

/* .su__app input:focus {
   outline: none;
} */

.autoCompleteTitleContainer {
    overflow: visible;
}

.auto-suggestion .su__suggestions-list > div > .su__suggestion-desc.su__align_flex {
    max-width: 100%
}

.autoCompleteTitleContainer {
    max-width: 90%;
}

.su__autoSuggestion .su__suggestion-desc.su__suggest {
    word-break: break-all;
}

.su__input-close {
    border: none;
    background: transparent;
    top: 10px;
}

.su_autocomplete-block .su__search-forms .su__btn {
    right: 10px;
    top: 10px;
}

.su__search-forms .su__btn:focus-visible {
    border: none;
}

.noAutoSuggestionsMessageContainer {
    padding: 6px 15px;
}