/* SIDEBAR */

.sidebar {
      width: fit-content;
      height: 100vh;
      left: 0;
      top: 0;
      background-color: #fff;
      border-right: 1px solid #dee2e6;
    }

    .sidebar a {
      display: flex;
      align-items: center;
      padding: 12px 16px;
      color: #333;
      text-decoration: none;
      font-size: 15px;
      transition: 0.2s;
      position: relative;
    }

    .sidebar a:hover {
      background-color: #f1f1f1;
      color: #000;
    }

    .sidebar i {
      margin-right: 12px;
      font-size: 18px;
    }

    .badge-circle {
      background-color: #d8d8d8;
      font-size: 12px;
      border-radius: 50%;
      padding: 4px 8px;
      color: #000;
      margin-left: auto;
    }

    .tag-badge {
      font-size: 10px;
      padding: 2px 6px;
      border-radius: 10px;
      margin-left: auto;
    }

    .tag-offer {
      background-color: orange;
      color: #fff;
    }

    .tag-new {
      background-color: #ff5722;
      color: #fff;
    }

    .main-content {
      margin-left: 220px;
      padding: 20px;
    }


     .nav-tabs .nav-link.active {
       border:none!important;
      border-bottom: 2px solid #1F85C6!important;
      font-weight: bold;
    }
    .filter-label {
      font-weight: 600;
      margin-bottom: 5px;
    }
    .filter-section {
      border-bottom: 1px solid #eee;
      padding: 10px 0;
    }
    .recent-searches {
      font-size: 14px;
    }
     /* SIDEBAR */
    .sidebar {
      width: fit-content;
      height: 100vh;
      left: 0;
      top: 0;
      background-color: #fff;
      border-right: 1px solid #dee2e6;
    }

    .sidebar a {
      display: flex;
      align-items: center;
      padding: 12px 16px;
      color: #333;
      text-decoration: none;
      font-size: 15px;
      transition: 0.2s;
      position: relative;
    }

    .sidebar a:hover {
      background-color: #f1f1f1;
      color: #000;
    }

    .sidebar i {
      margin-right: 12px;
      font-size: 18px;
    }

    .badge-circle {
      background-color: #d8d8d8;
      font-size: 12px;
      border-radius: 50%;
      padding: 4px 8px;
      color: #000;
      margin-left: auto;
    }

    .tag-badge {
      font-size: 10px;
      padding: 2px 6px;
      border-radius: 10px;
      margin-left: auto;
    }

    .tag-offer {
      background-color: orange;
      color: #fff;
    }

    .tag-new {
      background-color: #ff5722;
      color: #fff;
    }

    .nav-tabs .nav-link.active {
      border-bottom: 2px solid #2c2cff;
      font-weight: bold;
    }
    
    .filter-label {
      font-weight: 600;
      margin-bottom: 5px;
    }
    
    .filter-section {
      border-bottom: 1px solid #eee;
      padding: 10px 0;
    }
    
    .recent-searches {
      font-size: 14px;
    }


    @media only screen and (max-width: 600px) {


.sidebar{
  display:none;
}
      
    }

     .badge{
      color:white;
      background-color: #1F85C6;
      border-radius: 15px;
     }


     .ads{
      background-color: red;
      width: 100%;
      height: 20vh;
     }