#edit-services::-webkit-input-placeholder {
  display: inline-block;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  padding-right: .15em;
  white-space: nowrap;
  color: var(--text-body) !important;
}

#edit-services:focus::-webkit-input-placeholder {
  /*-webkit-transform: translateY(-125%);*/
  opacity: 0;
}

#edit-services.imitatefocus::-webkit-input-placeholder {
  /*-webkit-transform: translateY(-125%);*/
  opacity: 0;
}

.js input.form-autocomplete {
    background-image: none;
}

.ui-widget {
   font-family: inherit !important ;
	 overflow-y: scroll;
	 max-height: 400px;
   background-color: var(--bg-body);
}

.ui-menu .ui-menu-item {
    margin-bottom: 3px;
    border: 1px solid var(--text-primary);
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--bg-body);
}

.ui-widget.ui-widget-content {
	border: 1px solid var(--text-primary);
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px var(--link-hover);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid var(--link-hover);
	background:var(--link-hover);
	font-weight: normal;
	color: var(--bg-text) !important;
}


.side-border{
	border-left-width:5px !important;
	border-left-color:var(--text-body) !important;
}

 
[dir=rtl] .side-border{
	border-right-width:5px !important;
	border-right-color:var(--text-body) !important;
	border-left:0 !important;
}


.search {
width: 100%;
margin-bottom: auto;
margin-top: 20px;
height: 50px;
padding: 10px;
border-radius: 5px;

}
 
.search .search-input {
background-color: var(--bg-body) !important;
padding: 0 10px;
width: 100%;
caret-color: var(--text-body) !important;;
font-size: 19px;
font-weight: 300;
color: var(--text-body) !important;;
transition: width 0.4s linear;
margin-top: 0;
border: 0;
}

#services-search .form-item {
    margin: 0;
    display:flex;
}

.side-icon {
    padding: 15px;
		background: var(--text-body);
    color: var(--bg-body);
    min-width: 50px;
    text-align: center;
    margin-top: 20px; 
    border-radius: 5px 0 0 5px;
}

[dir=rtl] .side-icon {
	border-radius: 0 5px 5px 0;
}

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


[dir=rtl] .service-search{
	border-radius: 5px 0 0 5px;
}

.view-most-visited .card {
    min-height: 80px;
}

.view-most-visited .container {
	max-width: -webkit-fill-available;
}


.search-icon-wrapper {
  position: relative;
}

.search-icon-wrapper .search-input {
  padding-left: 35px;
}

.search-icon-wrapper::before {
  content: "\f002"; /* Font Awesome search icon */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #888;
}

[dir="rtl"] .search-icon-wrapper::before {
  right: 10px;
  left: unset;
}

[dir="rtl"] .search-icon-wrapper .search-input {
  padding-right: 35px;
}


.search.border.service-search .form-item, .form-actions {
    margin: 0;
}