#top-brands {
    background-color: #24292f; /* Adjust background color as needed */
    padding: 50px 20px;
    color: white;
    padding-top: 100px !important; /* Adjust as needed */
}

#top-brands h2 {
    font-size: 2rem; /* Adjust size as needed */
    color: white; /* Text color */
    font-weight: bold; /* Make the title bold */
}

#top-brands p {
    font-size: 1rem; /* Adjust size as needed */
    color: white; /* Text color */
}

.brand-scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    cursor: grab; /* Show grab cursor when not dragging */;
}

.brand-scroll-container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.brand-scroll-container .brand-btn {
    flex: 0 0 auto;
    margin-right: 10px;
}

.brand-scroll-container.active {
    cursor: grabbing; /* Change cursor when dragging */
}

.brand-btn{
    background-color:#24292f !important;
    color:white !important;
    border: 1px solid white !important;
    padding: 8px, 12px, 8px, 12px !important;
}

.brand-btn.active {
    background-color: white !important;
    color: black !important;
}
.product-images-container {
    display: flex;
    overflow-x: auto; /* Enables horizontal scrolling */
    padding: 10px 0; /* Padding for better appearance */
}

.product-images {
    display: flex;
    gap: 20px; /* Adjust the space between product items */
    padding: 10px 0; /* Padding for better appearance */
    align-items: flex-start; /* Align items to the start to handle varying image sizes */
}

.product-item {
    display: flex;
    flex-direction: column; /* Stack image and text vertically */
    align-items: center; /* Center content horizontally */
    text-align: center; /* Center text */
    min-width: 180px; /* Minimum width for each product item */
    padding: 10px; /* Padding around each item for better spacing */
}

.product-item img {
    max-width: 150px; /* Limit the width of the image */
    max-height: 150px; /* Adjust as needed */
    object-fit: cover; /* Ensures images fit well */
}

.product-item p {
    margin-top: 10px !important; /* Space between image and text */
    font-size: 14px; /* Adjust font size as needed */
    width: 100%; /* Ensure the text container takes full width */
    max-width: 150px; /* Limit the width of the text */
    word-wrap: break-word; /* Break long words if necessary */
    margin: 0; /* Remove default margin */
    padding: 0 5px; /* Add padding for better text spacing */
}