body {
    font-family: font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-weight: normal;
    font-style: normal;
    /*font-family: helvetica,arial,sans-serif;*/
}
/* #### Generated By: http://font.download #### */

@font-face {
    font-family: font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype');
}



/* ✅ Force Font Size to Stay Constant */
.navbar-brand,
.navbar-toggler,
.navbar-nav .nav-item a {
    font-size: 13.7px !important; /* Fixed font size */
    transform: none !important; /* Prevent shrinking */
    transition: none !important; /* Stop transition effects */
}
.navbar .navbar-nav .nav-link,
.navbar .navbar-brand,
.navbar .nav-link.dropdown-toggle {
    /*color: #fff !important;*/ /* Set menu text color to white */
}

.navbar-toggler {
    border-color: white !important; /* Change border color */
}

.navbar-toggler-icon {
    filter: invert(1); /* Convert black icon to white */
}
/* Optional: If the default Bootstrap icon isn't white */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* ✅ Ensure Navbar Doesn't Shrink on Click */
.navbar-collapse.show {
    transform: none !important;
    font-size: inherit !important;
}

/* Styling for navbar icons */
.navbar-icons a {
    color: #fff;
    font-size: 18px;
    margin: 0 10px;
}

.nav-item
{
    color:#fff !important;
}
/* ✅ Fix Dropdown Display for Mobile */
@media (max-width: 991px) {
    .dropdown-menu {
        display: none;
    }

    .dropdown.show .dropdown-menu {
        display: block;
        width: 100%; /* Allow full width in mobile */
    }
}

/* ✅ Desktop Fix: Show Dropdown on Hover */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
    }

    /* ✅ Set Fixed Width for Dropdown in Desktop */
    .dropdown-menu {
        min-width: 600px !important; /* Ensure consistent width */
        border-radius: 10px;
    }
}

/* ✅ Prevent Dropdown Menu from Affecting Font */
.dropdown-menu a {
    font-size: 14px !important; /* Keep menu font size stable */
}

/* ✅ Prevent Bootstrap's collapse effect from modifying layout */
.navbar-collapse {
    font-size: inherit !important; /* Prevent unexpected font changes */
}
.banner-img {
    width: 100%; /* Auto-resize */
    height: auto; /* Maintain aspect ratio */
    max-height: 400px; /* Limit max height */
    object-fit: cover; /* Ensure images fill the space */
}
.lazy-load {
    opacity: 0;
    transform: translateY(30px); /* Initial move down */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

    .lazy-load.loaded {
        opacity: 1;
        transform: translateY(0);
    }
.bgclr
{
    background-color:#fff !important;
}
.bgclrgrey {
    background-color: #E3E6E6;
}
.bgclrhead {
    background-color: #131921;
}
.btn-light {
    background-color: #fff !important; /* Change background to white */
    border-color: #ddd !important; /* Optional: Adjust border */
    color: #000 !important; /* Optional: Adjust text color */
}
.filter-section label {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* Space between checkbox and text */
    font-size: 14px; /* Optional: Adjust font size */
    cursor: pointer; /* Improve usability */
    line-height: 2; /* Reduce extra spacing */
    padding-left:10px;
}

.filter-section input[type="checkbox"] {
    margin: 0; /* Remove unwanted margin */
    vertical-align: middle; /* Ensure proper alignment */
}
/*.login-container {
    max-width: 400px;
    width: 100%;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.login-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.login-button {
    background-color: #ff9900;  Amazon-like orange 
    border: none;
    color: white;
    font-size: 16px;
    padding: 10px;
}*/
.forgot-password {
    font-size: 14px;
    text-decoration: none;
    color: #007bff;
}

    .forgot-password:hover {
        text-decoration: underline;
    }

/*.collapse {
    background-color: #fff !important;
    padding: 10px;*/ /* Optional: Adds spacing */
    /*border: 1px solid #ddd;*/ /* Optional: Adds border */
/*}*/
/*.dropdown-menu {
    background-color: #fff !important;*/ /* Change background color */
    /*border: 1px solid #ddd !important;*/ /* Add border */
    /*padding: 10px;*/ /* Add spacing inside the menu */
/*}
.dropdown-menu .dropdown-item {
    font-size: 14px;*/ /* Adjust font size */
    /*color: #333 !important;*/ /* Text color */
    /*padding: 8px 15px;*/ /* Spacing */
    /*transition: all 0.3s;*/ /* Smooth hover effect */
/*}
.dropdown-menu .dropdown-item:hover {
    background-color: #007bff;*/ /* Change background on hover */
    /*color: #fff !important;*/ /* Change text color on hover */
/*}
#brandFilter .dropdown-item {
    font-weight: bold;
    font-size: 15px;
    color: #444;
}
.dropdown-menu label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}*/