html {
	--primaryColor: #000;
	--navColor: #fff;
	/*--bgImage: url(https://public.touch2success.com/static/84b83352dec9756b823b724db07b5551/img/1668021401phpc0FXek.jpg) ;*/
	--hvColor: #fff;
    scroll-behavior: smooth;
}    
.resp-body #root { background: var(--bgImage)center center / cover fixed no-repeat;}
#header .navbar { background: var(--navColor);}
.navbar .navbar-nav>li>a, .navbar .navbar-nav.navbar-right li>a { border-radius: 3px; }
.dropdown-toggle:after { border-top-color: #000; }
#header .navbar-nav > li > a > span { color: #000; }
#header .navbar-nav > li:hover > a > span { color: var(--hvColor); }
#header .navbar-nav > li:hover > a { background: var(--primaryColor);}
#detail_view_menu h3,.info-status h3,.card-title { color: var(--primaryColor)!important; }
.navbar .navbar-nav > li svg { fill: #000!important;}
/*#detail_view_menu .category-card .resp-side-nav li a.active, #detail_view_menu .category-card .resp-side-nav li a:hover,.navbar .dropdown-menu .dropdown-item:hover { color: var(--primaryColor); }
.navbar-light .navbar-toggler-icon { /*filter: brightness(0) invert(1);*/ }
@media (max-width: 990px) {
.takeaway_header_deliver_collection,#detail_view_section_1 .ant-select-selection--single { background: #fff; color: #333; }
.takeaway_header_deliver_collection svg,.order-type .ant-select-selection svg { fill: #d12f2f; }
#ordertype .ant-select-arrow svg { fill: #333!important; }
}
section#cart-Basket {
    box-shadow: 2px 1px 25px -12px #ccc;
    border-radius: 5px!important;
    padding: 20px;
}
section.secure-card.page-card {
    border-radius: 2px!important;
    box-shadow: 2px 1px 25px -12px #ccc;
    max-width: 910px;
    margin: 0px !important;
}
#detail_view_menu .menu-list-wrapper .ant-collapse-content-box:after {
    background: #fff;
    bottom: 0;
    content: "";
     height: 0px!important; 
    position: absolute;
    width: 100%;
}

order-type-toggle.is-collection .order-type:before{
    left: 150px !important;
}
#detail_view_menu .category-card{
        border: none!important;
}
#detail_view_menu .category-card .resp-side-nav li a {
    color: #6b6b83!important;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 0;
    font-size: 13px!important;
}
.two-column #detail_view_menu .category-card .resp-side-nav li a:hover {
    color: var(--defaultColor);
    /* font-weight: 600; */
    /* border: none; */
    border-radius: 4px!important;
    color: #000!important;
  
}
.two-column #detail_view_menu .category-card .resp-side-nav li a.active, .two-column #detail_view_menu .category-card .resp-side-nav li a.active:hover {
   font-weight: 400!important;
    width: 100%!important;
    color: #000!important;
}
.two-column #detail_view_menu .menu-accordion .menu-items>div {
    border-radius: 0px!important;
    letter-spacing: 1px!important;
    padding: 10px!important;
    width: 100%;
    height: 100%;
    padding-bottom: 15px;
   padding: 15px!important;
    border-radius: 20px;
    flex-direction: row-reverse;
}
#detail_view_menu .card-title {
    font-weight: 500!important;
    letter-spacing: 1px!important;
    font-size: 17px!important;
    text-transform: capitalize!important;
}
#detail_view_menu .sticky-search {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    z-index: 9;
    display: none!important;
}
.closed-banner {
    background: #fff;
    display: none;
}

.List-Items {

    background: #fff;
    box-shadow: none!important;
    margin-bottom: 0!important;
    border: none!important;
}
#detail_view_menu .menu-accordion .ant-collapse-header {
    border: none;
}
#detail_view_menu .menu-accordion .ant-collapse-header {
    border: none!important;
    border-bottom: 1px solid #f2f2f2;
   
}
.floating-cart .border-add-item, .two-column #detail_view_menu .border-add-item {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}
.two-column #detail_view_menu .menu-accordion {
    margin-top: -1px;
    border: none!important;
    padding-top: 0;
}
.two-column #detail_view_menu .menu-accordion .menu-items:hover>div {

    /* background: none!important;
    box-shadow: rgb(67 41 163 / 20%) 0px 0px 0px 1px, rgb(67 41 163 / 20%) 0px 1px 12px 0px!important; */
}
.two-column #detail_view_menu .col-lg.category-list-wrapper {
    max-width: 250px !important;
    }
