/* Highlight Unread Notifications */
 .notification.unread {
   background-color: #f8f9fa;
   /* Light grey background for unread */
   border-left: 4px solid #007bff;
   /* Blue border to indicate unread */
 }

 /* Remove default button padding */
 .mark-read-btn {
   padding: 0.25rem 0.5rem;
 }

 /* Adjust Modal Body Height */
 .modal-body {
   max-height: 60vh;
   overflow-y: auto;
 }

 /* Optional: Customize Scrollbar */
 #notifications-container::-webkit-scrollbar {
   width: 8px;
 }

 #notifications-container::-webkit-scrollbar-track {
   background: #f1f1f1;
 }

 #notifications-container::-webkit-scrollbar-thumb {
   background-color: #007bff;
   border-radius: 10px;
   border: 2px solid #f1f1f1;
 }

 /* Position Badge Properly */
 .nav-item.position-relative .badge {
   top: 0;
   right: 0;
   transform: translate(50%, -50%);
 }

 .tox-promotion {
   display: none;
 }

 .tox-statusbar__branding {
   display: none;
 }

 .carousel-inner {
   display: flex;
 }

 .carousel-item {
   flex: 0 0 100%;
   max-width: 100%;
 }

 .carousel-item img {
   width: 100%;
   height: auto;
   aspect-ratio: 21 / 9;
 }

 .carousel-item .col-md-6 {
   padding: 0 15px;
   /* Adjust padding as needed */
 }

 .carousel-item .col-md-6 img {
   width: calc(100% - 30px);
   /* Adjust width to account for padding */
   margin: 0 15px;
   /* Center the image within the padding */
 }

 @media (min-width: 768px) {
   .carousel-item .col-md-6 {
     padding: 0 15px;
   }
 }