  /* Row */
  
  .row {
      display: flex;
      flex-wrap: wrap;
      margin-left: -15px;
      margin-right: -15px;
      /* padding-top:20px; */
  }
  /* Columns for extra small devices */
  
  .col-12 {
      flex: 0 0 auto;
      width: 100%;
      max-width: 100%;
      padding-left: 15px;
      padding-right: 15px;
  }
  /* Columns for small devices */
  
  @media (min-width: 576px) {
      .col-sm-6 {
          flex: 0 0 auto;
          width: 50%;
          max-width: 50%;
          padding-left: 15px;
          padding-right: 15px;
      }
  }
  /* Columns for medium devices */
  
  @media (min-width: 768px) {
      .col-md-4 {
          flex: 0 0 auto;
          width: 33.333333%;
          max-width: 33.333333%;
          padding-left: 15px;
          padding-right: 15px;
      }
  }
  /* Columns for large devices */
  
  @media (min-width: 992px) {
      .col-lg-4 {
          flex: 0 0 auto;
          width: 33.333333%;
          max-width: 33.333333%;
          padding-left: 15px;
          padding-right: 15px;
      }
  }
  
  .dropdown-menu {
      display: none;
      position: absolute;
      background-color: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      z-index: 999;
  }
  /* Show dropdown menu on hover */
  
  .dropdown:hover .dropdown-menu {
      display: block;
  }
  /* Style dropdown menu items */
  
  .dropdown-menu li {
      padding: 10px;
  }
  
  .dropdown-menu li a {
      color: #333;
      text-decoration: none;
  }
  
  .dropdown-menu li a:hover {
      color: #007bff;
  }
  
  label {
      font-weight: bold;
  }
  /* Style for the select dropdown */
  
  #location {
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-bottom: 10px;
      margin-right: 10px;
  }
  /* Style for the options in the dropdown */
  
  #location option {
      padding: 5px;
  }
  /* Style for the search box */
  
  .search-box {
      display: flex;
      align-items: center;
  }
  /* Style for the search input */
  
  .search-input {
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-right: 5px;
  }
  /* Style for the search button */
  
  .search-button {
      padding: 8px 12px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
  }
  /* Hover effect for the search button */
  
  .search-button:hover {
      background-color: #0056b3;
  }