footer {
       background-color: var(--dark-bg);
       color: #94a3b8;
       /* padding-top: 60px; */
   }

   footer h5 {
       color: white;
       margin-bottom: 20px;
   }

   footer a {
       color: #94a3b8;
       text-decoration: none;
       transition: color 0.3s;
   }

   footer a:hover {
       color: white;
   }

   footer {
       background-color: var(--secondary-color);
       color: #cbd5e1;
       margin-left: var(--sidebar-width);
       transition: margin 0.3s;
   }

   footer h4 {
       color: #ffffff;
       font-size: 1.1rem;
   }

   footer a {
       color: #cbd5e1;
       text-decoration: none;
       transition: 0.3s;
   }

   footer a:hover {
       color: var(--primary-color);
   }

   footer .footer-logo {
       width: 200px;
       filter: brightness(0) invert(1);
       margin-bottom: 1.5rem;
   }

   footer .border-top {
       border-color: rgba(255, 255, 255, 0.1) !important;
   }