@charset "UTF-8";
/* CSS Document */

.brand-item {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
    text-align: center;
    margin: 2px; /* Reduced spacing between items */
    padding: 5px; /* Adjust padding to reduce space further */
}

.brand-img {
    width: 60px;
    height: 60px;
    object-fit: contain; /* Prevents stretching */
    border-radius: 5px; /* Optional: Adds rounded corners */
}

.brand-text {
    margin-top: 3px; /* Reduced margin between image and text */
    font-size: 14px;
    font-weight: bold;
}

.owl-carousel .brand-item {
    margin: 0 5px; /* Adjust horizontal margin (left and right) */
    padding: 5px; /* Adjust padding if necessary */
}

.owl-carousel .brand-item a{
	text-decoration: none;
	color: #000000;
}

.brand-item {
	border-radius: 50%;
}

.scrollable-filter {
    max-height: 150px; /* Adjust height as needed */
    overflow-y: auto;
    padding: 8px;
	transition: all 0.3s ease-in-out;
}

/* Custom scrollbar for WebKit browsers (Chrome, Edge, Safari) */
.scrollable-filter::-webkit-scrollbar {
    width: 5px; /* Thin scrollbar */
}

.scrollable-filter::-webkit-scrollbar-track {
    background: #f1f1f1; /* Light background */
    border-radius: 7px;
}

.scrollable-filter::-webkit-scrollbar-thumb {
    background: #192d6c; /* Green scrollbar */
    border-radius: 7px;
}

.scrollable-filter::-webkit-scrollbar-thumb:hover {
    background: #192d6c; /* Darker green on hover */
}

/* For Firefox */
.scrollable-filter {
    scrollbar-width: thin;
    scrollbar-color: #192d6c #f1f1f1;
}

.scrollable-filter {
    display: block; /* default display */
}

.scrollable-filter.hidden {
    display: none; /* hide the filter by default */
}
.scrollable-filter {
    display: none; /* Default to hidden */
}

.filter-section {
    margin-bottom: 10px;  /* Space between filter sections */
}


.filter-section input[type="checkbox"]:checked + label + .scrollable-filter {
    display: block;
   
}

.filter-section {
    margin-bottom: 15px;  /* Add more space between sections */
    padding: 1px;        /* Add padding inside the filter section */
    border-bottom: 1px solid #ccc; /* Add a border below each section */
    background-color: #f9f9f9; /* Optional background color */
}

.filter-section input[type="checkbox"] {
    margin-right: 10px; /* Space between the checkbox and the label */
}

.filter-section label {
    font-weight: bold;  /* Make the label text bold */
    color: #333;        /* Set the label text color */
}