.HVu8hW_headerContainer {
  --cursor-z-index: 10002;
  --toast-z-index: 1000;
  --shadow-z-index: 2001;
  --entry-animation-z-index: 2000;
  --nav-z-index: 700;
  --logo-z-index: 701;
  --frame-z-index: 600;
}

.HVu8hW_nav__logo {
  z-index: var(--nav-z-index);
  text-decoration: none;
  position: absolute;
  top: 28px;
  right: -160px;
}

.HVu8hW_logoSvg {
  width: 100%;
  height: 100%;
  z-index: var(--logo-z-index);
  text-transform: lowercase;
  align-items: center;
  column-gap: 1px;
  font-family: Poiret One, sans-serif;
  font-size: 32px;
  font-weight: 400;
  display: flex;
  position: relative;
  left: 22px;
}

@media screen and (width >= 768px) {
  .HVu8hW_logoSvg {
    left: 60px;
  }
}

.HVu8hW_logoSvg span {
  display: inline-block;
}

@media screen and (width >= 768px) {
  .HVu8hW_nav.HVu8hW_infoPageOpen {
    transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    transform: translate3d(calc(100vw - 190px), 0, 0) !important;
  }
}

.HVu8hW_nav {
  width: 90px;
  height: 75px;
  color: var(--color-text);
  z-index: var(--nav-z-index);
  background-color: var(--color-link-transparent);
  backdrop-filter: blur(6px);
  transition: transform .45s cubic-bezier(.25, .46, .45, .94);
  position: fixed;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
}

@media screen and (width >= 768px) {
  .HVu8hW_nav {
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
  }
}

.HVu8hW_nav__topbar {
  width: 100%;
  height: 75px;
  z-index: var(--frame-z-index);
  background-color: #fff;
  transition: transform .5s;
  position: fixed;
  top: 0;
  left: 0;
}

.HVu8hW_nav__topbarInner {
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  height: 100%;
  padding: 0 20px;
  display: flex;
}

.HVu8hW_nav__phone, .HVu8hW_nav__email {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  top: 16px;
  right: -71px;
}

.HVu8hW_nav__inner {
  z-index: var(--nav-z-index);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  display: flex;
  position: relative;
  transform: translate3d(0, 0, 0);
}

@media screen and (width <= 767px) {
  .HVu8hW_nav__inner {
    padding: 0;
  }
}

.HVu8hW_nav__list {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

@media screen and (width <= 767px) {
  .HVu8hW_nav__list {
    display: none;
  }
}

.HVu8hW_nav__item {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin: 0 0 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

.HVu8hW_nav__separation {
  opacity: .25;
  background-color: #6b6b68;
  width: 1px;
  height: 24px;
  transform: translateY(2px);
}

.HVu8hW_nav__link {
  color: #6b6b6b;
  text-transform: uppercase;
  outline: none;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  transition: color .3s ease-in-out;
  position: relative;
  transform: translateY(3px);
}

.HVu8hW_nav__link:before {
  content: "";
  background-color: var(--color-link);
  opacity: 0;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  transition: transform .3s ease-in-out;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%)scale(0);
}

.HVu8hW_nav__link:hover {
  cursor: pointer;
  color: var(--color-text);
}

.HVu8hW_nav__link:hover:before {
  opacity: .5;
  transform: translateX(-50%)scale(1);
}

.HVu8hW_nav__link.HVu8hW_active {
  color: var(--color-text);
}

.HVu8hW_nav__link.HVu8hW_active:before {
  opacity: 1;
  transform: translateX(-50%)scale(1);
}

@media screen and (width <= 767px) {
  .HVu8hW_nav__link, .HVu8hW_nav__separation {
    display: none;
  }
}

.HVu8hW_aboutLink, .HVu8hW_contactLink, .HVu8hW_servicesLink, a {
  text-decoration: none;
}

.HVu8hW_circleHover, .HVu8hW_homeCicleDesktop, .HVu8hW_aboutCircleDesktop, .HVu8hW_contactCircleDesktop, .HVu8hW_servicesCircleDesktop, .HVu8hW_servicesCircleMobile, .HVu8hW_contactCircleMobile, .HVu8hW_aboutCircleMobile {
  width: 62px;
  height: 62px;
  color: var(--color-link);
  text-transform: lowercase;
  z-index: 1;
  opacity: 0;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 22px;
  font-weight: 300;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.68, -.55, .27, 1.55), opacity .3s cubic-bezier(.68, -.55, .27, 1.55);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.HVu8hW_circleHover:hover, .HVu8hW_homeCicleDesktop:hover, .HVu8hW_aboutCircleDesktop:hover, .HVu8hW_contactCircleDesktop:hover, .HVu8hW_servicesCircleDesktop:hover, .HVu8hW_servicesCircleMobile:hover, .HVu8hW_contactCircleMobile:hover, .HVu8hW_aboutCircleMobile:hover, .HVu8hW_circleHover.HVu8hW_active, .HVu8hW_active.HVu8hW_servicesCircleMobile, .HVu8hW_active.HVu8hW_contactCircleMobile, .HVu8hW_active.HVu8hW_aboutCircleMobile, .HVu8hW_homeCicleDesktop.HVu8hW_active, .HVu8hW_aboutCircleDesktop.HVu8hW_active, .HVu8hW_contactCircleDesktop.HVu8hW_active, .HVu8hW_servicesCircleDesktop.HVu8hW_active {
  cursor: pointer;
}

.HVu8hW_circleHover:hover:before, .HVu8hW_homeCicleDesktop:hover:before, .HVu8hW_aboutCircleDesktop:hover:before, .HVu8hW_contactCircleDesktop:hover:before, .HVu8hW_servicesCircleDesktop:hover:before, .HVu8hW_servicesCircleMobile:hover:before, .HVu8hW_contactCircleMobile:hover:before, .HVu8hW_aboutCircleMobile:hover:before, .HVu8hW_circleHover.HVu8hW_active:before, .HVu8hW_active.HVu8hW_servicesCircleMobile:before, .HVu8hW_active.HVu8hW_contactCircleMobile:before, .HVu8hW_active.HVu8hW_aboutCircleMobile:before, .HVu8hW_homeCicleDesktop.HVu8hW_active:before, .HVu8hW_aboutCircleDesktop.HVu8hW_active:before, .HVu8hW_contactCircleDesktop.HVu8hW_active:before, .HVu8hW_servicesCircleDesktop.HVu8hW_active:before, .HVu8hW_circleHover:hover:after, .HVu8hW_homeCicleDesktop:hover:after, .HVu8hW_aboutCircleDesktop:hover:after, .HVu8hW_contactCircleDesktop:hover:after, .HVu8hW_servicesCircleDesktop:hover:after, .HVu8hW_servicesCircleMobile:hover:after, .HVu8hW_contactCircleMobile:hover:after, .HVu8hW_aboutCircleMobile:hover:after, .HVu8hW_circleHover.HVu8hW_active:after, .HVu8hW_active.HVu8hW_servicesCircleMobile:after, .HVu8hW_active.HVu8hW_contactCircleMobile:after, .HVu8hW_active.HVu8hW_aboutCircleMobile:after, .HVu8hW_homeCicleDesktop.HVu8hW_active:after, .HVu8hW_aboutCircleDesktop.HVu8hW_active:after, .HVu8hW_contactCircleDesktop.HVu8hW_active:after, .HVu8hW_servicesCircleDesktop.HVu8hW_active:after {
  text-transform: capitalize;
  font-size: 14px;
  transform: translate3d(0, 0, 0);
}

.HVu8hW_circleHover:after, .HVu8hW_homeCicleDesktop:after, .HVu8hW_aboutCircleDesktop:after, .HVu8hW_contactCircleDesktop:after, .HVu8hW_servicesCircleDesktop:after, .HVu8hW_servicesCircleMobile:after, .HVu8hW_contactCircleMobile:after, .HVu8hW_aboutCircleMobile:after {
  content: attr(data-content);
  text-transform: capitalize;
  color: #fff;
  z-index: 10002;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all .3s cubic-bezier(.68, -.55, .27, 1.55);
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, -100%, 0);
}

.HVu8hW_circleHover:before, .HVu8hW_homeCicleDesktop:before, .HVu8hW_aboutCircleDesktop:before, .HVu8hW_contactCircleDesktop:before, .HVu8hW_servicesCircleDesktop:before, .HVu8hW_servicesCircleMobile:before, .HVu8hW_contactCircleMobile:before, .HVu8hW_aboutCircleMobile:before {
  content: "";
  z-index: 10001;
  background-color: #f6ab0b;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.68, -.55, .27, 1.55);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 102%, 0);
}