a.nav-link.active.is-active {
    color: #000!important;
    background-color: #efeff2!important;
    border-radius: 4px!important;
    /* letter-spacing: 1px!important; */
    /* padding: 10px!important; */
    width: 70%;
   
}
/*white-bg*/

div#root {
    background: #fff !important;
}

section#detail_view_section_1 {
    padding-bottom: 5px !important;
    border-bottom: 1px solid #e1e1e1 !important;
}



/*container*/


section#detail_view_menu {
    padding: 20px 0px;
}
/*app-card*/
.app-card {
    border-radius: 20px !important;
  
    box-shadow: 2px 1px 25px -12px #ccc !important;
    padding: 25px 10px !important;
    margin-bottom: 15px !important;
}

/*categoru-card*/


a.nav-link {

    padding: 15px 13px !important;
    border-radius: 4px;
}

.resp-side-nav li a:hover{
    background: #f2f2f2;
}

#detail_view_menu #menu-category h3{
    margin-bottom: 15px;
}

section#menu-category h3 {
    padding: 5px 15px;
}


.order-type-toggle.is-collection .order-type:before{
    left: 150px !important;

}

.order-type-toggle .order-type>div {
    padding: 10px 30px !important;
}

.order-type-toggle .order-type:before {

    border-radius: 30px !important;
    bottom: 0px !important;
    background: #fff !important;
    left: 0px !important;

    top: 0px !important;

    width: 50% !important;
}
.type-delivery, .type-collection {

    color: #000 !important;

}

.type-delivery svg, .type-collection svg {

   fill: #000 !important;

}
a.nav-link.active.is-active {
    background: #f2f2f2;
    color: #5bae75 !important;
}



#detail_view_menu .sticky-search .MuiInputBase-root:after{
    display: none !important;
}

/*search*/
#detail_view_menu .sticky-search .MuiInputBase-input {
    background: #fff !important;
    border-radius: 30px !important;
    height: 40px !important;
  
    border: 1px solid #dbdbdb;
    /* padding: 12px 46px; */
}
/*closed-banner*/
.closed-banner {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 1px 25px -12px #ccc;
}

/*menu-section*/
.List-Items {
  
    background: #fff;
    box-shadow: 2px 1px 25px -12px #ccc;
    margin-bottom: 15px;
}
div#ourrecommendation {
  
    margin-bottom: 15px;

}


.border-add-item{
    border-radius: 20px !important ;
}



.header-banner .row {
    margin: 0 0px!important;
}


/*tab*/

.sticky-horizontal-category>ul>li>a {
    color: #5bae75!important;
    display: inline-block;
    font-weight: 600;
    padding: 15px 10px;
    text-transform: uppercase;

    padding: 20px !important;
    /* min-width: 150px; */
    text-align: center;

}

.sticky-horizontal-category {
    margin-bottom: 18px;
    border-radius: 35px;
top: 65px !important;
    border: 1px solid #dbdbdb;
}


.sticky-horizontal-category>ul>li>a.is-active>span:after {
    background-color: #458b5b !important;

    top: unset !important;

    bottom: -6px;
}
/*button*/
button.btn {
    border-radius: 30px;
}

.btn-fdhb{
    background: #458b5b !important;
    border-color: #458b5b !important;
}

#addonsModal .modal-footer .add-checkout-button{
    background: #458b5b !important;
    transition:0.5s
    
}

#addonsModal .modal-footer .add-checkout-button:hover{
    background: #5bae75 !important;

}

/*button*/

button.css-1u1je9s{
    border-radius: 30px !important; 
    background: #458b5b !important;
    border-color: #458b5b !important;

}

button.css-1u1je9s:hover{
    background: #5bae75 !important;
    border-color: #5bae75 !important;

}

button.css-1bzvaak{
    border-radius: 30px !important; 
    background: #458b5b !important;
    border-color: #458b5b !important;

}

button.css-1bzvaak:hover{
    background: #5bae75 !important;
    border-color: #5bae75 !important;

}


.btn-fdhb:hover{

   
    background: #5bae75 !important;
    border-color: #5bae75 !important;

}


/*cart*/

span.title-menu-addons {
    font-size: 12px !important;
}
section.secure-card.page-card {
    border-radius: 20px;
    box-shadow: 2px 1px 25px -12px #ccc;
    max-width: 910px;
    margin: 0px !important;
}

