.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
right: 0;
background-color: #fff;
overflow: hidden;
transition: .5s;
}

.sidenav a {
text-decoration: none;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
color: #fff;
display: block;
transition: .3s
}

.sidenav .search-home-page a {
border: 1px solid var(--color-third);
padding: 0.25rem 0.50rem;
margin: 0 15px;
text-align: center;
}

.sidenav .dropdown-menu a {
padding: 2px;
color: var(--color-first);
padding-left: 10px;
}

.sidenav a:hover, .sidenav a:focus {
color: var(--color-first);
}

.sidenav .closebtn {
position: absolute;
top: 10px;
right: 5px;
}

.menu-icon {
font-size: 1.4rem;
color: var(--color-first);
}

.multi-level-menu-wrapper {
background-color: #fff;
/*padding-top: 30px;*/
height: 100%;
}

.multi-level-menu-wrapper ul {
list-style-type: none;
padding: 0;
margin: 0;
overflow-y: auto;
height: 100%;
padding-bottom: 70px;
padding-top: 0;
}

.multi-level-menu-wrapper ul li {
color: var(--color-content);
background-color: #fff;
padding: 10px 20px;
}

.multi-level-menu-wrapper ul li:hover {
cursor: pointer;
}

.multi-level-menu-wrapper ul li a {
display: flex;
justify-content: flex-start;
align-items: center;
text-decoration: none;
color: var(--color-third);
}

.multi-level-menu-wrapper ul li a .icon {
margin-right: 10px;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}

.multi-level-menu-wrapper ul li.hasSubMenu {
position: relative;
}
.multi-level-menu-wrapper ul li.hasSubMenu .trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    width: 100%;
}
.multi-level-menu-wrapper .mainMenu, .multi-level-menu-wrapper .subMenu {
background-color: #fff;
}

.multi-level-menu-wrapper .subMenu {
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 100%;
margin: auto;
z-index: 9;
transition: all ease-in-out 0.5s;
}

.multi-level-menu-wrapper .subMenu .backTrigger {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20px;
font-weight: 400;
text-decoration: none;
color: var(--color-content);
}

.multi-level-menu-wrapper .subMenu .backTrigger:hover {
background-color: #fff;
cursor: pointer;
}

.multi-level-menu-wrapper i {
margin-right: 10px;
font-size: 1.3rem;
font-weight: 600;
}

.multi-level-menu-wrapper .subMenu.active {
left: 0;
}

/*========== FILTER WEB ====================*/
.filter-button {
width: 35px;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
background: var(--color-first);
transform: rotate(90deg);
}

.filter-button i {
font-size: 0.9rem;
color: #fff;
}

/*========== PRICE RANGE ====================*/
.range-slider {
width: 100%;
text-align: center;
position: relative;
}

.range-slider .rangeValues {
display: block;
}

input[type=range] {
-webkit-appearance: none;
border: 1px solid white;
width: 100%;
position: absolute;
left: 0;
}

input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
background: var(--bg-2);
border: none;
border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: var(--color-first);
margin-top: -4px;
cursor: pointer;
position: relative;
z-index: 1;
}

input[type=range]:focus {
outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}

input[type=range]::-moz-range-track {
width: 100%;
height: 5px;
background: var(--bg-2);
border: none;
border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: var(--color-first);
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}

input[type=range]::-ms-track {
width: 100%;
height: 5px;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead*/
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border*/
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
z-index: -4;
}

input[type=range]::-ms-fill-lower {
background: #777;
border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
background: var(--bg-2);
border-radius: 10px;
}

input[type=range]::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: var(--color-first);
}

input[type=range]:focus::-ms-fill-lower {
background: #888;
}

input[type=range]:focus::-ms-fill-upper {
background: #ccc;
}

/*========== LISTING CARD ====================*/
.breadcrumb-section li, .breadcrumb-section li a {
font-size: 0.85rem !important
}

.listing-blocks .listing-card .pro-card-img {
height: 200px
}

.listing-card {
height: 440px;
overflow: hidden;
}

