.sidebar {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 20px 0 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
    /* background-color:#0c59db; */
    /* #1257cb */
}

.sidebar-sticky {

    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #fff;
}
.nav-link.nav_1 {
    display: block;
    padding: .5rem 1rem;
    color: #dc3b3b;
}
   .course-card {
       border: 1px solid #ddd;
       border-radius: 5px;
       padding: 20px;
       margin: 20px 0;
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   }

   .course-card h3 {
       margin-top: 0;
   }

   .course-card p {
       margin-bottom: 10px;
   }

   .course-category {
       font-weight: bold;
       color: #007bff;
   }

.main-content {
    margin-left: 240px;
} 

.sidebar-item {
       padding: 10px 20px;
       font-size: 18px;
}

.sidebar-item:hover {
      background-color: white;
      color: #0c59db;
      border: 1px solid #0c59db;
      margin-right: 10px;
}  

.main-btn.main-btn-3 {
    width: 200px;
    border-radius: 0;
    margin-top: 20px;
    background: #0c59db;
    border-color: #0c59db;
    color: white;
}
.main-btn.main-btn-4 {
    border-radius: 15px;
    margin-top: 20px;
    background: #0c59db;
    border-color: #0c59db;
    color: white;
}

.buttons {
    margin-top: -23px;
}




          /* Example custom CSS for improved styling */
.card {
    border: none;
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}