.Search-Popup-Suggestion {
    .border-warning {
        border: 3px solid var(--tc-dark-orange) !important;
    }
    .nav .active {
        hr {
            opacity: 100%;
        }
    }

    .text-orange {
        color: var(--tc-orange) !important;
    }

    .nav {
        hr {
            opacity: 0%;
        }
    }
    .hover-span {
        border: 0.5px solid rgba(0, 0, 0, 0);
    }

    .hover-span:hover {
        background-color: var(--tc-light-orange) !important;
        color: var(--tc-orange) !important;
        border: 0.05px solid var(--tc-orange) !important;
        /* stroke-width: 0.1rem; */
    }

    .content-hover:hover {
        background-color: var(--tc-gray-50) !important;
    }

    .star-style {
        background-color: var(--dark-white);
        border: 2px solid var(--dark-yellow);
    }

    .star-color {
        color: var(--semi-dark-orange);
    }

    #searchInput {
        background-color: var(--dark-white);
        /* border: 0.05px solid var(--tc-orange) !important; */
        padding-left: 45px !important;
        background-color: #fbfbfb;
    }

    .span-style-1 {
        font-size: 24px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }
    .searchDropdown::-webkit-scrollbar{
      background-color: var(--white-basic);
    }
    .searchDropdown{
      scrollbar-width: var(--white-basic);
    }
}