/* =========================
       FIXED SIDEBAR ON DESKTOP
       ========================= */
    @media (min-width: 992px) {
      /* Desktop sidebar container */
      #sidebar-desktop {
        position: fixed;
        top: 0;
        left: 0;
        width: 220px;
        height: 100vh;
        background-color: #343a40;
        color: #fff;
        overflow-y: auto;
        border-right: 1px solid #495057;
      }
      /* Push the navbar to the right of the sidebar */
      #top-navbar {
        margin-left: 220px;
      }
      /* Push main content to the right of the sidebar */
      #main-content {
        margin-left: 220px;
        margin-top: 56px; /* height of the navbar */
        padding: 20px;
      }
    }

    /* =========================
       OFFCANVAS SIDEBAR ON MOBILE
       ========================= */
    @media (max-width: 991.98px) {
      #main-content {
        margin-top: 56px; /* height of the navbar */
        padding: 20px;
      }
    }

    /* =====================
       BASE STYLES
       ===================== */
    body {
      background-color: #f8f9fa;
      overflow-y: scroll;
    }

    /* Sidebar link styling */
    .sidebar-link {
      color: #fff;
      padding: 10px 20px;
      text-decoration: none;
      display: block;
    }
    .sidebar-link:hover,
    .sidebar-link.bg-secondary {
      background-color: #495057;
    }

    .section-title {
      font-size: 1.3rem;
      font-weight: 600;
      margin-top: 40px;
    } 
     .sidebar-link.bg-secondary {
  font-weight: bold;
  color: #fff;
}

.preview-img {
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}