
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
}
[v-cloak] {display: none;visibility: hidden;}
@media (max-width: 1024px) {
  :root {
    font-size: 9px;
  }
}

.container {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
}
.btn {
  font-size: 2rem;
  border: 0.2rem solid;
  padding: 0.8rem 4rem;
}

.btn:hover {
  border: 0.2rem solid;
}

.btn-invert {
  border: 0.2rem solid;
}

.btn-invert:hover {
  border: 0.2rem solid;
}

.btn {
  background-color: #f00;
  color: #ffffff;
  border-radius: 0.4rem;
  box-shadow: 0px 1px 4px rgba(80, 143, 159, 0.68), 0px 4px 8px -4px rgba(80, 143, 159, 0.42);
  cursor: pointer;
  transition: all 0.3s ease-in;
  border-color: #f00;
}

.btn:hover {
  background-color: #ffffff;
  color: #f00;
  box-shadow: 0px 1px 4px rgba(255, 0, 0, 0.68), 0px 4px 8px -4px rgba(255, 0, 0, 0.42);
  border-color: #f00;
}

.btn-invert {
  background-color: #ffffff;
  color: #f00;
  box-shadow: 0px 1px 4px rgba(255, 0, 0, 0.68), 0px 4px 8px -4px rgba(255, 0, 0, 0.42);
  transition: all 0.3s ease-in;
  border-color: #f00;
}

.btn-invert:hover {
  background-color: #f00;
  color: #ffffff;
  box-shadow: 0px 1px 4px rgba(80, 143, 159, 0.68), 0px 4px 8px -4px rgba(80, 143, 159, 0.42);
  border-color: #f00;
}

a {
  transition: color 0.3s ease-in;
  text-decoration: none;
}

a:hover {
  color: #f00;
}



h1,
.text-h1 {
  font-size: 6.8rem;
  line-height: 7.6rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  h1,
  .text-h1 {
    font-size: calc(0.7 * 6.8rem);
    line-height: calc(0.7 * 7.6rem);
  }
}

@media (max-width: 425px) {
  h1,
  .text-h1 {
    font-size: calc(0.5 * 6.8rem);
    line-height: calc(0.5 * 7.6rem);
  }
}

h2,
.text-h2 {
  font-size: 4.2rem;
  line-height: 5rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  h2,
  .text-h2 {
    font-size: calc(0.8 * 4.2rem);
    line-height: calc(0.8 * 5rem);
  }
}

@media (max-width: 425px) {
  h2,
  .text-h2 {
    font-size: calc(0.7 * 4.2rem);
    line-height: calc(0.7 * 5rem);
  }
}

h3,
.text-h3,
h4,
.text-h4,
h5,
.text-h5 {
  font-size: 2.6rem;
  line-height: 4.2rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  h3,
  .text-h3,
  h4,
  .text-h4,
  h5,
  .text-h5 {
    font-size: calc(0.8 * 2.6rem);
    line-height: calc(0.8 * 4.2rem);
  }
}

@media (max-width: 425px) {
  h3,
  .text-h3,
  h4,
  .text-h4,
  h5,
  .text-h5 {
    font-size: calc(0.7 * 2.6rem);
    line-height: calc(0.7 * 4.2rem);
  }
}

h4,
.text-h4 {
  font-weight: 400;
}

p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
}

@media (max-width: 768px) {
  p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

a {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 400;
}

@media (max-width: 768px) {
  a {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

span {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 400;
}


/*FONT*/

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/public/website/font/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/public/website/font/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/public/website/font/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/public/website/font/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/public/website/font/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/public/website/font/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*font*/


.reservation__container {
 position: absolute;
     top: 15px;
    background-color: red;
}

.reservation__name {
        padding: 1rem;
    color: white;
}

/*lazy*/

.lazy-background {
    background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%221%22%20height%3D%221%22%3E%0A%3C%2Fsvg%3E') 
}
        
/*Lazy*/

.restaurant__fav--is-active path {
  stroke: #f00;
  fill: #f00;
}

ul {
  list-style-position: inside;   
}
}
 
 
    