:root {
    /* --pfamily: 'Rubik', sans-serif; */
    /* --pfamily: 'Roboto', sans-serif; */
    /* --pfamily: 'Ubuntu', sans-serif; */
    /* --pfamily: 'fira sans', sans-serif; */
    /* --pfamily: 'Comfortaa', cursive; */
    --pfamily: 'Lato', sans-serif;
    /* --pfamily: 'Spartan', sans-serif; */
    --red: #dc3545;
    --gray: #777777;
    --green: #119744;
    --text: #555555;
    --blue: #1494a9;
    --white: #ffffff;
    --black: #373f50;
    --matte-black: #28282B;
    --chalk: #f5f5f5;
    --green: #11b76b;
    --purple: #b12fad;
    --orange: #eb6214;
    --yellow: #F2F50B;
    --body: #ffffff;
    --border: #e8e8e8;
    --heading: #39404a;
    /* --primary: #088178; */
    --sub-heading: #565765;
    --green-chalk: #ddffd5;
    --green-dark: #072f17;
    --gray-chalk: #cccccc;
    --intro-bg: #f8fffa;
    --facebook: #3b5998;
    --linkedin: #0e76a8;
    --twitter: #00acee;
    --google: #E60023;
    --instagram: #F77737;
    --bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
    --orange-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

.section-header h1{
    text-transform: uppercase;
    color: var(--primary);
}

.inner-section{
    padding-top: 15px;
}

a:-webkit-any-link:focus-visible {
    outline-offset: 0px;
    outline: none;
    border: none;
}
.px-5px{
    padding: 0 5px !important;
}
.pb-50px{
    padding-bottom: 50px;
}
.display-inline-block{
    display: inline-block;
}
.display-block{
    display: block;
}
.display-none{
    display: none;
}
.width-20{
    width: 20%;
    margin-bottom: 20px;
}
.highlighted-product-row{
    display: flex;
    flex-wrap: wrap;
}

/* breadcrumb */
.breadcrumb {
    width: 100%;
    align-items: center;
    margin: 0 0 15px 0;
    padding-top: 7px;
}
.product-banner .breadcrumb {
    width: 101%;
}
.breadcrumb .fa-angle-right{
    margin: 0 10px;
}
.breadcrumb .breadcrumb-item.active a {
    font-weight: 700;
    color: var(--primary);
}
.breadcrumb li.breadcrumb-item a {
    font-size: 10px;
}


/* search popup modal css */
.md-modal {
    position: fixed;
    top: 22%;
    left: 50%;
    width: 50%;
    max-width: 100%;
    min-width: 100%;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: 300ms;
}
.md-show {
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(40, 43, 49, 0.8);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
}
.md-content {
color: #333;
background: #fff;
}
.md-effect-1 .md-content {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.search-modal .hide-div {
    border: none;
    padding: 5px 10px 1px 10px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: -2px;
    background: transparent;
}
.search-modal .hide-div i{
    margin-right: 0;
}
.search-modal .main-body {
    padding: 50px 30px;
    position: relative;
}
.search-modal .form-body {
    position: relative;
}
.search-modal .form-body .search {
    display: flex;
}
.search-modal .form-body .submit-btn {
    border: 1px solid lightgray;
    padding: 5px 7px 3px 10px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: none;
}
.search-modal .form-body .auto-complete-div{
    width: 100%;
}
.search-modal .form-body .auto-complete-list{
    max-height: 300px;
}
.search-modal .auto-complete-item a {
    width: 100%;
    padding: 5px;
    color: #000 !important;
    font-size: 13px;
}




/* scrollbar css start */
.scroll-bar::-webkit-scrollbar-track{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color:  var(--white);
	/* border-radius: 10px; */
}
.scroll-bar::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
.scroll-bar::-webkit-scrollbar-thumb{
	background-color: var(--primary);
}


.blog-details-part{
    padding-top: 0;
}



/*========================================
        main-left-sidebar CSS START
========================================= */
.main-left-sidebar .category-header {
    background-color: var(--white);
    box-shadow: inset 0px -1px 1px 0px rgb(0 0 0 / 40%);
}
.main-left-sidebar .category-title {
    text-align: center;
}
.main-left-sidebar .category-title i {
    font-size: 16px;
}
.main-left-sidebar .category-title span {
    font-size: 18px;
    text-transform: capitalize;
}
.category-menu-hide {
    position: absolute;
    right: 2px;
    top: 1px;
    background: transparent;
    border: none;
}
.category-menu-hide i{
    font-size: 16px;
}
.category-menu-btn {
    display: none;
    position: absolute;
    left: 10px;
    top: 18px;
    z-index: 999;
    border: none;
    background: transparent;
}
.fixed .category-menu-btn {
    top: 15px;
}
.category-menu-btn:focus{
    outline: none;
}
.category-menu-btn i {
    font-size: 20px;
}
.show-category-sidebar{
    display: block !important;
}
.search-bar .body-layout {
    position: relative;
}
.main-left-sidebar {
    padding: 20px 0px 50px 0 !important;
    position: fixed;
    width: 70%;
    height: 100vh;
    top: 0px;
    left: 0;
    overflow-y: auto;
    z-index: 9999999;
    background: white;
    transition: 0.4s;
    box-shadow: -1px 0px 8px 1px rgb(0 0 0 / 20%);
}
.fixed .main-left-sidebar{
    z-index: 9999999;
}
.main-left-sidebar .category-footer p {
    font-size: 12px;
}
.main-left-sidebar .category-footer{
    padding-bottom: 70px;
}
.main-left-sidebar .category-link {
    padding: 8px 0px 8px 18px;
    font-size: 15px;
    transition: 0.5s;
}
.main-left-sidebar .category-link i{
    font-size: 22px;
    margin-right: 10px;
}
.main-left-sidebar .category-link:hover {
    background: linear-gradient(to right,#fff 0,#ccc 100%);
}
.main-left-sidebar .dropdown-list{
    padding-right: 0;
    padding-left: 30px;
}
.main-left-sidebar .dropdown-list li a::before {
    left: 23px;
}
.main-left-sidebar .dropdown-list li a{
    padding-right: 0;
    border-radius: 0;
}
.main-left-sidebar .dropdown-list li a:hover {
    background: linear-gradient(to right,#fff 0,#ccc 100%);
    padding-right: 0;
    border-radius: 0;
}
.main-left-sidebar .dropdown-list li button{
    padding-right: 0;
    border-radius: 0;
    text-align: left;
}

.main-left-sidebar .dropdown-list li button {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    border-radius: 8px;
    padding: 10px 15px 10px 35px;
    color: var(--text);
    background: var(--white);
    position: relative;
    white-space: nowrap;
    text-transform: initial;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.main-left-sidebar .dropdown-list li button:hover {
    background: linear-gradient(to right,#fff 0,#ccc 100%);
    padding-right: 0;
    border-radius: 0;
}
.main-left-sidebar .dropdown-list li button::before {
    position: absolute;
    top: 50%;
    left: 15px;
    content: "\f068";
    font-size: 10px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-left-sidebar .dropdown-list li button::before {
    left: 23px;
}
.main-left-sidebar .left-category-list {
    overflow-y:unset;
    padding: 0;
    height: 100%;
}
.main-left-sidebar .left-category-list .category-item {
    border-bottom: none;
}
.main-left-sidebar .category-header {
    padding: 3px 18px 13px 10px;
    border-bottom: 1px solid lightgray;
}
.main-left-sidebar .offer-food{
    margin-bottom: 25px;
    margin-left: 20px;
    margin-top: 15px;
    position: relative;
}
.main-left-sidebar-col .category-header::after{
    content: '';
    position: absolute;
    bottom: 5px;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #e0dbce;
}
.main-left-sidebar .offer-food span{
    color: #373f50;
}
.main-left-sidebar .offer-food .offers .offer-num{
    color: #FF4747;
    padding: 1px 3px;
    border: 1px solid #FF4747;
    border-radius: 6px;
}

.main-left-sidebar .category-offer span{
    color: #373f50;
    font-size: 14px;
}
.main-left-sidebar .category-offer .offer-num{
    color: #FF4747;
    font-size: 13px;
    padding: 3px;
    border: 1px solid;
    border-radius: 5px;
}
.main-left-sidebar .category-header .cross-times{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color:  var(--white);
    line-height: 30px;
    position: absolute;
    right: -18px;
    top: -1px;
    text-align: center;
}
.main-left-sidebar .category-offer span{
    color: #373f50;
    font-size: 14px;
}
.main-left-sidebar .category-offer .offer-num {
    color: #FF4747;
    font-size: 13px;
    padding: 0 3px;
    border: 1px solid;
    border-radius: 5px;
}
.cd-accordion__label span a {
    font-size: 13px !important;
}
.cd-accordion__label{
    padding: 5px 15px 5px 15px !important;
    margin: 0 !important;
}
.cd-accordion__label--icon-folder::before {
    top: 2px !important;
}
/* ========================================
        main-left-sidebar CSS END
========================================= */