* {
    box-sizing: border-box;
}
:root {
    --onevw: 0.06vw;
}
body {
    display: flex;
    min-height: 100dvh;
    perspective: 1000px;
    font: 1em/1.4 Poppins, sans-serif;
    overflow: auto;
    color: #041515;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #dae5e7 30%, #edf3f0);
}
.book {
    position: relative;
    display: flex;
    margin: auto;
    width: 80cqmin;
    height: 90cqmin;
    pointer-events: none;
    transform-style: preserve-3d;
    transition: translate 1s;
    translate: calc(min(var(--c), 1) * 50%) 0%;
}
.page {
    --thickness: 4;
    flex: none;
    display: flex;
    width: 100%;
    font-size: 2cqmin;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform-style: preserve-3d;
    transform-origin: left center;
    transition: transform 1s, rotate 1s ease-in calc((min(var(--i), var(--c)) - max(var(--i), var(--c))) * 50ms);
    translate: calc(var(--i) * -100%) 0px 0px;
    transform: translateZ(calc((var(--c) - var(--i) - 0.5) * calc(var(--thickness) * 0.23cqmin)));
    rotate: 0 1 0 calc(clamp(0, var(--c) - var(--i), 1) * -180deg);
}
.front,
.back {
    position: relative;
    flex: none;
    width: 100%;
    backface-visibility: hidden;
   overflow: hidden;
    background-color: #fff;
    translate: 0px;
}
.back {
    translate: -100% 0;
    rotate: 0 1 0 180deg;
}
.book {
    counter-reset: page -1;
}
.book a {
    color: inherit;
}
.page {
    box-shadow: 0 0.5em 1em -0.2em #00000020;
}
.front,
.back {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-evenly;
    padding: 2em;
    border: 1px solid #0002;
}
.front:has(img),
.back:has(img) {
    padding: 0;
}
.cover:after {
    content: "";
}
.front {
    background: linear-gradient(to left, #f7f7f7 80%, #eee);
    border-radius: 0.1em 0.5em 0.5em 0.1em;
}
.front:after {
    right: 1em;
}
.back {
    background-image: linear-gradient(to right, #f7f7f7 80%, #eee);
    border-radius: 0.5em 0.1em 0.1em 0.5em;
}
.back:after {
    left: 1em;
}
.introduction-page {
    flex-grow: 1;
    background-color: #fdf2dc;
    background-repeat: no-repeat;
    color: #000;
    padding: calc(20 * var(--onevw));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}
.introduction-page__logo img {
    /*width: calc(478 * var(--onevw));*/
    width: 65%;
    height: auto;
}
.introduction-page-subtitle {
    font-size: calc(36 * var(--onevw));
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    color: #5b6236;
    margin-top: calc(20 * var(--onevw));
}
.four-dish-page {
    flex-grow: 1;
    width: 100%;
    background-image: url(p2%20Element%205-Crkf1ljX.png), url(p2%20Element%206-1DGRfWnt.png);
    background-repeat: no-repeat, no-repeat;
    /*background-position: bottom calc(0 * var(--onevw)) left calc(40 * var(--onevw)), top calc(0 * var(--onevw)) right;*/
    /*background-size: calc(550 * var(--onevw)), calc(470 * var(--onevw));*/
    
        background-position: 70% 100%, 100% 0%;
        background-size: 100%, 70%;
    
    background-color: #7c9a9c;
    color: #000;
    padding: calc(20 * var(--onevw));
    border-radius: calc(10 * var(--onevw));
}
.four-dish-page-header {
    font-size: calc(32 * var(--onevw));
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-align: left;
}
.four-dish-page-subheader {
    text-align: left;
    margin-bottom: calc(20 * var(--onevw));
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
    font-weight: 100;
}
.four-dish-page-group {
    display: flex;
    flex-direction: column;
}
.four-dish-page-menu {
    margin-bottom: calc(5 * var(--onevw));
    font-size: calc(14 * var(--onevw));
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.four-dish-page-menu img {
    /*width: calc(136 * var(--onevw));*/
    width: 22%;
    border-radius: 50%;
}
.right-group .four-dish-page-menu {
    flex-direction: row-reverse;
}
.right-group .four-dish-page-menu img {
    margin-left: calc(15 * var(--onevw));
    margin-right: 0;
}
.left-group .four-dish-page-menu {
    flex-direction: row;
}
.left-group .four-dish-page-menu img {
    margin-right: calc(15 * var(--onevw));
    margin-left: 0;
}
.menu-item-text {
    flex-grow: 1;
    padding-right: calc(100 * var(--onevw));
}
.menu-item-text-left-group-p2 {
    flex-grow: 1;
    margin-left: calc(100 * var(--onevw));
    padding-right: calc(50 * var(--onevw));
}
.dish-name {
    font-family: Open Sans, sans-serif;
    font-size: 20px;
    font-size: calc(16 * var(--onevw));
}
.price {
    float: right;
    font-size: calc(20 * var(--onevw));
    font-family: Open Sans, sans-serif;
        color: #E09123;
        font-weight: bold;
}
.container-p3 {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-evenly;*/
    
    flex-grow: 1;
    width: 100%;
    background-image: url(Vector%201-tJ-H-2ym.png), url(Vector%202-B1JoQ_sw.png);
    background-repeat: no-repeat, no-repeat;
    /*background-position: top calc(-80 * var(--onevw)) left calc(-80 * var(--onevw)), bottom calc(-90 * var(--onevw)) left calc(-50 * var(--onevw));*/
    /*background-size: contain, contain;*/
    
background-position: 0% 0%, 0% 100%;
    background-size: 87%, 80%;
    
    background-color: #ffefcd;
    color: #000;
    padding: calc(20 * var(--onevw));
    border-radius: calc(10 * var(--onevw));
}
.header-p3 {
    font-size: calc(32 * var(--onevw));
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #646c3b;
    text-align: left;
    /*margin-bottom: calc(-15 * var(--onevw));*/
    
    margin-bottom: 5%;
    margin-top: 15%;
    text-transform: uppercase;
}
/*.subheader-p3 {*/
/*    text-align: left;*/
/*    margin-bottom: calc(20 * var(--onevw));*/
/*    font-size: calc(16 * var(--onevw));*/
/*    font-family: Open Sans, sans-serif;*/
/*}*/
.menu-group-p3 {
    display: flex;
    flex-direction: column;
    /*margin-bottom: calc(0 * var(--onevw));*/
        margin-top: 5%;
}
.menu-item-p3 {
    margin-bottom: calc(15 * var(--onevw));
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.menu-item-p3 img {
    /*width: calc(250 * var(--onevw));*/
    width: 30%;
    border-radius: 50%;
}
.right-group .menu-item-p3 {
    flex-direction: row-reverse;
}
.right-group .menu-item-p3 img {
    margin-left: calc(15 * var(--onevw));
    margin-right: 0;
}
.left-group .menu-item-p3 {
    flex-direction: row;
}
.left-group .menu-item-p3 img {
    margin-right: calc(15 * var(--onevw));
    margin-left: 0;
}
.menu-item-text {
    flex-grow: 1;
    padding-right: calc(20 * var(--onevw));
}
.menu-item-text-left-group {
    flex-grow: 1;
    padding-right: calc(20 * var(--onevw));
    margin-left: calc(50 * var(--onevw));
    margin-top: calc(-20 * var(--onevw));
}
.price-p3 {
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
        color: #E09123;
        font-weight: bold;
}
.menu-items-list {
    list-style: none;
    margin: 0;
    padding-top: calc(10 * var(--onevw));
}
.menu-items-list li {
    display: grid;
    grid-template-columns: calc(20 * var(--onevw)) auto calc(50 * var(--onevw));
    align-items: center;
    margin-bottom: calc(5 * var(--onevw));
    position: relative;
}
.menu-items-list li:before {
    content: "•";
    text-align: center;
    display: inline-block;
}
.menu-items-list li .dish-name {
    margin-left: calc(5 * var(--onevw));
}
.menu-items-list li .price {
    text-align: right;
        color: #E09123;
        font-weight: bold;
}
.menu-container-p5 {
    display: flex;
    flex-direction: column;
    justify-content:  space-evenly;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    background-image: url(Vector%201-tJ-H-2ym.png), url(Vector%202-B1JoQ_sw.png);
    background-repeat: no-repeat, no-repeat;
background-position: 0% -10%, 0% 100%;
    background-size: 87%, 80%;
    
    
    
    background-color: #ffefcd;
    color: #000;
    padding: calc(20 * var(--onevw));
    border-radius: calc(10 * var(--onevw));
}
.menu-header-p5 {
    font-size: calc(32 * var(--onevw));
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #646c3b;
    text-align: left;
    margin-bottom: calc(-15 * var(--onevw));
    margin-top: calc(35 * var(--onevw));
    text-transform: uppercase;
}
.menu-subheader-p5 {
    text-align: left;
    margin-bottom: calc(30 * var(--onevw));
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
}
.menu-item-p5 {
    display: flex;
    align-items: center;
    margin-bottom: calc(20 * var(--onevw));
}
.menu-item-p5:nth-child(odd) {
    flex-direction: row-reverse;
}
.menu-item-p5:nth-child(2n) {
    flex-direction: row;
}
.menu-item-p5 img {
    /*width: calc(170 * var(--onevw));*/
    width: 30%;
    border-radius: 50%;
}
.menu-item-p5:nth-child(odd) img {
    margin-left: calc(15 * var(--onevw));
    margin-right: 0;
}
.menu-item-p5:nth-child(2n) img {
    margin-right: calc(15 * var(--onevw));
    margin-left: 0;
}
.menu-item-text-p5 {
    flex-grow: 1;
    padding-right: calc(50 * var(--onevw));
}
.name-price-p5 {
    display: flex;
    justify-content:  space-between;
}
.dish-name-p5 {
    font-family: Open Sans, sans-serif;
    font-size: calc(20 * var(--onevw));
}
.price-p5 {
    font-size: calc(20 * var(--onevw));
    font-family: Montserrat, sans-serif;
        color: #E09123;
        font-weight: bold;
}
.menu-item-text-p5 > div {
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
}
.page-menu {
    flex-grow: 1;
    width: 100%;
    margin: 0 auto;
    background-color: #646c3b;
    background-image: url(Vector%204-CpaXrGkx.png), url(Vector%205-Bzg1H9bS.png);
    background-repeat: no-repeat, no-repeat;
    /*background-position: top calc(150 * var(--onevw)) left, top calc(50 * var(--onevw)) right;*/
    /*background-size: calc(380 * var(--onevw)), calc(350 * var(--onevw));*/
    
    background-position: 0% 20%, 100% 3%;
    background-size: 56%, 54%;
    
    color: #000;
    border-radius: calc(10 * var(--onevw));
    padding: calc(20 * var(--onevw));
}



.header-p4 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #e09232;
    text-transform: uppercase;
    font-size: calc(40 * var(--onevw));
    /*margin-top: calc(-250 * var(--onevw));*/
    margin-top: 20%;
}
.page-menu-list {
    display: flex;
    flex-direction: column;
    gap: calc(10 * var(--onevw));
}
.menu-item-p4 {
    margin-bottom: calc(15 * var(--onevw));
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.name-price-list-p4 {
    display: flex;
    align-content: row;
    justify-content:  space-between;
}
.menu-item-name-p4 {
    font-size: calc(20 * var(--onevw));
    font-family: Open Sans, sans-serif;
}
.menu-item-text-p4 {
    font-size: calc(16 * var(--onevw));
    font-family: Open Sans, sans-serif;
}
.menu-item-price-p4,
.price {
    font-size: calc(16 * var(--onevw));
    font-family: Montserrat, sans-serif;
        color: #E09123;
        font-weight: bold;
}
.page6-menu {
    flex-grow: 1;
    width: 100%;
    margin: 0 auto;
    background-color: #71989b;
    background-image: url(Vector%204-CpaXrGkx.png), url(Vector%205-Bzg1H9bS.png);
    background-repeat: no-repeat, no-repeat;
    /*background-position: top calc(100 * var(--onevw)) left, top calc(0 * var(--onevw)) right;*/
    /*background-size: calc(380 * var(--onevw)), calc(350 * var(--onevw));*/
    
        background-position: 0% 20%, 100% 5%;
        background-size: 56%, 54%;
    
    
    color: #000;
    border-radius: calc(10 * var(--onevw));
    padding: calc(20 * var(--onevw));
}
.header-p6 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #000;
    text-transform: uppercase;
    font-size: calc(40 * var(--onevw));
    margin-top: calc(20 * var(--onevw));
}
.subheader-p6 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #e09232;
    text-transform: uppercase;
    font-size: calc(28 * var(--onevw));
    margin-top: calc(50 * var(--onevw));
}
.subheader2-p6 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #e09232;
    text-transform: uppercase;
    font-size: calc(28 * var(--onevw));
    margin-top: calc(10 * var(--onevw));
}
/*.page6-menu-list2 {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: calc(200 * var(--onevw));*/
/*    margin-bottom: calc(10 * var(--onevw));*/
/*}*/
.page6-menu-box {
    flex: 1;
    min-width: calc(200 * var(--onevw));
}
.page6-name-price-list-p6 {
    display: flex;
    margin-bottom: calc(10* var(--onevw));
    color: #fff;
    font-weight: bold;
    flex-direction: row;
    justify-content: space-between;
}
.page6-menu-item-name-p6 {
    font-weight: 700;
}
.page6-menu-item-price-p6 {
    margin-left: calc(10 * var(--onevw));
        color: #FFEFCD;
        font-weight: bold;
}
.page7-menu {
    flex-grow: 1;
    width: 100%;
    margin: 0 auto;
    background-color: #71989b;
    background-image: url(Vector%204-CpaXrGkx.png), url(Vector%205-Bzg1H9bS.png);
    background-repeat: no-repeat, no-repeat;
    /*background-position: top calc(100 * var(--onevw)) left, top calc(0 * var(--onevw)) right;*/
    /*background-size: calc(380 * var(--onevw)), calc(350 * var(--onevw));*/
    
        background-position: 0% 21%, 100% 6%;
        background-size: 56%, 54%;
    
    
    color: #000;
    border-radius: calc(10 * var(--onevw));
    padding: calc(20 * var(--onevw));
}
.fish-cracker {
    display: block;
    margin: calc(-20 * var(--onevw)) calc(30 * var(--onevw));
    width: calc(230 * var(--onevw));
}
.samosa {
    /*position: relative;*/
    /*top: calc(-110 * var(--onevw));*/
    /*left: calc(495 * var(--onevw));*/
    
    width: calc(120 * var(--onevw));
    position: absolute;
    top: 5%;
    right: 0;
    height: auto;
}
.header-p7 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #000;
    text-transform: uppercase;
    font-size: calc(40 * var(--onevw));
    margin-top: calc(20 * var(--onevw));
}
.subheader-p7 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #e09232;
    text-transform: uppercase;
    font-size: calc(28 * var(--onevw));
    margin-top: calc(-20 * var(--onevw));
}
.subheader2-p7 {
    font-family: Open Sans, sans-serif;
    font-weight: bolder;
    color: #e09232;
    text-transform: uppercase;
    font-size: calc(28 * var(--onevw));
    margin-top: calc(10 * var(--onevw));
}
.page7-menu-list2 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(200 * var(--onevw));
    margin-bottom: calc(10 * var(--onevw));
}
.page7-menu-box {
    flex: 1;
    min-width: calc(200 * var(--onevw));
}
.page7-name-price-list {
    display: flex;
    justify-content:  space-evenly;
    margin-bottom: calc(10 * var(--onevw));
       color: #E09123;
       font-weight: bold;
}
.page7-menu-item-name {
    font-weight: 700;
}
.page7-menu-item-price {
    margin-left: calc(10 * var(--onevw));
        color: #E09123;
        font-weight: bold;
}
@media screen and (max-width: 768px) {
    .book {
        width: 45cqmin;
        height: 60cqmin;
    }
    .four-dish-page-menu {
        font-size: calc(20 * var(--onevw));
    }
    .dish-name {
        font-size: calc(24 * var(--onevw));
    }
    .four-dish-page-group {
        margin-top: calc(20 * var(--onevw));
    }
    .menu-item-p3 {
        font-size: calc(20 * var(--onevw));
    }
    .menu-group-p3 {
        margin-bottom: calc(50 * var(--onevw));
    }
    .menu-items-list li {
        grid-template-columns: calc(0 * var(--onevw)) auto calc(50 * var(--onevw));
    }
    /*.page-menu {*/
    /*    background-position: top calc(210 * var(--onevw)) left, top calc(100 * var(--onevw)) right;*/
    /*    background-size: calc(435 * var(--onevw)), calc(380 * var(--onevw));*/
    /*}*/
                .page-menu {
        background-position: 0% 17%, 100% 3%;
        background-size: 57%, 54%;
    }
    /*.samosa {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    height: auto;*/
    /*}*/
    .page-menu-list {
        gap: calc(40 * var(--onevw));
    }
    .menu-item-name-p4 {
        font-size: calc(24 * var(--onevw));
    }
    .menu-item-price-p4 {
        font-size: calc(20 * var(--onevw));
            color: #E09123;
            font-weight: bold;
    }
    .header-p4 {
           margin-top: 30%;
    }
    .menu-header-p5 {
        font-size: calc(42 * var(--onevw));
    }
    .menu-subheader-p5 {
        font-size: calc(18 * var(--onevw));
        margin-bottom: calc(20 * var(--onevw));
    }
    .subheader-p3 {
    font-size: calc(18 * var(--onevw));
}
    .dish-name-p5 {
        font-size: calc(24 * var(--onevw));
    }
    .menu-item-text-p5 > div {
        font-size: calc(22 * var(--onevw));
    }
    .menu-item-p5 {
        margin-bottom: calc(40 * var(--onevw));
    }
    .header-p3,
    .four-dish-page-header {
        font-size: calc(42 * var(--onevw));
    }
    /*.page6-menu-list2,*/
    /*.page7-menu-list2 {*/
    /*    gap: calc(50 * var(--onevw));*/
    /*}*/

    .four-dish-page-subheader {
    margin-bottom: calc(0* var(--onevw));
}
.menu-item-text-left-group-p2 {
    margin-left: calc(50* var(--onevw));

}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .book {
        width: 70cqmin;
        height: 80cqmin;
    }
    .four-dish-page-menu {
        font-size: calc(18 * var(--onevw));
    }
    .dish-name {
        font-size: calc(24 * var(--onevw));
    }
    .four-dish-page-group {
        margin-top: calc(20 * var(--onevw));
    }
    /*.page-menu {*/
    /*    background-position: top calc(220 * var(--onevw)) left, top calc(100 * var(--onevw)) right;*/
    /*    background-size: calc(480 * var(--onevw)), calc(430 * var(--onevw));*/
    /*}*/
            .page-menu {
        background-position: 0% 19%, 100% 3%;
        background-size: 56%, 54%;
    }
    .fish-cracker {
        position: absolute;
        top: 0;
        left: 10;
        height: auto;
        width: calc(170 * var(--onevw));
}
    .samosa {
        /*left: calc(1000 * var(--onevw));*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
        /*height: auto;*/
        width: calc(100 * var(--onevw));
    }
    .page-menu-list {
        gap: calc(10 * var(--onevw));
    }
            .menu-item-p3 img {
    width: calc(300 * var(--onevw));
 
}
    .menu-item-name-p4 {
        font-size: calc(24 * var(--onevw));
    }
    .menu-item-price-p4 {
        font-size: calc(20 * var(--onevw));
            color: #E09123;
            font-weight: bold;
    }
    /*.header-p4 {*/
    /*       margin-top: 30%;*/
    /*}*/
    .page6-menu,
    .page7-menu {
        /*background-position: top calc(120 * var(--onevw)) left, top calc(0 * var(--onevw)) right;*/
        /*background-size: calc(470 * var(--onevw)), calc(420 * var(--onevw));*/
        
            background-position: 0% 21%, 100% 6%;
        background-size: 56%, 54%;
        
    }
/*    .four-dish-page-menu img {*/
/*    width: calc(160 * var(--onevw));*/
/*}*/
/*.container-p3 {*/
    
/*background-position: 0% 0%, 0% 100%;*/
/*    background-size: 87%, 80%;*/

/*}*/
}



