@import url('https://fonts.cdnfonts.com/css/neuropol-2?styles=43262'); 

    body{
        font-family: 'Neuropol'!important;
    }
    .body_section {
        font-family: 'Public Sans', sans-serif !important;
    }
    .footer{
        font-family: 'Public Sans', sans-serif !important;
        background-color: #2a2724;
    }

    .slider-container {
        position: relative;
        overflow: hidden;
    }

    .slider-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .slider-slide {
        min-width: 100%;
        flex-shrink: 0;
    }

    .category-modal {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 300px;
        width: max-content;
        background: white;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        z-index: 50;
        max-height: 400px;
        overflow-y: auto;
        border-radius: 8px;
    }

    .categories-dropdown:hover .category-modal {
        display: block;
    }

    .categories-dropdown:hover .dropdown-arrow {
        transform: rotate(180deg);
    }

    .product-slider {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .product-card {
        min-width: 280px;
        margin-right: 20px;
    }

    /* Fixed navigation styles */
    .nav-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        margin: 0;
        border-radius: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        animation: slideDown 0.3s ease;
    }

    @keyframes slideDown {
        from {
            transform: translateY(-100%);
        }

        to {
            transform: translateY(0);
        }
    }

    /* Mobile menu styles */
    .mobile-menu {
        display: none;
    }

    .mobile-menu.active {
        display: block;
    }

    /* Mobile category modal styles */
    @media (max-width: 768px) {
        .category-modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            min-width: 100%;
            max-height: 100vh;
            border-radius: 0;
            padding: 20px;
            overflow-y: auto;
        }

        .product-card {
            min-width: 250px;
        }
    }

    /* Responsive product slider */
    @media (max-width: 640px) {
        .product-card {
            min-width: 220px;
            margin-right: 15px;
        }
    }

    .desk_ul_navi{
        margin-left: 14vw;
    }
    @media (max-width: 520px) {
        .nav_category_sec{
            justify-content: space-between;
        }
    }