.search-suggestions{
    display: table;
    list-style: none;
    width: 27%;
    border: 1px solid;
    text-align: left;
    position: absolute;
    z-index: 9999;
    background: white;
    right: 489px;
    }
    @media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .search-suggestions {
        width: unset;
        position: unset;
    }
}
 .select2-selection {
        background-color: #2f2f2f !important; 
        color: white !important; 
        border-color: #ca2e55 !important;
    }
.select2-results__option {
    
        background-color:#262626;
        color:white;
    }

.select2-results__option--highlighted
{
    background-color:  #ca2e55 !important;
}
.select2-selection__choice{
    background-color: #ca2e55 !important; 
    border-color: #2f2f2f !important; 
    padding-left: 5% !important;
}


::selection{
color: #fff;
background: #CA2E55;
}

.wrapper{
max-width: 450px;
}

.wrapper .search-input{
background: #fff;
width: 100%;
border-radius: 5px;
position: relative;
box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
}

.search-input input{
height: 55px;
width: 100%;
outline: none;
border: none;
border-radius: 5px;
padding: 0 60px 0 20px;
font-size: 18px;
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}

.search-input.active input{
border-radius: 5px 5px 0 0;
}

.search-input .autocom-box{
padding: 0;
/*pointer-events: none;*/
max-height: 280px;
overflow-y: auto;
}

.search-input.active .autocom-box{
padding: 10px 8px;
opacity: 1;
/*pointer-events: auto;*/
}

.autocom-box li{
padding: 8px 12px;
width: 100%;
cursor: default;
border-radius: 3px;
}

.search-input.active .autocom-box li{
display: block;
}
.autocom-box li:hover{
background: #efefef;
}
.search-input .icon{
position: absolute;
right: 0px;
top: 0px;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
font-size: 20px;
color: #644bff;
cursor: pointer;
}

.search-input .autocom-box {
padding: 0;
opacity: unset !important;
}

.autocom-box li {

display: block !important;
}

.wrapper {
max-width: 450px;
margin: unset !important;
}

/*.listsugeestions{*/
/*    list-style: none;*/
/*    text-align: left;*/
/*    padding-left: 5%;*/
/*    padding-top: 2%;*/
/*}*/