<!-- Recent Location Start -->
          <div class="recent-location" *ngIf="recentLocations.length > 0">
            <div class="recent-title" style="color: #fff !important;"> Recent locations</div>
            <div class="recent-search-block">
              <div class="example">
                <mat-card style="overflow-y:visible" *ngFor="let location of recentLocations.slice(-2).reverse()">
                  <label style="cursor: pointer;" (click)="getLocation(location)">
                    <i style="font-size:15px;margin-right: 6px;" class="fa fa-map-marker"></i>{{location?.name}}</label>
                </mat-card>
              </div>
            </div>
          </div>
          <!-- Recent Location End -->