.HVu8hW_aboutCircleMobile {
  width: 48px;
  height: 48px;
  z-index: var(--nav-z-index);
  backdrop-filter: blur(1px);
  color: #fff;
  background-color: #f6ab0bcc;
  position: fixed;
  top: 8px;
  right: 10px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.HVu8hW_aboutCircleMobile:before {
  background-color: #fff;
}

.HVu8hW_aboutCircleMobile:after {
  color: var(--color-link);
}

.HVu8hW_aboutCircleMobile svg {
  transform: translateY(3px);
}

.HVu8hW_contactCircleMobile {
  z-index: var(--nav-z-index);
  backdrop-filter: blur(1px);
  color: #fff;
  background-color: #f6ab0bcc;
  position: fixed;
  bottom: 10px;
  left: 10px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.HVu8hW_contactCircleMobile:before {
  background-color: #fff;
}

.HVu8hW_contactCircleMobile:after {
  color: var(--color-link);
}

.HVu8hW_contactCircleMobile svg {
  transform: translateY(3px);
}

.HVu8hW_contactCircleMobile.HVu8hW_contactCircleMobileWhite {
  color: var(--color-link);
  background-color: #fff;
}

.HVu8hW_contactCircleMobile.HVu8hW_contactCircleMobileWhite:before {
  background-color: var(--color-link);
}

.HVu8hW_contactCircleMobile.HVu8hW_contactCircleMobileWhite:after {
  color: #fff;
}

.HVu8hW_contactCircleMobile.HVu8hW_contactCircleMobileWhite svg {
  fill: var(--color-link);
}

.HVu8hW_servicesCircleMobile {
  z-index: var(--nav-z-index);
  backdrop-filter: blur(1px);
  color: #fff;
  background-color: #f6ab0bcc;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.HVu8hW_servicesCircleMobile:before {
  background-color: #fff;
}

.HVu8hW_servicesCircleMobile:after {
  color: var(--color-link);
}

.HVu8hW_servicesCircleMobile svg {
  transform: translateY(3px);
}

.HVu8hW_servicesCircleMobile.HVu8hW_servicesCircleMobileWhite {
  color: var(--color-link);
  background-color: #fff;
}

.HVu8hW_servicesCircleMobile.HVu8hW_servicesCircleMobileWhite:before {
  background-color: var(--color-link);
}

.HVu8hW_servicesCircleMobile.HVu8hW_servicesCircleMobileWhite:after {
  color: #fff;
}

.HVu8hW_servicesCircleMobile.HVu8hW_servicesCircleMobileWhite svg {
  fill: var(--color-link);
}

@media screen and (width >= 768px) {
  .HVu8hW_aboutCircleMobile, .HVu8hW_contactCircleMobile, .HVu8hW_servicesCiricleMobile {
    display: none;
  }
}

@media screen and (width <= 767px) {
  .HVu8hW_aboutCircleDesktop, .HVu8hW_contactCircleDesktop, .HVu8hW_servicesCircleDesktop {
    display: none;
  }
}

.HVu8hW_nav__content {
  grid-template-columns: 1fr;
  height: 100%;
  display: grid;
}

.HVu8hW_nav__content.HVu8hW_nav__contentVisible {
  grid-template-columns: 1fr 84px;
  width: 100%;
  display: grid;
}

@media screen and (width <= 767px) {
  .HVu8hW_nav__content.HVu8hW_nav__contentVisible {
    grid-template-columns: 1fr;
  }
}

.HVu8hW_nav__hamburger {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: none;
  outline: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: auto;
  padding: 5px;
  display: flex;
  top: 16px;
  right: 16px;
}

.HVu8hW_nav__hamburger.HVu8hW_active .HVu8hW_nav__hamburgerLine {
  background-color: #fff;
}

.HVu8hW_nav__hamburger .HVu8hW_nav__hamburgerLine {
  background-color: #fff;
  width: 100%;
  height: 3px;
  transition: background-color .3s ease-in-out;
}

.HVu8hW_nav__hamburger .HVu8hW_nav__hamburgerLine:first-child, .HVu8hW_nav__hamburger .HVu8hW_nav__hamburgerLine:nth-child(2), .HVu8hW_nav__hamburger .HVu8hW_nav__hamburgerLine:nth-child(3) {
  transform: translateY(0);
}

.HVu8hW_nav__hamburger.HVu8hW_active .HVu8hW_nav__hamburgerLine:first-child {
  transform: translateY(10px)rotate(45deg);
}

.HVu8hW_nav__hamburger.HVu8hW_active .HVu8hW_nav__hamburgerLine:nth-child(2) {
  opacity: 0;
}

.HVu8hW_nav__hamburger.HVu8hW_active .HVu8hW_nav__hamburgerLine:nth-child(3) {
  transform: translateY(-10px)rotate(-45deg);
}

.HVu8hW_nav__hamburger:hover .HVu8hW_nav__hamburgerLine, .HVu8hW_nav__hamburger:focus .HVu8hW_nav__hamburgerLine, .HVu8hW_nav__hamburger:active .HVu8hW_nav__hamburgerLine {
  background-color: var(--color-text);
}

.HVu8hW_nav__hamburger:hover .HVu8hW_nav__hamburgerLine {
  background-color: #fff;
}

.HVu8hW_nav__scrollContent {
  background-color: #fbe4b7;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
}

@media screen and (width >= 768px) {
  .HVu8hW_nav__scrollContent {
    height: calc(100vh + 20px);
    margin-top: -20px;
    margin-left: -20px;
    padding-top: 40px;
  }
}

nav .HVu8hW_closeButton {
  z-index: 1;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: auto;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  display: flex;
}

nav .HVu8hW_closeButton svg {
  fill: var(--color-link);
}

nav .HVu8hW_closeButton {
  z-index: var(--cursor-z-index);
}

nav .HVu8hW_closeButtonMobile {
  z-index: 1;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: auto;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  display: flex;
}

nav .HVu8hW_closeButtonMobile svg {
  fill: var(--color-link);
}

nav .HVu8hW_closeButtonMobile {
  z-index: var(--cursor-z-index);
  display: none;
  position: fixed;
  top: 10px;
  right: 10px;
}

nav .HVu8hW_closeButton svg {
  width: 32px;
}

@media screen and (width <= 768px) {
  nav .HVu8hW_closeButton {
    width: 48px;
    height: 48px;
    display: block;
  }
}

nav .HVu8hW_closeIcon {
  z-index: 1;
  box-sizing: border-box;
  vertical-align: middle;
  width: 16px;
  max-width: none;
  height: 100%;
  transition: transform .65s cubic-bezier(.65, .05, 0, 1);
  position: relative;
}

.HVu8hW_mobileMenuContainer {
  z-index: var(--nav-z-index);
  transform-origin: center;
  width: 68px;
  height: 68px;
  position: fixed;
  top: 0;
  right: 0;
}

.HVu8hW_mobileBottomMenu {
  padding: 0;
}

.ShaD_G_halfCircle {
  transform-origin: center;
  width: 10px;
  height: 10px;
  margin: auto 2px;
  transform: translate3d(0, 4px, 0);
}

.xhiWua_menuWrapper {
  padding: 0;
}

@media screen and (width >= 768px) {
  .xhiWua_menuWrapper {
    display: none;
  }
}

.xhiWua_toggleButton {
  color: var(--color-link);
  cursor: pointer;
  z-index: 1001;
  z-index: 1000;
  background: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.xhiWua_underlay {
  backdrop-filter: blur(2px);
  z-index: 999;
  background: #00000080;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
}

.xhiWua_menuPanel {
  z-index: 1000;
  background: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  height: 100vh;
  padding: 20px 32px;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: -2px 0 8px #0000001a;
}

.xhiWua_menuPanel:before {
  content: "";
  background: var(--color-link);
  width: 22px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.xhiWua_menuItems {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.xhiWua_menuTextItem {
  color: #000;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-family: Theinhardt, sans-serif;
  font-size: 1.25rem;
  position: relative;
}

.xhiWua_menuTextItem.xhiWua_active {
  color: #eec16b;
}

.xhiWua_activeIndicator {
  border-radius: 50%;
  transition: background-color .3s;
  position: absolute;
  top: 9px;
  left: -17px;
  transform: translate(0, -50%);
}

.Utguaq_logo {
  justify-content: center;
  align-items: center;
  width: 250px;
  height: auto;
  display: flex;
}

@media screen and (width >= 768px) {
  .Utguaq_logo {
    width: 300px;
  }
}

.Utguaq_logo svg {
  transform-origin: center;
  width: 100%;
  height: auto;
}

.KiMT8a_pageWrapper {
  background-color: #fdfdfd;
  min-height: 100vh;
  padding-left: 0;
}

.KiMT8a_loading:before, .KiMT8a_loading:after {
  content: "";
  z-index: var(--loading-z-index);
  position: fixed;
}

.KiMT8a_loading:before {
  background: var(--color-bg);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.KiMT8a_loading:after {
  opacity: .4;
  background: var(--color-link);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  animation: .7s linear infinite alternate forwards KiMT8a_loaderAnim;
  top: 50%;
  left: 50%;
}

@keyframes KiMT8a_loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(.5, .5, 1);
  }
}

.KiMT8a_cursor {
  display: none;
}

.KiMT8a_cursor circle {
  fill: var(--color-link);
}

@media (any-pointer: fine) {
  .KiMT8a_cursor {
    pointer-events: none;
    z-index: 10000;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
  }

  .KiMT8a_cursor__inner {
    fill: var(--cursor-fill);
  }

  .KiMT8a_no-js .KiMT8a_cursor {
    display: none;
  }
}

.KiMT8a_listContainer {
  will-change: transform;
  z-index: 1;
  transition: transform .5s;
  position: relative;
}

.KiMT8a_leftSlateMobile {
  display: none;
}

@media screen and (width <= 768px) {
  .KiMT8a_leftSlateMobile {
    background-color: var(--color-link);
    z-index: 1;
    width: 90px;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
  }
}

.KiMT8a_fullScreenOverlay {
  z-index: 1000;
  background: #000000e6;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.KiMT8a_fullScreenImageWrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  display: flex;
}

@keyframes KiMT8a_fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.KiMT8a_fullScreenImage {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  animation: .5s ease-in-out KiMT8a_fadeIn;
}

@keyframes KiMT8a_slideUpFadeIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.KiMT8a_projectContentLoader {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.KiMT8a_spinner {
  width: 80px;
  height: 80px;
  z-index: var(--loading-z-index);
  border-top-color: #0000;
  margin: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.KiMT8a_spinner:before, .KiMT8a_spinner:after {
  content: "";
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s ease-in-out infinite KiMT8a_shrinkAndGrowLeft;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.KiMT8a_spinner:before {
  background-color: var(--color-link);
  left: 0;
}

.KiMT8a_spinner:after {
  background-color: #fff;
  animation: 1s ease-in-out infinite KiMT8a_shrinkAndGrowRight;
  right: 0;
}

@keyframes KiMT8a_shrinkAndGrowLeft {
  0% {
    transform: translateY(-50%)scale(1);
  }

  50% {
    transform: translateY(-50%)translateX(40px)scale(.8);
  }

  100% {
    transform: translateY(-50%)scale(1);
  }
}

@keyframes KiMT8a_shrinkAndGrowRight {
  0% {
    transform: translateY(-50%)scale(.7);
  }

  50% {
    transform: translateY(-50%)translateX(-40px)scale(1);
  }

  100% {
    transform: translateY(-50%)scale(.7);
  }
}

.KiMT8a_fullScreenDescription {
  background: #feeece;
  border-radius: 4px 4px 0 0;
  width: 100%;
  max-height: 40vh;
  padding: 20px;
  animation: .2s ease-out KiMT8a_slideUpFadeIn;
  position: relative;
  overflow-y: auto;
}

.fnaFDq_projectListContainer {
  --grid-max-width: 500px;
  --grid-max-width-mobile: 320px;
  --color-link: #f6ab0b;
  --loading-z-index: 9999;
  --mark-z-index: 3;
  --grid-z-index: 2;
  --font-sans: "Theinhardt", sans-serif;
  --font-size-xl: 1.2em;
  --font-size-lg: 1em;
  --font-size-base: 14px;
  --font-weight-medium: 400;
  --font-weight-normal: 400;
  --line-height-tight: 1.5;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.5;
}

.fnaFDq_projectList {
  width: 100%;
  height: 100%;
  z-index: var(--grid-z-index);
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.fnaFDq_projectList .fnaFDq_projectListVertical {
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
  height: 100%;
  display: flex;
  overflow: visible;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectListVertical {
    row-gap: 20px;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem {
  text-align: center;
  cursor: pointer;
  display: flex;
  position: relative;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem {
    display: block;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectItemInner {
  position: relative;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectItemInner .fnaFDq_projectTitle {
  max-width: calc(var(--grid-max-width));
  text-align: left;
  width: 100%;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectItemInner .fnaFDq_projectTitle {
    max-width: calc(var(--grid-max-width-mobile));
    margin-top: 4px;
    margin-left: 70px;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectItemInner .fnaFDq_projectTitle h2 {
  font-family: var(--font-sans);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  text-transform: uppercase;
  color: #4f4c4a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2px;
  padding: 2px 0 0;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectItemInner .fnaFDq_projectTitle h2 {
    text-align: left;
    font-size: var(--font-size-lg);
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectMainImage {
  width: 100%;
  max-width: var(--grid-max-width);
  filter: brightness();
  border-radius: 2px;
  outline: none;
  height: auto;
}

@media not all and (resolution >= .001dpcm) {
  @supports ((-webkit-appearance: none)) {
    .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectMainImage {
      height: 100%;
    }
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent {
  opacity: 0;
  flex-direction: column;
  width: auto;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 24px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal {
  scroll-behavior: smooth;
  box-sizing: border-box;
  scroll-snap-type: x mandatory;
  touch-action: none;
  column-gap: 40px;
  height: 100%;
  display: flex;
  overflow: auto hidden;
}

@media screen and (width <= 1024px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal {
    column-gap: 30px;
  }
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal {
    column-gap: 20px;
  }
}

@media screen and (width <= 480px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal {
    column-gap: 16px;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem {
  position: relative;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectImageWrapper {
  height: 100%;
  position: relative;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectImage {
  border-radius: 2px;
  height: 100%;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectImageDescription {
  margin-top: 10px;
  font-size: 14px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader {
  min-width: calc(var(--grid-max-width) / 2 + 72px);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader {
    min-width: calc(var(--grid-max-width-mobile) / 2);
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectHeaderTop {
  z-index: 1;
  background-color: #fdfdfd;
  width: 100%;
  padding-bottom: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectHeaderTop {
    background-color: #0000;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectGeneralDescription {
  padding-right: 48px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_scrollUpButton {
  z-index: 1;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 10px;
  right: 3px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_scrollUpButton svg {
  fill: var(--color-link);
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_scrollUpButton:hover {
  transform: scale(1.1);
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_scrollDownButton {
  z-index: 1;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 3px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_scrollDownButton svg {
  fill: var(--color-link);
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_scrollDownButton:hover {
  transform: scale(1.1);
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectHeaderInner {
  padding: 0;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader h2 {
  text-transform: uppercase;
  font-weight: var(--font-weight-medium);
  color: #4f4c4a;
  text-align: left;
  font-size: var(--font-size-xl);
  line-height: var(--line-height-tight);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader h2 {
    font-size: var(--font-size-lg);
    color: #4f4e4e;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader ol {
  counter-reset: item;
  margin: 0;
  padding-inline-start: 2px;
  list-style: none;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader li {
  counter-increment: item;
  margin-bottom: 5px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader li:before {
  content: counter(item);
  color: #f6ab0b;
  text-align: center;
  border-radius: 100%;
  margin-right: 8px;
  font-size: 12px;
  line-height: 1.7;
  display: inline-block;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader p, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader li {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-base);
  color: #5b5750;
  text-transform: none;
  font-family: var(--font-sans);
  line-height: var(--line-height-normal);
  letter-spacing: -.01em;
  margin: 0;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectLocation, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_status, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_type, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectType, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_use, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_area {
  color: #afaba6;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: .01em;
  padding-left: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader.fnaFDq_projectHeaderDescription {
    min-width: var(--grid-max-width-mobile);
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectText {
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  letter-spacing: -.01em;
  min-width: calc(var(--grid-max-width) - 80px);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectTeamText {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  letter-spacing: -.01em;
  min-width: calc(var(--grid-max-width) - 80px);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectTeamText {
    min-width: var(--grid-max-width-mobile);
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectTeamText p {
  font-size: var(--font-size-base);
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectTeamText p {
    font-size: var(--font-size-sm);
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectTeamText p.fnaFDq_projectTeamRole {
  font-weight: var(--font-weight-medium);
  color: #afaba6;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectTeamText p.fnaFDq_projectTeamName {
  font-weight: var(--font-weight-normal);
  color: #4f4c4a;
}

.fnaFDq_projectQuote {
  font-size: var(--font-size-xl);
  font-style: italic;
  line-height: var(--line-height-relaxed);
  letter-spacing: -.02em;
  min-width: calc(var(--grid-max-width) - 80px);
  text-align: center;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden auto;
}

.fnaFDq_projectQuote::-webkit-scrollbar {
  display: none;
}

.fnaFDq_projectQuote {
  margin-block: 1em;
  margin-inline: 40px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem.fnaFDq_aspectLandscape .fnaFDq_projectImage {
  object-fit: cover;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem.fnaFDq_aspectPortrait .fnaFDq_projectImage {
  object-fit: cover;
  height: 100%;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem.fnaFDq_aspectSquare .fnaFDq_projectImage {
  object-fit: cover;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem.fnaFDq_aspectLandscape .fnaFDq_projectImage {
    object-fit: cover;
  }

  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem.fnaFDq_aspectPortrait .fnaFDq_projectImage {
    object-fit: cover;
    width: 50vw;
    height: 100%;
  }

  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem.fnaFDq_aspectSquare .fnaFDq_projectImage {
    object-fit: cover;
    width: 100vw;
  }

  .fnaFDq_projectText, .fnaFDq_projectQuote {
    min-width: calc(var(--grid-max-width-mobile) - 40px);
    max-width: calc(var(--grid-max-width-mobile) - 40px);
    letter-spacing: -.56px;
    margin-block: 0;
    margin-inline: 24px;
    font-size: 13px;
    line-height: 1.4;
  }
}

.fnaFDq_mainImageWrapper {
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 768px) {
  .fnaFDq_mainImageWrapper {
    justify-content: center;
    align-items: center;
    max-height: 250px;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal {
  touch-action: pan-x;
  scroll-padding: 20px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader {
  overflow: hidden;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectLocation {
  color: #afaba6;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: .01em;
  padding-left: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectLocation {
    color: #afaba6;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_status {
  color: #afaba6;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: .01em;
  padding-left: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_status {
    color: #afaba6;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_type, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectType {
  color: #afaba6;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: .01em;
  padding-left: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_type, .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectType {
    color: #afaba6;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_use {
  color: #afaba6;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: .01em;
  padding-left: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_use {
    color: #afaba6;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_area {
  color: #afaba6;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: .01em;
  padding-left: 2px;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_area {
    color: #afaba6;
  }
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectGeneralDescription {
  max-width: 300px;
  margin-top: 40px;
  padding-left: 2px;
}

.fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectGeneralDescription p {
  font-family: var(--font-sans);
  color: #5b5750;
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  text-transform: none;
  letter-spacing: -.01em;
  margin: 0;
}

@media screen and (width >= 768px) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader.fnaFDq_hasAdditionalContent {
    min-width: calc(var(--grid-max-width) + 72px);
  }

  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem .fnaFDq_projectHeader .fnaFDq_projectGeneralDescription {
    max-width: 100%;
  }
}

.fnaFDq_projectDescription {
  letter-spacing: -.35px;
  color: #fff;
  opacity: 0;
  backdrop-filter: blur(3px);
  text-align: left;
  background-color: #f6ab0bcc;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 68px;
  font-family: Theinhardt, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

.fnaFDq_projectDescriptionIconButton {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  bottom: 16px;
  right: 10px;
}

.fnaFDq_projectDescriptionButton {
  width: 48px;
  height: 48px;
  color: var(--color-link);
  appearance: none;
  cursor: pointer;
  text-transform: lowercase;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  display: flex;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.fnaFDq_projectDescriptionButton svg {
  fill: var(--color-link);
}

@media screen and (width <= 768px) {
  .fnaFDq_projectDescriptionButton {
    width: 40px;
    height: 40px;
  }
}

.fnaFDq_projectPublicationItem {
  min-width: var(--grid-max-width);
  position: relative;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectPublicationItem {
    min-width: var(--grid-max-width-mobile);
  }
}

.fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription {
  text-align: left;
  backdrop-filter: blur(3px);
  background-color: #f6ab0bcc;
  width: 100%;
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription {
    padding: 10px;
  }
}

.fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription h3 {
  color: #fff;
  margin-bottom: 0;
  font-family: Theinhardt, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription h3 {
    font-size: 13px;
  }
}

.fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription p {
  color: #fff;
  margin-top: 10px;
  font-size: 11px;
  font-weight: bold;
}

@media screen and (width <= 768px) {
  .fnaFDq_projectPublicationItem .fnaFDq_projectPublicationDescription p {
    font-size: 10px;
  }
}

.fnaFDq_projectPublicationButton {
  z-index: 1;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  transition: all .2s ease-in-out;
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 3px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.fnaFDq_projectPublicationButton svg {
  fill: var(--color-link);
}

.fnaFDq_projectPublicationButton:hover {
  transform: scale(1.1);
}

.fnaFDq_projectPublicationButton {
  width: 48px;
  height: 48px;
  right: 10px;
}

.fnaFDq_projectPublication {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.fnaFDq_projectPublication img {
  width: 100%;
  height: auto;
}

@media screen and (width <= 53em) {
  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectMainImage {
    max-width: var(--grid-max-width-mobile);
    object-fit: cover;
    margin: auto;
    height: auto !important;
  }

  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectContent .fnaFDq_projectContentHorizontal .fnaFDq_projectContentItem {
    max-width: 100vw;
  }

  .fnaFDq_projectList .fnaFDq_projectItem .fnaFDq_projectImage {
    object-fit: cover;
    max-width: 100vw;
  }
}

.fnaFDq_spinner {
  width: 80px;
  height: 80px;
  z-index: var(--loading-z-index);
  border-top-color: #0000;
  margin: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fnaFDq_spinner:before, .fnaFDq_spinner:after {
  content: "";
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s ease-in-out infinite fnaFDq_shrinkAndGrowLeft;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fnaFDq_spinner:before {
  background-color: var(--color-link);
  left: 0;
}

.fnaFDq_spinner:after {
  background-color: #fff;
  animation: 1s ease-in-out infinite fnaFDq_shrinkAndGrowRight;
  right: 0;
}

@keyframes fnaFDq_shrinkAndGrowLeft {
  0% {
    transform: translateY(-50%)scale(1);
  }

  50% {
    transform: translateY(-50%)translateX(40px)scale(.8);
  }

  100% {
    transform: translateY(-50%)scale(1);
  }
}

@keyframes fnaFDq_shrinkAndGrowRight {
  0% {
    transform: translateY(-50%)scale(.7);
  }

  50% {
    transform: translateY(-50%)translateX(-40px)scale(1);
  }

  100% {
    transform: translateY(-50%)scale(.7);
  }
}

.fnaFDq_mark {
  width: 100vw;
  z-index: var(--mark-z-index);
  pointer-events: none;
  padding: 8px;
  position: fixed;
  bottom: 10px;
  left: 0;
  overflow: hidden;
  transform: translateY(0);
}

.fnaFDq_mark .fnaFDq_spacer {
  background-color: var(--color-link-transparent);
  backdrop-filter: blur(6px);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: auto 20px;
  display: flex;
  position: relative;
}

.fnaFDq_mark__inner {
  will-change: transform;
  opacity: 0;
  width: max-content;
  display: flex;
  position: relative;
  transform: translateX(100vw);
}

.fnaFDq_mark__inner span {
  white-space: nowrap;
  text-transform: capitalize;
  color: #dfdfdf;
  margin-right: 10px;
  padding: 5px 20px;
  font-family: Poiret One, sans-serif;
  font-size: 3rem;
  line-height: 1;
  transition: background .2s, color .2s;
}

@media screen and (width >= 768px) {
  .fnaFDq_mark__inner span {
    font-size: 4rem;
  }
}

.fnaFDq_mark__inner a {
  text-decoration: none;
}

.fnaFDq_mark__inner .fnaFDq_clickable {
  cursor: pointer;
  text-decoration: none;
}

.fnaFDq_mark__inner .fnaFDq_clickable:hover {
  color: #ababab;
}

.fnaFDq_scrollHint {
  z-index: 500;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: calc(100% + 150px);
  transform: translateY(-50%);
}

.fnaFDq_scrollHint svg {
  stroke: #f6ab0b;
  animation: 1.5s infinite fnaFDq_bounceRight;
}

@keyframes fnaFDq_bounceRight {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(8px);
  }
}

.fnaFDq_footer {
  padding-left: 100px;
  padding-right: 20px;
}

@media screen and (width <= 768px) {
  .fnaFDq_footer {
    padding-left: 91px;
  }
}

.INeaDq_footer {
  opacity: 0;
  background-color: #fcfcfc;
  padding: 30px;
  position: relative;
}

@media screen and (width <= 768px) {
  .INeaDq_footer {
    padding: 20px 0;
  }
}

.INeaDq_footer .INeaDq_spacer {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-link);
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  margin: auto 20px;
  display: flex;
  position: relative;
  transform: translateY(5px);
}

@media screen and (width <= 768px) {
  .INeaDq_footer .INeaDq_spacer {
    margin: auto 10px;
  }
}

.INeaDq_footer .INeaDq_footerTop {
  font-family: var(--font-alt);
  font-size: var(--font-size-xl);
  color: var(--color-link);
  text-align: end;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.INeaDq_footer .INeaDq_footerTop .INeaDq_serviceGroup, .INeaDq_footer .INeaDq_footerTop .INeaDq_serviceLine {
  font-family: Poiret One, cursive;
  font-size: var(--font-size-lg);
  color: var(--color-link);
  flex-direction: row;
  align-items: end;
  gap: 4px;
  font-weight: 600;
  display: flex;
}

.INeaDq_footer .INeaDq_footerTop .INeaDq_license {
  color: #8d8b8b;
  letter-spacing: .5px;
  text-align: right;
  font-weight: var(--font-weight-medium);
  padding-bottom: 2px;
  font-size: 11px;
  font-weight: 600;
}

.INeaDq_footer .INeaDq_footerTop .INeaDq_spacer {
  background-color: var(--color-link);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin: 8px 10px 0;
}

@media screen and (width <= 768px) {
  .INeaDq_footer .INeaDq_footerTop {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
  }

  .INeaDq_footer .INeaDq_footerTop .INeaDq_license {
    align-self: flex-start;
  }

  .INeaDq_footer .INeaDq_footerTop .INeaDq_spacer {
    display: none;
  }
}

.INeaDq_footer .INeaDq_footerInner {
  font-family: var(--font-alt);
  font-size: var(--font-size-base);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding: 24px 0;
  display: flex;
}

@media screen and (width <= 768px) {
  .INeaDq_footer .INeaDq_footerInner {
    text-align: right;
    align-items: flex-start;
    display: block;
  }
}

.INeaDq_footer .INeaDq_footerInner p {
  margin-bottom: 0;
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerContact {
  color: #333;
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerContact a {
  color: #333;
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  margin-bottom: 4px;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerContact a:hover {
  color: var(--color-link);
}

@media screen and (width <= 768px) {
  .INeaDq_footer .INeaDq_footerInner .INeaDq_footerContact {
    margin-bottom: 40px;
  }

  .INeaDq_footer .INeaDq_footerInner .INeaDq_footerContact p {
    text-align: left;
  }
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerCopyright {
  text-align: right;
  font-size: var(--font-size-sm);
  color: #8d8b8b;
  font-family: var(--font-sans);
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerCopyright p {
  color: inherit;
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerCopyright small {
  color: inherit;
  font-size: var(--font-size-xs);
  text-align: right;
  line-height: var(--line-height-normal);
  margin: 4px 0;
  display: block;
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerCopyright a {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}

.INeaDq_footer .INeaDq_footerInner .INeaDq_footerCopyright a:hover {
  color: var(--color-link);
}

@media screen and (width <= 768px) {
  .INeaDq_footer .INeaDq_footerInner {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .INeaDq_footer .INeaDq_footerInner .INeaDq_footerCopyright {
    text-align: center;
  }
}

.INeaDq_footer .INeaDq_footerBottom {
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px 20px;
  display: flex;
}

.INeaDq_footer .INeaDq_footerBottom small {
  font-size: var(--font-size-xs);
  color: #444;
  font-family: var(--font-alt);
  line-height: var(--line-height-normal);
}

._6r_fkq_about {
  --about-text-color: #473d27;
  height: auto;
  color: var(--about-text-color);
  letter-spacing: -.35px;
  text-align: center;
  background-color: #fcfcfc;
  width: 100%;
  padding: 0 7%;
  font-family: Theinhardt, sans-serif;
  overflow-y: visible;
}

._6r_fkq_aboutContent {
  margin-top: 40px;
  padding: 20px 24px;
}

._6r_fkq_aboutGraphicBox {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

._6r_fkq_aboutGraphicBox p {
  text-align: left;
  font-size: 14px;
}

._6r_fkq_title {
  text-align: left;
  color: var(--color-link);
  text-transform: lowercase;
  margin-top: 32px;
  margin-bottom: 8px;
  font-family: Theinhardt;
  font-size: 20px;
  line-height: 17px;
}

h1._6r_fkq_heading {
  text-align: center;
  color: var(--color-text);
  margin: 0 auto 20px;
  font-family: Poiret One, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
}

h1._6r_fkq_heading ._6r_fkq_highlight {
  color: var(--color-link);
}

._6r_fkq_aboutParagraph {
  color: var(--about-text-color);
  letter-spacing: -.45px;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
}

@media screen and (width <= 1550px) {
  ._6r_fkq_aboutParagraph {
    max-width: 760px;
    font-size: 18px;
  }
}

@media screen and (width <= 1020px) {
  h1._6r_fkq_heading {
    margin-top: 0;
    font-size: 32px;
    line-height: 38px;
  }

  ._6r_fkq_aboutParagraph {
    margin: 40px auto;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.65;
  }
}

._6r_fkq_container {
  flex-direction: column;
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
}

._6r_fkq_container h1:not(._6r_fkq_heading), ._6r_fkq_container h3 {
  letter-spacing: .75px;
  font-family: Poiret One, sans-serif;
  font-weight: bold;
}

._6r_fkq_aboutImageContainer {
  display: flex;
}

._6r_fkq_aboutImageContainer ._6r_fkq_aboutImage {
  border-radius: 2px;
  width: 100%;
  max-width: 200px;
  margin: auto;
}

._6r_fkq_section {
  margin-bottom: 40px;
}

._6r_fkq_section._6r_fkq_whatSection {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  display: grid;
}

@media (width <= 1020px) {
  ._6r_fkq_section._6r_fkq_whatSection {
    grid-template-columns: 1fr;
  }
}

._6r_fkq_sectionContentContent {
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2rem;
  display: grid;
}

._6r_fkq_sectionContentContent p {
  text-align: left;
}

@media (width <= 1020px) {
  ._6r_fkq_sectionContentContent {
    grid-template-columns: 1fr;
  }
}

._6r_fkq_sectionBreak {
  background-color: gray;
  width: 90%;
  height: 1px;
}

._6r_fkq_closeButton {
  z-index: 1;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  transition: transform .3s cubic-bezier(.68, -.55, .27, 1.55);
  display: flex;
  position: absolute;
  transform: scale(1);
  box-shadow: 0 3px 7px #2f2f2f1a;
}

._6r_fkq_closeButton svg {
  fill: var(--color-link);
}

._6r_fkq_closeButton:hover {
  transform: scale(1.05);
}

._6r_fkq_closeButton {
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: -20px;
  right: -20px;
}

._6r_fkq_closeIcon {
  fill: #595d70;
  width: 20px;
  height: 20px;
}

@keyframes _6r_fkq_fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

._6r_fkq_activeSection {
  width: 100%;
  height: 100%;
  z-index: var(--toast-z-index);
  background-color: #000c;
  justify-content: center;
  align-items: center;
  animation: .2s ease-out forwards _6r_fkq_fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
}

._6r_fkq_activeSection ._6r_fkq_activeSectionContent {
  color: #473d27;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 1200px;
  max-height: 80vh;
  margin: 20px;
  padding: 40px;
  animation: .5s cubic-bezier(.68, -.55, .27, 1.55) forwards _6r_fkq_contentActive;
  display: flex;
  position: relative;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

._6r_fkq_activeSection h2 {
  text-align: center;
  margin: 0;
  font-family: Poiret One, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

._6r_fkq_activeSection ._6r_fkq_closeButton {
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: -20px;
  right: -20px;
}

._6r_fkq_vennDiagram {
  width: 500px;
  height: 550px;
  margin: 40px auto;
  position: relative;
}

._6r_fkq_circle {
  border: 2px solid var(--color-link);
  text-align: center;
  cursor: pointer;
  transform-origin: center;
  z-index: 1;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  position: absolute;
}

._6r_fkq_circle:active {
  outline: none;
  transform: scale(1.1);
}

._6r_fkq_circle._6r_fkq_centerCircle {
  width: 300px;
  height: 300px;
  font-size: 24px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._6r_fkq_tooltip {
  background-color: var(--color-link);
  color: #fff;
  z-index: 2;
  opacity: 0;
  border-radius: 5px;
  min-width: 300px;
  padding: 8px 20px;
  font-size: 16px;
  position: absolute;
  transform: translate3d(5px, -50%, 0);
}

._6r_fkq_circle1:not(._6r_fkq_tooltip):hover, ._6r_fkq_circle2:not(._6r_fkq_tooltip):hover, ._6r_fkq_circle3:not(._6r_fkq_tooltip):hover, ._6r_fkq_circle4:not(._6r_fkq_tooltip):hover, ._6r_fkq_circle5:not(._6r_fkq_tooltip):hover, ._6r_fkq_circle6:not(._6r_fkq_tooltip):hover, ._6r_fkq_circle7:not(._6r_fkq_tooltip):hover {
  background-color: #fff;
  box-shadow: 0 4px 10px #0003;
}

._6r_fkq_circle1 {
  top: -2%;
  left: 48%;
  transform: translate(-50%)scale(1);
}

._6r_fkq_circle1:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%)scale(1.1);
}

._6r_fkq_circle2 {
  top: 25%;
  left: 80%;
  transform: translate(-50%, -50%)scale(1);
}

._6r_fkq_circle2:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%, -50%)scale(1.1);
}

._6r_fkq_circle3 {
  top: 26%;
  left: 90%;
  transform: translate(-50%, 50%)scale(1);
}

._6r_fkq_circle3:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%, 50%)scale(1.1);
}

._6r_fkq_circle4 {
  bottom: 4%;
  left: 70%;
  transform: translate(-50%)scale(1);
}

._6r_fkq_circle4:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%)scale(1.1);
}

._6r_fkq_circle5 {
  bottom: 38%;
  left: 14%;
  transform: translate(-50%, 50%)scale(1);
}

._6r_fkq_circle5:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%, 50%)scale(1.1);
}

._6r_fkq_circle6 {
  top: 30%;
  left: 17%;
  transform: translate(-50%, -50%)scale(1);
}

._6r_fkq_circle6:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%, -50%)scale(1.1);
}

._6r_fkq_circle7 {
  bottom: -14%;
  left: 37%;
  transform: translate(-50%, -50%)scale(1);
}

._6r_fkq_circle7:not(._6r_fkq_tooltip):hover {
  transform: translate(-50%, -50%)scale(1.1);
}

@media screen and (width <= 768px) {
  ._6r_fkq_circle {
    width: 80px;
    height: 80px;
  }

  ._6r_fkq_vennDiagram, ._6r_fkq_circle._6r_fkq_centerCircle {
    width: 200px;
    height: 200px;
  }

  ._6r_fkq_circle1 {
    top: -30%;
    left: 48%;
  }

  ._6r_fkq_circle2 {
    top: 6%;
    left: 97%;
  }

  ._6r_fkq_circle3 {
    top: 10%;
    left: 114%;
  }

  ._6r_fkq_circle4 {
    bottom: -24%;
    left: 85%;
  }

  ._6r_fkq_circle5 {
    bottom: 35%;
    left: -7%;
  }

  ._6r_fkq_circle6 {
    top: 13%;
    left: -2%;
  }

  ._6r_fkq_circle7 {
    bottom: -49%;
    left: 31%;
  }

  ._6r_fkq_tooltip {
    bottom: unset;
    top: 0 !important;
    left: 0 !important;
  }
}

._6r_fkq_servicesContainer {
  text-align: center;
  max-width: 720px;
  height: 100%;
  margin: auto;
  padding: 50px 20px;
  position: relative;
  overflow: visible;
}

@media (width <= 768px) {
  ._6r_fkq_servicesContainer {
    padding: 20px 0;
    overflow: auto;
  }
}

._6r_fkq_servicesContainer h2 {
  margin-bottom: 20px;
}

._6r_fkq_servicesWrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  ._6r_fkq_servicesWrapper {
    flex-direction: column;
    gap: 30px;
  }
}

._6r_fkq_serviceCircle {
  width: 150px;
  height: 150px;
  color: var(--dark-orange-text);
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #0000001a;
}

._6r_fkq_serviceCircle:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 20px #00000026;
}

._6r_fkq_arrow {
  align-items: center;
  display: flex;
  position: absolute;
  right: -40px;
  transform: translateX(-50%)rotate(270deg);
}

@media (width <= 768px) {
  ._6r_fkq_arrow {
    top: unset;
    bottom: -30px;
    left: 50%;
    transform: translateX(-13px)rotate(0);
  }
}

._6r_fkq_serviceInfo {
  background-color: var(--color-link);
  color: #fff;
  text-align: center;
  opacity: 0;
  border-radius: 10px;
  max-width: 300px;
  padding: 20px;
  transition: opacity .3s, transform .3s;
  transform: translate(0, 20px);
  box-shadow: 0 3px 10px #0003;
}

._6r_fkq_tooltip h3 {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
}

._6r_fkq_tooltip p {
  margin-top: 10px;
  font-size: 16px;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;

  & .swiper-slide, & .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

.swiper-css-mode {
  & > .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  & > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }

  &.swiper-horizontal {
    & > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }

    & > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }

    & > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }

  &.swiper-vertical {
    & > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }

    & > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }

    & > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }

  &.swiper-free-mode {
    & > .swiper-wrapper {
      scroll-snap-type: none;
    }

    & > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }

  &.swiper-centered {
    & > .swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }

    & > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }

  &.swiper-centered.swiper-horizontal {
    & > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }

    & > .swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }

  &.swiper-centered.swiper-vertical {
    & > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }

    & > .swiper-wrapper:before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

.swiper-3d {
  & .swiper-slide-shadow, & .swiper-slide-shadow-left, & .swiper-slide-shadow-right, & .swiper-slide-shadow-top, & .swiper-slide-shadow-bottom, & .swiper-slide-shadow, & .swiper-slide-shadow-left, & .swiper-slide-shadow-right, & .swiper-slide-shadow-top, & .swiper-slide-shadow-bottom {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  & .swiper-slide-shadow {
    background: #00000026;
  }

  & .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000);
  }

  & .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000);
  }

  & .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000);
  }

  & .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000);
  }
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible {
  & .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {
  & .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.swiper-virtual.swiper-css-mode.swiper-horizontal {
  & .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  & .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}

.swiper-button-prev, .swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;

  &.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
  }

  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-navigation-disabled & {
    display: none !important;
  }

  & svg {
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
    width: 100%;
    height: 100%;
  }
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;

  & .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}

.swiper-horizontal {
  & .swiper-button-prev, & .swiper-button-next, & ~ .swiper-button-prev, & ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }

  & .swiper-button-prev, & ~ .swiper-button-prev, &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }

  & .swiper-button-next, & ~ .swiper-button-next, &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }

  & .swiper-button-prev, & ~ .swiper-button-prev, &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next {
    & .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }

  &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev {
    & .swiper-navigation-icon {
      transform: rotate(0);
    }
  }
}

.swiper-vertical {
  & .swiper-button-prev, & .swiper-button-next, & ~ .swiper-button-prev, & ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
    right: auto;
  }

  & .swiper-button-prev, & ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;

    & .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }

  & .swiper-button-next, & ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;

    & .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);

  &.swiper-pagination-hidden {
    opacity: 0;
  }

  .swiper-pagination-disabled > &, &.swiper-pagination-disabled {
    display: none !important;
  }
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;

  & .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33);
  }

  & .swiper-pagination-bullet-active, & .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }

  & .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
  }

  & .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
  }

  & .swiper-pagination-bullet-active-next {
    transform: scale(.66);
  }

  & .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;

  button& {
    box-shadow: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
  }

  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);

  & .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

  &.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);

    & .swiper-pagination-bullet {
      transition: transform .2s, top .2s;
      display: inline-block;
    }
  }
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
  & .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

  &.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);

    & .swiper-pagination-bullet {
      transition: transform .2s, left .2s;
    }
  }
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;

  & .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
  }

  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0;
  }

  .swiper-horizontal > &, &.swiper-pagination-horizontal, .swiper-vertical > &.swiper-pagination-progressbar-opposite, &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0;
  }

  .swiper-vertical > &, &.swiper-pagination-vertical, .swiper-horizontal > &.swiper-pagination-progressbar-opposite, &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0;
  }
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  position: relative;

  .swiper-scrollbar-disabled > &, &.swiper-scrollbar-disabled {
    display: none !important;
  }

  .swiper-horizontal > &, &.swiper-scrollbar-horizontal {
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute;
  }

  .swiper-vertical > &, &.swiper-scrollbar-vertical {
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute;
  }
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;

  & > img, & > svg, & > canvas {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
  }
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade {
  &.swiper-free-mode {
    & .swiper-slide {
      transition-timing-function: ease-out;
    }
  }

  & .swiper-slide {
    pointer-events: none;
    transition-property: opacity;

    & .swiper-slide {
      pointer-events: none;
    }
  }

  & .swiper-slide-active {
    pointer-events: auto;

    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube {
  & .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;

    & .swiper-slide {
      pointer-events: none;
    }
  }

  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }

  & .swiper-slide-active {
    &, & .swiper-slide-active {
      pointer-events: auto;
    }
  }

  & .swiper-slide-active, & .swiper-slide-next, & .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  & .swiper-cube-shadow {
    opacity: .6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;

    &:before {
      content: "";
      filter: blur(50px);
      background: #000;
      position: absolute;
      inset: 0;
    }
  }
}

.swiper-cube {
  & .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}

.swiper-cube {
  & .swiper-slide-shadow-cube.swiper-slide-shadow-top, & .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, & .swiper-slide-shadow-cube.swiper-slide-shadow-left, & .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip {
  & .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;

    & .swiper-slide {
      pointer-events: none;
    }
  }

  & .swiper-slide-active {
    &, & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper-flip {
  & .swiper-slide-shadow-flip.swiper-slide-shadow-top, & .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, & .swiper-slide-shadow-flip.swiper-slide-shadow-left, & .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

.swiper-creative {
  & .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards {
  & .swiper-slide {
    transform-origin: bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;

  &.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
  }

  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-navigation-disabled & {
    display: none !important;
  }

  & svg {
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
    width: 100%;
    height: 100%;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;

  & .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal {
  & .swiper-button-prev, & .swiper-button-next, & ~ .swiper-button-prev, & ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }

  & .swiper-button-prev, & ~ .swiper-button-prev, &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }

  & .swiper-button-next, & ~ .swiper-button-next, &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }

  & .swiper-button-prev, & ~ .swiper-button-prev, &.swiper-rtl .swiper-button-next, &.swiper-rtl ~ .swiper-button-next {
    & .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }

  &.swiper-rtl .swiper-button-prev, &.swiper-rtl ~ .swiper-button-prev {
    & .swiper-navigation-icon {
      transform: rotate(0);
    }
  }
}

.swiper-vertical {
  & .swiper-button-prev, & .swiper-button-next, & ~ .swiper-button-prev, & ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
    right: auto;
  }

  & .swiper-button-prev, & ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;

    & .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }

  & .swiper-button-next, & ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;

    & .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

.dbcybW_aboutSectionsContainer {
  max-width: 1200px;
  margin: auto;
  padding-bottom: 50px;
  display: block;
}

.dbcybW_aboutSectionsContainer .dbcybW_section {
  display: block;
}

.dbcybW_sectionContent {
  text-align: left;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

@media screen and (width <= 1250px) {
  .dbcybW_sectionContent {
    padding: 0;
  }
}

.dbcybW_sectionContent.dbcybW_noBorderBottom {
  border-bottom: none;
  margin-bottom: 0;
}

@media screen and (width <= 1250px) {
  .dbcybW_sectionContent.dbcybW_flushTop {
    margin-top: 40px;
    padding-top: 0;
  }
}

.dbcybW_container {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

.dbcybW_container h1:not(.dbcybW_heading), .dbcybW_container h2, .dbcybW_container h3 {
  letter-spacing: .75px;
  margin-bottom: 1rem;
  font-family: Poiret One, sans-serif;
  font-weight: bold;
}

@media screen and (width <= 1020px) {
  .dbcybW_aboutImageContainer {
    grid-template-columns: 1fr;
    margin: auto;
  }

  .dbcybW_aboutImageContainer .dbcybW_aboutImage {
    margin: auto;
  }

  .dbcybW_aboutImageContainer img {
    width: 100%;
    max-width: 300px;
  }
}

.dbcybW_aboutImageContainer {
  gap: 100px;
  padding: 20px;
}

.dbcybW_aboutImageContainer .dbcybW_aboutParagraph {
  text-align: left;
  margin: 0 0 20px;
}

.dbcybW_aboutImageContainer .dbcybW_aboutParagraph .dbcybW_highlight {
  color: #473d27;
  text-transform: capitalize;
  font-size: 110%;
}

.dbcybW_aboutImageContainer img {
  border-radius: 2px;
  width: 100%;
  max-width: 200px;
  margin: 20px auto auto;
}

@media screen and (width <= 1020px) {
  .dbcybW_aboutImageContainer {
    gap: 40px;
  }
}

@media screen and (width <= 768px) {
  .dbcybW_aboutImageContainer {
    flex-direction: column;
    gap: 16px;
    padding: 0 0 20px;
  }

  .dbcybW_aboutImageContainer .dbcybW_aboutParagraph {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .dbcybW_aboutImageContainer img {
    max-width: 150px;
    margin-left: auto;
  }
}

.dbcybW_gridContainer {
  text-align: left;
  gap: 40px;
  width: 100%;
}

@media (width <= 1250px) {
  .dbcybW_gridContainer {
    flex-direction: column;
    gap: 0;
  }
}

.dbcybW_leftAligned {
  flex-direction: row;
}

@media (width <= 1250px) {
  .dbcybW_leftAligned {
    flex-direction: column;
  }

  .dbcybW_leftAligned.dbcybW_reverseMobile {
    flex-direction: column-reverse;
  }
}

.dbcybW_rightAligned {
  flex-direction: row-reverse;
}

@media (width <= 1250px) {
  .dbcybW_rightAligned {
    flex-direction: column;
  }
}

.dbcybW_textContent {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

@media (width <= 1250px) {
  .dbcybW_textContent {
    max-width: 100%;
  }
}

.dbcybW_title {
  color: #f3a92c;
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Poiret One, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.dbcybW_subtitle {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 400;
}

.dbcybW_content {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (width <= 1250px) {
  .dbcybW_content {
    margin: 0 auto;
    font-size: 16px;
  }
}

.dbcybW_paragraph {
  display: block;
}

.dbcybW_paragraphThick {
  margin-bottom: 0;
  font-family: Popins, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

@media screen and (width <= 1250px) {
  .dbcybW_paragraphThick {
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 18px;
  }
}

.dbcybW_paragraphThick a {
  color: #f5aa0d;
  cursor: pointer;
  text-decoration: none;
}

.dbcybW_paragraphThick a:hover {
  text-decoration: underline;
}

.dbcybW_list {
  margin-top: 10px;
  padding-left: 20px;
  font-size: 16px;
}

.dbcybW_list li {
  margin-bottom: 5px;
}

.dbcybW_imageContainer, .dbcybW_imageContainerFullCircles {
  flex: 1;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin: auto;
  display: flex;
}

@media (width <= 1250px) {
  .dbcybW_imageContainer, .dbcybW_imageContainerFullCircles {
    max-width: 80%;
  }
}

@media (width <= 768px) {
  .dbcybW_imageContainer, .dbcybW_imageContainerFullCircles {
    max-width: 100%;
  }
}

.dbcybW_imageContainer .dbcybW_imageText, .dbcybW_imageContainerFullCircles .dbcybW_imageText {
  color: #f5aa0d;
  height: 100%;
  margin: auto 16px;
  font-size: 34px;
  font-weight: 600;
}

@media screen and (width <= 768px) {
  .dbcybW_imageContainer .dbcybW_imageText, .dbcybW_imageContainerFullCircles .dbcybW_imageText {
    margin: auto 8px;
    font-size: 24px;
  }
}

.dbcybW_whoText {
  max-width: 400px;
  margin: 35px auto 0;
  font-family: POIRET ONE, sans-serif;
  font-size: 16px;
}

.dbcybW_twoRowImageText {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
}

.dbcybW_twoRowImageText .dbcybW_imageText {
  align-items: center;
  column-gap: 16px;
  margin: 0;
  padding-left: 16px;
  display: flex;
}

.dbcybW_twoRowImageText .dbcybW_imageTextSmall {
  color: #f5aa0d;
  text-align: left;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.dbcybW_twoRowImageText .dbcybW_yetText {
  color: #f5aa0d;
  text-align: center;
  margin: 0 8px;
  font-size: 24px;
  font-weight: 600;
}

@media screen and (width <= 768px) {
  .dbcybW_twoRowImageText .dbcybW_imageText {
    column-gap: 8px;
    padding-left: 0;
  }

  .dbcybW_twoRowImageText .dbcybW_imageTextSmall {
    font-size: 16px;
    font-weight: 500;
  }

  .dbcybW_twoRowImageText .dbcybW_yetText {
    font-size: 20px;
    font-weight: 500;
  }
}

.dbcybW_imageContainerFullCircles {
  max-width: 100%;
}

@media (width <= 1250px) {
  .dbcybW_imageContainerFullCircles {
    max-width: 100%;
    position: relative;
  }
}

.dbcybW_sectionImage {
  border-radius: 10px;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 4px 20px #0003;
}

.dbcybW_whatSection {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px;
}

.dbcybW_whatSection h1.dbcybW_title {
  text-align: center;
  color: #333;
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: bold;
}

.eXpJaq_halfCircle {
  border-radius: 160px 0 0 160px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 320px;
  display: flex;
  position: relative;
}

.eXpJaq_left {
  border-radius: 160px 0 0 160px;
}

.eXpJaq_right {
  border-radius: 0 160px 160px 0;
}

.eXpJaq_textContainer {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-family: Poiret One, sans-serif;
  display: flex;
}

@media screen and (width <= 768px) {
  .eXpJaq_textContainer {
    padding: 10px;
  }
}

.eXpJaq_right .eXpJaq_textContainer {
  align-items: flex-start;
}

.eXpJaq_text {
  color: var(--dark-orange-text);
  text-transform: lowercase;
  margin: 0;
  font-family: Poiret One, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1;
}

@media screen and (width <= 768px) {
  .eXpJaq_halfCircle {
    border-radius: 125px 0 0 125px;
    width: 125px;
    height: 250px;
  }

  .eXpJaq_right {
    border-radius: 0 125px 125px 0;
  }

  .eXpJaq_text {
    font-size: 20px;
    line-height: 1;
  }
}

.-mkFmG_fullCircle {
  border-style: solid;
  border-width: 3px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.-mkFmG_circle {
  shape-outside: circle();
  clip-path: circle();
  float: left;
  background-color: #0000;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.-mkFmG_textWrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
}

.-mkFmG_leftAligned .-mkFmG_textWrapper {
  text-align: right;
  padding-left: 40px;
}

.-mkFmG_rightAligned .-mkFmG_textWrapper {
  text-align: left;
  padding-right: 40px;
}

.-mkFmG_arcText {
  color: var(--dark-orange-text);
  text-transform: lowercase;
  margin: 0;
  font-family: Poiret One, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1;
}

.-mkFmG_leftAligned .-mkFmG_arcText:first-child {
  padding-right: 14px;
}

.-mkFmG_leftAligned .-mkFmG_arcText:nth-child(2) {
  padding-right: 6px;
}

.-mkFmG_leftAligned .-mkFmG_arcText:nth-child(3) {
  padding-right: 7px;
}

.-mkFmG_leftAligned .-mkFmG_arcText:nth-child(4) {
  padding-right: 22px;
}

.-mkFmG_rightAligned .-mkFmG_arcText:first-child {
  padding-left: 14px;
}

.-mkFmG_rightAligned .-mkFmG_arcText:nth-child(2) {
  padding-left: 6px;
}

.-mkFmG_rightAligned .-mkFmG_arcText:nth-child(3) {
  padding-left: 7px;
}

.-mkFmG_rightAligned .-mkFmG_arcText:nth-child(4) {
  padding-left: 22px;
}

@media screen and (width <= 768px) {
  .-mkFmG_fullCircle {
    border-width: 2px;
    width: 140px;
    height: 140px;
  }

  .-mkFmG_arcText {
    font-size: 20px;
    line-height: 1;
  }

  .-mkFmG_leftAligned .-mkFmG_arcText:first-child {
    padding-right: 10px;
  }

  .-mkFmG_leftAligned .-mkFmG_arcText:nth-child(2) {
    padding-right: 4px;
  }

  .-mkFmG_leftAligned .-mkFmG_arcText:nth-child(3) {
    padding-right: 5px;
  }

  .-mkFmG_leftAligned .-mkFmG_arcText:nth-child(4) {
    transform: translateX(-14px);
  }

  .-mkFmG_rightAligned .-mkFmG_arcText:first-child {
    padding-left: 10px;
  }

  .-mkFmG_rightAligned .-mkFmG_arcText:nth-child(2) {
    padding-left: 4px;
  }

  .-mkFmG_rightAligned .-mkFmG_arcText:nth-child(3) {
    padding-left: 5px;
  }

  .-mkFmG_rightAligned .-mkFmG_arcText:nth-child(4) {
    padding-left: 10px;
  }
}

._8XSX9a_circleContainer {
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 350px;
  display: flex;
  position: relative;
}

._8XSX9a_circle {
  text-align: center;
  width: 190px;
  height: 190px;
  color: var(--dark-orange-text);
  background-color: var(--color-link-transparent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-weight: bold;
  display: flex;
  position: absolute;
}

._8XSX9a_circle1 {
  align-items: flex-start;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

._8XSX9a_circle2 {
  align-items: flex-end;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

._8XSX9a_circle3 {
  justify-content: flex-start;
  padding-left: 18px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

._8XSX9a_circle4 {
  justify-content: flex-end;
  padding-right: 28px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

._8XSX9a_textWrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

._8XSX9a_circleText {
  color: var(--dark-orange-text);
  text-transform: lowercase;
  margin: 0;
  font-family: Poiret One, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

@media screen and (width <= 768px) {
  ._8XSX9a_circleContainer {
    width: 300px;
    height: 300px;
  }

  ._8XSX9a_circle {
    width: 160px;
    height: 160px;
  }

  ._8XSX9a_circleText {
    font-size: 20px;
    line-height: 1;
  }
}

.d6YAwG_circleContainer {
  justify-content: center;
  align-items: center;
  width: clamp(260px, 40vw, 200px);
  height: clamp(390px, 40vw, 200px);
  display: flex;
  position: relative;
  transform: translate3d(0, 20px, 0);
}

.d6YAwG_centerCircle {
  text-align: center;
  width: clamp(200px, 18vw, 133.333px);
  height: clamp(200px, 18vw, 133.333px);
  color: var(--dark-orange-text);
  background-color: #fff2d8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: clamp(14px, 1.5vw, 18px);
  font-weight: bold;
  display: flex;
  position: absolute;
}

.d6YAwG_circle {
  text-align: center;
  width: clamp(120px, 10vw, 66.6667px);
  height: clamp(120px, 10vw, 66.6667px);
  color: var(--dark-orange-text);
  background-color: #f7ab0c66;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: clamp(12px, 1.5vw, 16px);
  font-weight: bold;
  display: flex;
  position: absolute;
}

.d6YAwG_circle:nth-child(2) {
  transform: translate(87.249px, 109.488px);
}

.d6YAwG_circle:nth-child(3) {
  transform: translate(-31.2515px, 136.467px);
}

.d6YAwG_circle:nth-child(4) {
  transform: translate(-126.201px, 60.607px);
}

.d6YAwG_circle:nth-child(5) {
  transform: translate(-126.048px, -60.9259px);
}

.d6YAwG_circle:nth-child(6) {
  transform: translate(-30.9063px, -136.546px);
}

.d6YAwG_circle:nth-child(7) {
  transform: translate(87.5256px, -109.267px);
}

.d6YAwG_circle:nth-child(8) {
  transform: translate(140px, .354057px);
}

.d6YAwG_circleText {
  max-width: 70%;
  max-height: 70%;
  color: var(--dark-orange-text);
  text-transform: lowercase;
  text-align: center;
  margin: 0;
  font-weight: 400;
  line-height: 1;
}

@media (width <= 1250px) {
  .d6YAwG_circleContainer {
    width: clamp(260px, 80vw, 200px);
    height: clamp(390px, 80vh, 200px);
    transform: translate3d(0, 0, 0);
  }
}

@media (width <= 768px) {
  .d6YAwG_circleContainer {
    width: clamp(200px, 80vw, 180px);
    height: clamp(300px, 80vh, 180px);
    transform: translate3d(0, 0, 0);
  }

  .d6YAwG_centerCircle {
    width: clamp(180px, 18vw, 120px);
    height: clamp(180px, 18vw, 120px);
    font-size: clamp(12px, 1.5vw, 16px);
  }

  .d6YAwG_circle {
    width: clamp(100px, 10vw, 60px);
    height: clamp(100px, 10vw, 60px);
    padding: 8px;
    font-size: clamp(10px, 1.5vw, 14px);
  }

  .d6YAwG_circleText {
    font-size: clamp(14px, 1.5vw, 18px);
  }

  .d6YAwG_circle:nth-child(2) {
    transform: translate(72.9153px, 91.5006px);
  }

  .d6YAwG_circle:nth-child(3) {
    transform: translate(-26.1174px, 114.048px);
  }

  .d6YAwG_circle:nth-child(4) {
    transform: translate(-105.468px, 50.6501px);
  }

  .d6YAwG_circle:nth-child(5) {
    transform: translate(-105.34px, -50.9167px);
  }

  .d6YAwG_circle:nth-child(6) {
    transform: translate(-25.8289px, -114.113px);
  }

  .d6YAwG_circle:nth-child(7) {
    transform: translate(73.1464px, -91.3159px);
  }

  .d6YAwG_circle:nth-child(8) {
    transform: translate(117px, .29589px);
  }
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);

  &.swiper-pagination-hidden {
    opacity: 0;
  }

  .swiper-pagination-disabled > &, &.swiper-pagination-disabled {
    display: none !important;
  }
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;

  & .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33);
  }

  & .swiper-pagination-bullet-active, & .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }

  & .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
  }

  & .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
  }

  & .swiper-pagination-bullet-active-next {
    transform: scale(.66);
  }

  & .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;

  button& {
    box-shadow: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
  }

  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);

  & .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

  &.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);

    & .swiper-pagination-bullet {
      transition: transform .2s, top .2s;
      display: inline-block;
    }
  }
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
  & .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

  &.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);

    & .swiper-pagination-bullet {
      transition: transform .2s, left .2s;
    }
  }
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;

  & .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
  }

  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0;
  }

  .swiper-horizontal > &, &.swiper-pagination-horizontal, .swiper-vertical > &.swiper-pagination-progressbar-opposite, &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0;
  }

  .swiper-vertical > &, &.swiper-pagination-vertical, .swiper-horizontal > &.swiper-pagination-progressbar-opposite, &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0;
  }
}

.swiper-pagination-lock {
  display: none;
}

.VHvUVq_sectionsContainer {
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.VHvUVq_sectionsContainer:before, .VHvUVq_sectionsContainer:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  width: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.VHvUVq_sectionsContainer:before {
  background: linear-gradient(to right, #ffecda14, #ffecda00);
  left: 0;
}

.VHvUVq_sectionsContainer:after {
  background: linear-gradient(to left, #ffecda14, #ffecda00);
  right: 0;
}

.VHvUVq_navigationContainer {
  z-index: 2;
  pointer-events: none;
  justify-content: space-between;
  width: calc(100% + 136px);
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-68px)translateY(-50%);
}

@media screen and (width <= 768px) {
  .VHvUVq_navigationContainer {
    display: none;
  }
}

.VHvUVq_navigationContainerBottom {
  z-index: 2;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
  padding: 0 32px;
  display: flex;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}

.VHvUVq_contentSection {
  --grid-columns: 24;
  --gutter: 2rem;
  padding-bottom: 40px;
  display: flex;
}

@media screen and (width <= 620px) {
  .VHvUVq_contentSection {
    flex-direction: column;
  }
}

.VHvUVq_contentSection .VHvUVq_contentSectionText {
  opacity: 0;
  text-align: justify;
  max-width: 420px;
  padding-left: calc(4.16667vw - var(--gutter) * 23 / 24 + var(--gutter));
  margin-top: 3rem;
  position: relative;
}

.VHvUVq_contentSection .VHvUVq_contentSectionText:before {
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: calc(4.16667vw - var(--gutter) * 23 / 24);
  background-color: #1a1a1a26;
  position: absolute;
}

.VHvUVq_contentSection .VHvUVq_contentSectionImageContainer {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  transition: all 1s ease-out;
  display: flex;
  position: relative;
}

.VHvUVq_contentSection .VHvUVq_contentSectionImageContainer img {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  min-width: 240px;
  max-width: 500px;
  height: auto;
  transition: all 1s ease-out;
}

@media screen and (width <= 1918px) {
  .VHvUVq_contentSection .VHvUVq_contentSectionImageContainer img {
    max-width: 300px;
  }
}

.VHvUVq_contentSection .VHvUVq_contentSectionImageContainer .VHvUVq_imageInfoIcon {
  width: 40px;
  height: 40px;
  color: var(--color-link);
  cursor: pointer;
  z-index: 2;
  appearance: none;
  text-transform: lowercase;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  font-style: italic;
  font-weight: bold;
  transition: background-color .3s, transform .3s cubic-bezier(.68, -.55, .27, 1.55);
  display: flex;
  position: absolute;
  bottom: -10px;
  right: -10px;
  box-shadow: 0 3px 7px #2f2f2f1a;
}

.VHvUVq_contentSection .VHvUVq_contentSectionImageContainer .VHvUVq_imageInfoIcon:hover {
  background-color: #fff;
  transform: scale(1.05);
}

.VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer {
  transform: translate3d(-10%, 10%, 0)scale(1.2);
}

@media screen and (width <= 620px) {
  .VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer {
    transform: translate3d(0, 0, 0)scale(1);
  }
}

.VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer img {
  border-radius: 20px;
  max-width: 600px;
}

@media screen and (width <= 1918px) {
  .VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer img {
    max-width: 400px;
  }
}

.VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer .VHvUVq_imageInfoIcon {
  transform: scale(.5);
}

@media screen and (width <= 620px) {
  .VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer .VHvUVq_imageInfoIcon {
    transform: scale(1);
  }
}

.VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer .VHvUVq_imageInfoIcon:hover {
  transform: scale(.55);
}

@media screen and (width <= 620px) {
  .VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionImageContainer .VHvUVq_imageInfoIcon:hover {
    transform: scale(1.05);
  }
}

.VHvUVq_contentSection.VHvUVq_active .VHvUVq_contentSectionText {
  animation: .5s cubic-bezier(.68, -.55, .27, 1.55) forwards VHvUVq_contentActive;
}

.VHvUVq_contentSection:not(.VHvUVq_active) {
  opacity: .65;
}

.VHvUVq_contentSection:not(.VHvUVq_active) .VHvUVq_contentSectionText {
  max-height: 400px;
}

.VHvUVq_contentSection h2 {
  color: #fff;
  z-index: 2;
  text-align: right;
  margin: 0 0 10px;
  font-family: Poiret One, sans-serif;
  font-size: 42px;
  font-weight: 700;
  transition: transform .3s cubic-bezier(.68, -.55, .27, 1.55), background-color .3s ease-out, height .3s ease-out, width .3s ease-out;
  position: relative;
  transform: translate3d(0, 0, 0)scale(1);
}

@media screen and (width <= 768px) {
  .VHvUVq_contentSection h2 {
    text-align: center;
  }
}

.VHvUVq_contentSection .VHvUVq_paragraph {
  white-space: normal;
  letter-spacing: -.16px;
  color: #473d27;
  z-index: 2;
  text-align: justify;
  margin: 10px auto;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
}

.VHvUVq_contentSection .VHvUVq_list {
  z-index: 2;
  text-align: center;
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.VHvUVq_contentSection .VHvUVq_list li {
  white-space: normal;
  letter-spacing: .5px;
  color: #fff;
  margin: 8px 0;
  font-family: Poiret One, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (width <= 1020px) {
  .VHvUVq_contentSection .VHvUVq_list li {
    font-size: 20px;
  }
}

.VHvUVq_contentSection .VHvUVq_list li .VHvUVq_highlight {
  color: #473d27;
  font-size: 80%;
}

@keyframes VHvUVq_contentActive {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes VHvUVq_contentActive {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes VHvUVq_contentActiveImage {
  0% {
    transform: translateY(0)scale(.9);
  }

  100% {
    transform: translateY(0)scale(1);
  }
}

.VHvUVq_sectionImage, .VHvUVq_content {
  padding: 0;
}

.swiper {
  --swiper-pagination-top: auto;
  --swiper-pagination-bottom: 4px;
  --swiper-pagination-color: var(--color-link);
  width: 100%;
  height: 100%;
  padding: 0;
}

.swiper-wrapper {
  align-items: flex-start;
  padding: 0 0 32px;
  height: 100% !important;
}

@media screen and (width <= 768px) {
  .swiper-wrapper {
    height: auto;
  }
}

.swiper-slide {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px 0;
  display: flex;
}

.swiper-pagination {
  z-index: 10;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-pagination-bullet {
  background: var(--color-link);
  opacity: .3;
  border: 1px solid var(--color-link);
  width: 8px;
  height: 8px;
  transition: all .3s;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color-link);
  transform: scale(1.2);
}

.swiper-button-next, .swiper-button-prev {
  color: #473d27;
  z-index: 10;
  font-size: 24px;
  position: absolute;
  top: auto;
  bottom: 20px;
  transform: translateX(-50%);
}

.swiper-button-prev {
  left: 45%;
}

.swiper-button-next {
  left: 55%;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 20px;
}

@media (width <= 768px) {
  .swiper-button-prev {
    left: 40%;
  }

  .swiper-button-next {
    left: 60%;
  }
}

.swiper-prev-top, .swiper-next-top, .swiper-prev-bottom, .swiper-next-bottom {
  cursor: pointer;
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 10px;
  font-size: 20px;
  transition: background .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-prev-top:after, .swiper-next-top:after, .swiper-prev-bottom:after, .swiper-next-bottom:after {
  content: "";
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 100%, 0);
}

.swiper-prev-top svg, .swiper-next-top svg, .swiper-prev-bottom svg, .swiper-next-bottom svg {
  fill: var(--color-link);
  z-index: 2;
  position: relative;
}

.swiper-prev-top, .swiper-next-top {
  pointer-events: all;
}

.swiper-prev-top:hover svg, .swiper-next-top:hover svg, .swiper-prev-bottom:hover svg, .swiper-next-bottom:hover svg {
  fill: var(--color-link);
}

.swiper-prev-top:hover:after, .swiper-next-top:hover:after, .swiper-prev-bottom:hover:after, .swiper-next-bottom:hover:after {
  background-color: #fff;
  transform: translate3d(0, 0, 0);
}

.swiper-prev-bottom svg, .swiper-prev-top svg {
  transform: translate3d(5px, 0, 0);
}

.swiper-next-bottom svg, .swiper-next-top svg {
  transform: translate3d(1px, 0, 0);
}

.swiper-button-disabled {
  opacity: .5;
  cursor: not-allowed;
}

.-\32 eQzq_contactWrapper {
  max-width: 1200px;
  margin: auto;
  display: block;
}

@media screen and (width >= 768px) {
  .-\32 eQzq_contactWrapper {
    padding: 40px;
  }
}

.-\32 eQzq_contactContainer {
  --services-text-color: #473d27;
  height: auto;
  color: var(--services-text-color);
  letter-spacing: -.35px;
  text-align: center;
  grid-template-columns: .75fr 1fr;
  gap: 2rem;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
  font-family: Theinhardt, sans-serif;
  display: grid;
  overflow-y: visible;
}

@media screen and (width <= 1280px) {
  .-\32 eQzq_contactContainer {
    flex-direction: column-reverse;
    gap: 40px;
    display: flex;
  }
}

.-\32 eQzq_contactContainer form {
  max-width: 600px;
  margin: 0 auto;
}

.-\32 eQzq_contactBox {
  background-color: #fff;
  border-radius: 1rem;
  max-width: 800px;
  margin: auto;
  padding: 1px 40px;
}

.-\32 eQzq_contactHeader {
  max-width: 1200px;
  margin: auto;
}

h1 {
  text-align: left;
  color: var(--color-link);
  text-transform: lowercase;
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: Poiret One, sans-serif;
  font-size: 20px;
  line-height: 17px;
}

@media screen and (width <= 1280px) {
  h1 {
    font-size: 24px;
    line-height: 28px;
  }
}

h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
}

@media screen and (width <= 1280px) {
  h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

p {
  text-align: left;
  color: var(--dark-orange-text);
  margin-bottom: 30px;
  font-size: 18px;
}

@media screen and (width <= 768px) {
  p {
    font-size: 16px;
  }
}

.-\32 eQzq_contactForm {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.-\32 eQzq_contactForm input, .-\32 eQzq_contactForm textarea {
  width: 100%;
  color: var(--dark-orange-text);
  background-color: #0000;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  padding: 4px;
  font-family: Theinhardt, sans-serif;
  font-size: 16px;
  transition: border-color .3s;
}

.-\32 eQzq_contactForm input:focus, .-\32 eQzq_contactForm textarea:focus {
  border-color: #473d27;
}

.-\32 eQzq_contactForm input::placeholder, .-\32 eQzq_contactForm textarea::placeholder {
  color: #999;
}

.-\32 eQzq_contactForm input:autofill, .-\32 eQzq_contactForm textarea:autofill {
  background-color: #fff;
}

.-\32 eQzq_formGroup {
  text-align: left;
}

@media screen and (width >= 1280px) {
  .-\32 eQzq_formGroup {
    grid-template-columns: 1fr;
    gap: 2px;
    display: grid;
  }
}

.-\32 eQzq_formGroup label {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.-\32 eQzq_formGroup input, .-\32 eQzq_formGroup textarea {
  width: 100%;
  color: var(--dark-orange-text);
  resize: vertical;
  background-color: #0000;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  padding: 4px;
  font-size: 16px;
  transition: border-color .3s;
}

.-\32 eQzq_formGroup input:focus, .-\32 eQzq_formGroup textarea:focus {
  border-color: #473d27;
}

.-\32 eQzq_formGroup input::placeholder, .-\32 eQzq_formGroup textarea::placeholder {
  color: #999;
}

.-\32 eQzq_formGroup input:autofill, .-\32 eQzq_formGroup textarea:autofill {
  background-color: #fff;
}

.-\32 eQzq_submitButton {
  background-color: var(--color-link);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  margin: auto;
  padding: 12px 20px;
  font-size: 18px;
  transition: background-color .3s;
}

.-\32 eQzq_submitButton:hover {
  background-color: #614b34;
}

.-\32 eQzq_submitButton svg {
  stroke-width: 1px;
  width: 30px;
  height: 30px;
  transform: translate3d(-5px, 3px, 0);
}

.-\32 eQzq_statusMessage {
  color: #473d27;
  border: 1px solid #c2b9a7;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
}

.-\32 eQzq_statusSuccess {
  color: #2f6627;
  opacity: 0;
  background-color: #e6f7e6;
  border: 1px solid #b3e6b3;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  transition: all .3s;
  animation: .5s ease-in-out .5s forwards -\32 eQzq_fadeIn;
  display: flex;
}

.-\32 eQzq_statusError {
  color: #721c24;
  opacity: 0;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  transition: all .3s;
  animation: .5s ease-in-out .5s forwards -\32 eQzq_fadeIn;
  display: flex;
}

@keyframes -\32 eQzq_fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (width <= 1280px) {
  .-\32 eQzq_statusSuccess, .-\32 eQzq_statusError {
    margin-top: 10px;
    padding: 8px;
    font-size: 14px;
  }
}

.-\32 eQzq_contactImage {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.-\32 eQzq_contactImage img {
  object-fit: contain;
  border-radius: 2px;
  width: 100%;
  max-height: 205px;
}

.-\32 eQzq_loader {
  border: 2px solid #fff;
  border-top-color: #0000;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite -\32 eQzq_spin;
}

.-\32 eQzq_checkmark {
  color: #fff;
  font-size: 24px;
}

@keyframes -\32 eQzq_spin {
  to {
    transform: rotate(360deg);
  }
}

.z_AF6q_servicesContainer {
  --services-text-color: #473d27;
  --services-text-color-light: #777;
  height: auto;
  color: var(--services-text-color);
  letter-spacing: -.35px;
  text-align: center;
  background-color: #fcfcfc;
  width: 100%;
  padding: 0 7% 100px;
  font-family: Theinhardt, sans-serif;
  overflow-y: visible;
}

.z_AF6q_servicesContainer button {
  font-family: Theinhardt, sans-serif;
}

.z_AF6q_servicesContainer .z_AF6q_servicesContainerInner {
  grid-template-columns: 1fr 1fr;
  max-width: 1160px;
  height: auto;
  margin: auto;
  display: grid;
  overflow-y: visible;
}

@media screen and (width <= 1500px) {
  .z_AF6q_servicesContainer .z_AF6q_servicesContainerInner {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (width <= 1280px) {
  .z_AF6q_servicesContainer .z_AF6q_servicesContainerInner {
    grid-template-columns: 1fr;
  }
}

.z_AF6q_servicesContainer .z_AF6q_servicesContent {
  width: 100%;
  max-width: 1200px;
}

.z_AF6q_servicesContainer .z_AF6q_servicesImage {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 225px 20px 0;
}

@media screen and (width <= 1500px) {
  .z_AF6q_servicesContainer .z_AF6q_servicesImage {
    padding-top: 225px;
  }
}

@media screen and (width <= 768px) {
  .z_AF6q_servicesContainer .z_AF6q_servicesImage {
    display: none;
  }
}

.z_AF6q_servicesTitle {
  text-align: left;
  color: var(--color-link);
  text-transform: lowercase;
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: Poiret One, sans-serif;
  font-size: 20px;
  line-height: 17px;
}

@media screen and (width <= 1280px) {
  .z_AF6q_servicesTitle {
    font-size: 24px;
    line-height: 28px;
  }
}

.z_AF6q_servicesSubTitle {
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
}

@media screen and (width <= 1280px) {
  .z_AF6q_servicesSubTitle {
    font-size: 32px;
    line-height: 38px;
  }
}

.z_AF6q_servicesDescription {
  text-align: left;
  color: var(--services-text-color);
  letter-spacing: -.45px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.8125;
}

@media screen and (width <= 1280px) {
  .z_AF6q_servicesDescription {
    font-size: 18px;
    line-height: 1.8125;
  }
}

@media screen and (width <= 768px) {
  .z_AF6q_servicesDescription {
    font-size: 16px;
  }
}

.z_AF6q_accordionItem {
  overflow: hidden;
}

.z_AF6q_accordionHeader {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  font-size: 1.2rem;
  display: flex;
}

@media screen and (width <= 1280px) {
  .z_AF6q_accordionHeader {
    font-size: 1rem;
  }
}

.z_AF6q_icon {
  transition: transform .2s ease-in-out;
}

.z_AF6q_icon:hover {
  transform: rotate(180deg);
}

.z_AF6q_accordion {
  appearance: none;
  cursor: pointer;
  text-align: left;
  color: currentColor;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 4px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  font-family: Theinhardt, sans-serif;
  font-size: 18px;
  transition: all .4s;
  display: flex;
  position: relative;
}

@media screen and (width <= 1280px) {
  .z_AF6q_accordion {
    font-size: 16px;
  }
}

.z_AF6q_approvalTitle {
  color: #777;
  padding-left: 20px;
  font-weight: 600;
}

@media screen and (width <= 1280px) {
  .z_AF6q_approvalTitle {
    font-size: 16px;
  }
}

.z_AF6q_panel {
  text-align: left;
  max-height: 0;
  padding: 0 18px;
  transition: all .3s ease-out;
  overflow: hidden;
}

.z_AF6q_panel p {
  text-align: left;
  color: var(--services-text-color-light);
  letter-spacing: -.45px;
  margin: 0 0 20px;
  font-size: 16px;
}

@media screen and (width <= 1280px) {
  .z_AF6q_panel p {
    font-size: 14px;
    line-height: 1.8125;
  }
}

.pkOhRq_processFlow {
  --color-inactive-circle: #f5aa0d;
  --color-active-circle: #f5aa0d;
  --color-inactive-circle-alt: #59595986;
  --color-active-circle-alt: #595959;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  gap: 32px;
  padding: 40px 20px;
  display: grid;
}

@media screen and (width <= 1280px) {
  .pkOhRq_processFlow {
    display: none;
  }
}

.pkOhRq_stepContainer {
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.pkOhRq_circle {
  color: #2c3e50;
  background-color: var(--color-inactive-circle);
  text-align: center;
  text-transform: lowercase;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  margin: 0;
  font-family: Poiret One, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.27;
  transition: all .4s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  transform: scale(1);
}

.pkOhRq_circle:hover {
  cursor: pointer;
  transform: scale(1.03);
  box-shadow: 0 3px 10px #00000014;
}

.pkOhRq_circle.pkOhRq_selected {
  background-color: var(--color-active-circle);
  color: #fff;
  animation: .5s cubic-bezier(.34, 1.56, .64, 1) pkOhRq_bounceIn;
  transform: scale(1.1);
  box-shadow: 0 5px 15px #0000001f;
}

.pkOhRq_circle.pkOhRq_selected .pkOhRq_stepText {
  color: #fff;
}

@keyframes pkOhRq_bounceIn {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  70% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1.1);
  }
}

.pkOhRq_stepNumber {
  margin-top: 4px;
  font-size: 14px;
  font-weight: bold;
}

.pkOhRq_stepText {
  color: #2c3e50;
  text-transform: lowercase;
  max-width: 75%;
  font-family: Poiret One, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.27;
}

.pkOhRq_approvalContainer {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
  position: static;
  transform: none;
}

.pkOhRq_approvalCircle {
  text-align: center;
  background-color: var(--color-inactive-circle-alt);
  color: #2c3e50;
  text-transform: lowercase;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  font-family: Poiret One, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.27;
  transition: all .4s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  transform: scale(1);
}

.pkOhRq_approvalCircle:hover {
  cursor: pointer;
  transform: scale(1.03);
  box-shadow: 0 3px 10px #00000014;
}

.pkOhRq_approvalCircle.pkOhRq_selected {
  background-color: var(--color-active-circle-alt);
  color: #fff;
  animation: .5s cubic-bezier(.34, 1.56, .64, 1) pkOhRq_bounceIn;
  transform: scale(1.1);
  box-shadow: 0 5px 15px #0000001f;
}

.pkOhRq_arrow {
  width: 50px;
  height: 10px;
}

.ZkNEma_infoPage {
  width: 100%;
  height: 100%;
  z-index: var(--info-page-z-index);
  background: #fff;
  transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media (width >= 768px) {
  .ZkNEma_infoPage {
    width: calc(100vw - 190px);
  }
}

.ZkNEma_infoPageInner {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ZkNEma_content {
  flex: 1;
  width: 100%;
  min-height: 0;
  position: relative;
  overflow-y: auto;
}

@media (width <= 767px) {
  .ZkNEma_content {
    padding-top: 75px;
  }
}

.ZkNEma_closeButton {
  cursor: pointer;
  z-index: 1001;
  color: var(--brand-orange);
  background: none;
  border: none;
  padding: .5rem;
  font-size: 2rem;
  transition: transform .2s;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ZkNEma_closeButton:hover {
  opacity: .7;
}

.ZkNEma_mobileNav {
  display: none;
}

@media (width <= 767px) {
  .ZkNEma_mobileNav {
    z-index: 101;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 75px;
    padding: 0 1rem;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
  }
}

.ZkNEma_logoWrapper {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 24px;
  display: flex;
}

.ZkNEma_logoWrapper svg {
  width: 100%;
  max-width: 24px;
  height: auto;
}

.ZkNEma_mobileMenuWrapper {
  align-items: center;
  height: 75px;
  display: flex;
}

.ZkNEma_mobileHeader {
  display: none;
}

@media (width <= 767px) {
  .ZkNEma_mobileHeader {
    margin: 0 -2rem 2rem;
    padding: 4rem 2rem;
    display: block;
  }

  .ZkNEma_mobileHeader .ZkNEma_tagline {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .ZkNEma_mobileHeader .ZkNEma_tagline .ZkNEma_create, .ZkNEma_mobileHeader .ZkNEma_tagline .ZkNEma_dwell {
    color: #f6ab0b;
  }

  .ZkNEma_mobileHeader .ZkNEma_description {
    text-align: center;
    color: #000c;
    max-width: 600px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.6;
  }
}

.ZkNEma_section {
  min-height: 100vh;
  padding: 20px 0;
}

.ZkNEma_section:not(:last-child) {
  border-bottom: 1px solid #0000001a;
}

.ZkNEma_contact {
  background-color: #f7f5f2;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/create-dwell.appspot.com/o/contact%2Fcontact_large.jpg?alt=media&token=2685fded-cc77-4633-ad6c-5ddea863fe94");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

@media (width <= 768px) {
  .ZkNEma_contact {
    background-attachment: fixed;
  }
}

.ZkNEma_contact .ZkNEma_contactContainer {
  backdrop-filter: blur(8px);
  background-color: #fff3;
  padding: 20px;
}

.ZkNEma_footer {
  background-color: #fcfcfc;
  padding: 0 20px;
}

.V9Hyjq_overlay {
  z-index: 2000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.V9Hyjq_modal {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 800px;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.V9Hyjq_close {
  cursor: pointer;
  z-index: 1;
  background: none;
  border: none;
  font-size: 2rem;
  position: absolute;
  top: 10px;
  right: 10px;
}

.V9Hyjq_iframe {
  border: none;
  width: 100%;
  height: 80vh;
}

@media (width <= 900px) {
  .V9Hyjq_modal {
    width: 98vw;
    max-width: 98vw;
  }

  .V9Hyjq_iframe {
    height: 60vh;
  }
}

.ADuuJa_wrapper {
  background-color: #f0f0f0;
  height: 100vh;
}

.ADuuJa_header {
  z-index: 10;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  display: flex;
  position: relative;
}

.ADuuJa_header:before {
  content: "";
  z-index: -1;
  background-color: #f6ab0b;
  width: 150px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ADuuJa_main {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.ADuuJa_loginContainer {
  background-color: #fff;
  border-radius: 8px;
  width: 400px;
  padding: 2rem;
  box-shadow: 0 4px 8px #0000001a;
}

.ADuuJa_loginContainer .ADuuJa_h2 {
  text-align: center;
  color: var(--color-link);
}

.ADuuJa_loginContainer form {
  flex-direction: column;
  display: flex;
}

.ADuuJa_loginContainer input {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: 1rem;
}

.ADuuJa_loginContainer button {
  color: #fff;
  cursor: pointer;
  background-color: #f6ab0b;
  border: none;
  border-radius: 4px;
  padding: .75rem;
  font-size: 1rem;
}

.ADuuJa_loginContainer button:hover {
  background-color: #fbad05;
}

.ADuuJa_loginContainer .ADuuJa_error {
  color: red;
  text-align: center;
  margin-bottom: 1rem;
}

:root {
  --color-D10: #000624;
  --color-D20: #333853;
  --color-D30: #595d70;
  --color-D40: #868aa5;
  --color-D50: #acafc4;
  --color-D55: #cfd1dc;
  --color-D60: #dfe5eb;
  --color-D70: #eceff3;
  --color-D80: #fff;
  --color-B00: #084ebd;
  --color-B05: #0f62e6;
  --color-B10: #116dff;
  --color-B20: #5999ff;
  --color-B30: #a8caff;
  --color-B40: #d6e6fe;
  --color-B50: #e7f0ff;
  --color-B60: #f4f7ff;
  --color-R00: #b81206;
  --color-R05: #d0180b;
  --color-R10: #e62214;
  --color-R20: #ff6d63;
  --color-R30: #f69891;
  --color-R40: #fbd0cd;
  --color-R50: #fde3e1;
  --color-R60: #fdeceb;
  --color-P00: #7416a5;
  --color-P05: #8e1dd1;
  --color-P10: #9a27d5;
  --color-P20: #c161f0;
  --color-P30: #cf8cf1;
  --color-P40: #e3c3f4;
  --color-P50: #f1e0f9;
  --color-P60: #f7edfc;
  --color-G00: #1d8649;
  --color-G05: #229954;
  --color-G10: #25a55a;
  --color-G20: #51b77b;
  --color-G30: #87cea5;
  --color-G40: #c8e8d6;
  --color-G50: #e1f4eb;
  --color-G60: #e9f6ee;
  --color-Y00: #d59900;
  --color-Y05: #e7a600;
  --color-Y10: #ffb700;
  --color-Y20: #ffc23d;
  --color-Y30: #ffd16e;
  --color-Y40: #ffe2a5;
  --color-Y50: #fff0d1;
  --color-Y60: #fff6e5;
  --color-O00: #df4d00;
  --color-O05: #f05300;
  --color-O10: #fe620f;
  --color-O20: #ff7d38;
  --color-O30: #fcbd9c;
  --color-O40: #fddbc8;
  --color-O50: #fee5d7;
  --color-O60: #feefe6;
  --color-F00: #a6d0ff;
  --color-A1: #1684ea;
  --color-A2: #17b0e2;
  --color-A3: #6544f9;
  --color-A4: #3d9fa1;
  --color-A5: #d04091;
  --color-A6: #fdb10c;
  --color-B1: #ff66c5;
  --color-B2: #ff9f41;
  --color-B3: #f9677a;
  --color-B4: #1550ac;
  --color-C1: #54ce91;
  --color-C2: #1989e5;
  --color-C3: #64b4f6;
  --color-C4: #ff9290;
}

.admin .header {
  background-color: var(--color-bg);
}

.admin .header #logo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin h1 {
  color: var(--color-primary);
  margin-bottom: 2rem;
  font-weight: 700;
}

.admin h2 {
  margin-bottom: 1.5rem;
  font-weight: 400;
}

._6YjyRa_toast {
  color: #fff;
  z-index: var(--toast-z-index);
  background-color: #444;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  animation: .3s ease-out _6YjyRa_slide-in;
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 2px 5px #0003;
}

._6YjyRa_toast._6YjyRa_info {
  background-color: #007bff;
}

._6YjyRa_toast._6YjyRa_success {
  background-color: #28a745;
}

._6YjyRa_toast._6YjyRa_error {
  background-color: #dc3545;
}

._6YjyRa_toast._6YjyRa_warning {
  background-color: #ffc107;
}

._6YjyRa_toast ._6YjyRa_closeButton {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  margin-left: 10px;
  font-size: 16px;
}

._6YjyRa_toast ._6YjyRa_closeButton:hover {
  color: #ccc;
}

@keyframes _6YjyRa_slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

ul {
  padding: 0;
  list-style-type: none;
}

._1fKpJa_header {
  z-index: 10;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 16px;
  padding-right: 1rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

._1fKpJa_header:before {
  content: "";
  z-index: -1;
  background-color: #f6ab0b;
  width: 150px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

._1fKpJa_logo {
  transform: translateX(53px);
}

._1fKpJa_header h1 {
  text-align: center;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}

._1fKpJa_headerNav {
  justify-self: flex-start;
  gap: 1rem;
  margin-left: auto;
  margin-right: 20px;
  display: flex;
}

._1fKpJa_headerNav ul {
  gap: 1rem;
  display: flex;
}

._1fKpJa_headerNav a {
  color: var(--color-link);
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

._1fKpJa_headerNav a:hover:not(._1fKpJa_active) {
  color: var(--color-link-hover);
  background-color: #efefef;
}

._1fKpJa_headerNav ._1fKpJa_active {
  color: #fff;
  background-color: var(--color-link);
}

._1fKpJa_actions {
  gap: 1rem;
  display: flex;
}

.X3puOW_loadingOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.X3puOW_spinner {
  border: 4px solid #0000001a;
  border-left-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: 1s linear infinite X3puOW_spin;
}

@keyframes X3puOW_spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.X3puOW_projectForm {
  height: 100%;
  padding-top: 0;
}

button.X3puOW_backButton {
  cursor: pointer;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  color: #4f4e4e !important;
  background-color: #0000 !important;
  border: 1px solid #ccc !important;
}

button.X3puOW_backButton svg {
  fill: #4f4e4e;
  width: 14px;
  margin-right: 5px;
}

.X3puOW_projectFormContent {
  max-width: 980px;
  height: 100%;
  margin: 0 auto;
}

.X3puOW_projectHeader {
  width: 100%;
  z-index: var(--nav-z-index);
  background-color: #feeece;
  border-bottom: 1px solid #f6e1b8;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 8px 20px;
  display: flex;
  position: sticky;
  top: 55px;
  left: 0;
}

.X3puOW_projectHeader h2 {
  margin: 0;
  font-size: 20px;
  margin-bottom: 0 !important;
}

h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 500;
}

.X3puOW_mainImageContainer {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.X3puOW_mainImageContainer input[type="file"] {
  display: none;
}

.X3puOW_mainImageContainer:after {
  content: "";
  cursor: pointer;
  z-index: 1;
  background-color: #0000001a;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.X3puOW_mainImageContainer:hover:after {
  background-color: #0000004d;
}

.X3puOW_mainImageContainer:hover .X3puOW_uploadLabel {
  opacity: 1;
}

.X3puOW_uploadLabelGeneric, .X3puOW_uploadLabel {
  cursor: pointer;
  background-color: #fffc;
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
}

.X3puOW_uploadLabel {
  z-index: 2;
  opacity: 0;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.X3puOW_mainImage {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.X3puOW_saveButton, .X3puOW_iconButton {
  background-color: var(--color-link);
  align-items: center;
  column-gap: 5px;
  display: flex;
}

.X3puOW_submitButton {
  background-color: var(--color-link);
  margin: 10px 0;
}

.X3puOW_submitButton:hover {
  background-color: var(--color-link-hover);
}

.X3puOW_flexRight {
  justify-content: flex-end;
  column-gap: 10px;
  display: flex;
}

.X3puOW_flexRightCenter {
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

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

.X3puOW_flex {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.X3puOW_formBox {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 20px;
}

.X3puOW_formGroup {
  margin-bottom: 10px;
  display: block;
}

.X3puOW_formGroup label:not(.X3puOW_uploadLabel):not(.X3puOW_uploadLabelGeneric):not(.X3puOW_uploadLabel) {
  margin-bottom: 4px;
  display: block;
}

.X3puOW_formGroup input[type="text"], .X3puOW_formGroup input[type="number"], .X3puOW_formGroup select {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 8px;
}

.X3puOW_formGroup input[type="text"], .X3puOW_formGroup select {
  width: 100%;
}

.X3puOW_formGroup textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  padding: 8px;
}

.X3puOW_numberInput {
  width: 100px;
}

.X3puOW_arrayItem {
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.X3puOW_arrayItem input, .X3puOW_arrayItem select {
  margin-bottom: 0 !important;
}

.X3puOW_addContentButtons {
  justify-content: flex-start;
  column-gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.X3puOW_contentSection {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 20px;
}

.X3puOW_contentImageContainer {
  border: 1px solid #ccc;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.X3puOW_contentImageContainer.X3puOW_hasImage {
  border: 4px dashed #f6ab0b;
}

.X3puOW_contentImageContainer.X3puOW_noImage {
  text-align: center;
  width: 256px;
  height: 200px;
}

.X3puOW_contentImageContainer input[type="file"] {
  display: none;
}

.X3puOW_contentImageContainer:after {
  content: "";
  cursor: pointer;
  z-index: 1;
  background-color: #0000001a;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.X3puOW_contentImageContainer:hover:after {
  background-color: #0000004d;
}

.X3puOW_contentImageContainer:hover .X3puOW_uploadLabel {
  opacity: 1;
}

.X3puOW_contentImage {
  object-fit: cover;
  cursor: pointer;
  z-index: 1;
  border-radius: 2px;
  width: 100%;
}

input[type="file"] {
  display: none;
}

.X3puOW_flex {
  justify-content: space-between;
  display: flex;
}

.X3puOW_flexTop {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 20px;
  display: flex;
}

.X3puOW_flexWidth {
  width: 100%;
}

.X3puOW_contentItemHeader {
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 10px;
  display: flex;
}

.X3puOW_contentItemHeader.X3puOW_noBorder {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.X3puOW_contentItemHeader h3 {
  margin: 0;
}

.X3puOW_contentItemHeader .X3puOW_dragButton {
  cursor: pointer;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  align-items: center;
  column-gap: 5px;
  display: flex;
}

.X3puOW_contentItemHeader .X3puOW_dragButton:hover {
  cursor: grab;
  background-color: #dedede;
}

.X3puOW_contentItemHeader .X3puOW_dragButton:hover svg {
  fill: #333;
}

.X3puOW_contentItemHeader .X3puOW_flexRightCenter {
  column-gap: 20px;
}

.X3puOW_contentItemBody {
  margin-top: 10px;
  padding: 0 20px;
}

.X3puOW_multiSelectDropdown {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

.X3puOW_multiSelectDropdown label {
  margin-bottom: 4px;
  font-weight: 500;
  display: block;
}

.X3puOW_dropdownButton {
  text-align: left;
  cursor: pointer;
  color: #222;
  width: 100%;
  box-shadow: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  padding: 8px 32px 8px 12px;
  font-size: 1rem;
  transition: border-color .2s;
  position: relative;
}

.X3puOW_dropdownButton:hover, .X3puOW_dropdownButton:focus {
  color: #222;
  box-shadow: none;
  background: #fff;
  border-color: #aaa;
}

.X3puOW_dropdownButton, .X3puOW_dropdownButton.X3puOW_dropdownButton, .X3puOW_dropdownButton.X3puOW_multiSelectDropdown .X3puOW_dropdownButton {
  color: #222 !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  font-weight: 400 !important;
}

.X3puOW_dropdownArrow {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.X3puOW_dropdownMenu {
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  width: 100%;
  max-height: 220px;
  padding: 8px 0;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
  box-shadow: 0 2px 8px #00000014;
}

.X3puOW_dropdownOption {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  align-items: center;
  padding: 6px 16px;
  font-size: 1rem;
  display: flex;
}

.X3puOW_dropdownOption input[type="checkbox"] {
  margin-right: 8px;
}

.X3puOW_dropdownOption:hover {
  background: #f2f2f2;
}

.g7GfXW_checkboxWrapper .g7GfXW_checkboxLabel {
  align-items: center;
  display: flex;
}

.g7GfXW_checkboxWrapper .g7GfXW_checkboxLabel span {
  vertical-align: top;
}

.g7GfXW_checkboxWrapper input[type="checkbox"] {
  appearance: none;
  border: .15em solid var(--color-link);
  cursor: pointer;
  border-radius: .15em;
  outline: none;
  width: 1.6em;
  height: 1.6em;
  margin: 0 .5em 0 0;
}

input.g7GfXW_checked {
  background-color: var(--color-link);
  position: relative;
}

input.g7GfXW_checked:before {
  content: "2714";
  color: #fff;
  font-size: 1.5em;
  position: absolute;
  top: -5px;
  right: 1px;
}

.g7GfXW_checkboxWrapper input[type="checkbox"]:checked {
  background-color: var(--color-link);
  position: relative;
}

.g7GfXW_checkboxWrapper input[type="checkbox"]:checked:before {
  content: "✔";
  color: #fff;
  font-size: 1.5em;
  position: absolute;
  top: -5px;
  right: 1px;
}

.g7GfXW_checkboxWrapper input[type="checkbox"]:disabled {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.g7GfXW_checkboxWrapper input[type="checkbox"]:disabled + span {
  color: #f0f0f0;
}

.g7GfXW_checkboxWrapper input[type="checkbox"]:focus {
  box-shadow: 0 0 2px var(--color-link);
}

.-MVlFG_multiSelectToggleDrag {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.-MVlFG_selectedList, .-MVlFG_unselectedList {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.-MVlFG_selectedList .-MVlFG_toggleButton, .-MVlFG_unselectedList .-MVlFG_toggleButton {
  color: #f6ab0b;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f6ab0b;
  border-radius: 20px;
  font-weight: 500;
  transition: background .2s, color .2s;
}

.-MVlFG_toggleButton {
  color: #f6ab0b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #f6ab0b;
  border-radius: 20px;
  padding: 8px 16px;
  font-weight: 500;
  transition: background .2s, color .2s;
}

.-MVlFG_toggleButton.-MVlFG_selected, .-MVlFG_toggleButton:hover {
  color: #fff;
  background: #f6ab0b;
}

.HYyozq_newProjectForm {
  background: #fff;
  border-radius: 8px;
  max-width: 600px;
  margin: 2rem auto;
  padding: 2rem;
  box-shadow: 0 2px 4px #0000001a;
}

.HYyozq_newProjectForm h2 {
  color: #333;
  margin-bottom: 2rem;
}

.HYyozq_newProjectForm .HYyozq_formGroup {
  margin-bottom: 1.5rem;
}

.HYyozq_newProjectForm .HYyozq_formGroup label {
  color: #666;
  margin-bottom: .5rem;
  display: block;
}

.HYyozq_newProjectForm .HYyozq_formGroup input {
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  padding: .75rem;
  font-size: 1rem;
}

.HYyozq_newProjectForm .HYyozq_formGroup input:focus {
  border-color: #06c;
  outline: none;
  box-shadow: 0 0 0 2px #06c3;
}

.HYyozq_newProjectForm .HYyozq_formGroup input:disabled {
  cursor: not-allowed;
  background-color: #f5f5f5;
}

.HYyozq_newProjectForm .HYyozq_error {
  color: #dc3545;
  background-color: #f8d7da;
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: .5rem;
}

.HYyozq_newProjectForm .HYyozq_actions {
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.HYyozq_newProjectForm .HYyozq_actions button {
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  transition: background-color .2s;
}

.HYyozq_newProjectForm .HYyozq_actions button:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.HYyozq_newProjectForm .HYyozq_actions .HYyozq_cancelButton {
  color: #333;
  background-color: #f5f5f5;
}

.HYyozq_newProjectForm .HYyozq_actions .HYyozq_cancelButton:hover:not(:disabled) {
  background-color: #e0e0e0;
}

.HYyozq_newProjectForm .HYyozq_actions .HYyozq_submitButton {
  color: #fff;
  background-color: #06c;
}

.HYyozq_newProjectForm .HYyozq_actions .HYyozq_submitButton:hover:not(:disabled) {
  background-color: #0052a3;
}

.B6Srtq_projectsList {
  padding: 0;
}

.B6Srtq_mainImage {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  max-width: 80px;
  max-height: 60px;
}

.B6Srtq_flexCenter {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.B6Srtq_projectsList tbody td {
  height: 78px;
}

button.B6Srtq_dragButton {
  cursor: pointer;
  border: 1px solid #ccc;
  align-items: center;
  column-gap: 5px;
  display: flex;
  background-color: #f7f7f7 !important;
}

.B6Srtq_dragButton:hover {
  cursor: grab;
  background-color: #dedede;
}

.B6Srtq_dragButton:hover svg {
  fill: #333;
}

td.B6Srtq_orderTd {
  text-align: center;
  width: 50px;
}

.DvcUyG_aboutForm .DvcUyG_formGroup {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.DvcUyG_aboutForm .DvcUyG_formGroup label {
  color: #555;
  font-size: 1rem;
  font-weight: bold;
}

.DvcUyG_aboutForm .DvcUyG_formGroup input[type="file"] {
  margin-top: .5rem;
}

.DvcUyG_aboutForm .DvcUyG_formGroup .DvcUyG_previewImage {
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  margin-top: 1rem;
}

.DvcUyG_aboutForm .DvcUyG_section {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 20px;
  padding: 1rem;
  display: flex;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_contentItem {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 6px;
  justify-content: space-between;
  column-gap: 20px;
  padding: .5rem;
  display: flex;
}

.DvcUyG_aboutForm .DvcUyG_section input[type="text"], .DvcUyG_aboutForm .DvcUyG_section textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  padding: .8rem;
  font-size: 1rem;
}

.DvcUyG_aboutForm .DvcUyG_section textarea {
  resize: vertical;
  min-height: 100px;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets .DvcUyG_bullet {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets .DvcUyG_bullet input[type="text"] {
  flex: 1;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets .DvcUyG_bullet button {
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: .5rem 1rem;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets .DvcUyG_bullet button.DvcUyG_warn {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 9px 4px;
  display: flex;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets .DvcUyG_bullet button.DvcUyG_warn svg {
  fill: #ff4d4f;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets .DvcUyG_bullet button.DvcUyG_warn:hover svg {
  fill: #e04345;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets button {
  background-color: var(--color-link);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  align-self: flex-start;
  padding: .5rem 1rem;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_bullets button:hover {
  background-color: var(--color-link);
}

.DvcUyG_aboutForm .DvcUyG_section button {
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  align-self: flex-start;
  padding: .5rem 1rem;
}

.DvcUyG_aboutForm .DvcUyG_section button.DvcUyG_warn {
  background-color: #ff4d4f;
}

.DvcUyG_aboutForm .DvcUyG_section button.DvcUyG_warn:hover {
  background-color: #e04345;
}

.DvcUyG_aboutForm .DvcUyG_section .DvcUyG_contentActions {
  justify-content: flex-end;
  column-gap: 10px;
  display: flex;
}

.DvcUyG_aboutForm button {
  background-color: var(--color-link);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: .8rem 1.2rem;
  font-size: 1rem;
}

.DvcUyG_aboutForm button:hover {
  background-color: var(--color-link);
}

.DvcUyG_aboutForm button:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

button.DvcUyG_dragButton {
  cursor: pointer;
  border: 1px solid #ccc;
  align-items: center;
  column-gap: 5px;
  display: flex;
  background-color: #f7f7f7 !important;
}

button.DvcUyG_dragButton:hover {
  cursor: grab;
  background-color: #dedede !important;
}

button.DvcUyG_dragButton:hover svg {
  fill: #333;
}

.DvcUyG_sortableContent .DvcUyG_contentInner {
  cursor: grab;
}

.DvcUyG_sortableContent .DvcUyG_contentInner:active {
  cursor: grabbing;
}

.DvcUyG_aboutHeader {
  width: 100%;
  z-index: var(--nav-z-index);
  background-color: #feeece;
  border-bottom: 1px solid #f6e1b8;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 8px 20px;
  display: flex;
  position: sticky;
  top: 55px;
  left: 0;
}

.DvcUyG_aboutHeader h2 {
  margin: 0;
  font-size: 20px;
  margin-bottom: 0 !important;
}

.DvcUyG_aboutFormContent {
  max-width: 980px;
  margin: 0 auto;
}

.DvcUyG_saveButton, .DvcUyG_iconButton {
  background-color: var(--color-link);
  align-items: center;
  column-gap: 5px;
  display: flex;
}

.DvcUyG_submitButton {
  background-color: var(--color-link);
  margin: 10px 0;
}

.DvcUyG_submitButton:hover {
  background-color: var(--color-link-hover);
}

.DvcUyG_flexRight {
  justify-content: flex-end;
  column-gap: 10px;
  display: flex;
}

.DvcUyG_flexRightCenter {
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

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

.DvcUyG_flex {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

button.DvcUyG_backButton {
  cursor: pointer;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  color: #4f4e4e !important;
  background-color: #0000 !important;
  border: 1px solid #ccc !important;
}

button.DvcUyG_backButton svg {
  fill: #4f4e4e;
  width: 14px;
  margin-right: 5px;
}

.DvcUyG_aboutAuthorSection {
  grid-template-columns: 300px 1fr;
  gap: 1rem;
  padding: 20px;
  display: grid;
}

.DvcUyG_imageContainer {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.DvcUyG_imageContainer input[type="file"] {
  display: none;
}

.DvcUyG_imageContainer:after {
  content: "";
  cursor: pointer;
  z-index: 1;
  background-color: #0000001a;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.DvcUyG_imageContainer:hover:after {
  background-color: #0000004d;
}

.DvcUyG_imageContainer:hover .DvcUyG_uploadLabel {
  opacity: 1;
}

.DvcUyG_aboutImage {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.DvcUyG_uploadLabelGeneric, .DvcUyG_uploadLabel {
  cursor: pointer;
  background-color: #fffc;
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
}

.DvcUyG_uploadLabel {
  z-index: 2;
  opacity: 0;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.DvcUyG_sections {
  padding: 20px;
}

.DvcUyG_imageUpload {
  border: 1px solid #ccc;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  max-width: 250px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.DvcUyG_imageUpload.DvcUyG_hasImage {
  border: 4px dashed #f6ab0b;
}

.DvcUyG_imageUpload.DvcUyG_noImage {
  text-align: center;
  width: 256px;
  height: 200px;
}

.DvcUyG_imageUpload input[type="file"] {
  display: none;
}

.DvcUyG_imageUpload:after {
  content: "";
  cursor: pointer;
  z-index: 1;
  background-color: #0000001a;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.DvcUyG_imageUpload:hover:after {
  background-color: #0000004d;
}

.DvcUyG_imageUpload:hover .DvcUyG_uploadLabel {
  opacity: 1;
}

.DvcUyG_imageUpload .DvcUyG_sectionImage {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.lKuLaG_projectForm {
  height: 100%;
  padding-top: 0;
}

.lKuLaG_projectHeader {
  width: 100%;
  z-index: var(--nav-z-index);
  background-color: #feeece;
  border-bottom: 1px solid #f6e1b8;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 8px 20px;
  display: flex;
  position: sticky;
  top: 55px;
  left: 0;
}

.lKuLaG_projectHeader h2 {
  margin: 0;
  font-size: 20px;
}

button.lKuLaG_backButton {
  cursor: pointer;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  color: #4f4e4e !important;
  background-color: #0000 !important;
  border: 1px solid #ccc !important;
}

button.lKuLaG_backButton svg {
  fill: #4f4e4e;
  width: 14px;
  margin-right: 5px;
}

.lKuLaG_formContent {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.lKuLaG_mainImageContainer {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 300px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.lKuLaG_mainImageContainer input[type="file"] {
  display: none;
}

.lKuLaG_mainImageContainer:after {
  content: "";
  cursor: pointer;
  z-index: 1;
  background-color: #0000001a;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.lKuLaG_mainImageContainer:hover:after {
  background-color: #0000004d;
}

.lKuLaG_mainImageContainer:hover .lKuLaG_uploadLabel {
  opacity: 1;
}

.lKuLaG_uploadLabel {
  cursor: pointer;
  z-index: 2;
  background-color: #ffffffd9;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 14px;
  transition: all .3s;
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.lKuLaG_uploadLabel:hover {
  background-color: #fff;
}

.lKuLaG_mainImage {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.lKuLaG_loadingOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.lKuLaG_spinner {
  border: 4px solid #0000001a;
  border-left-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: 1s linear infinite lKuLaG_spin;
}

@keyframes lKuLaG_spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.FzLHnq_adminContent {
  padding: 0;
}

.FzLHnq_manageProjects {
  padding: 0 40px;
}

.FzLHnq_adminHeader {
  width: 100%;
  z-index: var(--nav-z-index);
  background-color: #feeece;
  border-bottom: 1px solid #f6e1b8;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 8px 20px;
  display: flex;
  position: sticky;
  top: 55px;
  left: 0;
}

.FzLHnq_adminHeader h2 {
  margin: 0;
  font-size: 20px;
  margin-bottom: 0 !important;
}

.FzLHnq_adminHeader button {
  margin-bottom: 0 !important;
}

.admin ul {
  padding: 0;
  list-style-type: none;
}

.admin button {
  appearance: none;
  background-color: var(--color-link);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: .5rem 1rem;
}

.admin button:hover {
  background-color: var(--color-link-hover);
}

.admin button.warn-btn {
  background-color: #ec4747;
}

.admin button.warn-btn:hover {
  background-color: #d21f1f;
}

.admin button.primary-btn {
  background-color: var(--color-link);
}

.admin button.primary-btn:hover {
  background-color: var(--color-link-hover);
}

.admin button.primary-btn.mb10 {
  margin-bottom: 10px;
}

.admin button.secondary-btn {
  border: 1px solid var(--color-link);
  color: var(--color-link);
  background-color: #0000;
}

.admin button.secondary-btn:hover {
  background-color: var(--color-link-hover);
  color: #fff;
}

.admin button.accent-btn {
  background-color: var(--color-A1);
  color: #fff;
}

.admin button.accent-btn:hover {
  background-color: var(--color-A2);
}

.admin .container {
  background-color: #f9f9f9;
  min-height: 100vh;
  padding-top: 55px;
  padding-bottom: 100px;
}

.admin .grid-two-col {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}

.admin .grid-three-col {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  display: grid;
}

.admin .modal {
  z-index: 1000;
  background-color: #0006;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.admin .modal .modal-header {
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.admin .modal .modal-content {
  background-color: #fff;
  border: 1px solid #888;
  width: 100%;
  margin: auto;
  padding: 20px;
}

.admin form {
  flex-direction: column;
  display: flex;
}

.admin form input, .admin form select {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: 1rem;
}

.admin form button {
  background-color: var(--color-link);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: .75rem;
  font-size: 1rem;
}

.admin form button:hover {
  background-color: var(--color-link-hover);
}

.admin form .error-message {
  color: red;
  margin-top: .5rem;
  font-size: .875rem;
}

.admin .close-btn {
  color: #333;
  cursor: pointer;
  background-color: #0000;
  border: none;
  font-size: 1.5rem;
}

.admin .close-btn:hover {
  color: #000;
  background-color: #0003;
}

.admin table {
  border-collapse: collapse;
  width: 100%;
}

.admin table th, .admin table td {
  border: 1px solid var(--color-B30);
  text-align: left;
  padding: 8px;
}

.admin table th {
  color: #333853;
  background: #e7f0ff;
}

.admin table tr:nth-child(2n) {
  background-color: #f2f2f2;
}

.admin table td:hover {
  background-color: var(--color-B40);
}

.admin table .td-actions {
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.admin .green-text {
  color: green;
}

.admin .yellow-text {
  color: #fa0;
}
/*# sourceMappingURL=create-dwell-firebase.9f367d21.css.map */