/* Global Font Settings */
 body,
 h1, h2, h3, h4, h5, h6,
 .navbar,
 .sidebar,
 .main-header,
 .main-footer,
 .card,
 .content-wrapper,
 .dropdown-menu,
 .btn,
 input,
 select,
 
 /* Navigation Bar Styling */
 .navbar {
     box-shadow: 0 2px 4px rgba(0,0,0,.1);
 }

 .navbar-nav .nav-link {
     font-size: 14px;
     padding: 0.5rem 1rem;
 }

 /* Dropdown Menu Styling */
 .dropdown-menu {
     border: none;
     box-shadow: 0 4px 6px rgba(0,0,0,.1);
     font-size: 14px;
 }

 .dropdown-item {
     padding: 8px 20px;
 }

 .dropdown-item:hover {
     background-color: #f8f9fa;
 }

 .dropdown-item i {
     width: 20px;
     text-align: center;
     margin-right: 8px;
     color: #6c757d;
 }

 /* Content Area Styling */
 .content-wrapper {
     background-color: #f4f6f9;
 }

 .card {
     border: none;
     box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
     margin-bottom: 1rem;
 }

 .card-header {
     border-bottom: 1px solid #dee2e6;
     background-color: #fff;
 }

 .card-title {
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 0;
 }

 /* Button Styling */
 .btn {
     font-size: 14px;
     padding: 0.375rem 1rem;
 }

 /* Form Control Styling */
 .form-control {
     font-size: 14px;
 }

 /* Sidebar Styling */
 .main-sidebar {
     box-shadow: 0 4px 6px rgba(0,0,0,.1);
 }

 .nav-sidebar .nav-link {
     font-size: 14px;
 }

 /* Footer Styling */
 .main-footer {
     font-size: 14px;
     background-color: #fff;
     border-top: 1px solid #dee2e6;
     padding: 1rem;
     color: #6c757d;
 }

 /* Custom Scrollbar for Webkit Browsers */
 ::-webkit-scrollbar {
     width: 8px;
 }

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

 ::-webkit-scrollbar-thumb {
     background: #888;
     border-radius: 4px;
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #555;
 }

 /* Responsive Adjustments */
 @media (max-width: 768px) {
     .navbar-nav .nav-link,
     .dropdown-menu,
     .btn,
     .form-control {
         font-size: 14px;
     }
 }
 .chakra-petch-light {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .chakra-petch-regular {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .chakra-petch-medium {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .chakra-petch-semibold {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .chakra-petch-bold {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .chakra-petch-light-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .chakra-petch-regular-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .chakra-petch-medium-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .chakra-petch-semibold-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .chakra-petch-bold-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    font-style: italic;
  }