@font-face {
  font-family: Playfairdisplay Variablefont Wght;
  src: url('../fonts/PlayfairDisplay-VariableFont_wght.ttf') format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Athiti;
  src: url('../fonts/Athiti-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Athiti;
  src: url('../fonts/Athiti-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Athiti;
  src: url('../fonts/Athiti-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Athiti;
  src: url('../fonts/Athiti-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Athiti;
  src: url('../fonts/Athiti-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Athiti;
  src: url('../fonts/Athiti-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded;
  src: url('../fonts/MaterialSymbolsRounded-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded;
  src: url('../fonts/MaterialSymbolsRounded-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded Filled;
  src: url('../fonts/MaterialSymbolsRounded_Filled-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded;
  src: url('../fonts/MaterialSymbolsRounded-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded Filled;
  src: url('../fonts/MaterialSymbolsRounded_Filled-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded;
  src: url('../fonts/MaterialSymbolsRounded-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded Filled;
  src: url('../fonts/MaterialSymbolsRounded_Filled-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialsymbolsrounded Filled;
  src: url('../fonts/MaterialSymbolsRounded_Filled-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --text: Athiti, Arial, sans-serif;
  --_colours---black: #050505;
  --body: 20px;
  --heading: "Playfairdisplay Variablefont Wght", Georgia, sans-serif;
  --h1: 96px;
  --h2: 64px;
  --h3: 48px;
  --h4: 36px;
  --_colours---primary: #381942;
  --_space---space-48: 48px;
  --_space---space-24: 24px;
  --_space---space-128: 128px;
  --_space---space-64: 64px;
  --_colours---white: #fafafa;
  --_colours---primary-hover: #2d1435;
  --_colours---secondary-hover: #ddd1e0;
  --_colours---accent-70: #f6e8f9;
  --_space---space-8: 8px;
  --_space---space-96: 96px;
  --_space---space-12: 12px;
  --_colours---secondary: #f6e8f9;
  --_colours---accent-40: #fbf6fd;
  --_space---space-192: 192px;
  --label: 18px;
  --_space---space-16: 16px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  font-family: var(--text);
  color: var(--_colours---black);
  font-size: var(--body);
  --text: Athiti, Arial, sans-serif;
  --body: 20px;
  --heading: "Playfairdisplay Variablefont Wght", Georgia, sans-serif;
  --h1: 96px;
  --h2: 64px;
  --h3: 48px;
  --h4: 36px;
  --label: 18px;
  --_space---space-48: 48px;
  --_space---space-24: 24px;
  --_space---space-128: 128px;
  --_space---space-64: 64px;
  --_space---space-8: 8px;
  --_space---space-96: 96px;
  --_space---space-12: 12px;
  --_space---space-192: 192px;
  --_space---space-16: 16px;
  line-height: 115%;
}

h1 {
  font-family: var(--heading);
  font-size: var(--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  font-family: var(--heading);
  font-size: var(--h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 115%;
}

h3 {
  font-family: var(--heading);
  font-size: var(--h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  font-family: var(--heading);
  font-size: var(--h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 115%;
}

p {
  max-width: 55ch;
  margin-bottom: 0;
}

a {
  color: var(--_colours---black);
  text-decoration: none;
}

li {
  padding-top: 4px;
}

blockquote {
  font-family: var(--heading);
  color: var(--_colours---primary);
  font-size: var(--h3);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-weight: 400;
  line-height: 115%;
}

.container {
  padding-right: var(--_space---space-48);
  padding-left: var(--_space---space-48);
  max-width: 1200px;
  overflow: visible;
}

.hero {
  margin-top: var(--_space---space-24);
  margin-right: var(--_space---space-24);
  margin-left: var(--_space---space-24);
  border-radius: var(--_space---space-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 90svh;
  display: grid;
  overflow: hidden;
}

.hero-txt {
  z-index: 10;
  padding-top: var(--_space---space-128);
  padding-right: var(--_space---space-64);
  padding-left: var(--_space---space-64);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.heading {
  color: var(--_colours---white);
  font-weight: 500;
}

.iswhite {
  color: var(--_colours---white);
}

.iswhite.center {
  text-align: center;
}

.button {
  border-radius: var(--_space---space-64);
  padding: 12px 24px;
  font-weight: 500;
  transition: all .2s ease-in-out;
}

.button.primary {
  background-color: var(--_colours---primary);
}

.button.primary:hover {
  background-color: var(--_colours---primary-hover);
}

.button.secondary {
  border: 1px solid var(--_colours---secondary-hover);
  background-color: var(--_colours---accent-70);
  color: var(--_colours---primary);
}

.button.secondary:hover {
  border-color: var(--_colours---primary);
}

.button.secondary.icon.w--current {
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 300;
}

.button.expand {
  padding-top: var(--_space---space-24);
  padding-bottom: var(--_space---space-24);
  background-color: var(--_colours---white);
  font-family: Materialsymbolsrounded, Arial, sans-serif;
}

.hero-img {
  z-index: 0;
  object-fit: cover;
  object-position: 100% 50%;
  background-image: url('../images/ivan-bandura-hYAkdFZb-Yg-unsplash.jpg');
  background-position: 50% 0;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.hero-img_img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.grid-2col {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.space-64 {
  height: var(--_space---space-64);
}

.card-offer {
  padding: var(--_space---space-24);
  grid-column-gap: var(--_space---space-8);
  grid-row-gap: var(--_space---space-8);
  border-radius: var(--_space---space-24);
  background-color: var(--_colours---accent-70);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-offer.square {
  aspect-ratio: 1;
}

.space-96 {
  height: var(--_space---space-96);
}

.isaccent {
  color: var(--_colours---primary);
}

.isaccent.center {
  text-align: center;
}

.isaccent.isbold {
  font-weight: 600;
}

.space-128 {
  height: var(--_space---space-128);
}

.space-24 {
  height: var(--_space---space-24);
}

.space-12 {
  height: var(--_space---space-12);
}

.card-angebot {
  padding: var(--_space---space-24);
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  border-radius: var(--_space---space-24);
  background-color: var(--_colours---secondary);
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.card-angebot:hover {
  background-color: var(--_colours---accent-40);
}

.card-angebot.square {
  aspect-ratio: 1;
}

.card-angebot.wide {
  aspect-ratio: 3;
}

.card-angebot.medium {
  aspect-ratio: 1;
}

.button-icon {
  background-color: var(--_colours---primary);
  color: var(--_colours---white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.button-icon.isinverted {
  background-color: var(--_colours---white);
  color: var(--_colours---primary);
}

.icon {
  text-align: center;
  font-family: Materialsymbolsrounded, Arial, sans-serif;
  font-size: 36px;
  line-height: 100%;
}

.icon.small {
  font-size: var(--body);
}

.card-angebot_action {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer {
  margin-right: var(--_space---space-24);
  margin-left: var(--_space---space-24);
  padding: var(--_space---space-48);
  grid-column-gap: var(--_space---space-48);
  grid-row-gap: var(--_space---space-48);
  border-radius: var(--_space---space-24);
  background-color: var(--_colours---accent-70);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.footer-cont {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo-img {
  width: 60px;
}

.footer-bottom {
  grid-column-gap: var(--_space---space-8);
  grid-row-gap: var(--_space---space-8);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav {
  z-index: 1000;
  margin-top: var(--_space---space-12);
  padding: var(--_space---space-8) var(--_space---space-12) var(--_space---space-8) var(--_space---space-8);
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  border-radius: var(--_space---space-192);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #fbf6fd99;
  border: 1px solid #bbbc;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 0 3px 6px #00000026, 0 2px 4px #0000001f;
}

.nav-logo {
  width: 60px;
}

.accordion-wrapper {
  margin-top: 0;
}

.accordion-item {
  background-color: #fff;
  border-top: 1px solid #000;
  margin-bottom: 0;
  padding: 0 30px 14px 0;
}

.accordion-item.last {
  border-bottom: 1px solid #000;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 24px;
  display: flex;
}

.accordion-heading {
  font-family: var(--heading);
  color: var(--_colours---primary);
  font-size: var(--body);
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 30px;
}

.icon-2 {
  font-family: Materialsymbolsrounded, Arial, sans-serif;
}

.icon-2.accordion-icon {
  color: var(--_colours---primary);
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.grid-packages {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.package {
  padding: var(--_space---space-24);
  grid-column-gap: var(--_space---space-96);
  grid-row-gap: var(--_space---space-96);
  border-radius: var(--_space---space-24);
  background-color: var(--_colours---accent-70);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.package.secondary {
  background-color: var(--_colours---accent-40);
}

.package-txt_facts {
  grid-column-gap: var(--_space---space-8);
  grid-row-gap: var(--_space---space-8);
  grid-template-rows: auto auto;
  grid-template-columns: min-content 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.package-check {
  aspect-ratio: 1;
  background-color: var(--_colours---white);
  border-radius: 20px;
}

.packaga-book {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.price {
  font-family: var(--heading);
  color: var(--_colours---primary);
  font-size: var(--h2);
  font-weight: 600;
  line-height: 100%;
}

.price.label {
  font-size: var(--label);
}

.package-book_price-top {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.package-book_price {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.package-txt {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  flex-flow: column;
  display: flex;
}

.space-48 {
  height: var(--_space---space-48);
}

.image {
  object-fit: cover;
}

.card-exp_add {
  overflow: hidden;
}

.space-8 {
  height: var(--_space---space-8);
}

.hero-blog {
  margin-top: var(--_space---space-24);
  margin-right: var(--_space---space-24);
  margin-left: var(--_space---space-24);
  border-radius: var(--_space---space-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 50svh;
  display: grid;
  overflow: hidden;
}

.block-quote {
  margin-top: var(--_space---space-48);
  margin-bottom: var(--_space---space-48);
  padding-top: var(--_space---space-24);
  padding-bottom: var(--_space---space-24);
  border-top: 1px solid var(--_colours---primary);
  border-bottom: 1px solid var(--_colours---primary);
  border-left-style: none;
}

.read-more {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.swiper {
  overflow: visible;
}

.swiper-wrapper {
  margin-right: var(--_space---space-24);
  margin-left: var(--_space---space-24);
  overflow: visible;
}

.card-blog {
  padding: var(--_space---space-24);
  aspect-ratio: 1;
  border-radius: var(--_space---space-24);
  background-color: var(--_colours---secondary);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.card-blog:hover {
  background-color: var(--_colours---accent-40);
}

.blog {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.list {
  margin-bottom: var(--_space---space-12);
  padding-left: 24px;
}

.bold {
  font-weight: 600;
}

.card-contact {
  padding: var(--_space---space-24);
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  border-radius: var(--_space---space-24);
  background-color: var(--_colours---primary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-3col {
  grid-column-gap: var(--_space---space-48);
  grid-row-gap: var(--_space---space-48);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.container_fullw {
  margin-top: var(--_space---space-24);
  margin-right: var(--_space---space-24);
  margin-left: var(--_space---space-24);
}

.fade {
  z-index: 5;
  grid-column-gap: var(--_space---space-12);
  grid-row-gap: var(--_space---space-12);
  background-image: linear-gradient(#0009, #0000);
  flex-flow: column;
  position: relative;
}

.angebot {
  z-index: 10;
  margin-right: var(--_space---space-48);
  margin-bottom: var(--_space---space-48);
  padding: var(--_space---space-24);
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: relative;
}

.div-block-3 {
  padding: var(--_space---space-16) var(--_space---space-24);
  background-color: var(--_colours---primary);
  border-radius: 24px;
}

.div-block-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.card-exp {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  aspect-ratio: 1;
  background-color: var(--_colours---secondary);
  cursor: pointer;
  border-radius: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: grid;
  overflow: hidden;
}

.card-exp:hover {
  background-color: var(--_colours---accent-40);
}

.card-exp.square {
  aspect-ratio: 1;
}

.card-exp.wide {
  aspect-ratio: 4;
}

.card-exp.medium {
  aspect-ratio: 1;
}

.card-exp_action {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.card-expo-cont {
  padding: var(--_space---space-24);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.image-2 {
  object-fit: cover;
  max-width: none;
}

.card-exp-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.lead {
  font-size: var(--h4);
  max-width: 40ch;
  font-weight: 400;
  line-height: 118%;
}

.div-block-5 {
  border-radius: 150px;
  width: 160px;
  overflow: hidden;
}

.card-contact_cont {
  grid-column-gap: var(--h3);
  grid-row-gap: var(--h3);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-contact_cont_txt {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.img-card {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: clip;
}

.cta-float {
  z-index: 1000;
  margin-right: var(--_space---space-24);
  margin-bottom: var(--_space---space-24);
  border-radius: 100px;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 4px #0000001f, 0 3px 6px #00000026;
}

.card-values {
  grid-column-gap: var(--_space---space-24);
  grid-row-gap: var(--_space---space-24);
  background-color: var(--_colours---secondary);
  cursor: pointer;
  border-radius: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: grid;
  overflow: hidden;
}

.card-values:hover {
  background-color: var(--_colours---accent-40);
}

.card-values.square {
  aspect-ratio: 1;
}

.card-values.wide {
  aspect-ratio: 4;
}

.card-values.medium {
  aspect-ratio: 1;
}

.link-block {
  background-color: var(--_colours---white);
}

.button-icon-copy {
  background-color: var(--_colours---primary);
  color: var(--_colours---white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.button-icon-copy.isinverted {
  background-color: var(--_colours---white);
  color: var(--_colours---primary);
  width: 60px;
}

.insta {
  width: 36px;
}

@media screen and (max-width: 991px) {
  body {
    --text: Athiti, Arial, sans-serif;
    --body: 20px;
    --heading: "Playfairdisplay Variablefont Wght", Georgia, sans-serif;
    --h1: 64px;
    --h2: 48px;
    --h3: 36px;
    --h4: 24px;
    --label: 16px;
    --_space---space-48: 48px;
    --_space---space-24: 24px;
    --_space---space-128: 128px;
    --_space---space-64: 64px;
    --_space---space-8: 8px;
    --_space---space-96: 96px;
    --_space---space-12: 12px;
    --_space---space-192: 192px;
    --_space---space-16: 16px;
  }

  .hero {
    grid-template-rows: minmax(100dvh, 1fr);
  }

  .grid-2col {
    grid-template-columns: 1fr;
  }

  .card-angebot {
    aspect-ratio: 3 / 2;
  }

  .card-angebot.wide, .card-angebot.medium {
    aspect-ratio: auto;
  }

  .grid-packages {
    grid-template-columns: 1fr 1fr;
  }

  .image {
    object-position: 50% 50%;
    max-width: none;
  }

  .hero-blog {
    grid-template-rows: minmax(100dvh, 1fr);
  }

  .grid-3col {
    grid-template-columns: 1fr;
  }

  .card-exp {
    aspect-ratio: 3 / 2;
  }

  .card-exp.wide, .card-exp.medium {
    aspect-ratio: auto;
  }

  .card-values {
    aspect-ratio: 3 / 2;
  }

  .card-values.wide, .card-values.medium {
    aspect-ratio: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    --text: Athiti, Arial, sans-serif;
    --body: 18px;
    --heading: "Playfairdisplay Variablefont Wght", Georgia, sans-serif;
    --h1: 36px;
    --h2: 36px;
    --h3: 24px;
    --h4: 20px;
    --label: 16px;
    --_space---space-48: 24px;
    --_space---space-24: 16px;
    --_space---space-128: 96px;
    --_space---space-64: 48px;
    --_space---space-8: 4px;
    --_space---space-96: 64px;
    --_space---space-12: 8px;
    --_space---space-192: 128px;
    --_space---space-16: 12px;
  }

  .grid-2col {
    grid-template-columns: 1fr;
  }

  .card-angebot {
    aspect-ratio: auto;
  }

  .icon {
    font-size: 30px;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .grid-packages, .grid-3col {
    grid-template-columns: 1fr;
  }

  .card-exp, .card-values {
    aspect-ratio: auto;
  }
}

@media screen and (max-width: 479px) {
  body {
    --text: Athiti, Arial, sans-serif;
    --body: 18px;
    --heading: "Playfairdisplay Variablefont Wght", Georgia, sans-serif;
    --h1: 36px;
    --h2: 36px;
    --h3: 24px;
    --h4: 20px;
    --label: 16px;
    --_space---space-48: 24px;
    --_space---space-24: 16px;
    --_space---space-128: 96px;
    --_space---space-64: 48px;
    --_space---space-8: 4px;
    --_space---space-96: 64px;
    --_space---space-12: 8px;
    --_space---space-192: 192px;
    --_space---space-16: 12px;
  }

  .nav-logo.w--current {
    width: 54px;
  }
}

#w-node-dbeba350-7eff-cd9d-12cc-f06fa251c462-c8f3b846 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start stretch;
}

#w-node-_13300cde-19f5-436d-fb7e-6cdd98f7398c-c8f3b846 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-_61092f12-b8fc-e39d-99d0-dc256f9b67ba-c8f3b846 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-_1dd74dc9-da6e-030b-9657-69cf01ba49d3-c8f3b846 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-a6f61abc-cb73-3755-9be7-51dcb3a88ac3-c8f3b846, #w-node-f25c417b-3125-b33e-67f0-5ec03faf51c8-c8f3b846, #w-node-a7e310f9-eb49-c6f9-9fd5-94aae36b61ae-c8f3b846 {
  align-self: stretch;
}

#w-node-_93a2c5fd-9bbc-c89c-1ff3-05cbfe441970-c8f3b846, #w-node-_3c028d7b-e370-1f26-3f05-2e56e0dd644b-c8f3b846 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-_54a3168b-d0f0-fb7f-cfc7-265eccc3ad46-c8f3b846 {
  align-self: stretch;
}

#w-node-_54a3168b-d0f0-fb7f-cfc7-265eccc3ad47-c8f3b846, #w-node-_54a3168b-d0f0-fb7f-cfc7-265eccc3ad49-c8f3b846 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-_2eeb9a7b-f30c-cbab-9cee-4a6a4fceaeb0-c8f3b846, #w-node-_5ec5c932-95e0-54d4-61a3-854b9040bc73-c8f3b846, #w-node-_3b171884-659d-ca6d-81ba-2b5a841b6a00-c8f3b846, #w-node-_45c4ddd0-d783-f4fb-f224-0b586f1fe3ee-c8f3b846, #w-node-_9734c839-35a6-c1e1-e588-56d02622487e-c8f3b846, #w-node-_9734c839-35a6-c1e1-e588-56d026224883-c8f3b846, #w-node-_9734c839-35a6-c1e1-e588-56d026224888-c8f3b846, #w-node-_755b59cf-e94a-6e1c-dcf5-e55a723e056d-c8f3b846, #w-node-_7a418faf-7cce-0d98-eb1f-ef18cc1b344e-c8f3b846, #w-node-d569f640-6eee-4351-4d3d-4008b1098c54-c8f3b846, #w-node-d569f640-6eee-4351-4d3d-4008b1098c59-c8f3b846, #w-node-_9bb91c6d-4489-e71a-88f0-fbe9e73d087a-c8f3b846 {
  place-self: center;
}

#w-node-_3c068750-00c6-ed29-003c-067bac337ada-004d0abe, #w-node-_3c068750-00c6-ed29-003c-067bac337ae1-004d0abe, #w-node-_8f49b73a-01c5-5eac-13b0-3f98d54d7f39-3aacef7b, #w-node-_8f49b73a-01c5-5eac-13b0-3f98d54d7f3e-3aacef7b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-f06e1ec4-c36a-98d6-067d-a0fe04bcfd1c-3aacef7b {
  align-self: stretch;
}

#w-node-f06e1ec4-c36a-98d6-067d-a0fe04bcfd1d-3aacef7b, #w-node-f06e1ec4-c36a-98d6-067d-a0fe04bcfd1e-3aacef7b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-b74100d1-deda-011f-9768-fa09f28e2dd4-3aacef7b {
  align-self: stretch;
}

#w-node-b74100d1-deda-011f-9768-fa09f28e2dd5-3aacef7b, #w-node-b74100d1-deda-011f-9768-fa09f28e2dd6-3aacef7b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-f639b097-8ded-31aa-f6e5-540f5e73f134-3aacef7b {
  align-self: stretch;
}

#w-node-f639b097-8ded-31aa-f6e5-540f5e73f135-3aacef7b, #w-node-f639b097-8ded-31aa-f6e5-540f5e73f136-3aacef7b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-e0913f07-11b5-e58a-1eed-c9ac6de98cb4-3aacef7b {
  align-self: stretch;
}

#w-node-e0913f07-11b5-e58a-1eed-c9ac6de98cb5-3aacef7b, #w-node-e0913f07-11b5-e58a-1eed-c9ac6de98cb6-3aacef7b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_1dd74dc9-da6e-030b-9657-69cf01ba49d3-c8f3b846 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d569f640-6eee-4351-4d3d-4008b1098c4d-c8f3b846 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d569f640-6eee-4351-4d3d-4008b1098c4d-c8f3b846 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Playfairdisplay Variablefont Wght';
  src: url('../fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athiti';
  src: url('../fonts/Athiti-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athiti';
  src: url('../fonts/Athiti-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athiti';
  src: url('../fonts/Athiti-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athiti';
  src: url('../fonts/Athiti-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athiti';
  src: url('../fonts/Athiti-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Athiti';
  src: url('../fonts/Athiti-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded';
  src: url('../fonts/MaterialSymbolsRounded-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded';
  src: url('../fonts/MaterialSymbolsRounded-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded Filled';
  src: url('../fonts/MaterialSymbolsRounded_Filled-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded';
  src: url('../fonts/MaterialSymbolsRounded-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded Filled';
  src: url('../fonts/MaterialSymbolsRounded_Filled-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded';
  src: url('../fonts/MaterialSymbolsRounded-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded Filled';
  src: url('../fonts/MaterialSymbolsRounded_Filled-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialsymbolsrounded Filled';
  src: url('../fonts/MaterialSymbolsRounded_Filled-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}