
body {
    font-family: Georgia, serif;
    color: #000;
  }
  
  /* Filter Buttons */
  .filter-btn {
    border: none;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    font-weight: 600;
    color: #000;
    padding-bottom: 8px;
  }
  
  .filter-btn.active {
    color: #f27b21;
    border-bottom: 2px solid #f27b21;
  }
  
  
  .enroll-btn {
    background-color: #1c2d59;
  }
  
  
  .search-group {
    max-width: 600px;
    flex: 1 1 300px;
  }
  
  
  #languageFilter,
  #locationFilter {
    flex: 1 1 150px;
  }
  .custom-search-btn {
    background-color: #f27b21;
    color: white;
    border: none;
  }
  
  .custom-search-btn:hover {
    opacity: 0.9;
    background-color: #f27b21;
    color: white;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .search-group {
      width: 100%;
    }
  
    #languageFilter,
    #locationFilter {
      width: 100%;
    }
  }
  
  .custom-search-btn {
  white-space: nowrap;
}


  @media (max-width: 767.98px) {
  .input-group {
    flex-direction: column;
    align-items: stretch;
  }
  .input-group .form-control,
  .input-group .btn {
    width: 100%;
    border-radius: 0; 
  }
}
