body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #fff;
    
    }

    .search-wrapper {
      background-color: #f7f7f7;
      border-radius: 10px;
      padding: 1rem;
    }

    .new-search-input {
      border: none;
      background-color: transparent !important;
      outline: none;
      width: 100%;
    }

    .new-search-box {
      display: flex;
      align-items: center;
      padding: 0.5rem 1rem;
      border-right: 1px solid #ccc;
    }

    .new-search-box:last-child {
      border-right: none;
    }

    .search-icon {
      margin-right: 8px;
      color: #999;
    }

    .search-btn {
      background-color: #00205D;
      color: #fff;
      font-weight: bold;
      border-radius: 6px;
      padding: 0.5rem 1.5rem;
    }

    .search-btn:hover {
      background-color: #00205D;
    }





      .sidebar {
      border-radius: 12px;
      padding: 20px;
      background-color: #f9f9f9;
    }

    .job-card {
      background-color: #f7f7f7;
      border-radius: 12px;
      padding: 20px;
      position: relative;
    }

    .job-type-label {
      font-weight: bold;
      font-size: 0.8rem;
      padding: 2px 8px;
      border-radius: 4px;
      color: white;
    }

    .part-time {
      background-color: #00c853;
      padding:3px 10px;
      border-radius: 20px;
      font-size: 12px;
    }

    .full-time {
      background-color: #7a35ff;
       padding:3px 10px;
      border-radius: 20px;
      font-size: 12px;
    }

    .bookmark-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 1.3rem;
      color: #888;
      cursor: pointer;
    }

    .bookmark-btn.saved {
      color: #00205D;
    }

    .filter-title {
      font-weight: 600;
      font-size: 1.2rem;
    }

    .sort-dropdown {
      width: 150px;
    }

    .avatar-group img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      margin-right: -10px;
      border: 2px solid #fff;
    }



     .rotate-icon {
      transition: transform 0.3s ease;
    }
    .rotate-icon.collapsed {
      transform: rotate(180deg);
    }

    .filter-box {
      background-color: #f9f9f9;
      padding: 15px;
      border-radius: 8px;
      max-width: 300px;
    }

    .form-check-label {
      color: #333;
    }

   .btn-custom:hover{
 opacity: 90;
   }

     .btn-outline-custom:hover{
      
        background-color: #00205D;
        color: white;
   }