/* ------Common-Css------------- */
html {
    height: 100%;
}
body {
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
    font-family: 'Roboto', sans-serif;
    word-break: break-word;
    scroll-behavior: smooth;
   background-color: #000000;
    background-position: center;
    color: #fff;
    width: 100%;
    height: 100%;
}

body.modal-open {
    padding-right: 5px !important;
}


body.modal-open .navbar {
    width: calc(100% - 5px);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.3);
    border-radius: 5px;
    background-color: var(--black);
}

body::-webkit-scrollbar {
    width: 5px;
    background-color: var(--black);
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, .3);
    background-color: var(--primary-red);
}

.page_wrapper {
    width: 100%;
}

a {
    text-decoration: none;
    transition: .4s all;
    color: var(--text-grey);
}

a:hover {
    text-decoration: none;
    color: var(--primary-red);
}

ul,
li {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

button:focus,
.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border-color: transparent;
}


@media screen and (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
h4 {
    color: #403b3b;
    font-weight: bold;
}
p {
    color: #403b3b !important;
}

.row_am {
    padding: 50px 0;
}

.row_inner_am {
    padding: 80px 0;
}

.py_50 {
    padding-top: 50px;
    padding-bottom: 50px;
}


.menuList_page {
    transform: rotate(0);
}

.menuList_page .text_block span {
    font-size: 50px;
}
.menuList_page .text_block {
    text-align: center;
}

.menuList_page .text_block .mark_star {
    height: auto;
    font-size: 35px;
}

.menuList_page .owl-stage-outer,
.menuList_page .owl-stage {
    height: 50px;
}

.dishList_block .row {
    align-items: center;
}

.dishList_block .dish_list {
    padding-left: 20px;
}

.dishList_block .dish_left {
    margin-left: -220px;
    text-align: left;
}

.dishList_block .dish_right {
    margin-right: -240px;
    text-align: right;
}

.dishList_block .dish_list .btn {
    margin-top: 20px;
}

.dishList_block .dish_list ul {
}

.dishList_block .dish_list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, 0.3);
    border-radius: 5px;
    background-color: var(--black);
}

.dishList_block .dish_list ul::-webkit-scrollbar {
    width: 10px;
    background-color: var(--black);
}

.dishList_block .dish_list ul::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(66, 66, 66, .3);
    background-color: var(--text-grey);
}


.dishList_block .dish_list ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.dishList_block .dish_list ul li .img {
    width: 100px;
}

.dishList_block .dish_list ul li .img img {
    width: 100%;
    border-radius: 10px;
}

.dishList_block .dish_list ul li .info {
    width: calc(100% - 100px);
    padding-left: 20px;
}

.dishList_block .dish_list ul li .mainCource {
    display: flex;
    justify-content: space-between;
}

.dishList_block .dish_list ul li .mainCource .dishName {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
    padding-right: 15px;
}

.dishList_block .dish_list ul li .mainCource .dishName h4 {
    font-size: 28px;
    font-family: var(--font-bebas);
    letter-spacing: 1px;
    margin: 0;
}

.new {
    color: var(--text-white);
    background-color: var(--primary-red);
    text-transform: uppercase;
    padding: 2px 6px 2px 6px;
    font-size: 12px;
    line-height: 1.3;
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin-left: 10px;
    border-radius: 4px;
}
.new2 {
    color: var(--text-white);
    background-color: var(--orange);
    text-transform: uppercase;
    padding: 2px 6px 2px 6px;
    font-size: 12px;
    line-height: 1.3;
    display: inline-block;
    min-width: 40px;
    text-align: center;
    margin-left: 10px;
    border-radius: 4px;
}

.dishList_block .dish_list ul li .mainCource .price {
    font-size: 25px;
    color: var(--black);
    font-family: var(--font-bebas);
    width: 120px;
    text-align: right;
    padding-left: 15px;
}

.dishList_block .dish_list ul li .description {
    padding-right: 60px;
}

.dishList_block .dish_list ul li .description p {
    color: #bfbfbf;
    margin-bottom: 0;
}
.dishList_block .dish_list .allergeni {
    margin-left: -10px;
}
:root {
    --background-gradient: linear-gradient(178deg, #ffff33 10%, #3333ff);
    --gray: #34495e;
    --darkgray: #2c3e50;
}
.select select {
    /* Reset Select */
    appearance: none;
    outline: 10px red;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 0 1em;
    color: #000000;
    background-color: #FFFFFF;
    background-image: none;
    cursor: pointer;
}
/* Remove IE arrow */
.select select::-ms-expand {
    display: none;
}
/* Custom Select wrapper */
.select {
    position: relative;
    display: flex;
    width: 200px;
    height: 35px;
    border-radius: .25em;
    overflow: hidden;
}
/* Arrow */
.select::after {
    content: '\25BC';
    position: absolute;
    top: -9px;
    right: 0;
    padding: 14px;
    background-color: #cccccc;
    transition: .25s all ease;
    pointer-events: none;
    color:#000000;
}
/* Transition */
.select:hover::after {
    color: #FFFFFF;
}
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    margin-right: 5px;
    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);

    color: var(--form-control-disabled);
    cursor: not-allowed;
}
.mnCont{
margin-right: 15px;margin-left: 15px;border-radius: 10px;padding:20px;color: #000;background-color: #FFF
}