.search-container {
    display: flex;
    align-items: end;
    justify-content: end;
    /* margin: 10px auto; */
    width: 300px;
    border: 1px solid var(--secondary-color);
    border-radius: 8px;
    overflow: hidden;
    position: relative; 
  }

  .search-bar {
    width: 100%;
    color: var(--color-1);
    font-size: var(--font-16) !important;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 8px 0 0 8px;
    background: transparent; 
    border:1px solid var(--secondary-color);
  }

  .course-not-found{
    width: 500px;
    height: 300px;
    object-fit: cover;
    border-radius: var(--radius-20);
  }
  
  /* 
  
  .search-button {
    background-color: #fff;
    border: none;
    outline: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 0 25px 25px 0;
  } */
/*   
  .search-icon {
    width: 20px;
    height: 20px;
  } */