@font-face {
  font-family: "Playfair Display";
  src: url("/fonts/PlayfairDisplay-VariableFont_wght.ttf");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Playfair Display";
  src: url("/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf");
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto.ttf");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: fallback;
}
:root {
  --cfont: "Playfair Display";
  --font1: "Playfair Display";
  --font2: "Playfair Display";
  --font: "Roboto";
  --default-size: 18px;
  --default-size-mobile: 18px;
  --w: #fff;
  --c01: #10181f;
  --c01-m: #1b9cb9;
  --c01-l: #edf6f7;
  --c02: #835c5a;
  --c02-m: #8d7b75;
  --c02-l: #f7f3ef;
  --gray: #333333;
  --gray-m: #999999;
  --gray-ml: #ccc;
  --gray-l: #f6f6f6;
  --gray-ll: #fafafa;
  --ch: #835c5a;
  --cnav: #083046dd;
  --h1: clamp(2rem, 4.5vw, 3.6rem) !important;
  --h2: clamp(1.5rem, 3.33vw, 3rem) !important;
  --h3: clamp(1.25rem, 2.75vw, 2.5rem) !important;
  --h4: clamp(1rem, 2.25vw, 2rem) !important;
  --h5: clamp(1rem, 1.66vw, 1.35rem) !important;
  --h6: clamp(1rem, 1.4vw, 1.15rem) !important;
  --p: 1rem !important;
  --small: calc(1rem - 2px);
  --pw: 1720px;
  --vw: 1440px;
  --tw: 1366px;
  --sw: 1024px;
  --ssw: 766px;
  --logo_width: 240px;
}

.body, body {
  background: #fff;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #780000;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* BODY AND HTML */
html {
  padding: 0;
}

html,
body {
  overflow-x: hidden;
  font-size: var(--default-size);
}
@media (max-width: 560px) {
  html,
body {
    font-size: var(--default-size-mobile);
  }
}

body {
  margin: 0;
  padding: 1rem;
  font-family: var(--font) !important;
  color: var(--gray-m);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
}

html,
body,
* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body > .ct-inner-content {
  display: flex;
  flex-direction: column;
}