/* For laptop */
@media screen and (min-width: 1024px) and (max-width: 1365px) {
    .book {
        width: 70cqmin;
        height: 80cqmin;
    }
    .four-dish-page-menu {
        font-size: calc(18 * var(--onevw));
    }
    .dish-name {
        font-size: calc(22 * var(--onevw));
    }
    .four-dish-page-group {
        margin-top: calc(30 * var(--onevw));
    }
    /*.page-menu {*/
    /*    background-position: top calc(100 * var(--onevw)) left, top calc(10 * var(--onevw)) right;*/
    /*    background-size: calc(320 * var(--onevw)), calc(270 * var(--onevw));*/
    /*}*/
        .page-menu {
        background-position: 0% 21%, 100% 5%;
        background-size: 56%, 54%;
    }
    .samosa {
        /*left: calc(500 * var(--onevw));*/
        /*position: absolute;*/
        /*top: 0;*/
        /*right: 0;*/
        /*height: auto;*/
        width: calc(100 * var(--onevw));
    }
    .page-menu-list {
        gap: calc(10 * var(--onevw));
    }
/*        .menu-item-p3 img {*/
/*    width: calc(300 * var(--onevw));*/
 
/*}*/
    .menu-item-name-p4 {
        font-size: calc(24 * var(--onevw));
    }
    .menu-item-price-p4 {
        font-size: calc(20 * var(--onevw));    
        color: #E09123;
        font-weight: bold;
    }
.header-p4 {

    font-size: calc(40 * var(--onevw));
    margin-top: 5%;
}
/*    .introduction-page__logo img {*/
/*    width: calc(400 * var(--onevw));*/
/*}*/
/*.container-p3 {*/
    
/*background-position: 0% 0%, 90% 100%;*/
/*    background-size: 87%, 80%;*/

/*}*/
}


