html {
	--primaryColor: #0d2481;
	--navColor: #fff;
	--hvColor: #fff;
}    
.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; }
}

/*white-bg*/

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

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








/*container*/

#detail_view_menu .container {
    max-width: 100% !important;
    padding: 0px 35px;
}

/*categoru-card*/

#detail_view_menu .category-card {
    border-radius: 16px;
    /* box-shadow: 2px 1px 25px -12px #ccc; */
    padding: 15px 10px;
    border: 0px !important;
    padding: 0px !important;
    padding-top: 50px !important;
}

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

section#menu-category h3 {
    padding: 5px 0px;
    font-size: 24px !important;
}

section#detail_view_menu {
    padding: 20px 0px;
}


a.nav-link {


    padding: 15px 0px !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500 !important;
    color: #000 !important;
    position: relative;
    width: fit-content;

   
}

a.nav-link::before{
    content: " ";
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 100%;
    height: 2px;
    background-color: #000;
    opacity: 0;
}

a.nav-link.active.is-active::before {
    opacity: 1;
}





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

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



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


/*search*/
#detail_view_menu .sticky-search .MuiInputBase-input {
    background: #eee !important;
    border-radius: 30px !important;
    height: 44px !important;
    border: 0px solid #dbdbdb;
  
    color: #757575;
    font-size: 16px;
}
#detail_view_menu .sticky-search .MuiInputBase-input::placeholder{
    color: #757575;

}
/*closed-banner*/
.closed-banner {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 30px;
    box-shadow: 2px 1px 25px -12px #ccc;
    color: #fff;
    background: #458b5b !important;
}

/*menu-section*/
.Lst-Items {
    border-radius: 28px;
    background: #fff;
    box-shadow: 2px 1px 25px -12px #ccc;
    margin-bottom: 15px;
}

.two-column #detail_view_menu .menu-accordion {
    border: 0px !important;
 
}
#detail_view_menu .menu-accordion .ant-collapse-header{
    border: 0px !important;
}

#detail_view_menu .card-title {
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: capitalize !important;
    font-size: 20px !important;
}

#detail_view_menu .menu-accordion .card-sub-header {
    margin: -1px 0 0;
    padding: 5px 30px 5px !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: 5px !important; 
    background: #458b5b !important;
    border-color: #458b5b !important;

}

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

}

button.css-1bzvaak{
    border-radius: 5px !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;

}
button.btn {
    border-radius: 5px !important;
}

.ant-collapse-item{
    padding-bottom: 10px;
}
/*cart*/

span.title-menu-addons {
    font-size: 12px !important;
    line-height: 1.5;
}
section.secure-card.page-card {
    border-radius: 5px;
    box-shadow: 2px 1px 10px 0px #cccccca3;
    max-width: calc(100% - 35px);
    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: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
}




p.title-menu-desc {
    font-size: 14px !important;

    line-height: 25px !important;
}

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


/*cart*/
section#cart-Basket {

    border-radius: 5px;
    padding: 20px;
    background: #fff !important;
    box-shadow: 2px 1px 10px 0px #cccccca3;
}

.border-add-item {

    border-radius: 5px !important;
}
.cart-action button.btn.btn-fdhb {
    border-radius: 5px;
}


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


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

}

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

.add-checkout-button {
    border-radius: 10px !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: 3px !important;
    background: #ffffff !important;
    left: 3px !important;
    top: 3px !important;
    width: 48% !important;
}

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

    left: 156px !important
}

.type-collection , .type-delivery {
    color: #000 !important;
}

.type-collection svg , .type-delivery  svg{
    fill: #000 !important;
}

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


@media (min-width: 1201px){

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



}

@media (max-width: 1201px){

    .two-column #detail_view_menu .item-img-size-before {
   
        border-radius: 0px !important;
    }
    .two-column #detail_view_menu .menu-accordion .menu-name-wrapper {
        display: flex;
        flex-direction: column !important;
   justify-content:start !important;
    }


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

 
    
    #detail_view_menu .menu-accordion .card-sub-header {
        margin: -1px 0 0;
     
    }


    #detail_view_menu .card-title {
       
        font-size: 20px !important;
    }

    .ant-collapse-item {
        padding-bottom: 5px;
    }
}



@media (min-width: 992px){


div#ourrecommendation {
    margin: 0px -15px !important;
}
  
    .List-Items {
        margin: 0px -15px;
    }

    #detail_view_menu .menu-list-wrapper .ant-collapse-content-box:after{
        bottom: unset !important;
    }

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

        border: 0px !important;
        padding: 15px !important;
        transition: 0.5s;
        border-radius: 0px;
   }

   .two-column #detail_view_menu .menu-accordion .menu-items:hover>div{
    box-shadow: 1px 2px 14px 1px #ccccccd4;
   }

   .two-column #detail_view_menu .menu-accordion .menu-items>div .border-add-item{
    border-radius: 20px !important ;
    box-shadow: none !important;

    transition: 0.5s;
}

.two-column #detail_view_menu .menu-accordion .menu-items:hover>div .border-add-item{
    box-shadow: 1px 2px 14px 1px #ccccccd4 !important;
}

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

    .two-column #detail_view_menu .col-lg.category-list-wrapper{
        max-width: 350px !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: 15px;
    }






 

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

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

 


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

    #detail_view_menu .menu-accordion .ant-collapse-content .ant-collapse-header{
        padding: 10px 30px !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){

    div#menu-item-search {
        margin-bottom: 0px;
        border-radius: 0px;
    }
    #detail_view_menu .menu-accordion .ant-collapse-header {
     
        padding: 14px 20px !important;
       
    }
    section.secure-card.page-card {

        max-width: calc(100% );

    }


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

    #detail_view_menu .menu-accordion .card-body {

        padding: 10px 10px 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: 10px!important;
        margin-top: 0px !important;
    }

    .item-img-size-before {
 
        height: 100px !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: 10px !important;
        border-top: none;
        margin-top: 0px !important;
        padding: 10px 10px 10px !important;
        width: 100%;
        margin-bottom: 15px;
        border-radius: none !important;
        transition: 0.5s;
    }

    #detail_view_menu .menu-accordion .menu-items:hover {
        box-shadow: 1px 2px 14px 1px #ccccccd4;
    }


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

        min-height: auto;
    }

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

    p.menu-price {
        margin: 0px !important;
  
        padding-bottom: 8px;
        font-weight: 500;
 
    }
    .border-add-item{
        border-radius: 30px !important;
    }


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

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

    p.title-menu-desc {
        line-height: 25px !important;
        font-size: 13px !important;

    }

    #detail_view_menu .card-title {
        font-size: 18px !important;
    }


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


    .menu-items .col {
        padding-right: 30px;
    }



    .cart-btn-wrapper {
        padding-top: 20px;
    }

}



@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: 10px 5px 10px !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;
    }

    .item-img-size-before {
        height: 150px !important;
        border-radius: 0px !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;
      }