.search-area{

    position: relative;

  }

    #searchProducts {

      position: absolute;

      top: 100%;

      left: 0;

      width: 100%;

      background: #fff;

      z-index: 999;

      border-radius: 8px;

      margin-top: 5px;

      

    }



    .card {

      background-color: #fff;     

      border: none;

      padding-bottom: 15px;

  }

  .input-box {

      position: relative

  }

  .input-box i {

      position: absolute;

      right: 13px;

      top: 15px;

      color: #ced4da

  }

 

  .list {

      padding-top: 20px;

      padding-bottom: 10px;

      display: flex;

      align-items: center

  }

  .border-bottom {

      border-bottom: 2px solid #eee

  }

  .list i {

      font-size: 19px;

      color: #eb333f;

  }

  .list small {

      color: #afa6a7;

      margin-right: 10px;

  }

  .mr-left{ margin-left: 10px;}

  .mr-right{ margin-right: 10px;}



  .border-bottom img{ width: 30px !important; height: 30px !important;}

  .f-16{font-size: 16px !important;}