#cart-Basket .basket-order-view .sub-total {
    font-size: 14.5px !important;
    margin-bottom: 8px !important;
}

p.other-charges {
    font-size: 13px !important;
    margin-bottom: 6px !important;
}

p.discount-amount-applied.text-right {
    font-size: 13px !important;
}

/*fonts*/

#detail_view_menu p.title-menu {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
}




p.title-menu-desc {
    font-size: 13px !important;
    /* color: #000 !important; */
    /* font-weight: 300 !important; */
    line-height: 1.7 !important;
}

.two-column #detail_view_menu .menu-accordion .card-sub-title {
    font-size: 16px !important;
    color: #000 !important;
}


/*cart*/
section#cart-Basket {
    box-shadow: 2px 1px 25px -12px #ccc;
    border-radius: 20px;
    padding: 20px;
}
.cart-action button.btn.btn-fdhb {
    border-radius: 30px;
}


.add-checkout-button {
    border-radius: 30px !important;
    padding: 0px 20px !important;
}


#cart-Basket .total_value .btn-proceed {
  
    border-radius: 30px !important;

}

/*modal*/
.modal-content {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.addons-header {
    box-shadow: none !important;
    border-bottom: 1px solid #dbdbdb;
}

.add-checkout-button {
    border-radius: 30px !important;
    padding:0px 20px !important ;
}

/*order-btn*/
.order-type-toggle {
    background: #f2f2f2 !important;
    border-radius: 30px !important;

}

.order-type-toggle .order-type>div {
    padding: 10px 30px !important;
}

.order-type-toggle .order-type:before {

    border-radius: 30px !important;
    bottom: 0px !important;
    background: #fff !important;
    left: 0px !important;

    border: 1px solid #e1e1e1;
    top: 0px !important;

    width: 50% !important;
}


@media (min-width: 1201px){

    #detail_view_menu  .container {
        max-width: 1450px !important;
    }


    
    /*img*/
    .menu-items .img-wrapper {
        min-width: 120px !important;
        padding-right: 0px!important;
        max-width: 125px !important;
        border-radius: 15px !important;
        /* overflow: hidden; */
    }
    
    .two-column #detail_view_menu .item-img-size-before {
        height: 120px;
        border-radius: 10px !important;
        object-fit: cover;
    }

    .two-column #detail_view_menu .menu-accordion .menu-items>div {
        padding: 10px !important;
        border: 1px solid #dbdbdb;
        border-radius: 20px;
    }

    /*menu*/
    .two-column #detail_view_menu .menu-accordion .menu-items>div {
        padding: 10px !important;
        border: 1px solid #dbdbdb;
        border-radius: 20px;
    }

}

@media (max-width: 1201px){

    .col-lg.category-list-wrapper {
        flex: 0 0 32% !important;
        
    }

    section#menu-category h3 {
        padding: 5px 15px 5px;
    }
    
    .menu-items .img-wrapper {
     
        padding-right: 0px!important;
    }

}

@media (min-width: 992px){

    div#menu-item-search {
        margin-bottom: 20px;
        border-radius: 30px;
    }



    .detail_view_menu .two-column .sticky-search {
        top: 66px!important;
    }

    .two-column #detail_view_menu .col-lg.category-list-wrapper{
        max-width: 250px !important;
        padding: 0px 10px !important;
  
    }

    .col-lg.menu-list-wrapper {
        padding: 0px 10px !important;
    }


    /*menu*/
    .two-column #detail_view_menu .menu-accordion .menu-items {
  
        padding-bottom: 10px!important;
    }



    .two-column #detail_view_menu .menu-accordion .menu-items>div {
        /* border-bottom: 1px solid #f4f4f4; */
        height: 100%;
        padding-bottom: 15px;
        border: 1px solid #dbdbdb;
        padding: 20px!important;
        border-radius: 20px;
    }
   



    .two-column #detail_view_menu .menu-accordion .menu-items:hover>div{

         background-color: #f2f2f2;
    }

    .two-column #detail_view_menu .menu-accordion .menu-name-wrapper {
        display: flex;
        flex-direction: column !important;
   justify-content: space-between !important;
   padding: 5px!important;
   padding-right: 10px !important;
    }

    #detail_view_menu .item-action {
        justify-content: space-between !important;
        display: flex !important;
        width: 100% !important;
        margin: 0px !important;
        padding: 20px 0px 0px;
    }

    #detail_view_menu .item-action  .menu-price {
        margin: 0px !important;
        font-size: 16px;
    }

 


    #detail_view_menu .menu-accordion .ant-collapse-header {
  
        padding: 20px 15px !important;
     
    }

    #detail_view_menu .menu-accordion .ant-collapse-content .ant-collapse-header{
        padding: 13px 15px !important; 
    }

    /*cart*/

    .col-lg.basket-wrapper {
        padding: 30px 0px;
    }

    .floating-cart .basket-wrapper #cart-Basket {
        border: none ;
        margin: 0 auto;
        max-width: 878px;
        padding: 20px 20px 20px;
    }
}


