.search-form .search-btn {
  width: 33px;
  height: 33px;
  background: url("../../images/black-search.svg") center center no-repeat;
  background-size: 15px;
  padding: 0;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 576px) {
  .search-form .search-btn {
    width: 60px;
    height: 60px;
    left: 0;
    right: auto;
    background: #fde85e url("../../images/black-search.svg") center center no-repeat;
    background-size: 19px 19px;
  }
}

.search-form .form-control::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #f1f6fb url("../../images/close-search.png") center center no-repeat;
  background-size: 7px;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 576px) {
  .search-form .form-control::-webkit-search-cancel-button {
    background-size: 12px;
    width: 24px;
    height: 24px;
  }
}
.search-form .form-control:focus::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}

.search-form {
  margin-bottom: 26px;
}
.search-form .form-control {
  width: 100%;
  height: 33px;
  border-radius: 33px;
  font-size: 13px;
  color: #30323f;
  box-shadow: 0 5px 10px 0 rgba(141, 176, 211, 0.2);
  border: transparent;
  padding-left: 31px;
  padding-left: 15px;
}
.search-form .form-control::-webkit-input-placeholder {
  font-family: "TajawalBold", sans-serif;
}
.search-form .form-control:-moz-placeholder {
  font-family: "TajawalBold", sans-serif;
}
.search-form .form-control::-moz-placeholder {
  font-family: "TajawalBold", sans-serif;
}
.search-form .form-control:-ms-input-placeholder {
  font-family: "TajawalBold", sans-serif;
}
@media (min-width: 576px) {
  .search-form .form-control {
    height: 60px;
    border-radius: 30px;
    padding-right: 28px;
    padding-left: 77px;
    font-size: 14px;
  }
}
@media (min-width: 576px) {
  .search-form {
    margin-bottom: 47px;
  }
}

.autocomplete-suggestions {
  border: none;
  box-shadow: none;
  max-width: 560px;
  font-size: 16px;
  line-height: 32px;
  color: #000000;
  background: #f1f6fb;
  margin-top: 3px;
  height: 178px;
  overflow: auto;
}
@media (min-width: 768px) {
  .autocomplete-suggestions {
    border-radius: 0 0 35px 35px;
    height: 174px;
    margin-top: 20px;
    background: #f8fbfd;
  }
}
.autocomplete-suggestion {
  cursor: pointer;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .autocomplete-suggestion {
    margin-bottom: 0;
  }
}
.autocomplete-suggestion:hover, .autocomplete-suggestion:active, .autocomplete-suggestion:focus {
  background: transparent;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_mixins.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/search-form.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/rtl-ar/_direction.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AA8FA;EA3EI,OA4EoB;EA3EpB,QA2E0B;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IA3EI,OAsFwB;IArFxB,QAqF8B;IAC1B;IACA;IACA;IACA;;;;AAKJ;EACI;EAhGJ,OAiGwB;EAhGxB,QAgG8B;EAC1B;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IAzGR,OA0G4B;IAzG5B,QAyGkC;;;AAM9B;EACI;EACA;EACA;;;AClIZ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA,OCRO;EDSP;EACA;EACA;EACA;;AD8BJ;EC1BQ,aEVG;;AHqCX;EC3BQ,aEVG;;AHsCX;EC5BQ,aEVG;;AHuCX;EC7BQ,aEVG;;AFeP;EAlBJ;IAmBQ;IACA;IACA;IACA;IACA;;;AAQR;EAlCJ;IAmCQ;;;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA,OCjDA;EDkDA,YC1CW;ED2CX;EACA;EACA;;AAEA;EAZJ;IAaQ;IACA;IACA;IACA,YC9CC;;;ADkDT;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EAGI%22%7D */