* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  .container {
      max-width: 1280px;
      margin: 0 auto;
      flex-wrap: nowrap;
      padding: 0;
  }


  .header-new {
      background-color: #FFFFFF;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
      position: sticky;
      top: 0;
      z-index: 100;
  }

  .navbar-new {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
  }

  .logo {
      font-size: 1.5rem;
      font-weight: 700;
      color: #059669;
      text-decoration: none;
      display: flex;
      align-items: center;
  }

  .logo i {
      margin-right: 0.5rem;
  }

  .nav-links {
      display: flex;
      list-style: none;
      gap: 50px;
      margin-bottom: 0;
      padding-left: 0;
      margin-top: 0;

  }

  .nav-links a {
      text-decoration: none;
      color: #1F2937;
      font-weight: 500;
      transition: color 0.2s;
      font-family:'Jost', sans-serif;
      font-size: 16px !important;
  }

  .nav-links a:hover {
      color: #059669;
  }

  .nav-buttons {
      display: flex;
      gap: 1rem;
      align-items: center;
      height: 40px;
  }

  .custom-dropdown {
      position: relative;
      display: inline-block;
  }

  .custom-btn {
      display: inline-block;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      user-select: none;
      border: 1px solid transparent;
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 0.25rem;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }

  .custom-btn-outline {
      color: #6c757d;
      background-color: transparent;
      background-image: none;
      border-color: #6c757d;
  }

  .rounded-pill {
      border-radius: 50rem !important;
  }

  .custom-dropdown-toggle {
      color: #000 !important;
  }

  .custom-dropdown-toggle:after {
      display: inline-block;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent;
  }

  .custom-dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 10rem;
      padding: 0.5rem 0;
      margin: 0.125rem 0 0;
      font-size: 1rem;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
  }

  .custom-dropdown-menu.show {
      display: block;
  }

  .custom-dropdown-item {
      display: block;
      width: 100%;
      padding: 0.25rem 1.5rem;
      clear: both;
      font-weight: 400;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      background-color: transparent;
      border: 0;
      text-decoration: none;
      cursor: pointer;
  }

  .custom-dropdown-item:hover,
  .custom-dropdown-item:focus {
      color: #16181b;
      text-decoration: none;
      background-color: #f8f9fa;
  }

  .post-project:hover{
    color: #fff !important;

  }
  .btn-head {
      background-color: #fff;
      padding: 0.5rem 1.25rem;
      border-radius:  0.5rem;
      font-weight: 500;
      text-decoration: none;
      transition: all 0.2s;
      border: none;
      cursor: pointer;
      font-size: 0.9rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: 'Jost', sans-serif;
  }

  .btn-heada:hover {
      color: #fff !important;
  }

  .btn-primary-head {
      background-color: #059669;
      color: white;
  }

  .btn-primary-head:hover {
      background-color: #059669;
  }

  .btn-primary-head:active {
      background-color: #059669 !important;
  }

  .btn-primary-head:focus-visible {
      background-color: #059669;
  }

  .search-img {
      /* margin-top: 5px; */
      width: 25px;
      height: 25px;
  }

  .search-box {
      /* padding: 20px 0 14px 0; */
  }

  .btn-outline {
      border: 1px solid #059669;
      color: #059669;
      background-color: transparent;
  }

  .btn-outline:hover {
      /* background-color: var(--primary-light); */
  }

  .btn-head:hover {
      /* color: #fff !important; */
  }

  .log-in {
      background-color: #054d46;
      color: #fff !important;
      border: 1px solid #054d46;
  }

  .userinfo-new {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #e0e0e0;
  }

  .my-work {
      font-weight: 500;
      color: #147B2F;
      font-size: 16px;
      font-family: 'Jost', sans-serif;

  }

  .breadcrumb {
      display: flex;
      gap: 5px;
      align-items: center;
      width: 1280px;
      margin: 0 auto;
      margin-top: 30px;
      color: #62646A;
      font-size: 12px;
  }

  .breadcrumb div {
      color: #000;
  }

  .breadcrumb a {
      cursor: pointer;
  }
 

  @media (max-width: 768px) , (max-width: 1280px){
      .breadcrumb {
          width: 100vw !important;
          padding: 0 20px;
      }
  }
   @media (max-width: 768px), (max-width: 1280px) {
    .pagination-link,
    .pagination-arrow,
    .pagination button {
      width: 36px;
      height: 36px;
    }
  }