/* Colourful Borders for Main and Sidebar */
.colourful-border {
  border: 4px solid #e8308c;
  border-bottom: 12px solid #39126b;
  border-radius: 14px;
  background: linear-gradient(90deg,#fdf6fd 60%,#eaf2fb 100%);
}

/* Tabs */
.colourful-tab {
  border: 0;
  border-bottom: 3px solid #e8308c !important;
  color: #39126b !important;
  background-color: #faf6ff !important;
  margin: 0 4px;
  border-radius: 7px 7px 0 0;
}

.colourful-tab.active {
  background: #e8308c !important;
  color: #fff !important;
  font-weight: bold;
}

/* Sidebar Items */
.colourful-sidebar {
  background: #eaf2fb;
  color: #39126b !important;
  border-left: 6px solid #e8308c;
  margin-bottom: 2px;
}
.colourful-sidebar.active {
  background: #e8308c !important;
  color: #fff !important;
  border-left: 6px solid #39126b;
}
.sidebar-board {
  background: #faf6ff;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .main-board, .sidebar-board {
    border-radius: 8px;
    padding: 1rem;
  }
  .col-12 {
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .hero img {
    border-radius: 8px;
    width: 90%;
    margin: auto;
    display: block;
  }
  .nav-justified {
    flex-direction: column;
  }
  .tab-pane {
    padding: 0.5rem;
  }
}