.srch-container {

  position: relative;

  width: 90%;

  padding:50px;

}



.srch-container #search-input {

      box-sizing: border-box;

    width: 100%;

    height: 60px;

    border-radius: 5px;

    border: 1px solid rgb(255, 255, 255);

    box-shadow: rgba(91, 91, 91, 0.1) 0px 2px 20px 0px;

    padding: 20px;

    background-color: white;

    font-size: 18px;

}



.srch-container .suggestions-box {

      position: absolute;

    width: 90%;

    border: 1px solid #ccc;

    background-color: white;

    overflow-y: auto;

}

.srch-container .suggestion-item {





        color: #fff;

    text-decoration: none;

    background-color: #007bff;



    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}



.srch-container .suggestion-item:hover {

  background-color: #f0f0f0;

}

.srch-container .suggestion-item {

    display: flex; /* Use flexbox for layout */

    margin-bottom: 10px; /* Optional: add spacing between items */

}



.srch-container .col__left {

    width: 65%; /* Left column width */

    padding-right: 10px; /* Optional: spacing between columns */

}



.srch-container .col__right {

    width: 35%; /* Right column width */

}
div#suggestions {
    max-height: 300px;
    overflow: auto;
    padding-right: 0;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
}

.srch-container{
    padding: 50px 35px;
}
.srch-container div#suggestions .suggestion-item {
    padding: 6px 13px;
}

.srch-container div#suggestions .suggestion-item p {
    color: rgb(33, 74, 88);
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}


 .srch-container  div#suggestions .col__right {
    text-align: right;
}

.srch-container div#suggestions .col__right p {
    margin: 0;
}
.srch-container div#suggestions .col__right {
    text-align: right;
}

.srch-container div#suggestions .col__right p {
    margin: 0;
}

.srch-container div#suggestions .suggestion-item {
    margin: 0;
    padding: 6px 24px;
}

.srch-container div#suggestions .suggestion-item .col__left p.propertyAddress {
    font-size: 16px;
    font-weight: 600 !important;
    font-family: 'Poppins';
	text-overflow: ellipsis;
    overflow: hidden;
}

.srch-container div#suggestions .suggestion-item .col__left p.ownerName {
    font-size: 14px;
    font-weight: 500 !important;
    font-family: 'Poppins';
	text-overflow: ellipsis;
    overflow: hidden;
}
.srch-container {
    padding: 0;
    width: 100%;
}
.srch-container div#suggestions {
    width: 100%;
    margin-top: 4px;
    padding: 10px 0;
}
.srch-container div#suggestions .col__right p {
    font-family: 'Poppins';
    font-weight: 400 !important;
}
.srch-container p#loading-text {
    font-size: 18px;
    background: #fff;
    padding: 6px 20px;
    border-radius: 5px;
    margin-top: 5px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.sg-badge-container .sg-badge {
    opacity: 1;
    background-color: rgb(109, 168, 99);
    display: flex;
    width: fit-content;
    padding: 10px;
    margin: 0 -10px 0 0;
    flex-direction: row;
    align-items: center;
	    border: none;
    border-radius: 10px;
    box-shadow: rgba(44, 44, 44, 0.1) 0px 2px 10px 0px;
}


.sg-badge-container .sg-badge .sg-img{
   width: 20px; height: 24px; margin-left: 10px;
}

.sg-badge-container .sg-badge p.sg-p1 {
    color: #ffffff!important;
	padding: 0px; 
	margin: 0px; 
	font-size: 10px!important;
	font-weight: normal;
    text-align: left;
	line-height: 12px;
}

.sg-badge-container .sg-badge p.sg-p2 {
    color: #ffffff!important;
	padding: 0px; 
	margin: 0px; 
	font-size: 14px!important; 
	line-height: 14px;
}

@media (min-width: 768px) {
	   
	.sg-badge-container {
	   display: flex; justify-content: flex-end;
	}
}


@media (max-width: 768px) {
    .srch-container div#suggestions .col__right {
        text-align: left;
    }
    
    .srch-container .col__right {
        width: 100%;
    }
    
    .srch-container .col__left {
        width: 100%;
    }
    
    .srch-container .suggestion-item {
        flex-wrap: wrap;
    }
}