.listing-card .deal-button {
bottom: 0;
left: 0;
right: 0
}
.listing-blocks a{text-decoration:none}
.listing-card .smallHeading {
font-size: 1rem !important;
}
.listing-card .offer-tag {
transform: rotate(45deg);
width: 10rem;
height: 2rem;
z-index: 10;
top: 1rem;
right: -45px;
}

.form-check-input:focus{box-shadow:none}
.clearFilters {
float: right;
}

.w-fit-content {
width: fit-content;
}
.color-first {
color: var(--color-first) !important;
}
.font-14, .webContent .font-14 {
font-size: 14px;
}


.breadcrumb-section li, .breadcrumb-section li a {
font-size: 0.85rem !important
}

.listing-blocks .listing-card .pro-card-img {
height: 200px;
object-fit: contain;
object-position: center;
margin: 0;
}
.listing-card .deal-button {
bottom: 0;
left: 0;
right: 0
}

.listing-card .smallHeading {
font-size: 1.1rem;
}
/*.listing-card .card-radius-bottom {*/
/*height: 200px*/
/*}*/
.listing-card .offer-tag {
transform: rotate(45deg);
width: 10rem;
height: 2rem;
z-index: 10;
top: 1rem;
right: -45px;
}

.product-content-details .smallHeading {
height: 60px;
line-height: 21px !important;
}
.listing-card .smallHeading {
font-size: 1rem !important;
font-weight: 500 !important;
}

.product-content-details p.pro-desc {
    height: 44px;
    line-height: 21px;
}
.product-content-details .smallHeading.pro-price {
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
}
.pro-url {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: var(--color-third);
height: 16px;
margin: 4px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.w-max-content {
width: max-content;
}
/*========== TEXT LIMIT STYLE ====================*/
.text-limit-1, .text-limit-2, .text-limit-3, .text-limit-4, .text-limit-10 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.text-limit-1 {
    -webkit-line-clamp: 1;
    white-space: nowrap;
}

.text-limit-2 {
    -webkit-line-clamp: 2;
}

.text-limit-3 {
    -webkit-line-clamp: 3;
}

.text-limit-4 {
    -webkit-line-clamp: 4;
}

.text-limit-10 {
    -webkit-line-clamp: 10;
}
.pro-categories-section {
    position: sticky;
    top: 56px;
    left: 0;
    z-index: 99;
}
.pro-categories-tabs .nav-link {
    color:var(--color-black);
    font-weight: 400;
    border: none;
    padding: .5rem .6rem;
    display: flex;
    width: max-content;
}
.pro-categories-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: none;}
.pro-categories-tabs .nav-link.active {
    color:var(--color-first);
    font-weight: 600;
    border: none;
    background: transparent;
}
.pro-categories-tabs {
    border-bottom: none;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
}
.input-focus-none {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.form-select-focus-none {
    outline: none !important;
    box-shadow: none !important;
}
.product-details-img img{
    width: 100%;
    height: 300px;
    object-fit: contain;
}
.reviews-nav .nav-link {
    color:var(--color-black);
}
.reviews-sec .tab-content p{
    font-size: 0.95rem;
}
.reviews-sec .nav-item.active .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: var(--dark);
}
.btn-cart, .btn-cart:hover{
    background: var(--dark);
}
.product-content-details .pagination .page-item {padding-right: 1px;}
.product-content-details .pagination .page-item:last-child {padding-right: 0;}
.product-content-details .pagination .page-item .page-link {color:var(--color-black);outline: none !important;box-shadow: none;border: none !important;background-color: var(--light);}
.product-content-details .pagination .page-item.active .page-link,
.product-content-details .allTopicsSection .pagination .page-item.active .page-link,
.product-content-details .paginationBlock .pagination .page-item.active .page-link {margin-right: 0;}


@media only screen and (max-width: 767px) {
.listing-card {height: auto;}
.product-content-details .smallHeading, .pro-url, .product-content-details .smallHeading.pro-price .product-content-details p.pro-desc, .pro-url {
    height: auto;
}
}

@media only screen and (max-width: 991px) {
.font-14, .webContent .font-14 {font-size: 13px;}
}
@media screen and (max-width: 767px) {
    .pro-categories-section {top: 94px;}
}