@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

:root {
    --dark-color: rgb(0, 0, 0, 1);
    --dark-color-1: rgba(3, 8, 31, 1);
    --light-color: rgb(255, 255, 255, 1);
    --theme-color: rgba(252, 138, 6, 1);
    --theme-light-color: rgba(252, 137, 6, 0.562);
    --grey-background-1: rgba(250, 250, 250, 1);
    --grey-background-2: rgba(245, 245, 245, 1);
    --grey-background-3: rgba(238, 238, 238, 1);
    --grey-background-4: rgba(224, 225, 220, 1);
    --grey-background-5: rgba(217, 217, 217, 1);
    --light-background: rgb(255, 255, 255, 1);
    --banner-overlay: rgba(244, 244, 244, 0.9);
    --light-border: rgba(0, 0, 0, 0.1);
    --green-color: rgb(2, 134, 67);
    --modal-background: rgba(6, 6, 6, 0.4);
    --veg-color: rgb(2, 134, 67);
    --non-veg-color: rgb(135, 0, 27);
    --green-color-2: rgb(63, 228, 79);
    --red-color: rgb(229, 50, 45);
    --yellow-color: rgb(247, 203, 115);
}

body.unScrollable {
    height: 100vh;
    overflow: hidden;
}

.page_wrapper {
    position: relative;
    width: 100%;
    background: var(--light-background);
    display: flex;
    flex-direction: column;
}
#page_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    background: var(--modal-background);
    display: none;
}
#page_overlay.active {
    display: block;
}
/* @media (max-width: 575px) {
    .page_wrapper {
        padding-top: 100px;
    }
} */