@media (max-width: 992px){

    .two-column #detail_view_menu .menu-accordion .menu-items:hover>div {
        background: none!important;
        box-shadow: none !important;
        border: 0px !important;
    }


    #detail_view_menu .menu-accordion .ant-collapse-header {
     
        padding: 18px 20px !important;
       
    }

    #detail_view_menu .app-card {
        margin-bottom: 25px !important;
    }

    #detail_view_menu .menu-accordion.subcategory-collapse .ant-collapse-header{
        padding: 12px 20px !important;
    }

    #detail_view_menu .menu-accordion .card-body {

        padding: 10px 20px 0 !important;
 
    }

    


    .ant-collapse-icon-position-end>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{
        right: 23px !important;
    }

    #detail_view_menu .menu-accordion.subcategory-collapse .ant-collapse-arrow {
       
        right: 13px !important;
  
    }

    .menu-items .img-wrapper {
        max-width: 120px !important;
  
        padding-right: 0px!important;
        margin-top: 0px !important;
        margin-right: 10px !important;
    
    }


    #detail_view_menu .List-Items  .menu-item-list.row{
        margin: 0 0px!important;
    }
    #detail_view_menu .row:not(.no-gutters), .page-footer .row:not(.no-gutters) {
        margin: 0 0px!important;
    }

    /*menu*/

    .menu-items .row {
        align-items: center;
        min-height: 70px;
    }

    #detail_view_menu .menu-accordion .menu-items, .menu-items {
        border: 1px solid #dbdbdb !important;
        border-top: none;
        margin-top: 0px !important;
        padding: 20px 20px 20px !important;
        width: 100%;
        margin-bottom: 20px;
        border-radius: 0px;
    }


    .two-column #detail_view_menu .menu-accordion .menu-items>div {
        min-height: 80px;
        flex-direction: revert;
        padding: 0px !important;
    }

    #detail_view_menu .menu-accordion .menu-name-wrapper {
        margin-top: 0px !important;
        align-items: center;
    
    }

    p.title-menu {
        width: calc(100% - 50px);
    }

    .item-img-size-before {
        height: 100px !important;
        border-radius: 5px !important;
        margin-top: 0px !important;
        padding: 0px !important;
    }

    #detail_view_menu .menu-accordion .card-sub-header {
        margin: -1px 0 0;
        padding: 0 20px 12px !important;
    }

}



@media (max-width: 400px){

    #detail_view_menu .menu-accordion .ant-collapse-header {
        padding: 18px 12px !important;
    }

    #detail_view_menu .menu-accordion.subcategory-collapse .ant-collapse-header {
        padding: 12px 13px !important;
    }
    #detail_view_menu .menu-accordion .card-sub-header {
        margin: -1px 0 0;
        padding: 0 13px 12px;
    }

    #detail_view_menu .menu-accordion .card-body {
        padding: 10px 13px 0 !important;
    }


    #detail_view_menu .menu-accordion .menu-items, .menu-items {
       
        padding: 15px 15px 15px !important;
     
    }

    .menu-items .img-wrapper {
        max-width: 100px !important;
 
    }

    .menu-items .img-wrapper {
        max-width: 100% !important;
        padding-right: 0px!important;
        margin-top: 0px !important;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px !important;
    }

    .item-img-size-before {
        height: 150px !important;
        border-radius: 10px !important;
        margin-top: 0px !important;
        margin: 0px;
        width: 100%;
    }

    #detail_view_menu p.title-menu {
        font-size: 15px;
    }

    #detail_view_menu .menu-accordion .card-sub-header {
 
        padding: 0 15px 12px !important;
    }
}


.basket-order-view span.title-menu-addons{
      display: block;
      }