.hide-item {
 display: none;
}
#searchbar {
 position: relative;
}
.search-icon {
 position: relative;
 top: 0;
 padding: 0;
 z-index: 10;
 border: none;
 background: unset;
}
#search-icon:focus-visible {
 outline: 2px solid #8585ff;
}

.search-icon img {
 position: relative;
 z-index: 1;
 cursor: pointer;
 height: 22px;
 width: 22px;
}

.search-bar .form-control-sm {
 padding-right: 40px;
}
.search-bar input::placeholder {
 color: #000000;
 opacity: 1;
 font-size:clamp(12px, 0.8333vw, 154px);
}

.hide-item {
 position: fixed;
 width: 100%;
 left: 0px;
 z-index: 10;
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: var(--bs-gutter-x, 0.75rem);
 padding-right: var(--bs-gutter-x, 0.75rem);
 border-radius: 0 0 16px 16px;
 overflow: hidden;
 background: rgba(255, 255, 255, 0.98);
 backdrop-filter: blur(20px);
 border-bottom: 1px solid #d2d2d7;
}

.search-close-popup {
 cursor: pointer;
 transition: opacity 0.2s ease;
}
.textResizeWrapper {
 display: flex;
}
.search-close-popup:hover {
 opacity: 0.7;
}
#search-icon:focus-visible {
 outline: 2px solid #8585ff;
}
button#search-icon {
 border: 0;
 background: transparent;
 position: relative;
 z-index: 10;
 padding: 0;
}

.search-bar .form-control-sm {
 padding-right: 40px;
}
.search-bar input::placeholder {
 color: #000000;
 opacity: 1;
 font-size:clamp(12px, 0.8333vw, 154px);
}

.search-bar-box-mobile,
.mobile-search-btn {
 display: none;
}
.search-bar input.form-control-sm {
 border: none;
 border-bottom: 1px solid #000;
 padding-right: 30px;
 box-shadow: none;
 border-radius: 0px;
 width: 100%;
 background: transparent;
 position: relative;
 padding: 5px 3rem;
 font-size:clamp(12px, 0.8333vw, 154px);
}

.search-icon img:focus-within {
 outline: 2px solid transparent;
}
.search-result-icons {
 position: relative;
 width: 80%;
 margin: 0 auto;
}
.search-result-icons > i.fa-search,
.search-result-icons .search-close-popup {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 1rem;
 z-index: 1;
}

.search-result-icons .search-close-popup {
 left: auto;
 right: 1rem;
 cursor: pointer;
}
#search-input:focus {
 outline: 2px solid transparent;
}
#search-input {
 border: none;
 height: 50px;
 width: 100%;
 right: 0;
 bottom: 0;
 vertical-align: center;
 position: relative;
 background-color: #fff;
 border-radius: 0px;
 border-bottom: 1px solid #efefef;
}

#search-input:focus-visible {
 outline: 2px solid #8585ff;
}
.rightnav-section .all-right-items .search-icon-holder > .row,
.rightnav-section .all-right-items .search-icon-holder > .row > div {
 margin: 0px;
 padding: 0px;
}
.rightnav-section .all-right-items button#search-icon {
 margin:0;
 display: inline-flex;
 vertical-align: middle;
}
.search-close-popup img {
 width: 14px;
}
.autoCompleteResultsBox li {
 padding: 0.5rem;
 list-style-type: none;
}
.autoCompleteResultsBox li:hover {
 background-color: rgb(245, 245, 247);
}
.autoCompleteResultsBox p {
 padding-bottom: 1rem;
}
.autoCompleteResultsBox p:last-child {
 padding-bottom: 0px;
}
#autoCompleteSearchResultsBox, .quick-linkssearch {
    display: block;
    width: 80%;
    padding: 1rem 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0px;
    margin: 0 auto;
}
#autoCompleteSearchResultsBox ul, .quick-linkssearch ul {
    padding: 0;
}
#autoCompleteSearchResultsBox p, .quick-linkssearch p {
    font-size: clamp(12px, 0.8333vw, 154px);
    color: #666;
    padding-bottom: 0;
    line-height: 1;
    margin-bottom: 8px;
}
.autoCompleteResultsBox li a {
    font-size:clamp(12px, 0.8333vw, 154px);
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.search-close-popup {
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
 cursor: pointer;
 display: inline-block;
}
.search-close-popup.is-visible {
 opacity: 1;
 visibility: visible;
}
.search-close-popup:hover {
 opacity: 0.7;
}
.all-right-items {
    display: flex;
}

.right-to-left .search-result-icons {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.right-to-left .search-result-icons input {
    left: 1rem;
    right: auto;
    cursor: pointer;
	text-align: right;
}
.right-to-left .search-result-icons .fa-search {
    right: 0;
    left: auto;
}
.right-to-left .search-close-popup {
    left: 1.5rem;
    right: auto;
}
.right-to-left .autoCompleteResultsBox li {
    text-align: right;
}
.search-close-popup .cancel {
	display: none;
}
.text-align-center {
    text-align: center;
}
@media (min-width:2000px) {
	.search-bar input.form-control-sm{
	padding:10px 3rem;
	}
}

@media (min-width:2500px) {
	.search-bar input.form-control-sm{
	padding:10px 5rem;
	}
}
@media (min-width:3000px) {
.search-bar input.form-control-sm {
        padding: 10px 6rem;
    }
	
	}

@media (min-width:5000px) {
.search-bar input.form-control-sm {
        padding: 10px 8rem;
    }
	
	}
@media (min-width:7000px) {
.search-bar input.form-control-sm {
        padding: 10px 10rem;
    }
	
	}
@container style(--nav-is-mobile: true) {
	.search-result-icons {
		width: 100%;
	}
 #searchbar {
  position: relative;
  padding: 0;
 }
 .textResizeWrapper {
  display: none;
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 1;
  padding-top: 1.563rem;
  padding-bottom: 1.563rem;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid #f1f1f1;
 }
 .hide-item {
  height: 100% !important;
  border-radius: 0px;
  padding-top: 1rem;
  
  padding-bottom: 1rem;
 }
 #search-input {    
	padding: 5px 2.5rem;
    height: 34px;
}
.search-result-icons > i.fa-search {
    left: .3rem;
}
.search-result-icons .search-close-popup {
    right: .3rem;
}
#autoCompleteSearchResultsBox, .quick-linkssearch {
    width: 90%;
}
.search-close-popup .cancel {
	display: block;
	font-weight: 700;
    font-size: clamp(12px, 0.8333vw, 154px);
}
.search-close-popup i {
	display: none;
}
.text-align-center {
    text-align: left;
}
}
div#searchbar:has(>.row:empty) {
    display: none;
}