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

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

@font-face {
  font-family: Stara;
  src: url('../fonts/Stara-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Stara;
  src: url('../fonts/Stara-BoldItalic.ttf') format("truetype"), url('../fonts/Stara-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

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

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

@font-face {
  font-family: Originsans;
  src: url('../fonts/OriginSans-Bold.otf') format("opentype"), url('../fonts/OriginSans-BoldOutline.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Originsans;
  src: url('../fonts/OriginSans.otf') format("opentype"), url('../fonts/OriginSans-RegularOutline.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Originsans;
  src: url('../fonts/OriginSans-Light.otf') format("opentype"), url('../fonts/OriginSans-LightOutline.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jojoba;
  src: url('../fonts/Jojoba.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tnanti Demo;
  src: url('../fonts/TNanti-Demo.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

.hero {
  justify-content: center;
  align-items: center;
  height: 87svh;
  display: flex;
}

.div-block {
  height: auto;
}

.div-block.sdfd {
  margin-top: 5vw;
  margin-bottom: -3vw;
}

.lottie-animation-6 {
  width: 960px;
  max-width: 100%;
  padding-right: 35px;
  position: relative;
  top: 52px;
}

.nav-menu-slideout {
  z-index: 100;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  padding-bottom: 3vh;
  display: flex;
}

.nav-buttons {
  background-color: #3898ec00;
  margin-left: .5%;
  margin-right: .5%;
  font-family: Architectsdaughter, sans-serif;
  font-size: 2vw;
  font-weight: 400;
}

.nav-buttons:hover {
  color: #8a8a8a;
}

.nav-buttons.w--current {
  font-weight: 400;
}

.menu-bottom-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.button-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3898ec00;
  font-family: Architectsdaughter, sans-serif;
  font-size: 13px;
}

.lottie-animation-5 {
  width: 130px;
  height: 130px;
}

.div-block-29 {
  justify-content: flex-start;
  align-items: center;
  width: 130px;
  height: 80px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: relative;
}

.menu-circle-1 {
  background-color: #fff;
  border-radius: 20px;
  width: 8px;
  height: 8px;
  transform: translate(0, -5px);
}

.link-block-23 {
  position: absolute;
}

.link-block-23.w--current {
  width: 100%;
  height: 100%;
  inset: 0%;
}

.div-block-30 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 120px;
  padding-bottom: 3vh;
  display: flex;
}

.div-block-30._2 {
  align-items: flex-end;
  width: 90px;
  height: 100px;
  padding-top: 1px;
  padding-bottom: 0;
  padding-right: 2.5vw;
}

.menu-circle-3 {
  background-color: #fff;
  border-radius: 20px;
  width: 8px;
  height: 8px;
  transform: translate(0, 5px);
}

.text-block-7 {
  color: #fff;
  text-align: center;
  margin-top: 8px;
  padding-left: 0%;
  font-size: 22px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-7._2 {
  color: #fff;
  -webkit-text-stroke-width: 1px;
  text-transform: uppercase;
  margin-top: 2px;
  padding-left: 0%;
  font-family: Architectsdaughter, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.text-block-7._2._4 {
  color: #fff;
  letter-spacing: 1.5px;
  -webkit-text-stroke-width: 1px;
  font-size: 20px;
  text-decoration: none;
}

.menu-circle-2 {
  background-color: #fff;
  border-radius: 20px;
  width: 8px;
  height: 8px;
}

.link-block {
  margin-top: 4px;
  margin-left: auto;
  margin-right: 0;
  text-decoration: none;
  position: relative;
}

.navbar-top {
  z-index: 100;
  mix-blend-mode: difference;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-left: 2.2%;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.navbar-top.bottom {
  z-index: 103;
  mix-blend-mode: difference;
  margin-top: 20px;
  position: fixed;
  inset: 0% 0% auto;
}

.image {
  width: 60px;
}

.div-block-31 {
  z-index: 10;
  background-color: #35353500;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.top-bar {
  z-index: 100;
  mix-blend-mode: difference;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 2%;
  padding-right: 3%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.image-2 {
  filter: invert();
  width: 26px;
}

.link-block-24, .link-block-25 {
  margin-right: 7px;
}

.div-block-32 {
  justify-content: center;
  align-items: center;
  height: 760px;
  display: flex;
}

.div-block-396 {
  height: auto;
  margin-bottom: 5%;
  padding-top: 51px;
  padding-bottom: 80px;
  overflow: hidden;
}

.div-block-396.sdfg {
  padding-top: 0;
}

.div-block-396.sdfg.adgs {
  padding-bottom: 0;
}

.div-block-398 {
  justify-content: center;
  align-items: center;
  width: 98%;
  margin-bottom: 1%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-399 {
  background-color: #949494;
  background-image: url('../images/desiree_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 48%;
  height: 610px;
  display: block;
}

.div-block-399._2 {
  background-image: url('../images/2_3.jpg');
  background-position: 50% 85%;
  background-size: cover;
  width: 50%;
}

.link-block-22 {
  color: #fff;
  background-image: linear-gradient(0deg, #000, #fff0 51%);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 31px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-12 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 13px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 1.1em;
}

.text-block-15 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Architectsdaughter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.div-block-400 {
  width: 1%;
}

.div-block-386 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 130px;
  margin-bottom: 5vh;
  padding-top: 0;
  padding-bottom: 0%;
  padding-left: 0%;
  display: flex;
  position: relative;
}

.div-block-387 {
  text-align: center;
  width: 90%;
}

.paragraph-4 {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  font-family: Architectsdaughter, sans-serif;
  font-size: 2vw;
  font-weight: 200;
  line-height: 1.8em;
  display: block;
}

.paragraph-4._2 {
  display: none;
}

.button-7 {
  float: none;
  background-color: #3898ec00;
  margin-top: 20px;
  margin-right: 2.5%;
  font-size: 19px;
  font-weight: 400;
}

.button-7:hover {
  color: #aaa;
}

.button-7.s {
  color: #000;
  margin-left: auto;
  margin-right: auto;
}

.div-block-26 {
  text-align: center;
  flex-flow: column;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1% 0%;
  display: flex;
  position: relative;
}

.div-block-28 {
  justify-content: center;
  align-items: center;
  margin: 1vw auto 0;
  display: flex;
}

.div-block-27 {
  background-color: #000;
  background-image: url('../images/pexels-kevinbidwell-2183132_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 22vw;
  height: 40vw;
  margin-left: 0;
  margin-right: 2vw;
}

.div-block-27._1 {
  background-color: #fff;
  background-image: url('../images/P_1.avif');
  background-position: 50%;
  background-size: 140%;
  width: 23vw;
  height: 30vw;
  margin-right: 1vw;
}

.div-block-27._1._11 {
  background-image: url('../images/PXL_20250517_193734430.JPG');
  background-size: cover;
}

.div-block-27._2 {
  background-color: #fff;
  background-image: url('../images/426513067_7296681633744379_1526761819324590037_n_1.avif');
  background-position: 0%;
  background-size: cover;
  width: 24vw;
  height: 30vw;
  margin-right: 1vw;
}

.div-block-27._2._22 {
  background-image: url('../images/IMG_2322.jpeg');
  background-position: 50%;
}

.div-block-27._2.sdfsgdf {
  background-image: url('../images/FullSizeRender.JPEG');
  background-position: 50%;
}

.div-block-27._3 {
  background-color: #fff;
  background-image: url('../images/1_1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 24vw;
  height: 30vw;
  margin-right: 1vw;
}

.div-block-27._3._33 {
  background-image: url('../images/IMG_1785.jpg');
}

.div-block-27._4 {
  background-color: #fff;
  background-image: url('../images/435450790_729487775841186_2245426965735540754_n_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 23vw;
  height: 30vw;
  margin-left: auto;
  margin-right: auto;
}

.div-block-27._4._44 {
  background-image: url('../images/sr.jpg');
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.div-block-395 {
  background-color: #fff;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-395.drt.sdagdsh {
  margin-bottom: 5vh;
}

.flex-vert-lt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-vert-lt.flex-gap-small._1 {
  display: none;
}

.text-block-8 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 43px;
  padding-left: 0;
  padding-right: 0;
  font-family: Architectsdaughter, sans-serif;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.2em;
}

.text-block-8._222 {
  display: none;
}

.div-block-394 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10%;
  padding-bottom: 0%;
}

.div-block-394.dsfg {
  padding-top: 0%;
}

.form_message-success-2 {
  text-transform: none;
  background-color: #0000;
  width: 100%;
  padding: 1.25rem;
}

.form_enquiries {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  display: block;
}

.form-wrapper {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 3px;
  flex-direction: column;
  width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 2.5rem;
  display: flex;
}

.zoo-image {
  width: 5rem;
}

.text-field-3 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff0;
  border: 0 solid #0000;
  border-bottom: 2px solid #000;
  padding-top: 43px;
  padding-bottom: 43px;
  padding-left: .5%;
  font-family: Architectsdaughter, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.text-field-3:hover, .text-field-3:active, .text-field-3:focus {
  color: #000;
  background-color: #fff0;
}

.text-field-3:focus-visible, .text-field-3[data-wf-focus-visible] {
  background-color: #fff0;
}

.text-field-3::placeholder {
  color: #000;
  background-color: #fff0;
}

.form_message-error-2 {
  text-align: center;
  text-transform: none;
  background-color: #0000;
  margin-top: .75rem;
  padding: .75rem;
}

.button-5 {
  color: #fff;
  background-color: #000;
  margin-top: 3%;
  padding: 27px 46px 27px 43px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 16px;
}

.form_select-2 {
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #aaa;
  border-bottom: 2px solid #000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 43px 1.4rem 43px 0;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.text-size-small {
  font-size: .875rem;
  display: none;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.select-field {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff0;
  border: 0 solid #0000;
  border-bottom: 2px solid #000;
  height: 95px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Architectsdaughter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  display: block;
}

.flex-vert-cc {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-21 {
  filter: invert();
  margin-left: 0;
  padding: 6px 6px 6px 0;
  position: relative;
  left: -3px;
}

.div-block-36 {
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.div-block-384 {
  filter: invert();
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 133px;
  margin-top: 59px;
  display: flex;
}

.div-block-384.sdgfh {
  width: 120px;
  margin-top: 20px;
}

.div-block-384.sdgfh.wertg {
  margin-top: 0;
  position: relative;
  top: -10px;
  left: 36px;
}

.div-block-23 {
  width: 50%;
}

.div-block-37 {
  position: relative;
  left: 17px;
}

.text-span-4 {
  font-size: 78px;
}

.image-37 {
  width: 30px;
  margin-left: 0;
}

.footer {
  background-color: #fff;
  border-top: 0 solid #0000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 92px 2% 50px;
  display: flex;
}

.button-4 {
  color: #000;
  text-align: left;
  background-color: #3898ec00;
  width: auto;
  margin-left: 2%;
  margin-right: 2%;
  padding: 0;
  font-family: Architectsdaughter, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  display: inline-block;
}

.button-4:hover {
  color: #707070;
}

.heading-9 {
  color: #fff;
  text-align: left;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.6em;
}

.image-38 {
  width: 100%;
}

.div-block-22 {
  background-color: #fff;
  border-top: 2px solid #6c9db2;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 38px 2% 32px;
  display: flex;
}

.text-block-5 {
  color: #6c9db1;
  letter-spacing: 1px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 11px;
}

.link {
  color: #000;
  text-decoration: none;
}

.link-block-26 {
  color: #fff;
  text-decoration: none;
}

.link-block-27 {
  margin-left: 0;
  padding: 6px 6px 6px 0;
  position: relative;
  top: -2px;
  left: -3px;
}

.div-block-405 {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  padding-top: 3%;
  padding-bottom: 2%;
  padding-left: 2%;
  display: flex;
  position: relative;
}

.div-block-405._2 {
  background-image: url('../images/AE_1.avif');
  background-position: 50%;
  background-size: cover;
  border-top-right-radius: 10%;
}

.div-block-405._2._5 {
  background-image: url('../images/ok.jpg');
  background-position: 50% 0;
}

.div-block-405._2._5.asdf {
  background-image: url('../images/ak.png');
  background-position: 50% 0;
}

.div-block-405._2._5.ytht {
  background-image: none;
  padding-top: 0%;
  padding-bottom: 0%;
}

.div-block-405._2._5._6 {
  background-image: url('../images/12_1.jpg');
}

.div-block-405._2.asdasfgf {
  background-image: url('../images/12.jpg');
  background-position: 50% 20%;
  background-size: cover;
}

.div-block-405.rweyh {
  padding-bottom: 4%;
}

.div-block-405.rweyh.er {
  padding-bottom: 2%;
  position: relative;
}

.div-block-405.dsgfg {
  padding-bottom: 0%;
}

.text-block-16 {
  color: #000;
  margin-bottom: 9px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1em;
}

.text-block-16.y {
  margin-bottom: 20px;
}

.text-block-16.y.dasg {
  display: inline-block;
}

.text-block-16.asfgr {
  margin-bottom: 30px;
  margin-left: -3px;
}

.text-block-16.asfgr.de {
  margin-bottom: 20px;
}

.text-block-16.asfgr.ewreythy {
  display: block;
}

.div-block-406 {
  display: inline;
}

.div-block-404 {
  width: 100%;
  height: 76vh;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.div-block-404.ewrt {
  height: 100%;
}

.paragraph-5 {
  color: #000;
  margin-top: 3%;
  margin-bottom: -10px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 2em;
}

.paragraph-5.er {
  margin-top: 2%;
  padding-right: 25px;
}

.paragraph-5.er.e {
  margin-top: 0%;
}

.div-block-403 {
  background-color: #0000;
  justify-content: center;
  align-items: flex-end;
  height: 92vh;
  display: flex;
}

.div-block-403.dfgthrg {
  height: 71vh;
}

.text-block-17 {
  color: #000;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 14px;
  margin-right: 3%;
  font-family: Architectsdaughter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline;
}

.text-block-17.esrtb {
  display: inline;
}

.text-block-17.ee {
  display: block;
}

.div-block-407 {
  background-color: #000;
  justify-content: flex-start;
  height: auto;
  padding-top: 1%;
  padding-left: 2%;
  padding-right: 0%;
  display: flex;
}

.div-block-407._2 {
  background-color: #0000;
}

.div-block-412 {
  background-color: #fff;
  background-image: url('../images/D_2.avif');
  background-position: 50%;
  background-size: cover;
  width: 24%;
  height: 380px;
  margin-right: 1%;
}

.div-block-412._1 {
  background-image: url('../images/435450790_729487775841186_2245426965735540754_n_1.avif');
}

.div-block-412._1._123 {
  background-image: url('../images/1_1.jpg');
}

.div-block-412._2 {
  background-image: url('../images/6A1A73E3-E943-4D51-8B5B-B28AADC50E18.jpeg');
}

.div-block-412._2._321 {
  background-image: url('../images/FullSizeRender.JPEG');
}

.div-block-412._3 {
  background-image: url('../images/424477258_195081410333594_7579743456244571541_n_1.avif');
}

.div-block-412._3._213 {
  background-image: url('../images/3_2.jpg');
}

.div-block-412._4 {
  background-image: url('../images/IMG_1785.jpg');
}

.div-block-412._4._312 {
  background-image: url('../images/4_1.jpg');
}

.div-block-412._11 {
  background-image: url('../images/Nails.jpg');
  background-position: 50%;
  height: 420px;
}

.div-block-412._11.ff {
  background-image: url('../images/443839979_746415417367245_787182261422426526_n.jpg');
  background-position: 70%;
  height: 550px;
}

.div-block-412._11._3436ty5h {
  background-image: url('../images/437505046_1198088117849181_2742873306909765818_n.jpg');
}

.div-block-412._11._3436ty5h.dg {
  background-image: url('../images/s.jpg');
}

.div-block-412._11.pp {
  background-image: url('../images/455239129_1602701636970620_1267119203470801911_n.jpeg');
  height: 450px;
}

.div-block-412._11.serdt {
  background-image: url('../images/04d5e63c-72e8-416c-af68-d8f2e0fd3ffa.png');
}

.div-block-412._11.serdt._555 {
  background-image: url('../images/7.jpg');
}

.div-block-412._11._111 {
  background-image: url('../images/1.jpg');
}

.div-block-412._22 {
  background-image: url('../images/444.jpg');
  background-position: 50% 100%;
  background-size: cover;
  height: 420px;
}

.div-block-412._22.gg {
  background-image: url('../images/ak.png');
  background-position: 50%;
  height: 550px;
}

.div-block-412._22._343tyg {
  background-image: url('../images/sd.png');
}

.div-block-412._22.yy {
  background-image: url('../images/435855881_789763516408709_3388455391430096887_n.jpeg');
  height: 450px;
}

.div-block-412._22.ert {
  background-image: url('../images/7938bb13-1032-442e-b51f-07fb84ce365d.png');
  background-position: 50%;
  background-size: cover;
}

.div-block-412._22.ert._666 {
  background-image: url('../images/5.jpg');
}

.div-block-412._22._222 {
  background-image: url('../images/8.jpg');
}

.div-block-412._33 {
  background-image: url('../images/222.jpg');
  background-position: 50%;
  background-size: cover;
  height: 420px;
}

.div-block-412._33.hh {
  background-image: url('../images/IMG_3092.jpg');
  height: 550px;
}

.div-block-412._33._32455y {
  background-image: url('../images/jjl.jpg');
}

.div-block-412._33.qq {
  background-image: url('../images/474323507_538704289198242_2618608907323537825_n.jpeg');
  height: 450px;
}

.div-block-412._33.ert {
  background-image: url('../images/91959848-b105-42ba-97f7-54d94754a981.png');
  background-position: 50% 0;
}

.div-block-412._33.ert._777 {
  background-image: url('../images/3_1.jpg');
}

.div-block-412._33._333 {
  background-image: url('../images/4.jpg');
}

.div-block-412._44 {
  background-image: url('../images/43.jpg');
  background-position: 50%;
  background-size: cover;
  height: 420px;
}

.div-block-412._44.jj {
  background-image: url('../images/ew.jpg');
  background-position: 50%;
  height: 550px;
}

.div-block-412._44.jj.etger {
  background-image: url('../images/437505046_1198088117849181_2742873306909765818_n.jpg');
  background-position: 50%;
  width: 49%;
}

.div-block-412._44.t4324t {
  background-image: url('../images/hgjkljhj.jpg');
}

.div-block-412._44.cc {
  background-image: url('../images/2_1.jpg');
  height: 450px;
}

.div-block-412._44.rtry {
  background-image: url('../images/9f.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-412._44.rtry._888 {
  background-image: url('../images/6.jpg');
}

.div-block-412._44._444 {
  background-image: url('../images/2_2.jpg');
}

.div-block-413 {
  background-color: #0000;
  justify-content: flex-start;
  height: auto;
  padding-top: 1%;
  padding-left: 2%;
  padding-right: 0%;
  display: flex;
}

.div-block-414 {
  background-color: #fff;
  background-image: url('../images/SE_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 24%;
  height: 380px;
  margin-right: 1%;
}

.div-block-414._5 {
  background-image: url('../images/433494182_1160736185296243_3390847755395570939_n_1.avif');
}

.div-block-414._6 {
  background-image: url('../images/IMG_2322.jpeg');
}

.div-block-414._7 {
  background-image: url('../images/sr.jpg');
}

.div-block-414._8 {
  background-image: url('../images/HU_1.avif');
}

.div-block-414._111 {
  background-image: url('../images/nose_1.avif');
  background-size: cover;
}

.div-block-414._111.kk {
  background-image: url('../images/SE_1.avif');
  height: 550px;
}

.div-block-414._111.yt {
  background-image: url('../images/121.jpg');
  height: 450px;
}

.div-block-414._222 {
  background-image: url('../images/sdf.jpg');
}

.div-block-414._222.aa {
  background-image: url('../images/434092386_418073764145331_6948600049543206243_n.jpg');
  background-position: 50% 0;
  height: 550px;
}

.div-block-414._222.rt {
  background-image: url('../images/22.jpg');
  height: 450px;
}

.div-block-414._333 {
  background-image: url('../images/2.jpg');
  background-position: 50%;
}

.div-block-414._333.zz {
  background-image: url('../images/429797859_966286828257101_6506212833622230556_n.jpg');
  height: 550px;
}

.div-block-414._333.bf {
  background-image: url('../images/232.jpg');
  height: 450px;
}

.div-block-414._444 {
  background-image: url('../images/3.jpg');
}

.div-block-414._444.cc {
  background-image: url('../images/434092386_418073764145331_6948600049543206243_n.jpg');
  height: 550px;
}

.div-block-414._444._35t.tyd {
  background-image: url('../images/443228377_1862702054153264_3317551877248123481_n.jpeg');
  height: 450px;
}

.link-2 {
  color: #aaa;
  text-decoration: none;
}

.link-block-28 {
  margin-left: 0;
  padding: 6px 6px 6px 0;
  position: relative;
  left: -3px;
}

.div-block-415 {
  background-color: #000;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-416 {
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding-left: 0%;
}

.text-block-18 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 43px;
  padding-right: 10vw;
  font-size: 5vw;
  font-weight: 500;
  line-height: 1.2em;
}

.div-block-417 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7%;
  padding-bottom: 9%;
}

.div-block-418 {
  filter: invert();
  display: flex;
}

.div-block-419 {
  background-color: #000;
  border-top: 2px solid #fff;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 38px 2% 32px;
  display: flex;
}

.form_enquiries-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  display: block;
}

.text-field-4 {
  color: #fff;
  text-transform: uppercase;
  background-color: #fff0;
  border: 0 solid #0000;
  border-bottom: 2px solid #fff;
  padding-top: 43px;
  padding-bottom: 43px;
  padding-left: .5%;
  font-size: 20px;
  font-weight: 400;
}

.text-field-4:hover {
  background-color: #fff0;
}

.text-field-4:active, .text-field-4:focus {
  color: #000;
  background-color: #fff0;
}

.text-field-4:focus-visible, .text-field-4[data-wf-focus-visible] {
  background-color: #fff0;
}

.text-field-4::placeholder {
  color: #fff;
  background-color: #fff0;
}

.div-block-421 {
  position: relative;
  left: 17px;
}

.button-8 {
  color: #000;
  background-color: #fff;
  margin-top: 3%;
  padding: 27px 46px;
  font-size: 16px;
}

.text-block-19 {
  color: #fff;
  letter-spacing: 1px;
  font-size: 15px;
}

.select-field-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #fff0;
  border: 0 solid #0000;
  border-bottom: 2px solid #fff;
  height: 95px;
  padding-left: 0;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.footer-2 {
  background-color: #000;
  border-top: 2px solid #fff;
  justify-content: space-between;
  align-items: center;
  height: 500px;
  padding-left: 2%;
  padding-right: 4%;
  display: flex;
}

.button-9 {
  text-align: left;
  background-color: #3898ec00;
  width: auto;
  margin-right: 3%;
  padding: 0;
  font-size: 1.3vw;
  font-weight: 400;
  display: inline-block;
}

.button-9:hover {
  color: #707070;
}

.heading-13 {
  color: #fff;
  text-align: left;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.6em;
}

.lottie-animation-7 {
  z-index: 70;
  margin-bottom: 60px;
  position: relative;
}

.div-block-422 {
  display: none;
}

.lottie-animation-8 {
  position: absolute;
  inset: 0%;
}

.image-39 {
  float: none;
  width: 144px;
  margin-top: 1vw;
  margin-bottom: 0;
  display: block;
  position: relative;
  top: -44px;
}

.image-39.hkl {
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  top: 54px;
  left: -53px;
}

.image-39.d {
  width: 240px;
  top: 28px;
}

.div-block-423 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-423.x, .div-block-423.s {
  justify-content: flex-start;
}

.div-block-424 {
  padding-left: 5px;
}

.div-block-424.sgrngh {
  margin-top: 3vw;
  margin-bottom: 1vw;
  display: inline-block;
}

.div-block-425 {
  margin-top: 134px;
}

.div-block-425.dasfg {
  margin-top: 30px;
}

.div-block-426 {
  height: 640px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2%;
  display: flex;
}

.div-block-427 {
  filter: grayscale();
  background-color: #000;
  background-image: url('../images/pexels-kevinbidwell-2183132_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 30%;
  margin-right: 2%;
}

.div-block-427._01 {
  filter: none;
  background-image: url('../images/The-Silver_.png');
  background-position: 50% 0;
  background-size: cover;
  width: 33%;
}

.div-block-427._02 {
  filter: none;
  background-image: url('../images/IMG_3092.jpg');
  background-position: 50% 0;
  width: 33%;
}

.div-block-427._03 {
  filter: none;
  background-image: url('../images/rwagregew.jpg');
  background-position: 50% 0;
  width: 33%;
}

.div-block-427._04 {
  filter: none;
  background-image: url('../images/allef-vinicius-M47HaQ1D__c-unsplash.jpg');
}

.div-block-19 {
  height: auto;
  padding-top: 4%;
  padding-bottom: 5%;
  padding-left: 2%;
}

.paragraph {
  color: #000;
  margin-top: 5%;
  margin-bottom: 5vh;
  font-size: 4.5vw;
  line-height: 1em;
}

.paragraph._22 {
  font-size: 3.5vw;
}

.text-block-6 {
  width: 1120px;
  max-width: 100%;
  margin-bottom: 0%;
  font-size: 17px;
  font-weight: 400;
}

.image-4 {
  filter: grayscale();
  width: 98%;
  margin-top: 3%;
  margin-bottom: -7%;
  margin-right: 2%;
}

.image-40, .image-41 {
  display: block;
}

.div-block-428 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.div-block-428.ewrty {
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.sdgf {
  mix-blend-mode: difference;
}

.sdgf.dsfgbh {
  display: inline-block;
}

.image-42 {
  width: 29%;
  position: absolute;
  inset: 10vh 0% auto auto;
}

.image-42.sfdg {
  top: 7vh;
}

.image-42.sfdg.asdgrt {
  top: 28vh;
}

.image-42.sfdg.egrht {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 93px 0% 0%;
}

.image-42.zcf {
  filter: invert();
  width: 20%;
  top: 5vh;
}

.image-43 {
  filter: invert();
  width: 60px;
  margin-bottom: 10%;
}

.sedrghtyjh {
  display: block;
  position: relative;
  top: -8px;
  left: 0;
}

.textarea {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #000;
  padding-top: 98px;
  padding-bottom: 84px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 17px;
  position: relative;
  top: -12px;
}

.textarea::placeholder {
  color: #000;
}

.div-block-429 {
  justify-content: center;
  align-items: flex-end;
  height: 30vh;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-429.sdgfg {
  height: 9vh;
}

.text-block-20 {
  color: #000;
  text-transform: uppercase;
  font-family: Architectsdaughter, sans-serif;
  font-size: 50px;
  line-height: 1em;
}

.div-block-430 {
  justify-content: center;
  align-items: center;
  height: 500px;
  margin-top: 5%;
  display: flex;
}

.div-block-431 {
  background-image: url('../images/434092386_418073764145331_6948600049543206243_n.jpg');
  background-position: 50%;
  background-size: cover;
  width: 25%;
  height: 500px;
  margin-left: .5%;
  margin-right: .5%;
}

.div-block-431._32 {
  background-image: url('../images/rwagregew.jpg');
}

.div-block-431._54 {
  background-image: url('../images/The-Silver_.png');
}

.div-block-431._45 {
  background-image: url('../images/jhbj.jpg');
}

.div-block-431.asrt {
  background-image: url('../images/IMG_3092.jpg');
}

.div-block-431._1 {
  background-image: url('../images/426513067_7296681633744379_1526761819324590037_n_1.avif');
}

.div-block-431._2 {
  background-image: url('../images/434837348_921781752914855_3888958813644298951_n-1.jpg');
}

.div-block-431._3 {
  background-image: url('../images/433494182_1160736185296243_3390847755395570939_n_1.avif');
}

.div-block-431._4 {
  background-image: url('../images/435450790_729487775841186_2245426965735540754_n_1.avif');
}

.div-block-431._5 {
  background-image: url('../images/3z.png');
}

.div-block-431._6 {
  background-image: url('../images/420017530_3632422713706536_2325847457653752065_n_1.avif');
}

.div-block-431._7 {
  background-image: url('../images/wolf_1.avif');
}

.div-block-431._8 {
  background-image: url('../images/sr.jpg');
}

.div-block-431._9 {
  background-image: url('../images/SE_1.avif');
}

.div-block-431._10 {
  background-image: url('../images/424477258_195081410333594_7579743456244571541_n_1.avif');
}

.div-block-431._11 {
  background-image: url('../images/jk_1.avif');
}

.div-block-431._12 {
  background-image: url('../images/5z.png');
}

.div-block-431._13 {
  background-image: url('../images/426193102_736213941577943_3157836464761201731_n.jpg');
}

.div-block-431._14 {
  background-image: url('../images/7z.png');
}

.div-block-431._15 {
  background-image: url('../images/PXL_20260221_200038984.JPG');
}

.div-block-431._16 {
  background-image: url('../images/D_2.avif');
}

.div-block-431._17 {
  background-image: url('../images/PXL_20250517_193734430.JPG');
}

.div-block-431._18 {
  background-image: url('../images/PXL_20250614_234021674.JPG');
}

.div-block-431._19 {
  background-image: url('../images/434253378_1160321118657912_1325973843132853315_n.jpg');
}

.div-block-431._20 {
  background-image: url('../images/433322162_844479794152491_2097195405434138916_n.jpg');
}

.div-block-432 {
  width: 1%;
  height: 500px;
}

.lottie-animation-9 {
  width: 790px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.button-10 {
  text-transform: capitalize;
  background-color: #000;
  margin-top: 30px;
  padding: 16px 29px;
  font-family: Architectsdaughter, sans-serif;
}

.link-3, .link-4 {
  color: #000;
  text-decoration: none;
}

.div-block-433 {
  justify-content: center;
  align-items: flex-end;
  height: 340px;
  display: flex;
}

.text-block-21 {
  font-family: Architectsdaughter, sans-serif;
  font-size: 60px;
}

.image-44 {
  width: 25px;
  margin-bottom: 34px;
  margin-right: 25px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-block-22 {
  text-align: center;
  text-transform: capitalize;
  width: 630px;
  margin-top: 27px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 19px;
  line-height: 1.8em;
}

.form-block {
  text-align: center;
  font-family: Architectsdaughter, sans-serif;
}

.form {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-family: Architectsdaughter, sans-serif;
}

.text-field-5 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  border: 0 solid #0000;
  border-bottom: 2px solid #000;
  border-radius: 0;
  padding-top: 31px;
  padding-bottom: 31px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 17px;
}

.text-field-5::placeholder {
  color: #000;
}

.custom-select-container {
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  font-family: Architectsdaughter, sans-serif;
  display: flex;
}

.custom-select-container._1 {
  border: 2px solid #000;
  display: block;
}

.custom-select-wrapper {
  width: 100%;
}

.code-embed {
  font-family: Architectsdaughter, sans-serif;
}

.code-embed-2 {
  color: #000;
  text-transform: uppercase;
  border-bottom: 0 solid #000;
  font-size: 17px;
}

.code-embed-3 {
  margin-top: 29px;
}

.code-embed-4 {
  width: 200px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Architectsdaughter, sans-serif;
  font-size: 21px;
}

.div-block-434 {
  background-color: #000;
  height: 2px;
}

.text-block-23 {
  font-family: Architectsdaughter, sans-serif;
  font-size: 20px;
}

.success-message {
  background-color: #ddd0;
}

.text-block-24 {
  text-transform: uppercase;
  font-size: 15px;
}

.text-block-25 {
  color: #000;
  margin-top: 24px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 16px;
  line-height: 1.8em;
}

.image-45 {
  width: 25px;
  max-width: 25px;
  margin-bottom: 34px;
  margin-right: 25px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.carousel-mask {
  width: 50%;
  overflow: visible;
}

.arrow-left {
  color: #000;
  width: 50px;
  height: 50px;
  inset: auto auto -10% 0%;
}

.carousel-slider._3 {
  right: -4%;
}

.carousel-slider._2 {
  right: -2%;
}

.card-body {
  height: 100%;
  padding: 30px;
}

.div-block-435 {
  background-color: #949494;
  background-image: url('../images/desiree_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 48%;
  height: 610px;
  display: block;
}

.div-block-435._2 {
  background-image: url('../images/1daz.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.div-block-435._2._3 {
  background-image: url('../images/12_1.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.text-block-26 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Architectsdaughter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.card {
  color: #b8b9c2;
  background-color: #3f4046;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.heading-14 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 13px;
  font-family: Architectsdaughter, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: .5em;
}

.card-header {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 30%;
  background-size: cover;
  height: auto;
}

.btn {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3862ec;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 1rem;
  transition: background-color .3s ease-out;
}

.btn:hover {
  background-color: #213ea0;
}

.div-block-436 {
  background-color: #949494;
  background-image: url('../images/desiree_1.avif');
  background-position: 50% 0;
  background-size: cover;
  width: 100%;
  height: 610px;
  display: block;
}

.arrow-right {
  color: #0000;
  width: 50px;
  height: 50px;
  inset: auto 0% -10% auto;
  overflow: hidden;
}

.container {
  width: 90%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.carousel {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 400px;
}

.carousel.is_contained {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.icon {
  color: #000;
  display: block;
}

.slide-nav {
  color: #000;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  inset: auto 0% -9%;
}

.text-span-6 {
  font-size: 2.5vw;
  position: relative;
  top: -2px;
}

.image-46 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-438 {
  text-align: center;
  margin-top: 152px;
  margin-bottom: 30px;
}

.text-span-8 {
  -webkit-text-stroke-width: 1px;
  font-size: 3vw;
}

.icon-2 {
  inset: 0% auto auto 0%;
}

.image-47 {
  width: 11%;
  margin: 14px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-439 {
  height: 500px;
}

.rich-text-block {
  color: #000;
}

@media screen and (max-width: 991px) {
  .div-block-396 {
    padding-bottom: 160px;
  }

  .div-block-399 {
    height: 370px;
  }

  .div-block-386 {
    height: 41vh;
    padding-top: 10px;
  }

  .paragraph-4 {
    font-size: 2vw;
    display: block;
  }

  .paragraph-4._2 {
    font-size: 2vw;
    display: none;
  }

  .div-block-395 {
    padding-bottom: 0;
  }

  .text-block-8 {
    padding-right: 0;
    font-size: 5vw;
    line-height: 1.1em;
  }

  .div-block-394 {
    width: 100%;
    padding-top: 90px;
  }

  .form-wrapper {
    width: 75vw;
    padding: 2rem 0;
  }

  .text-field-3 {
    padding-left: 7px;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .select-field {
    color: #000;
    background-color: #f3f3f300;
    border: 0 solid #000;
    border-bottom-width: 2px;
    width: auto;
    height: 97px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 16px;
    display: block;
  }

  .div-block-384 {
    width: 120px;
  }

  .image-37 {
    width: 25px;
  }

  .div-block-415 {
    padding-bottom: 60px;
  }

  .text-block-18 {
    font-size: 5vw;
    line-height: .9em;
  }

  .div-block-417 {
    width: 75%;
    padding-top: 0;
  }

  .text-field-4 {
    padding-left: 7px;
  }

  .select-field-2 {
    color: #000;
    background-color: #f3f3f300;
    border: 0 solid #000;
    border-bottom-width: 2px;
    height: 97px;
    padding-left: 0;
    font-size: 16px;
    display: block;
  }

  .div-block-422 {
    background-color: #000;
    width: 100%;
    height: 2px;
    padding: 0;
    display: flex;
    position: relative;
    top: -12px;
  }

  .image-39 {
    width: 100px;
    margin-top: 10px;
  }

  .div-block-423 {
    height: 0;
  }

  .div-block-426 {
    height: 390px;
  }

  .text-block-20 {
    text-align: center;
  }

  .div-block-430 {
    flex-flow: column;
    height: auto;
    padding-left: 1%;
    padding-right: 1%;
  }

  .div-block-431._1 {
    width: 100%;
    height: auto;
  }

  .div-block-431._2, .div-block-431._3, .div-block-431._4 {
    width: 100%;
    margin-bottom: 1%;
  }

  .div-block-432 {
    display: none;
  }

  .arrow-left {
    bottom: -15%;
  }

  .div-block-435, .div-block-436 {
    height: 370px;
  }

  .arrow-right {
    bottom: -15%;
  }

  .icon {
    margin-top: 0;
  }

  .slide-nav {
    bottom: -14%;
  }
}

@media screen and (max-width: 767px) {
  .div-block-386 {
    padding-top: 20px;
  }

  .paragraph-4 {
    font-size: 2.3vw;
  }

  .div-block-395 {
    padding-top: 0;
  }

  .text-block-8 {
    font-size: 6vw;
  }

  .div-block-394 {
    width: 95%;
    padding-bottom: 0;
  }

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

  .form-wrapper {
    width: 95vw;
    max-width: 50rem;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-37 {
    width: 3vw;
  }

  .div-block-415 {
    padding-top: 108px;
  }

  .text-block-18 {
    font-size: 6vw;
  }

  .div-block-417 {
    width: 95%;
    padding-bottom: 0;
  }

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

  .div-block-426 {
    height: 290px;
  }

  .carousel-mask {
    width: 60%;
  }

  .carousel-slider._3 {
    right: -18%;
  }

  .carousel-slider._2 {
    right: -9%;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    height: 87svh;
  }

  .lottie-animation-6 {
    padding-right: 0;
    top: 10px;
  }

  .nav-menu-slideout {
    z-index: 100;
    flex-flow: column;
    height: 100vh;
    display: none;
  }

  .div-block-16 {
    flex-flow: column;
    padding-bottom: 10vh;
  }

  .nav-buttons {
    font-size: 7vw;
    line-height: 40px;
  }

  .menu-bottom-div {
    text-align: center;
    justify-content: flex-start;
    height: 100px;
  }

  .button-2 {
    padding-bottom: 0;
    font-size: 14px;
  }

  .lottie-animation-5 {
    width: 118px;
    height: 118px;
    margin-top: 11px;
  }

  .div-block-29 {
    width: 60px;
    height: 70px;
    margin-top: 2px;
    margin-left: 10px;
  }

  .div-block-30._2 {
    width: 70px;
    height: 70px;
    padding-right: 7vw;
  }

  .text-block-7 {
    text-align: center;
    padding-left: 0;
    font-size: 19px;
    line-height: 1.6em;
  }

  .text-block-7._2 {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
  }

  .text-block-7._2._4 {
    font-size: 16px;
    text-decoration: none;
  }

  .link-block {
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-top {
    filter: none;
    mix-blend-mode: difference;
    background-color: #0000;
    height: 80px;
    padding-top: 0;
    padding-left: 0%;
    top: 0;
  }

  .image {
    width: 43px;
    position: relative;
    left: 10px;
  }

  .top-bar {
    height: 70px;
  }

  .image-2 {
    width: 22px;
  }

  .div-block-396 {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .div-block-398 {
    flex-flow: column;
    width: 93%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-399 {
    width: 100%;
    height: 360px;
    margin-bottom: 3%;
  }

  .div-block-399._2 {
    width: 100%;
  }

  .link-block-22 {
    padding: 14px;
    display: flex;
  }

  .heading-12 {
    margin-bottom: 0;
    font-size: 7vw;
    line-height: 1.2em;
  }

  .text-block-15 {
    padding-left: 4px;
    font-size: 3vw;
  }

  .text-block-15.ll {
    padding-left: 0;
  }

  .div-block-400 {
    width: 3%;
  }

  .div-block-386 {
    height: auto;
    margin-top: 0;
    margin-bottom: 0%;
    padding-top: 14%;
    padding-bottom: 12%;
    padding-left: 0%;
  }

  .div-block-387 {
    width: 92%;
  }

  .paragraph-4 {
    margin-bottom: 30px;
    font-size: 4vw;
    line-height: 1.2em;
    display: none;
  }

  .paragraph-4._2 {
    text-align: center;
    font-size: 3.6vw;
    line-height: 1.8em;
    display: block;
  }

  .button-7 {
    margin-top: 0;
    font-size: 15px;
  }

  .div-block-26 {
    z-index: 10;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0%;
    display: block;
    position: relative;
  }

  .div-block-28 {
    flex-flow: column;
    margin-bottom: 11px;
  }

  .div-block-28._2 {
    display: none;
  }

  .div-block-27._1 {
    background-image: url('../images/433494182_1160736185296243_3390847755395570939_n_1.avif');
    background-position: 50%;
    background-size: cover;
    width: 94vw;
    height: 360px;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-27._1.saf {
    background-image: url('../images/6A1A73E3-E943-4D51-8B5B-B28AADC50E18.jpeg');
    height: 490px;
  }

  .div-block-27._2 {
    background-image: url('../images/420017530_3632422713706536_2325847457653752065_n_1.avif');
    background-position: 50% 100%;
    background-size: cover;
    width: 94vw;
    height: 400px;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-27._2.sdfsgdf {
    background-image: url('../images/IMG_1785.jpg');
    background-position: 50%;
    height: 530px;
  }

  .div-block-27._3 {
    background-image: url('../images/IMG_2322.jpeg');
    background-position: 50%;
    background-size: cover;
    width: 94vw;
    height: 470px;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-27._4 {
    background-image: url('../images/IMG_5468.jpg');
    background-position: 50%;
    background-size: cover;
    width: 94vw;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-395 {
    padding-top: 50px;
    padding-bottom: 11px;
    padding-right: 0;
    position: relative;
  }

  .div-block-395.drt {
    padding-top: 20px;
  }

  .flex-vert-lt.flex-gap-small {
    width: 88vw;
  }

  .text-block-8 {
    float: left;
    text-align: left;
    padding-left: 11px;
    padding-right: 0;
    font-size: 8vw;
    line-height: 1.2em;
    display: none;
  }

  .text-block-8._222 {
    text-align: center;
    padding-left: 0;
    display: inline;
  }

  .div-block-394 {
    text-align: left;
    width: 97%;
    padding-top: 38px;
  }

  .div-block-394.dsfg {
    padding-top: 10%;
  }

  .form_enquiries {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .form-wrapper {
    text-align: center;
    width: 97%;
    padding: 0 0 2rem;
  }

  .text-field-3 {
    color: #000;
    text-align: center;
    border-radius: 0;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 4px;
    font-size: 14px;
  }

  .button-5 {
    margin-top: 9%;
  }

  .form_select-2 {
    width: 423px;
    max-width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 3vw;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .select-field {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    background-color: #f3f3f300;
    border: 0 solid #0000;
    border-bottom: 2px solid #000;
    width: auto;
    height: 74px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 0;
    font-size: 14px;
  }

  .link-block-21 {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .div-block-36 {
    text-align: center;
    flex-flow: column;
    margin-top: 9%;
    padding-left: 0%;
    display: flex;
  }

  .div-block-384 {
    text-align: center;
    width: 36%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .div-block-384.sdgfh.wertg {
    width: 26%;
    margin-top: 7vw;
    margin-bottom: 3vw;
  }

  .div-block-23 {
    width: 90%;
    margin: 20px auto 5%;
  }

  .div-block-37 {
    text-align: left;
    width: 100%;
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    left: auto;
  }

  .image-37 {
    width: 6vw;
  }

  .footer {
    text-align: center;
    border-top-color: #000;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0% 69px;
    display: flex;
  }

  .button-4 {
    text-align: center;
    margin-bottom: 22px;
    padding-left: 0%;
    font-size: 24px;
    line-height: 1em;
  }

  .heading-9 {
    text-align: left;
    margin-top: 0;
    font-size: 43px;
    line-height: 1.6em;
  }

  .div-block-22 {
    text-align: center;
    border-top-color: #6c9db2;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .text-block-5 {
    text-align: center;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0%;
    font-size: 12px;
    line-height: 1em;
  }

  .link-block-26 {
    color: #000;
    text-decoration: none;
  }

  .link-block-27 {
    margin-left: 4px;
  }

  .div-block-405 {
    flex-flow: column;
    width: 100%;
    padding-top: 12%;
    padding-bottom: 0%;
    display: block;
  }

  .div-block-405._2 {
    border-bottom-right-radius: 10%;
    width: 100%;
    height: 400px;
  }

  .div-block-405._2._5 {
    background-size: cover;
  }

  .div-block-405._2._5.asdf {
    background-position: 50% 0;
  }

  .div-block-405._2._5.ytht {
    height: auto;
  }

  .div-block-405.rweyh.er {
    padding-left: 0%;
  }

  .text-block-16 {
    font-size: 6vw;
  }

  .text-block-16.y.dasg {
    text-align: center;
    margin-bottom: -11px;
  }

  .text-block-16.asfgr.ewreythy {
    margin-bottom: 0;
  }

  .text-block-16.asfgr.ewreythy.eryh {
    text-align: center;
    margin-bottom: 30px;
  }

  .div-block-406 {
    margin-top: 30px;
    margin-left: 0;
    margin-right: auto;
  }

  .div-block-404 {
    flex-flow: column;
    height: auto;
    display: block;
  }

  .div-block-404.ewrt {
    padding-left: 0%;
  }

  .paragraph-5 {
    text-align: center;
    margin-top: 5%;
    font-size: 5vw;
  }

  .paragraph-5.er.e {
    text-align: center;
    padding-right: 0;
  }

  .paragraph-5.dfgh, .paragraph-5.d {
    text-align: left;
  }

  .div-block-403 {
    align-items: flex-end;
    height: auto;
    margin-top: 110px;
    padding-bottom: 5%;
  }

  .div-block-403.dfgthrg {
    height: auto;
  }

  .text-block-17 {
    margin-top: 6px;
  }

  .div-block-407 {
    flex-flow: column;
    padding-top: 2%;
    padding-right: 2%;
  }

  .div-block-407._2 {
    display: block;
  }

  .div-block-412 {
    width: 98%;
    height: 250px;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-412._1 {
    height: 400px;
  }

  .div-block-412._2 {
    height: 450px;
  }

  .div-block-412._3 {
    height: 350px;
  }

  .div-block-412._4 {
    height: 490px;
  }

  .div-block-412._11 {
    height: 460px;
  }

  .div-block-412._11.ff {
    background-position: 50%;
    height: 550px;
  }

  .div-block-412._11._3436ty5h.dg {
    height: 420px;
  }

  .div-block-412._11.serdt {
    height: 450px;
  }

  .div-block-412._22 {
    height: 420px;
  }

  .div-block-412._22.gg {
    background-position: 50% 0;
  }

  .div-block-412._33 {
    height: 420px;
  }

  .div-block-412._33.hh, .div-block-412._33._32455y {
    background-position: 50% 0;
  }

  .div-block-412._33.ert {
    height: 450px;
  }

  .div-block-412._44 {
    height: 400px;
  }

  .div-block-412._44.jj {
    background-position: 50% 0;
  }

  .div-block-412._44.jj.etger {
    width: 98%;
  }

  .div-block-412._44.t4324t {
    height: 420px;
  }

  .div-block-413 {
    flex-flow: column;
    padding-top: 2%;
    padding-right: 2%;
  }

  .div-block-414 {
    width: 98%;
    height: 440px;
    margin-bottom: 3%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-414._1 {
    background-image: url('../images/435450790_729487775841186_2245426965735540754_n_1.avif');
    background-size: cover;
    height: 400px;
  }

  .div-block-414._2 {
    background-image: url('../images/420017530_3632422713706536_2325847457653752065_n_1.avif');
    background-size: cover;
    height: 470px;
  }

  .div-block-414._3 {
    background-image: url('../images/424477258_195081410333594_7579743456244571541_n_1.avif');
    height: 410px;
  }

  .div-block-414._5 {
    background-position: 50% 0;
    height: 430px;
  }

  .div-block-414._6 {
    background-position: 50%;
    height: 370px;
  }

  .div-block-414._8 {
    background-image: url('../images/P_1.avif');
    background-size: 120%;
  }

  .div-block-414._111 {
    height: 370px;
  }

  .div-block-414._222 {
    height: 400px;
  }

  .div-block-414._222.aa {
    background-position: 50% 0;
  }

  .div-block-414._333 {
    height: 390px;
  }

  .div-block-414._444 {
    height: 290px;
  }

  .div-block-414._444.cc {
    background-position: 50% 0;
  }

  .div-block-414._444._35t {
    height: 380px;
  }

  .div-block-415 {
    padding-top: 50px;
    padding-bottom: 60px;
    padding-right: 10px;
    position: relative;
  }

  .div-block-415._2 {
    padding-top: 30px;
  }

  .div-block-416 {
    flex-flow: column;
    margin-top: 9%;
    display: flex;
  }

  .text-block-18 {
    float: left;
    padding-left: 11px;
    padding-right: 0;
    font-size: 8vw;
    line-height: 1.2em;
    display: inline;
  }

  .div-block-417 {
    text-align: left;
    width: 97%;
    padding-top: 38px;
  }

  .div-block-418 {
    margin-top: 30px;
    margin-left: 0;
    margin-right: auto;
  }

  .div-block-419 {
    display: none;
  }

  .form_enquiries-2 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-field-4 {
    color: #fff;
    border-radius: 0;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 4px;
    font-size: 4vw;
  }

  .div-block-420 {
    margin-bottom: 10%;
  }

  .div-block-421 {
    width: 110px;
    margin-top: 20%;
  }

  .button-8 {
    margin-top: 6%;
  }

  .text-block-19 {
    padding-left: 5%;
    font-size: 10px;
  }

  .select-field-2 {
    color: #fff;
    text-transform: uppercase;
    background-color: #f3f3f300;
    border: 0 solid #0000;
    border-bottom: 2px solid #fff;
    height: 74px;
    padding-top: 10px;
    padding-left: 0;
    font-size: 4vw;
  }

  .footer-2 {
    background-image: linear-gradient(#000000ed, #000000ed), url('../images/D_1.avif');
    background-position: 0 0, 86%;
    background-repeat: repeat, repeat-y;
    background-size: auto, 100%;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 69px;
    padding-bottom: 69px;
    padding-left: 5%;
    display: flex;
  }

  .button-9 {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .heading-13 {
    text-align: left;
    margin-top: 0;
    font-size: 43px;
    line-height: 1.6em;
  }

  .lottie-animation-7 {
    margin-bottom: 0;
  }

  .div-block-422 {
    background-color: #000;
    width: 100%;
    height: 2px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: -12px;
  }

  .image-39 {
    width: 100px;
    margin-top: 0;
    margin-bottom: 0;
    top: -26px;
  }

  .image-39.d {
    width: 200px;
    top: 0;
  }

  .div-block-423 {
    height: 20px;
    margin-top: 72px;
  }

  .div-block-424.sgrngh {
    text-align: left;
  }

  .div-block-425 {
    margin-top: 110px;
    margin-bottom: 10%;
  }

  .div-block-426 {
    height: 220px;
    margin-bottom: 2vh;
  }

  .div-block-19 {
    width: 100vw;
    height: 530px;
    margin-top: 3%;
    padding-top: 0%;
    padding-left: 4%;
    overflow: hidden;
  }

  .div-block-19.asdsfb {
    padding-left: 0%;
  }

  .div-block-19.asdsfb.wergt {
    height: auto;
  }

  .paragraph {
    margin-top: 0%;
    margin-bottom: 2vh;
    font-size: 5vw;
  }

  .paragraph._22 {
    font-size: 5vw;
  }

  .paragraph._22._33 {
    display: none;
  }

  .image-4 {
    margin-top: 10%;
  }

  .div-block-428.ewrty {
    text-align: center;
  }

  .div-block-428.ewrty.dg {
    padding-bottom: 0;
    padding-right: 10px;
  }

  .image-42 {
    width: 30%;
    inset: 2vh 0% auto auto;
  }

  .image-42.sfdg.asdgrt.wergt {
    top: 6.2vh;
  }

  .image-42.sfdg.egrht {
    width: 22%;
    inset: 12vh 3vh auto auto;
  }

  .textarea {
    font-size: 14px;
  }

  .div-block-429 {
    height: 230px;
  }

  .div-block-429.sd {
    height: 210px;
  }

  .text-block-20 {
    text-align: center;
    font-size: 32px;
  }

  .div-block-430 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .div-block-431._32, .div-block-431._54, .div-block-431._45 {
    background-position: 50% 0;
    width: 100%;
    margin-bottom: 3%;
  }

  .div-block-431.asrt {
    background-position: 50% 0;
    width: 100%;
  }

  .div-block-431._1 {
    height: 500px;
    margin-bottom: 3%;
  }

  .div-block-431._2, .div-block-431._3, .div-block-431._4 {
    margin-bottom: 3%;
  }

  .div-block-431._5, .div-block-431._6, .div-block-431._7, .div-block-431._8, .div-block-431._9, .div-block-431._10, .div-block-431._11, .div-block-431._12, .div-block-431._13, .div-block-431._14, .div-block-431._15, .div-block-431._16, .div-block-431._17, .div-block-431._18, .div-block-431._19 {
    width: 100%;
    margin-bottom: 3%;
  }

  .div-block-431._20 {
    width: 100%;
  }

  .lottie-animation-9 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .link-3, .link-4 {
    color: #000;
    text-decoration: none;
  }

  .image-44 {
    width: 16px;
    margin-bottom: 20px;
    margin-right: 13px;
  }

  .text-block-22 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .form-block {
    margin-bottom: 20%;
  }

  .text-block-25 {
    text-align: center;
    margin-top: 45px;
    font-size: 13px;
  }

  .image-45 {
    width: 16px;
    margin-bottom: 20px;
    margin-right: 13px;
  }

  .carousel-mask {
    width: 100%;
  }

  .arrow-left {
    margin-top: 10px;
    bottom: auto;
  }

  .carousel-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .carousel-slider._3, .carousel-slider._2 {
    right: 0%;
  }

  .card-body {
    padding: 20px;
  }

  .div-block-435 {
    width: 100%;
    height: 360px;
    margin-bottom: 3%;
  }

  .div-block-435._2 {
    width: 100%;
    margin-bottom: 0%;
  }

  .text-block-26 {
    font-size: 10px;
  }

  .card {
    box-shadow: none;
    background-color: #3f404600;
  }

  .heading-14 {
    margin-bottom: 0;
    font-size: 21px;
    line-height: 1em;
  }

  .div-block-436 {
    width: 100%;
    height: 360px;
    margin-bottom: 0%;
  }

  .arrow-right {
    margin-top: 10px;
    bottom: auto;
  }

  .container {
    width: 85%;
  }

  .carousel.is_contained {
    padding-bottom: 75px;
  }

  .icon {
    margin-top: 0;
    display: block;
  }

  .slide-nav {
    padding-top: 25px;
    display: block;
    bottom: auto;
  }

  .text-span-5 {
    font-size: 4vw;
  }

  .text-span-6 {
    font-size: 3.3vw;
    position: relative;
    top: -2px;
  }

  .div-block-437 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .image-46 {
    padding-left: 21px;
    padding-right: 21px;
  }

  .div-block-438 {
    margin-top: 10px;
  }

  .text-span-7 {
    -webkit-text-stroke-width: 1px;
    font-size: 5vw;
    font-weight: 400;
  }

  .image-47 {
    width: 12%;
  }
}


@font-face {
  font-family: 'Trashhand';
  src: url('../fonts/TrashHand.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-Bold.ttf') format('truetype'), url('../fonts/Stara-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-BoldItalic.ttf') format('truetype'), url('../fonts/Stara-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Stara';
  src: url('../fonts/Stara-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ALTE BOLD';
  src: url('../fonts/AlteHaasGroteskBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ALTE REG';
  src: url('../fonts/AlteHaasGroteskRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Architectsdaughter';
  src: url('../fonts/ArchitectsDaughter.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Originsans';
  src: url('../fonts/OriginSans-Bold.otf') format('opentype'), url('../fonts/OriginSans-BoldOutline.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Originsans';
  src: url('../fonts/OriginSans.otf') format('opentype'), url('../fonts/OriginSans-RegularOutline.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Originsans';
  src: url('../fonts/OriginSans-Light.otf') format('opentype'), url('../fonts/OriginSans-LightOutline.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jojoba';
  src: url('../fonts/Jojoba.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tnanti Demo';
  src: url('../fonts/TNanti-Demo.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}