/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');*/

/*nav * {*/
/*    font-family: "IBM Plex Sans", sans-serif;*/
/*    font-weight: 200;*/
/*    font-style: normal;*/
/*    box-sizing: border-box;*/
/*}*/

/*!* Reset some basic elements for consistency across browsers *!*/
/*body, ul, li, a {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*    text-decoration: none;*/
/*}*/

/*!* Basic styling *!*/
/*body {*/
/*    font-family: "IBM Plex Sans", sans-serif;*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*    background-color: #f4f4f4;*/
/*}*/

/*!* Navbar container *!*/
/*nav {*/
/*    background-color: #ffffff;*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
/*    position: relative;*/
/*    z-index: 1000;*/
/*    display: grid;*/
/*    grid-template-columns: auto 1fr auto;*/
/*    align-items: center;*/
/*    padding: 0 20px;*/
/*}*/

/*!* Navbar items *!*/
/*nav ul {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 20px;*/
/*}*/

/*nav ul.main-nav {*/
/*    justify-self: start;*/
/*}*/

/*nav ul.user-nav {*/
/*    justify-self: end;*/
/*}*/

/*!* Navbar logo *!*/
/*nav ul .logo {*/
/*    margin-right: auto;*/
/*}*/

/*!* Navbar links *!*/
/*nav a {*/
/*    color: #333;*/
/*    padding: 15px 20px;*/
/*    display: block;*/
/*    transition: color 0.3s ease, background-color 0.3s ease;*/
/*}*/

/*!* Dropdown container *!*/
/*nav ul ul {*/
/*    position: absolute;*/
/*    display: none;*/
/*    background-color: #ffffff;*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
/*    margin-top: 10px;*/
/*    padding-top: 10px;*/
/*    padding-bottom: 10px;*/
/*}*/

/*!* Dropdown items *!*/
/*nav ul ul li {*/
/*    width: 200px;*/
/*    position: relative;*/
/*}*/

/*!* Show dropdown on hover *!*/
/*nav ul li:hover > ul {*/
/*    display: block;*/
/*    transform: scale(1.1);*/
/*    transition: transform 0.3s ease;*/
/*}*/

/*!* Hover effects *!*/
/*nav a:hover {*/
/*    color: #0072c6;*/
/*    background-color: #f0f0f0;*/
/*}*/

/*!* Responsive styles *!*/
/*@media (max-width: 768px) {*/
/*    nav {*/
/*        grid-template-columns: 1fr auto;*/
/*    }*/

/*    nav ul {*/
/*        flex-direction: column;*/
/*        align-items: flex-start;*/
/*        width: 100%;*/
/*    }*/

/*    nav ul ul {*/
/*        position: static;*/
/*        box-shadow: none;*/
/*        margin-top: 0;*/
/*    }*/

/*    nav ul ul li {*/
/*        width: 100%;*/
/*    }*/

/*    nav .separator {*/
/*        display: none; !* Hide separator on mobile devices *!*/
/*    }*/

/*    nav ul.active {*/
/*        display: flex;*/
/*    }*/

/*    nav ul {*/
/*        display: none;*/
/*    }*/
/*}*/

/*!* Hamburger menu *!*/
/*nav .hamburger {*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    cursor: pointer;*/
/*    padding: 10px;*/
/*}*/

/*nav .hamburger div {*/
/*    width: 35px;*/
/*    height: 5px;*/
/*    background-color: #333;*/
/*    margin: 6px 0;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*@media (max-width: 768px) {*/
/*    nav .hamburger {*/
/*        display: flex;*/
/*    }*/
/*}*/

/*nav ul .separator {*/
/*    margin: 0 10px;*/
/*    border-left: 1px solid #ddd;*/
/*    height: 40px;*/
/*}*/

/*!* Ensure the hover background covers the entire navbar height *!*/
/*nav ul li {*/
/*    height: 100%;*/
/*}*/

/*nav ul li a {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    height: 100%;*/
/*}*/