/* Hide the filter button on larger screens (e.g., desktops) */
                    @media (min-width: 768px) {
                        .mobile-button {
                            display: none;
                            
                        }
                    }

                    /* Show the filter button on mobile devices */
                    @media (max-width: 767px) {
                        .mobile-button {
                            display: block;
                            margin-top: 20px;
                        }
                    }

                    .rts-btn {
                        display: inline-flex;
                        align-items: center;
                        padding: 10px 20px;
                        border: none;
                        cursor: pointer;
                        font-size: 16px;
                        font-weight: bold;
                    }

                    .btn-primary {
                        background-color: #007bff;
                        color: #fff;
                        border-radius: 5px;
                    }

                    .rts-btn i {
                        margin-right: 8px;
                        /* Adjust the spacing between the icon and text */
                        font-size: 20px;
                        /* Adjust the icon size if needed */
                    }

                    .dropdown-menu {
                        display: none;
                        position: absolute;
                        background-color: #fff;
                        min-width: 160px;
                        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                        border-radius: 4px;
                        border: 1px solid #ced4da;
                        z-index: 1;
                    }

                    .dropdown-menu a {
                        color: #212529;
                        padding: 12px 16px;
                        text-decoration: none;
                        display: block;
                        font-size: 16px;
                    }

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

                    /* General Dropdown Styles */
                    .dropdown {
                        position: relative;
                        display: inline-block;
                    }

                    .dropdown-toggle {
                        background-color: #f8f9fa;
                        /* Light grey background */
                        border: 1px solid #ced4da;
                        /* Border color similar to input fields */
                        padding: 10px 177px;
                        font-size: 16px;
                        color: #212529;
                        /* Dark text color */
                        border-radius: 4px;
                        cursor: pointer;
                    }

                    .dropdown-toggle:hover,
                    .dropdown-toggle:focus {
                        background-color: #e2e6ea;
                        /* Slightly darker grey when hovered */
                    }

                    .dropdown-menu {
                        display: none;
                        position: absolute;
                        background-color: #fff;
                        /* White background */
                        min-width: 160px;
                        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                        /* Subtle shadow */
                        z-index: 1;
                        border-radius: 4px;
                        margin-top: 5px;
                        border: 1px solid #ced4da;
                    }

                    .dropdown-menu a {
                        color: #212529;
                        padding: 12px 16px;
                        text-decoration: none;
                        display: block;
                        font-size: 16px;
                    }

                    .dropdown-menu a:hover {
                        background-color: #f8f9fa;
                        /* Grey background when hovered */
                    }

                    /* Show the dropdown when hovering */
                    .dropdown:hover .dropdown-menu {
                        display: block;
                    }

                    /* Additional Buttons */
                    button {
                        background-color: #faf8f8;
                        border: 1px solid #ced4da;
                        padding: 10px 15px;
                        font-size: 16px;
                        color: #212529;
                        border-radius: 4px;
                        cursor: pointer;
                    }

                    button:hover {
                        background-color: #eae2e2;
                    }

                    .filtration-section {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        margin-bottom: 20px;
                        margin-top: 20px;
                    }

                    .dropdowns {
                        display: flex;
                        gap: 10px;
                    }

                    .buttons {
                        display: flex;
                        gap: 10px;
                    }

                    .dropdown {
                        position: relative;
                    }

                    .dropdown-toggle {
                        padding: 10px 20px;
                        border: 2px solid #800000;
                        border-radius: 20px;
                        background-color: #fff;
                        color: #800000;
                        font-weight: bold;
                        cursor: pointer;
                        white-space: nowrap;
                    }

                   

                    .dropdown-toggle:hover {
                        background-color: #f0f0f0;
                    }

                    .rts-btn.btn-primary {
                        padding: 10px 20px;
                        border: 2px solid #800000;
                        background-color: #800000;
                        color: #fff;
                        border-radius: 20px;
                        cursor: pointer;
                    }

                    .rts-btn.btn-primary:hover {
                        background-color: #5f0000;
                    }

                    /* Mobile View */
                    @media (max-width: 768px) {
                        .filtration-section {
                            display: flex;
                            flex-wrap: nowrap;
                            overflow-x: auto;
                            /* Enables horizontal scrolling */
                            -webkit-overflow-scrolling: touch;
                            /* Smooth scrolling for touch devices */
                        }

                        .filtration-section::-webkit-scrollbar {
                            display: none;
                            /* Hides the scrollbar on WebKit browsers */
                        }

                        .dropdowns,
                        .buttons {
                            display: flex;
                            flex-wrap: nowrap;
                            gap: 10px;
                        }

                        .buttons {
                            order: 1;
                            /* Ensure buttons appear in the correct order */
                        }

                        .dropdowns .dropdown:last-child {
                            margin-right: 10px;
                            /* Small spacing after the last dropdown */
                        }

                        /* Show dropdown menu on click */
                        .dropdown-toggle {
                            white-space: nowrap;
                        }

                        .dropdown-menu {
                            display: none;
                            position: static;
                            background-color: #fff;
                            /* White background */
                            min-width: 160px;
                            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                            /* Subtle shadow */
                            border-radius: 4px;
                            border: 1px solid #ced4da;
                        }

                        .dropdown-toggle:focus+.dropdown-menu,
                        .dropdown-toggle:active+.dropdown-menu {
                            display: block;
                            /* Show dropdown when button is active or focused */
                        }

                        /* Ensure button size remains consistent */
                        .rts-btn.btn-primary {
                            flex-shrink: 0;
                            width: 180px;
                            /* Set a fixed width */
                            padding: 10px 20px;
                            /* Ensure padding remains consistent */
                            text-align: center;
                        }
                    }
/* Hide dropdown menu in mobile view */
@media only screen and (max-width: 768px) {
    .mobile-filter-hidden .dropdown-menu {
        display: none !important; /* Ensure it's hidden */
    }
}