.custom-scrollbar::-webkit-scrollbar {
     width: 4px;
 }

 .custom-scrollbar::-webkit-scrollbar-track {
     background: transparent;
 }

 .custom-scrollbar::-webkit-scrollbar-thumb {
     background-color: #cbd5e1;
     border-radius: 10px;
 }

 .custom-scrollbar:hover::-webkit-scrollbar-thumb {
     background-color: #94a3b8;
 }


 .scroll-mt-24 {
     scroll-margin-top: 6rem;
 }


 .zoom-img {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .zoom-img:hover {
     transform: scale(1.02);
     box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
 }


 .nav-link.active {
     background-color: #eef2ff;
     color: #4f63f2;
     font-weight: 600;
     border-left: 2px solid #4f63f2;
 }


 @media print {

     #navbar,
     aside,
     #mobile-drawer,
     #mobile-drawer-overlay,
     #mobile-menu-btn {
         display: none !important;
     }

     body,
     main {
         background: white !important;
         margin: 0 !important;
         padding: 0 !important;
         width: 100% !important;
     }

     .doc-section {
         page-break-inside: avoid;
         margin-bottom: 2rem !important;
     }
 }