@charset "utf-8";

body {
  font-family: "SF Pro Text", "SF Pro Text Display" !important;
}
@font-face {
  font-family: "SF Pro Text" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Light.ttf");
}
@font-face {
  font-family: "SF Pro Text" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Regular.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 500;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Medium.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-SemiBold.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 700;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Bold.ttf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 900;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Heavy.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 100;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Ultralight.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 200;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Thin.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 300;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Light.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Regular.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 500;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Medium.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 600;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-SemiBold.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Bold.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 800;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Black.ttf");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 900;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Heavy.ttf");
}

.w-28px{
  width: 28px !important;
}
.w-360px{
  width: 360px !important;
}
.w-20{
  width: 20% !important;
}
.w-25{
  width: 25% !important;
}
.w-30{
  width: 30% !important;
}
.w-35{
  width: 30% !important;
}
.w-40{
  width: 40% !important;
}
.w-55{
  width: 55% !important;
}
.w-60{
  width: 60% !important;
}
.w-65{
  width: 65% !important;
}
.w-70{
  width: 70% !important;
}
.w-75{
  width: 75% !important;
}
.w-80{
  width: 80% !important;
}
.w-90{
  width: 90% !important;
}
.h-15{
  height: 15% !important;
}
.h-10{
  height: 100px !important;
}
.pt-70{
  padding-top: 70px !important;
}
.pb-70{
  padding-bottom: 70px !important;
}
.mt-5{
  margin-top: 5px !important;
}
.mb-5{
  margin-bottom: 5px !important;
}
.mt-10{
  margin-top: 10px !important;
}
.mb-10{
  margin-bottom: 10px !important;
}
.mt-20{
  margin-top: 20px !important;
}
.mb-20{
  margin-bottom: 20px !important;
}
.mt-25{
  margin-top: 25px !important;
}
.mb-25{
  margin-bottom: 25px !important;
}
.mt-30{
  margin-top: 30px !important;
}
.mb-30{
  margin-bottom: 30px !important;
}
.mt-50{
  margin-top: 50px !important;
}
.mb-50{
  margin-bottom: 50px !important;
}
.mt-70{
  margin-top: 70px !important;
}
.mb-70{
  margin-bottom: 70px !important;
}
.mt-120{
  margin-top: 120px !important;
}
.mb-120{
  margin-bottom: 120px !important;
}
.gap-45 {
  gap: 2rem !important;
}
.header-title {
  position: fixed;
  top: 0;
  width: 768px;
  background-color: green;
  padding: 10px 0;
  text-align: center;
  border: 0px
}

.bottomBtn {
    position: fixed;
    bottom: 0;
    width: 768px;
    background-color: #3B82F6;
    padding: 10px 0;
    text-align: center;
    border: 0px;
    color: #ffffff;
}
.bottomBtn:hover {
    background-color: #2563EB;
}

.c-pointer {
  cursor: pointer;
}

.custom-span {
  width: 60px;
}
#reservation,
#reservation-cancel {
    display: none;
}

#content-display {
  white-space: pre-line;
}