@media screen and (min-width: 1366px) and (max-width: 1599px) {
    .book {
        width: 70cqmin;
        height: 90cqmin;
    }
    .four-dish-page-menu {
        font-size: calc(14 * var(--onevw));
    }
    .dish-name {
        font-size: calc(24 * var(--onevw));
    }
    .four-dish-page-group {
        margin-top: calc(10 * var(--onevw));
    }
    /*.four-dish-page-menu img {*/
    /*    width: calc(100 * var(--onevw));*/
    /*}*/
    
    /*.page-menu {*/
    /*    background-position: top calc(180* var(--onevw)) left, top calc(110* var(--onevw)) right;*/
    /*          background-size: calc(320* var(--onevw)), calc(280* var(--onevw));*/
    /*}*/
    .page-menu {
        background-position: 0% 21%, 100% 6%;
        background-size: 56%, 54%;
    }
    
    .samosa {
       /*left: calc(275* var(--onevw));*/
       /* top: calc(0* var(--onevw));*/
       /* width: calc(80* var(--onevw));*/
        width: calc(80* var(--onevw));
        /*position: absolute;*/
        /*top: 10%;*/
        /*right: 0;*/
        /*height: auto;*/
    }
    .page-menu-list {
        gap: calc(10 * var(--onevw));
    }
/*    .menu-item-p3 img {*/
/*    width: calc(300 * var(--onevw));*/
/*    border-radius: 50%;*/
/*}*/

    .menu-item-name-p4 {
        font-size: calc(24 * var(--onevw));
    }
    .menu-item-price-p4 {
        font-size: calc(20 * var(--onevw));
            color: #E09123;
            font-weight: bold;
    }
    .header-p4 {
        margin-top: 30%;
    }

    .menu-item-p5 img {
    /*width: calc(150 * var(--onevw));*/
      width: 30%;
    }
    .four-dish-page-subheader {
    text-align: left;
     margin-bottom: calc(0 * var(--onevw)); 
}
    .menu-item-text-left-group-p2 {
    margin-left: calc(20 * var(--onevw));
    padding-right: calc(20 * var(--onevw));
}
    
    .menu-subheader-p5 {

     margin-bottom: calc(0 * var(--onevw)); 

}
    .fish-cracker {

    width: calc(150* var(--onevw));
}
    .menu-item-text {
    padding-right: calc(0* var(--onevw));
}
.menu-item-text-left-group-p2 {
    margin-left: calc(0* var(--onevw));
    padding-right: calc(0* var(--onevw));
}
.menu-item-text-left-group {
    padding-right: calc(0* var(--onevw));
    margin-left: calc(0* var(--onevw));
}
/*.menu-item-p3 img {*/
/*    width: calc(200* var(--onevw));*/
/*}*/
/*.container-p3 {*/
    
/*background-position: 0% 0%, 90% 100%;*/
/*    background-size: 87%, 80%;*/

/*}*/


}