html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block
}

audio:not([controls]) {
  height: 0;
  display: none
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  margin: .67em 0;
  font-size: 2em
}

mark {
  color: #000;
  background: #ff0
}

small {
  font-size: 80%
}

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

hr {
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

@font-face {
  font-family: webflow-icons;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
  font-weight: 400;
  font-style: normal
}

[class^=w-icon-],
[class*=\ w-icon-] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: webflow-icons !important
}

.w-icon-slider-right:before {
  content: ""
}

.w-icon-slider-left:before {
  content: ""
}

.w-icon-nav-menu:before {
  content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: ""
}

.w-icon-file-upload-remove:before {
  content: ""
}

.w-icon-file-upload-icon:before {
  content: ""
}

* {
  box-sizing: border-box
}

html {
  height: 100%
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block
}

html.w-mod-touch * {
  background-attachment: scroll !important
}

.w-block {
  display: block
}

.w-inline-block {
  max-width: 100%;
  display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-clearfix:after {
  clear: both
}

.w-hidden {
  display: none
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block
}

input.w-button {
  -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important
}

.w-code-block {
  margin: unset
}

pre.w-code-block code {
  all: inherit
}

.w-webflow-badge,
.w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: 0 0;
  border: 0 transparent;
  border-radius: 0;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  top: auto !important;
  bottom: 12px !important;
  left: auto !important;
  right: 12px !important;
  overflow: visible !important;
  transform: none !important
}

.w-webflow-badge>img {
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: 700
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px
}

p {
  margin-top: 0;
  margin-bottom: 10px
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px
}

figure {
  margin: 0 0 10px
}

figcaption {
  text-align: center;
  margin-top: 5px
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none
}

.w-embed:before,
.w-embed:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-embed:after {
  clear: both
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

button,
[type=button],
[type=reset] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0
}

.w-form {
  margin: 0 0 15px
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none
}

label {
  margin-bottom: 5px;
  font-weight: 700;
  display: block
}

.w-input,
.w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block
}

.w-input::placeholder,
.w-select::placeholder {
  color: #999
}

.w-input:focus,
.w-select:focus {
  border-color: #3898ec;
  outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee
}

textarea.w-input,
textarea.w-select {
  height: auto
}

.w-select {
  background-color: #f3f3f3
}

.w-select[multiple] {
  height: auto
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block
}

.w-radio:before,
.w-radio:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-radio:after {
  clear: both
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal
}

.w-file-upload {
  margin-bottom: 10px;
  display: block
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  color: #333;
  display: inline-block
}

.w-file-upload-error {
  margin-top: 10px;
  display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
  display: none
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  display: flex
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: 400;
  display: block
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block
}

.w-icon-file-upload-uploading {
  height: 20px
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto
}

.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-container:after {
  clear: both
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px
}

.w-row:before,
.w-row:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-row:after {
  clear: both
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0
}

.w-col-1 {
  width: 8.33333%
}

.w-col-2 {
  width: 16.6667%
}

.w-col-3 {
  width: 25%
}

.w-col-4 {
  width: 33.3333%
}

.w-col-5 {
  width: 41.6667%
}

.w-col-6 {
  width: 50%
}

.w-col-7 {
  width: 58.3333%
}

.w-col-8 {
  width: 66.6667%
}

.w-col-9 {
  width: 75%
}

.w-col-10 {
  width: 83.3333%
}

.w-col-11 {
  width: 91.6667%
}

.w-col-12 {
  width: 100%
}

.w-hidden-main {
  display: none !important
}

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

  .w-hidden-main {
    display: inherit !important
  }

  .w-hidden-medium {
    display: none !important
  }

  .w-col-medium-1 {
    width: 8.33333%
  }

  .w-col-medium-2 {
    width: 16.6667%
  }

  .w-col-medium-3 {
    width: 25%
  }

  .w-col-medium-4 {
    width: 33.3333%
  }

  .w-col-medium-5 {
    width: 41.6667%
  }

  .w-col-medium-6 {
    width: 50%
  }

  .w-col-medium-7 {
    width: 58.3333%
  }

  .w-col-medium-8 {
    width: 66.6667%
  }

  .w-col-medium-9 {
    width: 75%
  }

  .w-col-medium-10 {
    width: 83.3333%
  }

  .w-col-medium-11 {
    width: 91.6667%
  }

  .w-col-medium-12 {
    width: 100%
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto
  }
}

@media screen and (max-width:767px) {

  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important
  }

  .w-hidden-small {
    display: none !important
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto
  }

  .w-col-small-1 {
    width: 8.33333%
  }

  .w-col-small-2 {
    width: 16.6667%
  }

  .w-col-small-3 {
    width: 25%
  }

  .w-col-small-4 {
    width: 33.3333%
  }

  .w-col-small-5 {
    width: 41.6667%
  }

  .w-col-small-6 {
    width: 50%
  }

  .w-col-small-7 {
    width: 58.3333%
  }

  .w-col-small-8 {
    width: 66.6667%
  }

  .w-col-small-9 {
    width: 75%
  }

  .w-col-small-10 {
    width: 83.3333%
  }

  .w-col-small-11 {
    width: 91.6667%
  }

  .w-col-small-12 {
    width: 100%
  }
}

@media screen and (max-width:479px) {
  .w-container {
    max-width: none
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important
  }

  .w-hidden-tiny {
    display: none !important
  }

  .w-col {
    width: 100%
  }

  .w-col-tiny-1 {
    width: 8.33333%
  }

  .w-col-tiny-2 {
    width: 16.6667%
  }

  .w-col-tiny-3 {
    width: 25%
  }

  .w-col-tiny-4 {
    width: 33.3333%
  }

  .w-col-tiny-5 {
    width: 41.6667%
  }

  .w-col-tiny-6 {
    width: 50%
  }

  .w-col-tiny-7 {
    width: 58.3333%
  }

  .w-col-tiny-8 {
    width: 66.6667%
  }

  .w-col-tiny-9 {
    width: 75%
  }

  .w-col-tiny-10 {
    width: 83.3333%
  }

  .w-col-tiny-11 {
    width: 91.6667%
  }

  .w-col-tiny-12 {
    width: 100%
  }
}

.w-widget {
  position: relative
}

.w-widget-map {
  width: 100%;
  height: 400px
}

.w-widget-map label {
  width: auto;
  display: inline
}

.w-widget-map img {
  max-width: inherit
}

.w-widget-map .gm-style-iw {
  text-align: center
}

.w-widget-map .gm-style-iw>button {
  display: none !important
}

.w-widget-twitter {
  overflow: hidden
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-top: -4px;
  margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-top: -4px;
  margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden
}

.w-background-video>video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important
}

.w-background-video--control {
  background-color: transparent;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em
}

.w-background-video--control>[hidden] {
  display: none !important
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  background: #ddd;
  height: 300px;
  position: relative
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0
}

.w-slider-nav.w-round>div {
  border-radius: 100%
}

.w-slider-nav.w-num>div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
  box-shadow: 0 0 3px rgba(51, 51, 51, .4)
}

.w-slider-nav-invert {
  color: #fff
}

.w-slider-nav-invert>div {
  background-color: rgba(34, 34, 34, .4)
}

.w-slider-nav-invert>div.w-active {
  background-color: #222
}

.w-slider-dot {
  cursor: pointer;
  background-color: rgba(255, 255, 255, .4);
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative
}

.w-slider-dot.w-active {
  background-color: #fff
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
  box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
  position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden
}

.w-slider-force-show {
  display: block !important
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block
}

.w-dropdown-toggle:focus {
  outline: 0
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute
}

.w-dropdown-list.w--open {
  display: block
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block
}

.w-dropdown-link.w--current {
  color: #0082f3
}

.w-dropdown-link:focus {
  outline: 0
}

@media screen and (max-width:767px) {
  .w-nav-brand {
    padding-left: 10px
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .9);
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute
}

.w-lightbox-view:before {
  content: "";
  height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block
}

.w-lightbox-figure {
  margin: 0;
  position: relative
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w-lightbox-control {
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0
}

.w-lightbox-left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
  display: none;
  bottom: 0;
  left: 0
}

.w-lightbox-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
  display: none;
  bottom: 0;
  right: 0
}

.w-lightbox-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
  background-size: 18px;
  height: 2.6em;
  right: 0
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate(0, 0)
}

.w-lightbox-active {
  opacity: .3
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%)
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px
}

.w-lightbox-hide {
  display: none
}

.w-lightbox-noscroll {
  overflow: hidden
}

@media (min-width:768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh
  }

  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh
  }

  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh
  }

  .w-lightbox-left,
  .w-lightbox-right {
    opacity: .5;
    display: block
  }

  .w-lightbox-close {
    opacity: .8
  }

  .w-lightbox-control:hover {
    opacity: 1
  }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0
}

.w-richtext:before,
.w-richtext:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-richtext:after {
  clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
  white-space: initial
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
  outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.w-richtext figure {
  max-width: 60%;
  position: relative
}

.w-richtext figure>div:before {
  cursor: default !important
}

.w-richtext figure img {
  width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6
}

.w-richtext figure div {
  color: transparent;
  font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
  display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
  display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
  caption-side: bottom;
  display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
  width: 60%;
  height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
  width: 100%
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
  max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
  clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
  padding-bottom: inherit;
  display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative
}

.w-nav:before,
.w-nav:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-nav:after {
  clear: both
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative
}

.w-nav-link.w--current {
  color: #0082f3
}

.w-nav-menu {
  float: right;
  position: relative
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important
}

.w--nav-link-open {
  display: block;
  position: relative
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
  width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative
}

.w-nav-button:focus {
  outline: 0
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
  display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
  display: block
}

.w--nav-dropdown-list-open {
  position: static
}

@media screen and (max-width:991px) {
  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block
  }
}

@media screen and (max-width:767px) {
  .w-nav[data-collapse=small] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block
  }

  .w-nav-brand {
    padding-left: 10px
  }
}

@media screen and (max-width:479px) {
  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none
  }

  .w-nav[data-collapse=tiny] .w-nav-button {
    display: block
  }
}

.w-tabs {
  position: relative
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table
}

.w-tabs:after {
  clear: both
}

.w-tab-menu {
  position: relative
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative
}

.w-tab-link.w--current {
  background-color: #c8c8c8
}

.w-tab-link:focus {
  outline: 0
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden
}

.w-tab-pane {
  display: none;
  position: relative
}

.w--tab-active {
  display: block
}

@media screen and (max-width:479px) {
  .w-tab-link {
    display: block
  }
}

.w-ix-emptyfix:after {
  content: ""
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important
}

.wf-layout-layout {
  display: grid
}

.w-code-component>* {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

:root {
  --white: white;
  --dark-brown: #513126;
  --untitled-ui--gray700\<deleted\|variable-d4f37b50\>: #344054;
  --untitled-ui--primary600\<deleted\|variable-c514c1b4\>: #7f56d9;
  --untitled-ui--white\<deleted\|variable-e3beb9c1\>: white;
  --untitled-ui--primary700\<deleted\|variable-da4f7fa3\>: #6941c6;
  --untitled-ui--primary100\<deleted\|variable-35a3c723\>: #f4ebff;
  --untitled-ui--gray600\<deleted\|variable-10a0cd12\>: #475467;
  --untitled-ui--gray50\<deleted\|variable-8a511359\>: #f9fafb;
  --untitled-ui--gray300\<deleted\|variable-51e0117e\>: #d0d5dd;
  --untitled-ui--gray800\<deleted\|variable-0a1a9f61\>: #1d2939;
  --untitled-ui--gray100\<deleted\|variable-4a47ec41\>: #f2f4f7;
  --untitled-ui--gray900\<deleted\|variable-f63dbb51\>: #101828;
  --untitled-ui--primary800\<deleted\|variable-ddf4f85f\>: #53389e;
  --untitled-ui--success50\<deleted\|variable-9177f7a8\>: #ecfdf3;
  --untitled-ui--success700\<deleted\|variable-1c4c81d0\>: #027a48;
  --untitled-ui--gray500\<deleted\|variable-68f29e84\>: #667085;
  --relume-library-lite--grey\<deleted\|variable-8763e4ba\>: #e4e2df;
  --relume-library-lite--white\<deleted\|variable-1766b841\>: white;
  --relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>: black;
  --light-white: #fefaf7;
  --light-brown: #fef4ea;
  --accent: #c47a5f;
  --relume-library-lite--rl-white\<deleted\|variable-41e69d91\>: white;
  --untitled-ui--gray400\<deleted\|variable-b339bef7\>: #98a2b3;
  --grey: #a3a3a3;
  --green: #d9fb52;
  --black: #18181a;
  --pink: #fb52d9;
  --purple: #360653
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex
}

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

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

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

body {
  color: #333;
  background-color: #18181b;
  font-family: Anek latin, sans-serif;
  font-size: 14px;
  line-height: 20px
}

h1 {
  color: var(--white);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Anek latin, sans-serif;
  font-size: 5.5rem;
  font-weight: 400;
  line-height: 5.6rem
}

h2 {
  color: var(--dark-brown);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Bacasime Antique, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: transparent;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px
}

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

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.navbar-brand-three {
  z-index: 5;
  position: absolute
}

.nav-menu-wrapper-three {
  width: 100%
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75)
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px
}

.nav-dropdown-toggle:hover {
  color: rgba(26, 27, 31, .75)
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd
}

.nav-dropdown-icon {
  margin-right: 10px
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none
}

.nav-link-accent:hover {
  color: rgba(26, 27, 31, .75)
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a
}

.button-primary:active {
  background-color: #43464d
}

.hero-heading-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex
}

.margin-bottom-24px {
  margin-bottom: 24px
}

.shadow-two {
  box-shadow: 0 4px 24px rgba(150, 163, 181, .08)
}

.team-slider {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto
}

.team-slider-wrapper {
  background-color: transparent;
  height: auto;
  margin-top: 50px
}

.team-slide-wrapper {
  width: 30%;
  margin-right: 5%
}

.team-block {
  background-color: #fff;
  padding-bottom: 24px
}

.team-member-image-two {
  margin-bottom: 18px
}

.team-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex
}

.team-member-name-two {
  margin-bottom: 12px;
  font-weight: 600
}

.team-member-text {
  margin-bottom: 20px
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex
}

.arrow-embed {
  margin-left: 2px;
  display: flex
}

.team-slider-arrow {
  display: none
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px
}

.uui-navbar02_menu-button {
  padding: 0
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>)
}

.uui-button.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>)
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>)
}

.uui-button-secondary-gray.show-tablet {
  display: none
}

.uui-button-secondary-gray.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem
}

.show-tablet {
  display: none
}

.uui-navbar02_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex
}

.uui-navbar02_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex
}

.uui-navbar02_link {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s
}

.uui-navbar02_link:hover {
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
}

.uui-navbar02_link.w--current {
  color: #000
}

.uui-navbar02_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  min-width: 100vw;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  white-space: nowrap;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex
}

.uui-button-link:hover {
  color: var(--untitled-ui--primary800\<deleted\|variable-ddf4f85f\>)
}

.uui-button-link.is-button-xsmall {
  font-size: .875rem
}

.uui-button-link-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  white-space: nowrap;
  background-color: transparent;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex
}

.uui-button-link-gray:hover {
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
}

.uui-button-link-gray.is-button-xsmall {
  font-size: .875rem
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.uui-navbar02_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: .75rem;
  font-size: .875rem
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .875rem;
  line-height: 1.5
}

.uui-navbar02_item-heading {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-weight: 600
}

.uui-navbar02_item-heading.margin-bottom-0 {
  margin-bottom: 0
}

.uui-navbar02_blog-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex
}

.uui-navbar02_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.uui-navbar02_blog-image-wrapper {
  border-radius: .375rem;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 55%;
  position: relative;
  overflow: hidden
}

.uui-navbar02_blog-item {
  border-radius: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: flex
}

.uui-navbar02_blog-item:hover {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>)
}

.uui-navbar02_dropdown-blog-item-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start
}

.uui-navbar02_dropdown-content-wrapper {
  z-index: 1;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative
}

.uui-navbar02_dropdown-content-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 22rem;
  padding: 1.25rem;
  position: relative
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50\<deleted\|variable-9177f7a8\>);
  color: var(--untitled-ui--success700\<deleted\|variable-1c4c81d0\>);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex
}

.uui-navbar02_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex
}

.uui-navbar02_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem
}

.uui-navbar02_icon-wrapper {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  flex: none
}

.uui-navbar02_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid
}

.uui-navbar02_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>)
}

.uui-navbar02_heading {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .875rem;
  font-weight: 600
}

.uui-navbar02_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid
}

.uui-navbar02_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid
}

.uui-navbar02_dropdown-content {
  width: 100%;
  display: flex
}

.uui-navbar02_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.uui-navbar02_dropdown-list {
  box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03)
}

.uui-navbar02_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  top: 5.0625rem;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%
}

.uui-navbar02_dropdown-toggle {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex
}

.uui-navbar02_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
}

.uui-navbar02_menu-dropdown {
  position: static
}

.uui-navbar02_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, .2);
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 50%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1)
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex
}

.uui-navbar02_logo-link {
  padding-left: 0
}

.uui-navbar02_component {
  border-bottom: 1px solid var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex
}

.uui-heroheader01_pattern-image {
  width: 18.625rem;
  position: absolute;
  top: -6%;
  right: -21%
}

.uui-heroheader01_fileupload-image2 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 23rem;
  min-width: 23rem
}

.uui-heroheader01_fileupload-image1 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 23rem;
  min-width: 23rem;
  margin-bottom: .75rem
}

.uui-heroheader01_fileupload-image-wrapper {
  width: 23rem;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: -16%;
  right: auto
}

.uui-heroheader01_image {
  object-fit: cover;
  border-top-left-radius: 10rem;
  width: 100%;
  height: 40rem
}

.uui-heroheader01_image-wrapper {
  position: relative
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem
}

.uui-space-large {
  width: 100%;
  min-height: 3rem
}

.uui-text-size-xlarge {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5
}

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

.uui-space-small {
  width: 100%;
  min-height: 1.5rem
}

.uui-heading-xlarge {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2
}

.uui-heroheader01_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem
}

.uui-section_heroheader01 {
  overflow: hidden
}

.rl_styleguide_empty-box {
  z-index: -1;
  background-color: var(--relume-library-lite--grey\<deleted\|variable-8763e4ba\>);
  min-width: 3rem;
  height: 3rem;
  position: relative
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.button-group.button-group-3 {
  margin-top: 16px
}

.rl-styleguide-label {
  color: var(--relume-library-lite--white\<deleted\|variable-1766b841\>);
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  margin-top: -2px;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block
}

.rl-styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  padding-bottom: 1rem;
  display: grid
}

.rl-styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch
}

.rl-padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.rl-styleguide_spacing {
  border: 1px dashed var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem
}

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%
}

.rl-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.rl-container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto
}

.rl-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto
}

.rl-text-style-regular {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.text-size-small {
  font-size: .875rem
}

.text-color-darkgrey {
  color: rgba(22, 22, 22, .65)
}

.rl-heading-style-h5 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4
}

.rl_styleguide_heading-wrapper {
  border-bottom: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  width: 100%;
  padding-bottom: .75rem
}

.ulternative-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--light-white);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  padding-bottom: 4rem
}

.rl-styleguide_color {
  padding-bottom: 8rem
}

.rl-styleguide_color.rl-grey {
  background-color: var(--light-brown);
  -webkit-text-fill-color: inherit;
  background-clip: border-box
}

.rl-styleguide_color.rl-white {
  background-color: var(--light-white)
}

.rl-styleguide_color.rl-black {
  background-color: var(--dark-brown)
}

.rl-styleguide_color.rl-accent {
  background-color: var(--accent)
}

.styleguide_grid-colours {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr
}

.button-light-brown-large {
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--accent);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  border-radius: 100px;
  flex: 0 auto;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.class-label-column {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.rl_styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center
}

.form-radio-label {
  margin-bottom: 0
}

.rl-form-radio-icon {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  cursor: pointer;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem
}

.rl-form-radio-icon.w--redirected-checked {
  border-width: 6px;
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  background-image: none
}

.rl-form-radio-icon.w--redirected-focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  box-shadow: none;
  margin-top: 0
}

.rl-form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex
}

.form-checkbox-label {
  margin-bottom: 0
}

.rl-form-checkbox-icon {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  cursor: pointer;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s
}

.rl-form-checkbox-icon.w--redirected-checked {
  border-width: 1px;
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  box-shadow: none;
  background-size: 16px 16px
}

.rl-form-checkbox-icon.w--redirected-focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  box-shadow: none
}

.rl-form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex
}

.rl-form-select-input {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-image: none;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6
}

.rl-form-select-input::placeholder {
  color: rgba(0, 0, 0, .6)
}

.form-field-wrapper {
  position: relative
}

.rl-form-text-area {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  height: auto;
  min-height: 11.25rem;
  margin-bottom: 0;
  padding: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  overflow: auto
}

.rl-form-text-area:focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-form-text-area::placeholder {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-form-input {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6
}

.rl-form-input:focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-form-input::placeholder {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-size: 1rem
}

.rl-field-label {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.rl-button-link-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex
}

.rl-button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  background-color: transparent;
  padding: .25rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex
}

.button-outline-black-small {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  border-radius: 100px;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.button-outline-black-large {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  border-radius: 100px;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.button-outline-black-large:hover {
  border-style: solid;
  border-color: var(--accent);
  background-color: var(--accent);
  color: var(--light-white)
}

.button-light-brown-small {
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--accent);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  border-radius: 100px;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.alternative-styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  background-color: var(--accent);
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  align-items: center;
  justify-items: start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid
}

.rl-text-style-link {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-weight: 400;
  text-decoration: underline
}

.rl-text-style-subheading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.rl-text-style-tiny {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5
}

.rl-text-style-small {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5
}

.rl-text-style-medium {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5
}

.rl-text-style-large {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Relative;
  font-size: 1.25rem;
  font-weight: 400
}

.rl-heading-style-h6 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4
}

.rl-heading-style-h4 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3
}

.rl-heading-style-h3 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2
}

.rl-heading-style-h2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2
}

.rl-heading-style-h1 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2
}

.rl_styleguide_component {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3rem;
  display: flex
}

.body {
  font-family: Bacasime Antique, sans-serif;
  font-weight: 400
}

.alternative-styleguide_button-list-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  background-color: var(--accent);
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  align-items: center;
  justify-items: start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid
}

.button-dark-brown-large {
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--dark-brown);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  display: block
}

.button-dark-brown-small {
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--dark-brown);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  border-radius: 100px;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.button-outline-white {
  border: 1px solid var(--relume-library-lite--white\<deleted\|variable-1766b841\>);
  color: var(--light-white);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: rgba(196, 122, 95, 0);
  background-clip: border-box;
  border-radius: 100px;
  padding: .75rem 1.5rem;
  font-family: Bacasime Antique, sans-serif;
  font-size: 1rem;
  line-height: 1rem
}

.button-outline-white-small {
  border: 1px solid var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  background-color: var(--accent);
  color: var(--relume-library-lite--white\<deleted\|variable-1766b841\>);
  text-align: center;
  border-radius: 100px;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.alternative-button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--white\<deleted\|variable-1766b841\>);
  text-align: center;
  background-color: transparent;
  padding: .25rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex
}

.rl_navbar1_menu-button {
  padding: 0
}

.rl_navbar1_button {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none
}

.rl_navbar1_button-secondary {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  background-color: transparent;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none
}

.rl_navbar1_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex
}

.rl_navbar1_dropdown-link {
  color: #000;
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.rl_navbar1_dropdown-link.w--current {
  color: #000
}

.rl_navbar1_dropdown-list.w--open {
  background-color: #fff;
  border: 1px solid #000;
  padding: .5rem
}

.rl-dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%
}

.rl_navbar1_dropdown-toggle {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  padding: .5rem 2.5rem .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.rl_navbar1_link {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: transparent;
  padding: .5rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none
}

.rl_navbar1_link.w--current {
  color: #000
}

.rl_navbar1_menu {
  align-items: center;
  display: flex;
  position: static
}

.rl_navbar1_logo {
  font-size: 18px
}

.rl_navbar1_logo-link {
  padding-left: 0
}

.rl_navbar1_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex
}

.rl_navbar1_component {
  border-bottom: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(254, 250, 247, .75);
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: fixed
}

.rl_header1_image {
  border-radius: 20px
}

.rl-button-secondary-2 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.rl-button-secondary-2.button-outline-black-large {
  color: var(--dark-brown)
}

.rl-button-secondary-2.button-outline-black-large:hover {
  color: var(--light-white)
}

.rl-button-2 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.rl-button-2.alternative-button {
  background-color: var(--dark-brown);
  border-style: none
}

.rl-button-2.alternative-secondary-small {
  border-color: var(--dark-brown);
  background-color: var(--dark-brown)
}

.rl-button-2.rl-button-secondary {
  border-color: var(--light-white);
  background-color: var(--accent)
}

.rl-button-2.button-dark-brown-large {
  border-color: var(--dark-brown);
  background-color: var(--dark-brown)
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.rl_heading1_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem
}

.rl-text-style-medium-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5
}

.rl-text-style-medium-2.sub-headin-hero {
  color: var(--dark-brown)
}

.rl-text-style-medium-2.cta-sub-heading {
  color: var(--light-white)
}

.rl-text-style-medium-2.card-text-color-white {
  color: var(--light-white);
  padding-bottom: 18px;
  font-size: 1rem;
  font-weight: 300
}

.rl_heading1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl-heading-style-h1-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.2
}

.rl_header1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  margin-top: 109px;
  display: grid
}

.rl-padding-section-large-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .9rem;
  padding-bottom: 7rem;
  display: block
}

.rl-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.rl-padding-global-2 {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  width: auto;
  height: auto;
  margin-top: 0;
  padding-left: 5%;
  padding-right: 5%
}

.rl-padding-global-2.hero-background {
  background-color: var(--light-brown);
  background-image: url(../files/images/6685280b68238637797ee4fb_section-wave.svg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%
}

.rl-padding-global-2.cta-background {
  background-color: var(--accent);
  background-image: url(../files/images/668552e79eb6ed14effe871c_dark-wave.svg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%
}

.rl-padding-global-2.footer-background {
  background-color: var(--dark-brown)
}

.rl-padding-global-2.button-light-brown {
  padding-left: 0%;
  padding-right: 0%
}

.rl-padding-global-2.background-light-brown {
  background-color: var(--light-brown)
}

.rl_section_header1 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.main-wrapper {
  background-color: var(--light-brown)
}

.rl_layout1_image {
  object-fit: fill;
  border-radius: 20px
}

.rl-button-link-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex
}

.rl-button-link-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  background-color: transparent;
  padding: .25rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex
}

.rl_layout1_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_layout1_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl-heading-style-h2-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2
}

.rl-heading-style-h2-2.cta-heading {
  color: var(--light-white)
}

.rl_layout1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem
}

.rl-text-style-subheading-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.rl_layout1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  margin-top: 163px;
  display: grid
}

.rl_section_layout1 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl-text-style-regular-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5
}

.rl_testimonial1_name-text {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.rl_testimonial1_spacing-block-2 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_testimonial1_client-image {
  object-fit: cover;
  border-radius: 100%;
  width: 10rem;
  min-width: 4rem;
  height: 10rem;
  min-height: 4rem
}

.rl_testimonial1_spacing-block-1 {
  width: 100%;
  padding-bottom: 2rem
}

.rl-heading-style-h5-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4
}

.rl_testimonial1_text-wrapper {
  width: 100%;
  max-width: 48rem
}

.rl_testimonial1_logo {
  max-height: 3.5rem
}

.rl_testimonial1_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex
}

.rl_section_testimonial1 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl_contact7_image {
  object-fit: cover;
  height: 100%;
  display: block
}

.rl-error-text {
  color: #e23939
}

.rl-error-message-2 {
  margin-top: 1.5rem;
  padding: .875rem 1rem
}

.rl-success-text {
  font-weight: 600
}

.rl-success-message-2 {
  background-color: transparent;
  padding: 1.5rem
}

.rl_contact7_spacing-block-4 {
  width: 100%;
  padding-bottom: .5rem
}

.rl-text-style-link-2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-weight: 400;
  text-decoration: underline
}

.rl-checkbox-label-small {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5
}

.rl-form-checkbox-icon-2 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  cursor: pointer;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s
}

.rl-form-checkbox-icon-2.w--redirected-checked {
  border-width: 1px;
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  box-shadow: none;
  background-size: 16px 16px
}

.rl-form-checkbox-icon-2.w--redirected-focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  box-shadow: none
}

.rl-form-checkbox-2 {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex
}

.rl-form-text-area-2 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  height: auto;
  min-height: 11.25rem;
  margin-bottom: 0;
  padding: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  overflow: auto
}

.rl-form-text-area-2:focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-form-text-area-2::placeholder {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-field-label-2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400
}

.rl_contact7_form-field-wrapper {
  position: relative
}

.rl-form-input-2 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6
}

.rl-form-input-2:focus {
  border-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl-form-input-2::placeholder {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-size: 1rem
}

.rl_contact7_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.rl_contact7_form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0
}

.rl_contact7_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_contact7_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_contact7_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_contact7_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid
}

.rl_section_contact7 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl-error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem
}

.rl-success-message {
  background-color: #f4f4f4;
  padding: 1.5rem
}

.rl-text-style-tiny-2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5
}

.rl_cta26_spacing-block-3 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_cta_form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex
}

.rl_cta26_form-block {
  max-width: 30rem;
  margin-bottom: 0
}

.rl_cta26_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_cta26_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_cta26_component {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  display: flex
}

.rl-container-small-2 {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto
}

.rl_section_cta26 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  position: relative
}

.rl_footer4_legal-link {
  color: var(--light-white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline
}

.rl_footer4_credit-text {
  color: var(--light-white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5
}

.rl_footer4_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid
}

.rl_footer4_spacing-block2 {
  border: 1px none var(--light-white);
  width: 100%;
  padding-bottom: 2rem
}

.rl_footer4_line-divider {
  background-color: var(--light-white);
  width: 100%;
  height: 1px
}

.rl_footer4_spacing-block1 {
  width: 100%;
  padding-bottom: 5rem
}

.rl-social-icon {
  color: var(--light-white);
  width: 1.5rem;
  height: 1.5rem
}

.rl_footer4_social-link {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  align-items: center;
  text-decoration: none;
  display: flex
}

.rl_footer4_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  color: var(--light-white);
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: start;
  justify-items: start;
  display: grid
}

.rl_footer4_link {
  color: var(--light-white);
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none
}

.rl_footer4_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid
}

.rl_footer4_logo-link {
  padding-left: 0
}

.rl_footer4_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center
}

.rl-padding-section-medium-2 {
  padding-top: 5rem;
  padding-bottom: 5rem
}

.rl_footer4_component {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl_header26_image {
  -webkit-text-fill-color: inherit;
  background-clip: border-box
}

.rl_header26_image-wrapper {
  justify-content: center;
  align-items: flex-start;
  margin-top: -36px;
  margin-left: -59px;
  margin-right: -59px;
  display: flex
}

.rl_header26_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem
}

.rl-button-group-center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex
}

.rl_header26_spacing-block-2,
.rl_header26_spacing-block-1 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_header26_content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template: "." "." "Area" "." /1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  align-items: center;
  justify-items: center;
  width: 100%;
  max-width: 48rem;
  display: grid
}

.rl_header26_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -93px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex
}

.rl_section_header26 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  width: auto;
  margin-bottom: 0
}

.rl_team8_spacing-block-9 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_team8_spacing-block-8 {
  width: 100%;
  padding-bottom: 1rem
}

.rl-heading-style-h4-2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3
}

.rl_team8_cta-wrapper {
  width: 100%;
  max-width: 35rem
}

.rl_team8_spacing-block-7 {
  width: 100%;
  padding-bottom: 6rem
}

.rl_team8_social-link {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl_team8_social {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  display: grid
}

.rl_team8_spacing-block-6 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_team8_spacing-block-5 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_team8_name-text {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5
}

.rl_team8_name-text.card-text-color {
  color: var(--light-white)
}

.rl_team8_spacing-block-4 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_team8_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.rl_team8_image-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden
}

.rl_team8_item {
  flex-direction: column;
  align-items: stretch;
  display: flex
}

.rl_team8_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: center;
  display: grid
}

.rl_team8_list-wrapper {
  width: 100%;
  display: block;
  position: static
}

.rl_team8_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem
}

.rl_team8_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_team8_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_team8_heading-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block
}

.rl_team8_component {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 98px;
  display: flex
}

.rl_section_team8 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl_team5_spacing-block-9 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_team5_spacing-block-8 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_team5_cta-wrapper {
  text-align: center;
  width: 100%;
  max-width: 35rem
}

.rl_team5_spacing-block-7 {
  width: 100%;
  padding-bottom: 6rem
}

.rl_team5_social-link {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>)
}

.rl_team5_social {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: center;
  display: grid
}

.rl_team5_spacing-block-6 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_team5_spacing-block-5 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_team5_name-text {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5
}

.rl_team5_spacing-block-4 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_team5_image {
  object-fit: cover;
  border-radius: 100%;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem
}

.rl_team5_item {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  display: flex
}

.rl_team5_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: center;
  display: grid
}

.rl_team5_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem
}

.rl_team5_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_team5_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_team5_heading-wrapper {
  text-align: center;
  width: 100%;
  max-width: 48rem
}

.rl_team5_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  display: grid
}

.team-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  flex-flow: column;
  grid-template: ". ." ".Area" /1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  justify-items: end;
  display: block
}

.rl_layout141_image-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.rl_layout141_spacing-block-4 {
  width: 100%;
  padding-bottom: 5rem
}

.rl_layout141_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_layout141_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_layout141_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_layout141_content {
  text-align: center;
  width: 100%;
  max-width: 48rem
}

.rl_layout141_component {
  flex-direction: column;
  align-items: center;
  display: flex
}

.rl_section_layout141 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl_pricing11_spacing-block-8 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_pricing11_icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex
}

.rl_pricing11_feature-icon-wrapper {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  flex: none;
  align-self: flex-start
}

.rl_pricing11_feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex
}

.rl_pricing11_feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid
}

.rl_pricing11_spacing-block-7 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_pricing11_spacing-block-6 {
  width: 100%;
  padding-bottom: 2rem
}

.rl_pricing11_divider {
  background-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  width: 100%;
  height: 1px
}

.rl_pricing11_spacing-block-5,
.rl_pricing11_spacing-block-4 {
  width: 100%;
  padding-bottom: .5rem
}

.rl-heading-style-h6-2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4
}

.rl_pricing11_plan-icon {
  width: 3rem;
  height: 3rem
}

.rl_pricing11_icon-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex
}

.rl_pricing11_content-top {
  flex-direction: column
}

.rl_pricing11_content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex
}

.rl_pricing11_plan {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  flex-direction: column;
  padding: 2rem;
  display: flex
}

.rl_pricing11_plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid
}

.rl_pricing11_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem
}

.rl_pricing11_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl_pricing11_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_pricing11_heading-wrapper {
  text-align: center;
  width: 100%;
  max-width: 48rem
}

.rl_pricing11_component {
  flex-direction: column;
  align-items: center;
  display: flex
}

.rl-container-medium-2 {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto
}

.rl_section_pricing11 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl_cta8_spacing-block-2 {
  width: 100%;
  padding-bottom: 1rem
}

.rl_cta8_form-block {
  max-width: 30rem;
  margin-bottom: 0
}

.rl_cta8_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl-heading-style-h3-2 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2
}

.rl_cta8_heading-wrapper {
  flex: 1;
  width: 100%;
  max-width: 48rem
}

.rl_cta8_component {
  grid-column-gap: 5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid
}

.rl_section_cta8 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.rl_header26_image-3 {
  margin-left: -37px;
  margin-right: -37px;
  padding-left: 9px;
  padding-right: 9px
}

.rl_section_header1-copy {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.section {
  background-color: var(--accent)
}

.section.section-dark-wave {
  background-color: var(--light-white);
  color: var(--light-white);
  background-image: none
}

.heading {
  color: var(--dark-brown);
  line-height: 80px
}

.section-header1 {
  background-color: var(--light-brown);
  color: var(--light-white)
}

.section-header1.section-light-wave {
  background-image: url(../files/images/6685280b68238637797ee4fb_section-wave.svg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%
}

.section-header1.section-light-wave.background-color-grey {
  background-image: url(../files/images/66852650fb55fedc071464b0_section-wave.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.heading-highlight {
  background-image: url(../files/images/668521c469410aaf282f2106_highlight.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 273px 255px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px
}

.text-color-accent {
  color: var(--accent);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.rich-text-block {
  color: var(--dark-brown);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 350px;
  margin-left: 509px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 39px;
  font-weight: 200;
  display: block
}

.div-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 38px;
  display: flex
}

.heading-2 {
  text-align: center;
  width: 100%;
  padding-top: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 45px;
  font-weight: 400;
  display: flex
}

.heading-3 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 400
}

.text-block {
  color: var(--dark-brown);
  font-family: Bacasime Antique, sans-serif;
  font-size: 67px
}

.text-block-2 {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 19px
}

.heading-4 {
  text-align: center;
  margin-bottom: 20px;
  font-family: Bacasime Antique, sans-serif;
  font-size: 64px;
  font-weight: 400
}

.slide {
  margin-top: 0;
  padding-top: 0
}

.slide-nav {
  display: block
}

.mask {
  background-color: var(--light-white);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.icon {
  background-color: var(--light-brown);
  color: var(--dark-brown);
  border-radius: 9px
}

.icon-2 {
  background-color: var(--light-white);
  color: var(--dark-brown);
  border-radius: 9px
}

.slider {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 457px;
  min-height: 0;
  display: flex
}

.div-block-2 {
  text-align: center;
  margin-bottom: 81px;
  display: block
}

.text-block-3 {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 15px;
  font-weight: 600
}

.heading-5 {
  margin-bottom: 29px;
  font-family: Bacasime Antique, sans-serif;
  font-size: 73px;
  font-weight: 400
}

.text-block-4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 20px
}

.heading-6 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif
}

.text-block-5 {
  padding-top: 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.text-block-6 {
  padding-top: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 700
}

.text-block-7 {
  padding-top: 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.text-block-8 {
  padding-top: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 700
}

.tab-pane-tab-3 {
  border-left: 3px solid #000;
  padding-left: 28px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif
}

.text-block-9 {
  padding-top: 5px;
  font-size: 16px;
  font-weight: 500
}

.text-block-10 {
  padding-top: 15px;
  font-size: 18px;
  font-weight: 700
}

.heading-7 {
  font-family: Bacasime Antique, sans-serif;
  font-size: 38px;
  font-weight: 400
}

.tab-pane-tab-1 {
  border-left: 3px solid #000;
  border-radius: 0;
  margin-left: 0;
  padding-left: 28px
}

.tab-pane-tab-2 {
  border-left: 3px solid #000;
  padding-left: 28px
}

.map {
  border-radius: 14px
}

.heading-8,
.heading-9 {
  font-family: Bacasime Antique, sans-serif;
  font-size: 38px;
  font-weight: 400
}

.section-dark-wave {
  background-image: url(../files/images/668552e79eb6ed14effe871c_dark-wave.svg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%
}

.body-2 {
  background-color: var(--light-white)
}

.rl-button-secondary-alternate {
  border: 1px solid var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  background-color: transparent;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.rl-button-3 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.rl-button-3.rl-button.button-light-brown {
  border-color: var(--accent);
  background-color: var(--accent);
  transition: background-color .2s
}

.rl-button-3.rl-button.button-light-brown:hover {
  border-color: var(--dark-brown);
  background-color: var(--dark-brown)
}

.rl-button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex
}

.rl_heading1_spacing-block-2-2 {
  width: 100%;
  padding-bottom: 2rem
}

.rl-text-style-medium-3 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5
}

.rl-text-style-medium-3.is-white {
  color: #fff;
  width: auto;
  margin-left: -10%;
  margin-right: -10%;
  padding: 0;
  position: static
}

.rl_heading1_spacing-block-1-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl-heading-style-h1-3 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2
}

.rl-heading-style-h1-3.is-white {
  color: #fff;
  font-family: Bacasime Antique, sans-serif;
  font-size: 4rem;
  font-weight: 400
}

.rl_header5_content {
  color: #fff;
  width: 100%;
  max-width: 35rem
}

.header5_component {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  max-height: 60rem;
  display: flex
}

.rl-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.rl-padding-global-3 {
  background-image: url(../files/images/6687e03f334ea63f23d12199_wave-light.svg), linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(../files/images/66866b672ecaae8dc538be71_yoga-class.png);
  background-position: 50% 100%, 0 0, 0 0;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: 100%, auto, cover;
  min-width: 100px;
  margin-top: -54px;
  margin-bottom: 86px;
  margin-left: 0;
  padding-left: 5%;
  padding-right: 5%;
  position: static;
  overflow: visible
}

.rl_section_header5 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../files/images/6684094811b986d28157efcd_placeholder-image.svg);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  margin-left: 0;
  position: relative
}

.classes-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.card-wrapper {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
  background-position: 50%;
  background-size: cover;
  border-radius: 25px;
  height: 460px;
  padding: 31px;
  position: relative;
  overflow: hidden
}

.card-gredient {
  z-index: 1;
  background-color: rgba(81, 49, 38, 0);
  background-image: linear-gradient(180deg, var(--dark-brown), rgba(255, 255, 255, 0));
  border: 0 #000;
  border-radius: 0;
  height: 150px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.card-top-text-wrapper {
  z-index: 5;
  position: relative
}

.card-overlay {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  background-image: linear-gradient(rgba(81, 49, 38, .66), rgba(81, 49, 38, .66));
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 31px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.card-overlay:hover {
  opacity: 1
}

.instructors-full-name {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--dark-brown);
  flex-flow: row;
  padding-bottom: 0;
  display: flex
}

.classes-tab-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
  display: flex
}

.class-tab-button {
  border: 1px solid var(--dark-brown);
  color: var(--dark-brown);
  -webkit-text-stroke-width: 0px;
  background-color: rgba(196, 122, 95, 0);
  border-radius: 20px;
  transition: background-color .2s
}

.class-tab-button:hover {
  background-color: var(--light-brown)
}

.class-tab-button.w--current {
  border-width: 1px;
  border-color: var(--accent);
  background-color: var(--accent);
  color: var(--light-white);
  -webkit-text-stroke-color: var(--accent)
}

.social-icon {
  color: var(--dark-brown);
  -webkit-text-stroke-color: var(--dark-brown);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex
}

.social-link {
  color: var(--untitled-ui--gray400\<deleted\|variable-b339bef7\>);
  transition: all .3s
}

.social-link:hover {
  color: var(--untitled-ui--gray500\<deleted\|variable-68f29e84\>)
}

.uui-team09_social {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  color: var(--dark-brown);
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  margin-top: 1rem;
  display: grid
}

.uui-text-size-medium {
  color: var(--dark-brown);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5
}

.uui-text-size-medium.text-color-primary700 {
  color: var(--dark-brown)
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem
}

.uui-heading-tiny {
  color: var(--dark-brown);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-team09_item-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex
}

.uui-team09_image {
  object-fit: cover;
  border-radius: 0;
  width: 16rem;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.uui-team09_image-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden
}

.uui-team09_item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  padding-bottom: 60px;
  display: grid
}

.uui-team09_list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>)
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>)
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>)
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem
}

.uui-text-size-large {
  color: var(--dark-brown);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5
}

.uui-heading-medium {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3
}

.uui-heading-subheading {
  color: var(--dark-brown);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-team09_content {
  width: 31vw;
  position: -webkit-sticky;
  position: sticky;
  top: 70px
}

.uui-team09_component {
  grid-column-gap: 1rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 0;
  padding-bottom: 7rem
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.uui-page-padding-2 {
  padding-top: 3rem;
  padding-left: 3rem;
  padding-right: 3rem
}

.uui-contact14_map {
  width: 100%;
  height: 100%
}

.uui-contact14_map-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%
}

.uui-contact14_tab-pane {
  height: 100%
}

.uui-contact14_map-placeholder {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.uui-button-icon-2 {
  color: var(--dark-brown);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex
}

.uui-button-link-2 {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  white-space: nowrap;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex
}

.uui-button-link-2:hover {
  color: var(--untitled-ui--primary800\<deleted\|variable-ddf4f85f\>)
}

.uui-button-row-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem
}

.uui-text-size-medium-2 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem
}

.uui-heading-xxsmall {
  color: var(--dark-brown);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-contact14_tabs-link {
  border-left: 4px solid var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
  background-color: transparent;
  padding: 1.5rem 0 1.5rem 2rem;
  display: block
}

.uui-contact14_tabs-link.w--current {
  border-left-color: var(--dark-brown);
  opacity: 1;
  background-color: transparent
}

.uui-contact14_tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.uui-contact14_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-top: 4rem;
  display: grid
}

.uui-text-size-large-2 {
  color: var(--dark-brown);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5
}

.uui-space-xsmall-2 {
  width: 100%;
  min-height: 1rem
}

.uui-heading-medium-2 {
  color: var(--dark-brown);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bacasime Antique, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3
}

.uui-heading-subheading-2 {
  color: var(--dark-brown);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-max-width-large {
  text-align: center;
  width: 100%;
  max-width: 48rem;
  margin-left: 13%
}

.uui-padding-vertical-xhuge-3 {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.uui-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.uui-page-padding-3 {
  padding-left: 2rem;
  padding-right: 2rem
}

.text-block-11,
.text-block-12,
.text-block-13 {
  color: var(--dark-brown)
}

.grid {
  grid-template-columns: 4.25fr .5fr
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "." "Area" /1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding-right: 206px;
  display: block
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  margin-top: 34px;
  padding-left: 0;
  display: flex
}

.div-block-5 {
  grid-column-gap: 79px;
  grid-row-gap: 79px;
  flex-flow: row;
  flex: 0 auto;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  padding-left: 0;
  padding-right: 132px;
  display: flex;
  position: static
}

.text-block-14 {
  text-decoration: none
}

.class-tag {
  color: var(--dark-brown);
  padding-top: 21px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: .85rem;
  font-weight: 600
}

.rl_layout141_image-wrapper-2 {
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.rl_layout141_spacing-block-4-2 {
  width: 100%;
  padding-bottom: 5rem
}

.rl-button-link-icon-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex
}

.rl-button-link-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  background-color: transparent;
  padding: .25rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex
}

.rl-button-secondary {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>);
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem
}

.rl-button-group-center-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex
}

.rl_layout141_spacing-block-3-2 {
  width: 100%;
  padding-bottom: 2rem
}

.rl-text-style-medium-4 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5
}

.rl_layout141_spacing-block-2-2 {
  width: 100%;
  padding-bottom: 1.5rem
}

.rl-heading-style-h2-3 {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2
}

.rl_layout141_spacing-block-1-2 {
  width: 100%;
  padding-bottom: 1rem
}

.rl-text-style-subheading-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.rl_layout141_content-2 {
  text-align: center;
  width: 100%;
  max-width: 48rem
}

.rl_layout141_component-2 {
  flex-direction: column;
  align-items: center;
  display: flex
}

.rl-padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.rl-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.rl-padding-global-4 {
  padding-left: 5%;
  padding-right: 5%
}

.rl_section_layout141-2 {
  background-color: var(--relume-library-lite--rl-white\<deleted\|variable-41e69d91\>)
}

.section-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex
}

.image {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: fill
}

.div-block-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex
}

.image-2 {
  margin-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.text-block-15 {
  color: var(--dark-brown);
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  display: flex;
  position: absolute
}

.text-block-16 {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  position: absolute
}

.paragraph {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif
}

.text-block-17,
.text-block-18 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif
}

.text-block-19 {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif
}

.heading-10,
.heading-11,
.heading-12 {
  color: var(--dark-brown);
  font-family: Bacasime Antique, sans-serif
}

.rich-text-block-2 {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 19px
}

.rich-text-block-3 {
  color: var(--dark-brown);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif
}

.style-guide-heading {
  color: var(--light-white);
  border-bottom: 1px solid #fff;
  margin-top: 56px;
  margin-bottom: 57px;
  padding-bottom: 58px;
  font-size: 3.1rem;
  font-weight: 500
}

.style-guide-container {
  margin-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 0
}

.text-block-20 {
  color: var(--grey);
  padding-bottom: 24px
}

.color-block {
  width: 100px;
  height: 100px
}

.color-block.black {
  background-color: #18181b;
  border: 1px solid #fff
}

.color-block.white {
  color: #fff;
  background-color: #fff
}

.color-block.green {
  background-color: #d9fb52
}

.color-block.pink {
  background-color: #fb52d9
}

.color-block.purple {
  background-color: #360653
}

.color-block.grey {
  background-color: #a3a3a3
}

.event-name {
  color: #fff;
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  padding-bottom: 24px;
  font-size: 2.5rem;
  line-height: 2.6rem
}

.image-3 {
  width: 13px;
  font-family: Anek Latin, sans-serif
}

.h2 {
  color: #fff;
  font-variation-settings: "wght" 421, "wdth" 75;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 3.8rem
}

.projext-type {
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 78px;
  font-weight: 600
}

.button-group-2 {
  display: flex
}

.heading-13 {
  color: #fff;
  font-family: Anek latin, sans-serif
}

.text-block-21 {
  text-transform: uppercase;
  flex: 0 auto;
  align-self: stretch;
  padding-left: 0;
  font-weight: 700
}

.flex-block {
  grid-column-gap: 64px;
  grid-row-gap: 64px
}

.button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #18181b;
  background-color: #d9fb52;
  order: 1;
  align-self: center;
  margin-top: 0;
  padding: 23px 41px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden
}

.button.button-white {
  background-color: var(--white);
  padding-left: 30px;
  padding-right: 30px
}

.button.button-ghost {
  color: var(--white);
  background-color: #000;
  transition: color .2s
}

.button.button-ghost:hover {
  color: var(--green)
}

.button.button-ghost.green-ghost {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--black);
  color: var(--green);
  justify-content: center;
  align-self: flex-start;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex
}

.button.button-ghost.green-ghost:hover {
  color: var(--pink);
  -webkit-text-stroke-color: var(--green)
}

.button-highlight {
  background-color: var(--white);
  filter: blur(5px);
  align-self: auto;
  width: 100px;
  height: 20px;
  position: absolute;
  left: -100%;
  transform: rotate(-53deg)
}

.button-highlight.green-highlight {
  background-color: var(--green);
  width: 100px;
  height: 20px
}

.button-highlight.green-highlight.menu-button-highlight {
  width: 115px;
  overflow: visible
}

.body-3 {
  font-family: Anek latin, sans-serif
}

.div-block-7 {
  background-color: #fff;
  width: 100px;
  height: 20px;
  position: absolute;
  transform: rotate(-53deg)
}

.button-text {
  z-index: 2;
  text-transform: uppercase;
  align-self: center;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1rem;
  position: relative
}

.button-arrow {
  z-index: auto;
  position: relative;
  overflow: visible
}

.text-block-22 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.1em
}

.arrow-hover,
.arrow-hover:hover {
  color: var(--green)
}

.text-color-black {
  color: var(--black);
  background-color: #fffefe;
  margin-bottom: 13px;
  padding: 17px;
  font-size: 1rem;
  line-height: 1.1rem
}

.text-color-white {
  color: var(--white);
  text-transform: lowercase;
  padding-bottom: 16px;
  font-family: Anek latin, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1rem
}

.text-color-green {
  color: var(--green);
  margin-bottom: 43px;
  padding-bottom: 29px;
  font-family: Anek latin, sans-serif;
  font-size: 1rem;
  line-height: 1.1rem
}

.section-fix-hero-background {
  z-index: 1;
  height: auto;
  margin-top: 0;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.image-4 {
  background-color: var(--black);
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 0%;
  background-clip: border-box;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 62px;
  padding-left: 13px;
  padding-right: 13px
}

.page-wrapper-portfolio {
  z-index: 5;
  position: relative
}

.empty-section {
  min-width: 0;
  height: 100vh;
  display: block
}

.temporary-section {
  background-color: var(--green);
  height: 100vh;
  display: block
}

.navbar-wrapper {
  z-index: 100;
  height: 10vh;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.nav-content-wrapper {
  background-color: var(--black);
  justify-content: space-between;
  align-items: center;
  padding: 13px;
  display: flex;
  position: static;
  overflow: visible
}

.navbar-content.button-group {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto
}

.navbar-text {
  max-width: 200px
}

.navbar-text.text-color-white {
  color: var(--grey);
  text-transform: uppercase;
  order: 0;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.8rem;
  font-weight: 200;
  line-height: 1.5rem
}

.logo-letter-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  margin: 0;
  padding-top: 0;
  padding-bottom: 11px;
  padding-left: 0;
  font-size: 19px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.logo-letter-mask {
  overflow: hidden
}

.logo-letter-mask.fix-kerning {
  margin-left: 0;
  margin-right: -1%;
  overflow: hidden
}

.logo-letter-mask.fix-kerning.i-kerniing {
  margin-left: -7px;
  margin-right: -1%
}

.loader-wrapper {
  z-index: 4;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.loader-mask {
  background-color: var(--green);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden
}

.loader-logo-wrapper {
  padding: 48px;
  position: relative
}

.loader-lottie {
  padding: 26px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.menu-mask {
  z-index: 120;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden
}

.menu-content {
  background-color: var(--white);
  flex-flow: column;
  height: 100vh;
  display: flex;
  overflow: auto
}

.menu-header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--green);
  background-image: url(../files/images/6690fdbb7fd07174e85c12f2_dot%20background.svg);
  background-position: 100% 48%;
  background-repeat: repeat-y;
  background-size: 43%;
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding: 27px;
  display: flex
}

.menu-header.footer-header {
  padding-top: 0;
  padding-bottom: 0
}

.menu-heading {
  color: var(--black);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  font-family: Anek latin, sans-serif;
  font-size: 13rem;
  line-height: 9rem
}

.menu-close-button-wrapper {
  cursor: pointer;
  width: 100px;
  height: 100px;
  position: relative
}

.mune-close-button-line {
  background-color: var(--black);
  width: 100px;
  height: 10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: rotate(45deg)
}

.mune-close-button-line.close-button-line-2 {
  position: absolute;
  transform: rotate(-45deg)
}

.menu-list-wrapper {
  flex: 1
}

.menu-liist {
  flex-flow: column;
  height: 100%;
  display: flex
}

.collection-item {
  flex-flow: column;
  display: flex
}

.menu-items {
  background-color: var(--white);
  color: var(--black);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  font-size: 5rem;
  line-height: 3.3rem;
  display: flex
}

.menu-items:nth-child(odd) {
  background-color: var(--white);
  color: var(--black);
  margin-left: 0
}

.menu-items:nth-child(2n) {
  background-color: var(--purple);
  color: var(--pink)
}

.menu-each-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex
}

.menu-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid
}

.menu-project-name-link {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  color: var(--black);
  border-top: 1px #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  width: 58vh;
  height: 100%;
  margin-right: 0;
  padding: 5px 10px;
  font-size: 2.3rem;
  line-height: 2.2rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden
}

.menu-project-name-link.first-row-project {
  border-bottom-width: 1px
}

.collection-list-wrapper {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  display: block
}

.image-5 {
  margin-right: 17px;
  padding-right: 0
}

.text-block-23 {
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  padding-left: 27px;
  text-decoration: none;
  display: flex
}

.text-block-23.odd-items-style {
  color: var(--pink)
}

.projects--section-in-menu {
  display: block
}

.project-in-menu {
  color: var(--black);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  padding-left: 27px;
  font-size: 5rem;
  line-height: 3.7rem
}

.project-section-in-menu {
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  display: flex
}

.menu-project-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.project-name-link {
  color: var(--black);
  padding: 16px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.8rem;
  text-decoration: none;
  display: flex
}

.project-name-link.project-name {
  color: var(--black);
  font-size: 1.4rem;
  line-height: 1.2rem;
  position: relative;
  overflow: hidden
}

.link-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--black);
  text-transform: uppercase;
  border: 1px solid #000;
  border-right-width: 0;
  justify-content: space-between;
  align-items: stretch;
  width: 58vh;
  padding: 10px;
  font-size: 1.5rem;
  line-height: 2.2rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden
}

.menu-arrow-icon {
  position: relative;
  overflow: hidden
}

.div-block-8 {
  width: 20px;
  height: 100%
}

.div-block-9 {
  background-color: var(--green);
  filter: blur(5px);
  width: 147px;
  height: 20px;
  position: absolute;
  left: -100%;
  transform: rotate(-45deg)
}

.highlight-button-menu {
  background-color: var(--green);
  filter: blur(5px);
  width: 142px;
  height: 20px;
  position: absolute;
  left: -100%;
  transform: rotate(-45deg)
}

.marquee-section {
  color: var(--black);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  font-size: 2rem;
  line-height: 2rem;
  overflow: hidden
}

.marquee-bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--purple);
  color: var(--dark-brown);
  width: 3000px;
  padding: 12px;
  display: flex
}

.marquee-bar.marquee-2 {
  background-color: var(--green);
  color: var(--black);
  margin-bottom: 0;
  font-size: 3.6rem;
  line-height: 4rem
}

.text-block-24 {
  color: var(--pink)
}

.text-block-25 {
  font-size: 2.1rem;
  line-height: 2rem
}

.section-header-contain {
  margin-left: 70px;
  margin-right: 70px
}

.section-3 {
  background-color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 17px
}

.projects-section {
  background-color: var(--black);
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  position: static
}

.projects-section-heading {
  margin-top: -37px;
  margin-bottom: -37px;
  padding-top: 0;
  position: relative
}

.project-heading {
  color: var(--green);
  font-variation-settings: "wdth" 75, "wght" 700;
  letter-spacing: -4px;
  text-transform: uppercase;
  mix-blend-mode: exclusion;
  flex-flow: column;
  align-self: flex-end;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 37px;
  padding-bottom: 37px;
  font-family: Anek latin, sans-serif;
  font-size: 29vw;
  line-height: 20vw;
  display: flex;
  position: static
}

.project-heading-line1 {
  margin-left: 21px
}

.project-heading-line2 {
  letter-spacing: -9px;
  text-indent: -16px;
  align-self: flex-end;
  margin-right: 9px
}

.image-6 {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: exclusion;
  background-clip: border-box;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.project-image-splash-water {
  mix-blend-mode: color-dodge;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: clip
}

.image-7 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.project-heading-arrow {
  letter-spacing: -9px;
  text-indent: -16px
}

.larg-arrow {
  vertical-align: baseline;
  max-width: none;
  position: absolute;
  top: 1%;
  bottom: auto;
  left: auto;
  right: 2%
}

.project-list {
  z-index: 130;
  margin-left: 70px;
  margin-right: 70px;
  position: static
}

.collection-list-wrapper-2 {
  margin-top: 107px
}

.projects-grid-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--green);
  color: var(--grey);
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  grid-auto-columns: 1fr;
  align-content: end;
  justify-content: space-around;
  align-items: stretch;
  justify-items: stretch;
  width: auto;
  margin-bottom: 70px;
  padding: 70px 0 0;
  display: grid
}

.project-name {
  color: var(--white);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 2.2rem
}

.text-block-26 {
  color: var(--white)
}

.project-grid-type-wrapper {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  color: var(--grey)
}

.project-grid-type-wrapper.project-type-label {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--grey);
  border-style: none;
  border-color: #a3a3a3;
  padding-left: 0;
  padding-right: 0
}

.project-details {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  color: var(--grey);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  display: flex
}

.project-type-label {
  text-transform: uppercase;
  border: 1px solid rgba(163, 163, 163, .27);
  border-radius: 0;
  padding: 6px 13px;
  font-size: 1rem;
  line-height: 1rem
}

.text-block-27 {
  max-width: 35vw;
  padding-right: 0;
  font-size: 1.1rem;
  line-height: 1.5rem
}

.image-8 {
  max-width: 457em
}

.uui-button-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-3:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
}

.uui-button-3:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>)
}

.uui-button-secondary-gray-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>)
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>)
}

.uui-button-row-4 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.uui-space-medium-2 {
  width: 100%;
  min-height: 2rem
}

.uui-text-size-xlarge-2 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5
}

.uui-space-small-3 {
  width: 100%;
  min-height: 1.5rem
}

.uui-heading-large {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2
}

.uui-heading-subheading-3 {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem
}

.uui-padding-vertical-xhuge-4 {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.uui-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.uui-page-padding-4 {
  padding-left: 2rem;
  padding-right: 2rem
}

.footer-section {
  z-index: 10;
  background-color: var(--green);
  width: 100%;
  position: static
}

.footer-heading {
  color: var(--black);
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  font-family: Anek latin, sans-serif;
  font-size: 8.5rem;
  line-height: 9rem
}

.image-9 {
  width: 13vw;
  height: 13vw
}

.footer-links {
  justify-content: space-between;
  display: flex
}

.footer-content {
  color: var(--black);
  text-transform: uppercase;
  align-self: center;
  padding: 27px 0 27px 27px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem
}

.footer-links-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 5fr 5fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  padding: 0;
  display: grid
}

.text-block-28 {
  font-variation-settings: "wght" 700, "wdth" 75;
  text-transform: uppercase;
  overflow-wrap: normal;
  width: 33.5vh;
  height: 100%;
  padding: 15px 10px;
  font-size: 2rem;
  line-height: 2rem
}

.contact-info {
  cursor: pointer;
  border: 1px #000;
  border-style: none none solid solid;
  padding-left: 8px;
  padding-right: 8px;
  display: flex
}

.contact-info.without-bottom-boarder {
  border-bottom-style: none
}

.text-block-29 {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.8rem
}

.footer-rights-section {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-top: 1px solid #000;
  justify-content: flex-end;
  padding: 15px 9px 15px 0;
  display: flex
}

.text-block-30 {
  font-size: 1rem
}

.text-block-31 {
  text-transform: uppercase
}

.text-block-32 {
  color: var(--black);
  text-transform: none;
  font-size: 1rem;
  line-height: 1rem
}

.about-me-section {
  box-sizing: border-box;
  aspect-ratio: auto;
  background-color: var(--black);
  object-fit: fill;
  background-image: url(../files/images/669d77d85499852bf51f03d8_about-me-hero.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: auto;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  position: relative;
  top: auto;
  overflow: hidden
}

.about-me-heading {
  color: #9c9c9c;
  font-variation-settings: "wght" 700, "wdth" 75;
  letter-spacing: -6px;
  text-transform: uppercase;
  white-space: nowrap;
  mix-blend-mode: color-dodge;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 33vw;
  font-weight: 600;
  line-height: 17vw;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%
}

.about-me-text-section {
  background-color: var(--black);
  width: auto;
  height: auto;
  margin-left: 0;
  padding-top: 60px;
  padding-bottom: 60px
}

.collection-list-wrapper-3 {
  width: auto
}

.paragraph-1 {
  color: var(--grey);
  text-align: left;
  text-transform: none;
  width: 65vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 128px;
  font-size: 1.5rem;
  line-height: 2.3rem
}

.paragraph-1.about-me-paragraphs {
  width: 69vw
}

.about-me-context {
  grid-column-gap: 69px;
  grid-row-gap: 69px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex
}

.image-10 {
  width: 28vw
}

.paragraph-2 {
  color: var(--grey);
  text-align: left;
  text-transform: none;
  width: 65vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 128px;
  font-size: 1.5rem;
  line-height: 2.3rem
}

.paragraph-2.about-me-paragraphs {
  width: 70vw
}

.paragraph-3 {
  color: var(--grey);
  text-align: left;
  text-transform: none;
  width: 65vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 128px;
  font-size: 1.5rem;
  line-height: 2.3rem
}

.paragraph-3.about-me-paragraphs {
  width: 70vw
}

.paragraph-4,
.paragraph-5 {
  color: var(--grey);
  text-align: left;
  text-transform: none;
  width: 65vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 128px;
  font-size: 1.5rem;
  line-height: 2.3rem
}

.home {
  margin-top: 0;
  padding-top: 120px
}

.para-1 {
  color: var(--grey);
  text-transform: none;
  width: 60vw;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem
}

.link-block-2 {
  color: var(--black);
  text-decoration: none
}

.link-block-3,
.link-block-4,
.link-block-5 {
  color: var(--black);
  cursor: pointer;
  text-decoration: none
}

.para-2,
.para-3,
.para-4,
.para-5 {
  color: var(--grey);
  text-transform: none;
  width: 60vw;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem
}

.container-2 {
  margin-left: 80px;
  padding-top: 0;
  padding-bottom: 0
}

.link-block-6 {
  text-align: left;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex
}

.link-block-7 {
  color: var(--black);
  align-self: auto;
  width: 100%;
  height: 100%;
  font-style: normal;
  text-decoration: none;
  display: block
}

.button-icon {
  background-color: #000;
  width: auto
}

.text-span-3 {
  color: var(--pink)
}

.div-block-11 {
  background-color: var(--black);
  margin-top: 0;
  padding-top: 40px
}

.view-project-button {
  z-index: 2;
  text-transform: uppercase;
  align-self: center;
  margin-top: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1rem;
  position: relative
}

.heading-14 {
  color: var(--grey);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  font-family: Anek latin, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  display: flex
}

.text-block-33 {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 1.8rem;
  min-height: 1.2rem;
  padding-left: 240px;
  padding-right: 240px;
  font-family: Anek latin, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
  display: block
}

.project-overview-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 0;
  display: flex;
  overflow: hidden
}

.image-12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  display: block
}

.heading-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--grey);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-family: Anek latin, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  display: flex
}

.time-table-section {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 160px;
  display: flex
}

.design-thinking-section {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  width: 100%;
  margin-top: 160px;
  margin-bottom: 103px;
  padding-bottom: 0;
  display: flex
}

.image-13 {
  object-fit: none;
  order: 0;
  align-self: auto
}

.phase-heading {
  color: #d5fff4;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  line-height: 4rem;
  text-decoration: underline
}

.phase-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px #d5fff4;
  border-bottom: 1px #d5fff4;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 66px;
  margin-bottom: 70px;
  padding-top: 0;
  display: flex
}

.problem-solution-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px #13133f;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  width: auto;
  margin: 82px 80px;
  display: grid
}

.image-14 {
  margin-top: 40px;
  margin-bottom: 40px
}

.div-block-12 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 60vw;
  display: flex
}

.heading-16 {
  color: var(--black);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 2rem
}

.text-block-34 {
  color: var(--black);
  text-align: center;
  font-size: 1rem;
  line-height: 1.2rem
}

.section-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 71px 134px 90px;
  display: flex
}

.div-block-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  width: 43vw
}

.image-15 {
  margin-bottom: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 0
}

.section-survey {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  background-color: var(--white);
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding-top: 85px;
  padding-bottom: 85px;
  display: flex
}

.heading-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--grey);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 2rem;
  line-height: 2.2rem;
  display: flex
}

.text-description-black {
  color: var(--black);
  text-align: center;
  align-self: center;
  width: 57vw;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  line-height: 1.2rem
}

.list {
  color: var(--black);
  width: 60vw;
  margin-top: 48px;
  font-size: 1rem;
  line-height: 1.8rem
}

.section-7 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 54px;
  padding-bottom: 60px;
  padding-left: 0;
  display: flex
}

.rich-text-block-4 {
  align-self: auto;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0
}

.image-16 {
  object-fit: cover;
  max-width: none;
  margin-right: 65px;
  padding-right: 0
}

.image-survey {
  object-fit: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: visible
}

.image-17 {
  box-sizing: border-box;
  aspect-ratio: 2;
  object-fit: scale-down;
  width: 100%;
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  overflow: visible
}

.section-analysis {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: var(--black);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 23px;
  padding-bottom: 70px;
  display: flex
}

.image-18 {
  align-self: auto;
  width: 100%;
  margin-top: 51px
}

.overview-text {
  color: var(--black);
  text-align: center;
  align-self: center;
  width: 49vw;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  line-height: 1.2rem
}

.image-19 {
  aspect-ratio: auto;
  background-color: var(--white);
  object-fit: fill;
  margin-top: 32px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  display: inline-block
}

.persona-section {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 98px 0;
  display: flex
}

.affinity-diagram-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 71px 0;
  display: flex;
  overflow: hidden
}

.image-20 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 75%;
  max-width: 100%;
  margin-left: 0;
  padding-bottom: 0;
  display: inline-block
}

.section-empathy-map {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 55px 0 25px;
  display: flex
}

.text-affinity {
  color: var(--white);
  text-align: left;
  width: auto;
  font-size: 1rem;
  line-height: 1.2rem
}

.heading-affinity {
  color: var(--grey);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1.5rem
}

.text-right-white {
  color: var(--white);
  text-align: left;
  width: 40vw;
  font-size: 1rem;
  line-height: 1.2rem
}

.heading-persona {
  color: var(--grey);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 2rem
}

.div-block-13-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 45px;
  padding-bottom: 69px
}

.heading-16-copy {
  color: var(--black);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 2rem
}

.text-block-34-copy {
  color: var(--black);
  text-align: center;
  width: 52vw;
  font-size: 1rem;
  line-height: 1.2rem
}

.heading-problem {
  color: var(--white);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 2rem
}

.text-problem {
  color: var(--white);
  text-align: left;
  font-size: 1rem;
  line-height: 1.2rem
}

.problem-statement,
.solution-statement {
  width: 38vw
}

.heading-solution {
  color: var(--white);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 2rem
}

.text-solution {
  color: var(--white);
  text-align: left;
  font-size: 1rem;
  line-height: 1.2rem
}

.affinity-diagram {
  width: 30vw;
  margin-top: 0;
  padding-top: 0
}

.pesona {
  width: 34vw
}

.project-1 {
  background-color: var(--black);
  margin-bottom: 0
}

.image-21 {
  background-color: var(--white);
  width: 100%;
  margin-left: 0
}

.div-block-14 {
  grid-column-gap: 166px;
  grid-row-gap: 166px;
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.div-block-15 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex
}

.div-block-16 {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex
}

.user-journey-section {
  background-color: var(--white);
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 51px
}

.heading-user-journey {
  color: var(--black);
  font-size: 1.5rem;
  line-height: 1.4rem
}

.texy-t-user-journey {
  color: var(--black);
  text-align: center;
  width: 52vw;
  font-size: 1rem;
  line-height: 1.2rem
}

.user-journey-story-1 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  margin-left: 309px;
  margin-right: 309px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: flex
}

.first-context {
  font-size: 1rem;
  line-height: 1.2rem
}

.first-heading {
  font-size: 1.2rem;
  line-height: 1.2rem
}

.second-part-user-journey {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 71px 134px 90px;
  display: flex
}

.site-map-section {
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 121px 0 133px;
  display: flex
}

.image-22 {
  margin-bottom: 0;
  padding-bottom: 0
}

.section-sketching {
  mix-blend-mode: normal;
  object-fit: fill;
  background-image: linear-gradient(rgba(0, 0, 0, .81), rgba(0, 0, 0, .81)), url(../files/images/669fa2cd632ec31e0edd4e31_sketching.jpg);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative
}

.image-23 {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: overlay;
  background-clip: border-box;
  display: block
}

.paragraph-6 {
  color: var(--white);
  text-align: center;
  letter-spacing: .4px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.4rem;
  position: static;
  top: 372px;
  left: 304px;
  right: 304px
}

.heading-18 {
  color: var(--white);
  text-align: center;
  mix-blend-mode: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  position: static;
  top: 267px;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.low-fidelity-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--black);
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  padding-top: 120px;
  padding-bottom: 69px;
  padding-left: 53px
}

.image-24 {
  object-fit: none;
  align-self: flex-start
}

.image-25 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  max-width: none;
  margin-bottom: 28px;
  padding-bottom: 0;
  display: block;
  position: static
}

.heading-19 {
  font-family: Anek latin, sans-serif;
  font-size: 2rem
}

.other-project-heading {
  color: var(--green);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 14px;
  padding-top: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem
}

.text-link-to-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--grey);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  text-decoration: none;
  display: flex
}

.other-project-section {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 32px
}

.section--problem,
.section-solution {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 71px 160px 90px;
  display: flex
}

.heading-15 {
  margin-bottom: 0
}

.div-block-17 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex
}

.image-26 {
  width: 100%;
  max-width: none;
  padding-top: 0;
  overflow: hidden
}

.dash-hero-section-pic {
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: 60px;
  padding-top: 0;
  overflow: hidden
}

.div-block-18 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex
}

.section-9 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex
}

.section-interview {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  background-color: var(--white);
  flex-flow: column;
  width: 100%;
  padding-top: 85px;
  padding-bottom: 85px;
  display: flex
}

.image-27 {
  width: 100%;
  margin-top: 8px;
  display: block
}

.div-block-19 {
  width: 37vw
}

.div-block-20 {
  width: 39vw
}

.heading-middle-black {
  color: #4b4b4b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 2rem;
  line-height: 2rem
}

.text-description-white {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 57vw;
  display: flex
}

.text-description-white.text-right-side {
  text-align: left;
  width: auto
}

.text-description-white.text-left-side {
  text-align: left;
  width: 51vw;
  font-size: 1rem;
  line-height: 1.2rem
}

.section-10,
.section-11 {
  width: 100%
}

.fidelity-heading {
  color: var(--grey);
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1.5rem
}

.user-journey-story-2,
.user-journey-story-3,
.user-journey-story-2--mobile-version {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  margin-left: 309px;
  margin-right: 309px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: flex
}

.image-2-journey-copy {
  display: none
}

.text-journey {
  width: 38vw
}

.dash-project-overview-text {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  background-color: var(--white);
  text-align: left;
  text-transform: capitalize;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 73vw;
  margin: 100px auto 149px;
  padding: 51px 50px;
  display: flex;
  box-shadow: 0 2px 5px rgba(51, 51, 51, .2)
}

.dash-heading {
  color: var(--black);
  align-self: center;
  width: 43vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.5rem;
  line-height: 1rem
}

.dash-text {
  max-width: 46vw;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.2rem
}

.dash-heading-small {
  color: var(--grey);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1rem
}

.dash-heading-2-black {
  color: var(--black);
  text-align: center;
  text-transform: capitalize;
  margin-top: 10px;
  font-family: Anek latin, sans-serif;
  font-size: 2.2rem;
  line-height: 2rem
}

.image-28 {
  margin-top: 40px
}

.dash-font-pic {
  width: 100%;
  margin-top: 40px;
  display: block
}

.dash-color-pic {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: fill;
  width: 100%;
  max-width: none;
  margin: 100px 0;
  padding-left: 140px;
  padding-right: 140px;
  display: block;
  overflow: hidden
}

.dash-grid-pic {
  width: 100%;
  margin-bottom: 140px
}

.image-29 {
  margin-top: 40px
}

.dash-final-result-pic {
  width: 100%;
  margin-top: 40px;
  padding-top: 0
}

.travel-hero-pic {
  object-fit: fill;
  width: 100%;
  margin-top: 60px;
  padding-top: 0
}

.travel-overview-section {
  padding-bottom: 100px
}

.travel-overview-context {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 100px;
  margin-bottom: 0;
  display: flex
}

.project-3 {
  background-color: var(--white)
}

.travel-heading {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anek latin, sans-serif;
  font-size: 1.7rem;
  line-height: 2rem
}

.travel-description {
  color: var(--black);
  text-align: center;
  align-self: center;
  width: 55vw;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4rem
}

.image-30 {
  margin-right: 0;
  padding-right: 0
}

.image-31 {
  width: 100%
}

.travel-process-pic {
  width: 100%;
  max-width: none
}

.section-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid
}

.problem-solution-heading {
  font-size: 1.4rem;
  line-height: 1.4rem
}

.div-block-21 {
  outline-offset: 0px;
  border: 1px solid #51191e;
  border-radius: 10px;
  outline: 1px #191f51;
  padding: 10px 20px
}

.div-block-22 {
  border: 1px solid #191f51;
  border-radius: 10px;
  padding: 10px 20px
}

.paragraph-7,
.paragraph-8 {
  font-size: 1rem;
  line-height: 1.3rem
}

.heading-20,
.heading-21 {
  margin-bottom: 20px;
  font-size: 1.3rem;
  line-height: 1.3rem
}

.solution-box,
.problem-box {
  box-shadow: 0 2px 5px 0 var(--grey);
  border: 1px solid #191f51;
  border-radius: 10px;
  padding: 30px 40px
}

.competitive-section {
  padding-top: 5px
}

.competitive-pic {
  vertical-align: baseline;
  object-fit: fill;
  align-self: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 0;
  display: block;
  position: static
}

.research-section {
  padding-top: 12px
}

.image-32 {
  align-self: center;
  margin-bottom: 60px;
  padding-top: 60px;
  display: block
}

.travel-persona-pic {
  margin-bottom: 100px;
  padding-top: 70px
}

.architecture-pic {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: difference;
  background-clip: border-box;
  margin-bottom: 140px;
  padding-top: 70px
}

.wireframe-pic {
  object-fit: cover;
  padding-top: 70px;
  padding-bottom: 100px
}

.color-palette-section {
  padding-bottom: 100px
}

.color-palette-pic {
  align-self: center;
  padding-top: 100px
}

.color-palette-context {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  margin-top: 100px;
  margin-bottom: 0;
  display: flex
}

.typeface-section {
  padding-bottom: 100px
}

.typeface-context {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  margin-top: 100px;
  margin-bottom: 0;
  display: flex
}

.image-33 {
  align-self: center;
  margin-top: 60px;
  margin-bottom: 100px
}

.travel-final-design-section {
  background-color: #191f51;
  height: auto;
  position: relative
}

.travel-final-design-heading {
  mix-blend-mode: soft-light;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 97px;
  padding-left: 0;
  padding-right: 0;
  font-size: 19rem;
  line-height: 10.8rem;
  display: flex
}

.div-block-23 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ".Area" /1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.travel-design-grid-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 120px;
  padding-left: 100px;
  padding-right: 100px;
  display: grid;
  position: relative
}

.div-block-24 {
  width: 23vw;
  height: 25vh;
  position: -webkit-sticky;
  position: sticky;
  top: auto
}

.travel-heading-design-section {
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.2rem
}

.travel-text-design-section {
  color: var(--grey);
  font-size: 1rem;
  line-height: 1.2rem
}

.travel-design-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: ".Area" ". ." ". ." ". .";
  align-content: stretch;
  margin-top: 100px;
  padding-bottom: 0;
  padding-left: 71px;
  padding-right: 98px;
  position: static
}

.image-34 {
  margin-top: 0;
  padding-top: 0
}

.travel-design-grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  margin-top: 120px;
  padding-left: 100px;
  padding-right: 100px
}

.div-block-25 {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-flow: column;
  padding-top: 0;
  display: flex
}

.social-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex
}

.social-link-2 {
  color: var(--untitled-ui--gray400\<deleted\|variable-b339bef7\>);
  transition: all .3s
}

.social-link-2:hover {
  color: var(--untitled-ui--gray500\<deleted\|variable-68f29e84\>)
}

.uui-team09_social-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  margin-top: 1rem;
  display: grid
}

.uui-text-size-medium-3 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5
}

.uui-text-size-medium-3.text-color-primary700 {
  color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
}

.uui-space-xsmall-3 {
  width: 100%;
  min-height: 1rem
}

.uui-heading-tiny-2 {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-team09_item-content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex
}

.uui-team09_image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.uui-team09_image-wrapper-2 {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden
}

.uui-team09_item-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid
}

.uui-team09_list-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start
}

.uui-button-4 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-4:hover {
  border-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>);
  background-color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
}

.uui-button-4:focus {
  background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--primary100\<deleted\|variable-35a3c723\>)
}

.uui-button-secondary-gray-4 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300\<deleted\|variable-51e0117e\>);
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05)
}

.uui-button-secondary-gray-4:hover {
  background-color: var(--untitled-ui--gray50\<deleted\|variable-8a511359\>);
  color: var(--untitled-ui--gray800\<deleted\|variable-0a1a9f61\>)
}

.uui-button-secondary-gray-4:focus {
  background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>)
}

.uui-button-row-5 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.uui-space-medium-3 {
  width: 100%;
  min-height: 2rem
}

.uui-text-size-large-3 {
  color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5
}

.uui-heading-medium-3 {
  color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3
}

.uui-heading-subheading-4 {
  color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

.uui-team09_component-2 {
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid
}

.uui-padding-vertical-xhuge-5 {
  padding-top: 7rem;
  padding-bottom: 7rem
}

.uui-container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto
}

.uui-page-padding-5 {
  padding-left: 2rem;
  padding-right: 2rem
}

.final-design-heading {
  color: var(--white);
  text-transform: uppercase;
  font-family: Anek latin, sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem
}

.final-design-context {
  color: var(--grey);
  font-size: 1rem;
  line-height: 1.2rem
}

.div-block-26 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex
}

.section-13 {
  mix-blend-mode: normal;
  background-image: linear-gradient(rgba(0, 0, 0, .84), rgba(0, 0, 0, .84)), url(../files/images/66a39c9804221b2cebe7119f_Frame%202608628.jpg);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  height: 50vh;
  display: block;
  position: relative
}

.sub-heading-next-project {
  color: var(--grey);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 1.2rem;
  line-height: 1.2rem
}

.text-block-35 {
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  padding-top: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-decoration: none
}

.div-block-27 {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%
}

.font-pic {
  align-self: center;
  padding-top: 64px
}

.color-palette-pic-small-scale {
  align-self: center;
  padding-top: 100px
}

.project-2 {
  background-color: #fafafa
}

.next-project-section {
  mix-blend-mode: normal;
  background-image: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .85)), url(../files/images/66a3b2d5ff5b1da7c23be7b7_dashboard-cover.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  height: 50vh;
  display: block;
  position: relative
}

.next-project {
  mix-blend-mode: normal;
  background-image: linear-gradient(rgba(0, 0, 0, .84), rgba(0, 0, 0, .84)), url(../files/images/66a3b559eca8afdcb73848e2_Frame%2034237.png);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  height: 50vh;
  display: block;
  position: relative
}

.div-block-28 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 20%;
  right: 20%
}

.image-36 {
  align-self: center
}

.code-embed {
  width: auto
}

.code-embed.links-arrow {
  align-self: auto
}

.projects-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: var(--green);
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  display: flex
}

.projects-button:hover {
  color: var(--pink)
}

.collection-tr,
.collection-portfolio-part {
  margin-top: 107px
}

.div-block-29 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid
}

.image-37 {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  overflow: hidden
}

@media screen and (min-width:1280px) {
  .uui-team09_content {
    width: 26vw
  }

  .uui-page-padding-2 {
    padding-top: 1rem
  }

  .image-4 {
    background-color: var(--black);
    margin-top: 0;
    margin-bottom: 0;
    padding: 54px 13px 0
  }

  .empty-section {
    height: 100vh;
    min-height: 0
  }

  .navbar-wrapper {
    display: block
  }

  .menu-mask {
    display: none
  }

  .menu-content {
    align-items: stretch
  }

  .menu-header {
    background-size: 43%
  }

  .menu-header.footer-header {
    padding-top: 0;
    padding-bottom: 0
  }

  .menu-items {
    padding-left: 30px
  }

  .menu-project-name-link {
    width: 60vh;
    height: 100%;
    padding: 5px 10px
  }

  .text-block-23 {
    padding-left: 0
  }

  .project-name-link.project-name {
    font-size: 1.7rem
  }

  .projects-section {
    padding-top: 60px
  }

  .project-heading-line1 {
    text-indent: 0;
    margin-left: 2px
  }

  .project-heading-line2 {
    margin-right: 6px
  }

  .project-details {
    justify-content: center;
    align-items: flex-start;
    max-width: none
  }

  .text-block-27 {
    max-width: 28vw;
    padding-right: 0
  }

  .about-me-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 122vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .about-me-heading {
    padding-bottom: 0;
    top: 0%;
    bottom: 0%
  }

  .about-me-text-section {
    padding-top: 60px
  }

  .home {
    padding-top: 0
  }

  .project-overview-section {
    height: auto
  }

  .time-table-section,
  .design-thinking-section {
    overflow: hidden
  }

  .phase-section {
    margin-top: 157px;
    overflow: hidden
  }

  .text-description-black {
    width: 42vw
  }

  .image-survey {
    object-fit: fill
  }

  .image-17 {
    box-sizing: border-box;
    object-fit: fill;
    padding-left: 54px;
    padding-right: 54px
  }

  .overview-text {
    text-align: center;
    width: 41vw;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.3rem
  }

  .text-problem {
    font-size: 1rem;
    line-height: 1.3rem
  }

  .image-25 {
    object-fit: none;
    width: 100%;
    max-width: none;
    display: block
  }

  .section--problem {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 220px;
    padding-right: 220px;
    overflow: hidden
  }

  .section-solution {
    padding-left: 220px;
    padding-right: 220px;
    overflow: hidden
  }

  .image-26 {
    width: 100%;
    max-width: none
  }

  .dash-hero-section-pic {
    object-fit: fill;
    width: 100%;
    height: auto;
    display: inline-block
  }

  .div-block-19,
  .div-block-20 {
    width: 35vw
  }

  .dash-project-overview-text {
    width: 62vw;
    padding-top: 80px;
    padding-bottom: 80px
  }

  .dash-heading {
    width: 100%
  }

  .dash-color-pic {
    margin-left: 0;
    margin-right: 0;
    padding-left: 105px;
    padding-right: 105px
  }

  .travel-hero-pic {
    width: 100%;
    margin-top: 60px;
    padding-top: 0
  }

  .travel-description {
    width: 48vw
  }

  .travel-final-design-heading {
    font-size: 19.8rem
  }

  .image-35 {
    align-self: flex-start
  }

  .next-project {
    background-image: linear-gradient(to bottom, null, null), url(../files/images/66a3b559eca8afdcb73848e2_Frame%2034237.png);
    background-size: auto, cover
  }

  .projects-button {
    display: flex
  }
}

@media screen and (max-width:991px) {
  .container {
    max-width: 728px
  }

  .navbar-wrapper-three {
    justify-content: space-between
  }

  .navbar-brand-three {
    position: relative
  }

  .nav-menu-wrapper-three {
    background-color: transparent;
    top: 70px
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05)
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute
  }

  .menu-button {
    padding: 12px
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px
  }

  .team-slide-wrapper {
    width: 47%;
    margin-right: 6%
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex
  }

  .uui-navbar02_menu-button.w--open {
    background-color: transparent
  }

  .hide-tablet {
    display: none
  }

  .uui-button-secondary-gray.show-tablet,
  .show-tablet {
    display: block
  }

  .uui-navbar02_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex
  }

  .uui-navbar02_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem
  }

  .uui-navbar02_link {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem
  }

  .uui-navbar02_link:hover {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>)
  }

  .uui-navbar02_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%
  }

  .uui-navbar02_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0
  }

  .uui-navbar02_blog-content {
    max-width: none
  }

  .uui-navbar02_dropdown-content-right {
    max-width: 50rem;
    margin-bottom: 1rem
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0;
    padding-right: 0
  }

  .uui-navbar02_dropdown-link:hover {
    background-color: transparent
  }

  .uui-navbar02_dropdown-content-left {
    padding-left: 0;
    padding-right: 0
  }

  .uui-navbar02_dropdown-content {
    flex-direction: column
  }

  .uui-navbar02_dropdown-list {
    position: relative;
    overflow: hidden
  }

  .uui-navbar02_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500\<deleted\|variable-68f29e84\>);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%
  }

  .uui-navbar02_dropdown-toggle {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex
  }

  .uui-navbar02_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>)
  }

  .uui-navbar02_menu-dropdown {
    width: 100%;
    position: relative
  }

  .uui-navbar02_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900\<deleted\|variable-f63dbb51\>);
    flex-direction: column;
    align-items: flex-start;
    display: flex
  }

  .uui-navbar02_menu {
    border-top: 1px solid var(--untitled-ui--gray100\<deleted\|variable-4a47ec41\>);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto
  }

  .uui-heroheader01_fileupload-image-wrapper {
    left: -2.5%
  }

  .uui-space-large {
    min-height: 2.5rem
  }

  .uui-heading-xlarge {
    font-size: 3.25rem
  }

  .uui-heroheader01_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto
  }

  .uui-padding-vertical-xhuge,
  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .rl-padding-section-medium {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
  }

  .rl-heading-style-h4 {
    font-size: 1.75rem
  }

  .rl-heading-style-h3 {
    font-size: 2.25rem
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem
  }

  .rl_menu-icon_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0
  }

  .rl_menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0
  }

  .rl_menu-icon_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex
  }

  .rl_menu-icon_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0
  }

  .rl_menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex
  }

  .rl_navbar1_menu-button.w--open {
    background-color: transparent
  }

  .rl_navbar1_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0
  }

  .rl_navbar1_dropdown-link {
    width: auto;
    padding: .75rem 0 .75rem 5%
  }

  .rl_navbar1_dropdown-list {
    position: static;
    overflow: hidden
  }

  .rl_navbar1_dropdown-list.w--open {
    border-style: none;
    padding: 0
  }

  .rl-dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%
  }

  .rl_navbar1_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    display: flex
  }

  .rl_navbar1_menu-dropdown {
    width: 100%;
    font-size: 1.125rem
  }

  .rl_navbar1_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem
  }

  .rl_navbar1_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto
  }

  .rl_navbar1_menu.is-page-height-tablet {
    height: 100vh;
    padding-bottom: 15rem
  }

  .rl-heading-style-h1-2 {
    font-size: 3.25rem
  }

  .rl_header1_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto
  }

  .rl-padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .rl-heading-style-h2-2 {
    font-size: 2.75rem
  }

  .rl_layout1_component,
  .rl_contact7_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto
  }

  .rl_footer4_spacing-block1 {
    padding-bottom: 4.5rem
  }

  .rl_footer4_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center
  }

  .rl-padding-section-medium-2 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
  }

  .rl_header26_spacing-block-3 {
    padding-bottom: 4.5rem
  }

  .rl_header26_content {
    margin-bottom: 4.5rem
  }

  .rl-heading-style-h4-2 {
    font-size: 1.75rem
  }

  .rl_team8_spacing-block-7 {
    padding-bottom: 5rem
  }

  .rl_team8_list {
    grid-column-gap: 2rem
  }

  .rl_team8_spacing-block-3 {
    padding-bottom: 4.5rem
  }

  .rl_team5_spacing-block-7 {
    padding-bottom: 5rem
  }

  .rl_team5_list {
    grid-column-gap: 2rem
  }

  .rl_team5_spacing-block-3,
  .rl_layout141_spacing-block-4,
  .rl_pricing11_spacing-block-3 {
    padding-bottom: 4.5rem
  }

  .rl-heading-style-h3-2 {
    font-size: 2.25rem
  }

  .rl_cta8_heading-wrapper {
    margin-right: 0
  }

  .rl_cta8_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr
  }

  .rl-heading-style-h1-3 {
    font-size: 3.25rem
  }

  .uui-team09_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr
  }

  .uui-team09_content {
    width: auto;
    position: static
  }

  .uui-team09_component {
    box-sizing: border-box;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
    position: static
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 1rem;
    padding-bottom: 4rem
  }

  .uui-contact14_component {
    grid-column-gap: 3rem
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .rl_layout141_spacing-block-4-2 {
    padding-bottom: 4.5rem
  }

  .rl-heading-style-h2-3 {
    font-size: 2.75rem
  }

  .rl-padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .button.button-ghost.green-ghost {
    margin-top: 18px
  }

  .button-text {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .section-fix-hero-background {
    display: block
  }

  .image-4 {
    object-position: 0% 50%
  }

  .navbar-wrapper {
    display: block
  }

  .navbar-content.button-group {
    width: auto
  }

  .navbar-text.text-color-white {
    display: none
  }

  .logo-letter-wrapper {
    min-width: 230px;
    height: auto
  }

  .loader-wrapper {
    overflow: visible
  }

  .menu-mask {
    display: none
  }

  .menu-header {
    background-size: 40%;
    padding: 20px
  }

  .menu-header.footer-header {
    padding-left: 20px;
    padding-right: 10px
  }

  .menu-heading {
    font-size: 7rem;
    line-height: 7rem
  }

  .menu-items {
    padding-left: 27px
  }

  .menu-each-item {
    justify-content: center;
    align-items: center;
    font-size: 3rem
  }

  .menu-project-name-link {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    border-style: solid none none;
    width: 100vw;
    padding-top: 10px;
    padding-bottom: 10px
  }

  .text-block-23 {
    padding-left: 0
  }

  .project-in-menu {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 3rem
  }

  .project-section-in-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
    padding-top: 0
  }

  .menu-project-grid {
    grid-template-columns: 1fr
  }

  .project-name-link.project-name {
    padding: 5px 0;
    font-size: 1.5rem
  }

  .project-heading-line2 {
    letter-spacing: -8px
  }

  .project-list {
    margin-left: 20px;
    margin-right: 20px
  }

  .projects-grid-item {
    z-index: 8;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 0;
    margin-right: 0;
    position: static
  }

  .project-name {
    font-size: 1.9rem
  }

  .project-details {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 51vw;
    margin-bottom: 0;
    padding-bottom: 0
  }

  .text-block-27 {
    max-width: none;
    font-size: 1.1rem;
    line-height: 1.3rem
  }

  .uui-heading-large {
    font-size: 2.75rem
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .footer-section {
    width: 100%
  }

  .footer-links {
    justify-content: space-between;
    align-items: center
  }

  .footer-content {
    width: auto;
    padding-left: 20px;
    padding-right: 0
  }

  .footer-links-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto
  }

  .text-block-28 {
    width: 22vh
  }

  .text-block-29 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.3rem
  }

  .about-me-section {
    height: 100vh
  }

  .about-me-heading {
    letter-spacing: -4px;
    margin-top: 13px
  }

  .about-me-text-section {
    padding-bottom: 60px
  }

  .paragraph-1 {
    width: 80vw
  }

  .about-me-context {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .image-10 {
    width: auto;
    max-width: 100%
  }

  .paragraph-5 {
    width: 80vw
  }

  .home {
    padding-bottom: 0
  }

  .para-1,
  .para-2,
  .para-3,
  .para-4,
  .para-5 {
    width: 80vw
  }

  .view-project-button {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 5px
  }

  .heading-14 {
    font-size: 1.4rem
  }

  .project-overview-section {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-top: 100px;
    padding-bottom: 100px
  }

  .image-12 {
    object-fit: fill;
    width: 90vw
  }

  .heading-15 {
    font-size: 1.4rem
  }

  .time-table-section,
  .design-thinking-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px
  }

  .image-13 {
    object-fit: fill;
    width: 100%;
    margin-left: 0;
    padding-left: 24px
  }

  .phase-heading {
    font-size: 2.5rem
  }

  .problem-solution-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex
  }

  .image-15 {
    padding-left: 39px;
    display: none
  }

  .section-survey {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 60px;
    padding-bottom: 60px
  }

  .text-description-black {
    text-align: left;
    align-self: auto;
    width: 63vw
  }

  .list {
    width: 77vw;
    padding-left: 20px
  }

  .section-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    overflow: visible
  }

  .rich-text-block-4 {
    margin-top: 0;
    padding-right: 80px
  }

  .image-16 {
    object-fit: scale-down
  }

  .section-analysis {
    width: 100%;
    padding-top: 23px;
    padding-bottom: 83px
  }

  .overview-text {
    width: 66vw;
    padding-left: 0;
    padding-right: 0
  }

  .image-19 {
    padding-left: 0;
    padding-right: 0
  }

  .persona-section {
    grid-column-gap: 84px;
    grid-row-gap: 84px;
    padding-top: 92px;
    padding-bottom: 0
  }

  .affinity-diagram-section {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 0;
    padding-bottom: 0
  }

  .image-20 {
    object-fit: fill;
    padding-bottom: 44px;
    padding-left: 44px;
    padding-right: 44px
  }

  .section-empathy-map {
    width: 100%;
    padding-top: 78px;
    padding-bottom: 24px
  }

  .heading-affinity {
    margin-bottom: 20px
  }

  .text-problem {
    width: 77vw
  }

  .problem-statement {
    width: 70vw
  }

  .solution-statement {
    width: 45vw
  }

  .text-solution {
    width: 77vw
  }

  .affinity-diagram {
    width: 80vw
  }

  .pesona {
    width: 88vw;
    padding-left: 0
  }

  .div-block-14 {
    grid-column-gap: 58px;
    grid-row-gap: 58px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0
  }

  .div-block-15 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 0;
    padding-left: 60px
  }

  .user-journey-story-1 {
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 45px
  }

  .site-map-section {
    padding-bottom: 46px
  }

  .image-22 {
    object-fit: fill
  }

  .paragraph-6 {
    letter-spacing: .4px;
    font-size: 1.1rem;
    line-height: 1.3rem;
    top: 248px;
    left: 104px;
    right: 104px
  }

  .heading-18 {
    top: 182px
  }

  .image-25 {
    box-sizing: border-box;
    aspect-ratio: 1;
    object-fit: none;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    overflow: clip
  }

  .section--problem {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 40px 36px
  }

  .section-solution {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    padding: 48px 40px 41px
  }

  .dash-hero-section-pic {
    width: 100%
  }

  .section-interview {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .div-block-19,
  .div-block-20 {
    width: 45vw
  }

  .text-description-white {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 77vw;
    font-size: 1rem;
    line-height: 1.2rem
  }

  .text-description-white.text-right-side {
    width: auto;
    max-width: 71vw;
    font-size: 1rem;
    line-height: 1.2rem
  }

  .div-block-15 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 10px
  }

  .image-2-journey {
    display: none
  }

  .user-journey-story-2,
  .user-journey-story-3 {
    flex-flow: column;
    margin-left: 60px;
    margin-right: 60px
  }

  .user-journey-story-2--mobile-version {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0
  }

  .image-2-journey-copy {
    display: block
  }

  .text-journey {
    width: 87vw
  }

  .dash-project-overview-text {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    width: 91vw;
    padding-left: 28px;
    padding-right: 28px
  }

  .dash-heading {
    width: auto;
    font-size: 1.3rem
  }

  .dash-text {
    max-width: 58vw
  }

  .dash-heading-small {
    font-size: .9rem
  }

  .dash-heading-2-black {
    font-size: 1.7rem;
    line-height: 1.7rem
  }

  .dash-color-pic {
    margin-left: 0;
    margin-right: 0;
    padding-left: 68px;
    padding-right: 68px
  }

  .travel-heading {
    font-size: 1.5rem;
    line-height: 1.5rem
  }

  .travel-description {
    width: 67vw
  }

  .competitive-section {
    padding-top: 0
  }

  .competitive-pic {
    padding-left: 10px;
    padding-right: 10px
  }

  .research-section {
    padding-top: 0
  }

  .travel-final-design-heading {
    font-size: 11.5rem;
    line-height: 6.9rem
  }

  .uui-team09_list-2 {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr
  }

  .uui-team09_component-2 {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .section-13 {
    height: 40vh
  }

  .sub-heading-next-project {
    font-size: 1rem
  }

  .text-block-35 {
    font-size: 1.3rem;
    line-height: 1.3rem
  }

  .div-block-27 {
    grid-column-gap: 50px;
    grid-row-gap: 50px
  }

  .next-project-section,
  .next-project {
    height: 40vh
  }

  .div-block-28 {
    left: 11%;
    right: 11%
  }

  .projects-button {
    padding-top: 0
  }
}

@media screen and (max-width:767px) {
  .navbar-brand-three {
    padding-left: 0
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px
  }

  .nav-menu-block {
    flex-direction: column
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05)
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block
  }

  .mobile-margin-top-10 {
    margin-top: 10px
  }

  .hero-heading-left,
  .team-slider {
    padding: 60px 15px
  }

  .uui-button {
    font-size: 1rem
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>)
  }

  .uui-button.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>);
    background-color: transparent
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
  }

  .uui-button-secondary-gray.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem
  }

  .uui-navbar02_link,
  .uui-button-link {
    font-size: 1rem
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%
  }

  .uui-button-link-gray {
    font-size: 1rem
  }

  .uui-button-link-gray:hover {
    color: var(--untitled-ui--gray600\<deleted\|variable-10a0cd12\>)
  }

  .uui-button-row {
    align-self: stretch
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse
  }

  .uui-text-size-small.hide-mobile-landscape {
    display: none
  }

  .uui-navbar02_blog-item {
    padding: 0
  }

  .uui-navbar02_blog-item:hover {
    background-color: transparent
  }

  .uui-navbar02_dropdown-content-right {
    padding: 2rem 1rem
  }

  .hide-mobile-landscape {
    display: none
  }

  .uui-badge-small-success {
    padding: .125rem .5rem
  }

  .uui-navbar02_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none
  }

  .uui-navbar02_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .uui-navbar02_dropdown-toggle {
    font-size: 1rem
  }

  .uui-navbar02_menu {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .uui-styleguide_logomark-bg {
    background-image: url(../files/images/6683d13d68b49745e41a23a2_untitled-ui-logomark.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
  }

  .uui-navbar02_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .uui-heroheader01_pattern-image {
    width: 14.9rem;
    top: auto;
    bottom: -15%;
    right: -10%
  }

  .uui-heroheader01_image {
    border-top-left-radius: 6rem;
    height: 22rem
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem
  }

  .uui-space-large {
    min-height: 2rem
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem
  }

  .uui-space-small {
    min-height: 1.25rem
  }

  .uui-heading-xlarge {
    font-size: 2.25rem
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .rl-padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .rl-heading-style-h5 {
    font-size: 1.25rem
  }

  .rl-text-style-medium {
    font-size: 1rem
  }

  .rl-text-style-large,
  .rl-heading-style-h6 {
    font-size: 1.125rem
  }

  .rl-heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4
  }

  .rl-heading-style-h3 {
    font-size: 2rem
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem
  }

  .rl_navbar1_logo-link {
    padding-left: 0
  }

  .rl_navbar1_component {
    height: auto;
    min-height: 4rem
  }

  .rl_heading1_spacing-block-2 {
    padding-bottom: 1.5rem
  }

  .rl-text-style-medium-2 {
    font-size: 1rem
  }

  .rl_heading1_spacing-block-1 {
    padding-bottom: 1.25rem
  }

  .rl-heading-style-h1-2 {
    font-size: 2.5rem
  }

  .rl_header1_component {
    grid-row-gap: 3rem
  }

  .rl-padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .rl_layout1_spacing-block-3 {
    padding-bottom: 1.5rem
  }

  .rl_layout1_spacing-block-2 {
    padding-bottom: 1.25rem
  }

  .rl-heading-style-h2-2 {
    font-size: 2.25rem
  }

  .rl_layout1_spacing-block-1 {
    padding-bottom: .75rem
  }

  .rl_layout1_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .rl_testimonial1_spacing-block-2 {
    padding-bottom: .75rem
  }

  .rl_testimonial1_spacing-block-1 {
    padding-bottom: 1.5rem
  }

  .rl-heading-style-h5-2 {
    font-size: 1.25rem
  }

  .rl_contact7_spacing-block-3 {
    padding-bottom: 1.5rem
  }

  .rl_contact7_spacing-block-2 {
    padding-bottom: 1.25rem
  }

  .rl_contact7_spacing-block-1 {
    padding-bottom: .75rem
  }

  .rl_contact7_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .rl_cta26_spacing-block-3 {
    padding-bottom: .75rem
  }

  .rl_cta26_spacing-block-2 {
    padding-bottom: 1.5rem
  }

  .rl_cta26_spacing-block-1 {
    padding-bottom: 1.25rem
  }

  .rl_footer4_credit-text {
    margin-top: 1rem
  }

  .rl_footer4_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center
  }

  .rl_footer4_spacing-block2 {
    padding-bottom: 1.5rem
  }

  .rl_footer4_spacing-block1 {
    padding-bottom: 3rem
  }

  .rl_footer4_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    grid-auto-flow: row;
    justify-items: center
  }

  .rl-padding-section-medium-2 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .rl_header26_spacing-block-3 {
    padding-bottom: 3rem
  }

  .rl_header26_spacing-block-2,
  .rl_header26_spacing-block-1 {
    padding-bottom: 1.5rem
  }

  .rl_header26_content {
    margin-bottom: 3rem
  }

  .rl_team8_spacing-block-9 {
    padding-bottom: 1.5rem
  }

  .rl_team8_spacing-block-8 {
    padding-bottom: .75rem
  }

  .rl-heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4
  }

  .rl_team8_spacing-block-7 {
    padding-bottom: 3.5rem
  }

  .rl_team8_spacing-block-6 {
    padding-bottom: 1.25rem
  }

  .rl_team8_spacing-block-5 {
    padding-bottom: .75rem
  }

  .rl_team8_name-text {
    font-size: 1.125rem
  }

  .rl_team8_spacing-block-4 {
    padding-bottom: 1.25rem
  }

  .rl_team8_image-wrapper {
    height: 100%
  }

  .rl_team8_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .rl_team8_spacing-block-3 {
    padding-bottom: 3rem
  }

  .rl_team8_spacing-block-2 {
    padding-bottom: 1.25rem
  }

  .rl_team8_spacing-block-1 {
    padding-bottom: .75rem
  }

  .rl_team5_spacing-block-9 {
    padding-bottom: 1.5rem
  }

  .rl_team5_spacing-block-8 {
    padding-bottom: .75rem
  }

  .rl_team5_spacing-block-7 {
    padding-bottom: 3.5rem
  }

  .rl_team5_spacing-block-6 {
    padding-bottom: 1.25rem
  }

  .rl_team5_spacing-block-5 {
    padding-bottom: .75rem
  }

  .rl_team5_name-text {
    font-size: 1.125rem
  }

  .rl_team5_spacing-block-4 {
    padding-bottom: 1.25rem
  }

  .rl_team5_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .rl_team5_spacing-block-3 {
    padding-bottom: 3rem
  }

  .rl_team5_spacing-block-2 {
    padding-bottom: 1.25rem
  }

  .rl_team5_spacing-block-1 {
    padding-bottom: .75rem
  }

  .rl_layout141_spacing-block-4 {
    padding-bottom: 3rem
  }

  .rl_layout141_spacing-block-3 {
    padding-bottom: 1.5rem
  }

  .rl_layout141_spacing-block-2 {
    padding-bottom: 1.25rem
  }

  .rl_layout141_spacing-block-1 {
    padding-bottom: .75rem
  }

  .rl_pricing11_spacing-block-8 {
    padding-bottom: 1.5rem
  }

  .rl_pricing11_spacing-block-7 {
    padding-bottom: 1.25rem
  }

  .rl_pricing11_spacing-block-6 {
    padding-bottom: 1.5rem
  }

  .rl-heading-style-h6-2 {
    font-size: 1.125rem
  }

  .rl_pricing11_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .rl_pricing11_plans {
    grid-template-columns: 1fr
  }

  .rl_pricing11_spacing-block-3 {
    padding-bottom: 3rem
  }

  .rl_pricing11_spacing-block-2 {
    padding-bottom: 1.25rem
  }

  .rl_pricing11_spacing-block-1,
  .rl_cta8_spacing-block-2 {
    padding-bottom: .75rem
  }

  .rl_cta8_spacing-block-1 {
    padding-bottom: 1.25rem
  }

  .rl-heading-style-h3-2 {
    font-size: 2rem
  }

  .rl_cta8_heading-wrapper {
    margin-right: 0
  }

  .rl_cta8_component {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start
  }

  .rl_heading1_spacing-block-2-2 {
    padding-bottom: 1.5rem
  }

  .rl-text-style-medium-3 {
    font-size: 1rem
  }

  .rl-text-style-medium-3.is-white {
    margin-left: 0%;
    margin-right: 0%;
    display: flex
  }

  .rl_heading1_spacing-block-1-2 {
    padding-bottom: 1.25rem
  }

  .rl-heading-style-h1-3 {
    font-size: 2.5rem
  }

  .social-link:hover {
    color: var(--untitled-ui--gray400\<deleted\|variable-b339bef7\>)
  }

  .uui-space-xsmall {
    min-height: .75rem
  }

  .uui-team09_image-wrapper {
    height: 100%
  }

  .uui-team09_item {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr
  }

  .uui-team09_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .uui-button-2 {
    font-size: 1rem
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>)
  }

  .uui-button-wrapper-2.max-width-full-mobile-landscape {
    width: 100%
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
  }

  .uui-button-row-2 {
    align-self: stretch
  }

  .uui-button-row-2.is-reverse-mobile-landscape {
    flex-direction: column-reverse
  }

  .uui-space-medium {
    min-height: 1.5rem
  }

  .uui-text-size-large {
    font-size: 1rem
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4
  }

  .uui-team09_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 0;
    padding-bottom: 4rem
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .uui-contact14_map {
    height: 20rem
  }

  .uui-button-link-2 {
    font-size: 1rem
  }

  .uui-button-link-2:hover {
    color: var(--untitled-ui--primary700\<deleted\|variable-da4f7fa3\>)
  }

  .uui-button-row-3 {
    align-self: stretch
  }

  .uui-space-small-2 {
    min-height: 1.25rem
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem
  }

  .uui-contact14_tabs-link {
    padding-left: 1.5rem
  }

  .uui-contact14_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem
  }

  .uui-text-size-large-2 {
    font-size: 1rem
  }

  .uui-space-xsmall-2 {
    min-height: .75rem
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .rl_layout141_spacing-block-4-2 {
    padding-bottom: 3rem
  }

  .rl_layout141_spacing-block-3-2 {
    padding-bottom: 1.5rem
  }

  .rl-text-style-medium-4 {
    font-size: 1rem
  }

  .rl_layout141_spacing-block-2-2 {
    padding-bottom: 1.25rem
  }

  .rl-heading-style-h2-3 {
    font-size: 2.25rem
  }

  .rl_layout141_spacing-block-1-2 {
    padding-bottom: .75rem
  }

  .rl-padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .button {
    padding: 19px 20px
  }

  .button.button-white {
    padding-left: 20px;
    padding-right: 20px
  }

  .button.button-ghost.green-ghost {
    margin-top: 25px;
    margin-bottom: 0;
    padding-bottom: 0
  }

  .image-4 {
    box-sizing: border-box;
    vertical-align: baseline;
    object-fit: cover;
    object-position: 0% 50%;
    padding-left: 13px;
    padding-right: 13px;
    display: inline-block
  }

  .navbar-wrapper {
    display: block
  }

  .logo-letter-wrapper {
    flex: 0 auto;
    min-width: 155px;
    height: auto;
    display: none
  }

  .menu-mask {
    height: 100%;
    display: none
  }

  .menu-heading {
    font-size: 5rem;
    line-height: 5rem
  }

  .menu-close-button-wrapper {
    width: 50px;
    height: 50px
  }

  .mune-close-button-line {
    width: 50px;
    height: 5px
  }

  .menu-items,
  .menu-each-item {
    justify-content: center;
    align-items: center
  }

  .menu-project-name-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-style: solid none none;
    width: 100vw;
    padding-left: 0;
    padding-right: 10px;
    font-size: 1.7rem
  }

  .text-block-23 {
    padding-left: 0
  }

  .project-in-menu {
    padding-bottom: 17px;
    padding-left: 0
  }

  .project-section-in-menu {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px
  }

  .project-name-link.project-name {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    font-size: 1.2rem;
    line-height: 1.4rem
  }

  .projects-section {
    padding-bottom: 40px
  }

  .project-heading-line1 {
    text-indent: 0;
    margin-left: -7px
  }

  .project-heading-line2 {
    letter-spacing: -8px;
    text-indent: 6px;
    margin-right: -2px
  }

  .project-heading-arrow {
    text-indent: 12px
  }

  .projects-grid-item {
    grid-template-columns: 2fr;
    margin-bottom: 86px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 0
  }

  .project-name {
    font-size: 2rem
  }

  .project-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: auto;
    max-width: none;
    margin-top: 0;
    padding-bottom: 0
  }

  .uui-button-3 {
    font-size: 1rem
  }

  .uui-button-3:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>)
  }

  .uui-button-wrapper-3.max-width-full-mobile-landscape {
    width: 100%
  }

  .max-width-full-mobile-landscape-3 {
    width: 100%;
    max-width: none
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
  }

  .uui-button-row-4 {
    align-self: stretch
  }

  .uui-button-row-4.is-reverse-mobile-landscape {
    flex-direction: column-reverse
  }

  .uui-space-medium-2 {
    min-height: 1.5rem
  }

  .uui-text-size-xlarge-2 {
    font-size: 1.125rem
  }

  .uui-space-small-3 {
    min-height: 1.25rem
  }

  .uui-heading-large {
    font-size: 2.25rem
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .uui-page-padding-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .footer-links {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 0;
    padding-left: 0
  }

  .footer-content {
    align-self: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: none
  }

  .footer-links-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-self: auto;
    align-items: stretch;
    justify-items: stretch;
    width: auto;
    padding-left: 0
  }

  .text-block-28 {
    width: auto;
    height: auto;
    padding-left: 10px;
    padding-right: 0
  }

  .contact-info {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-left-style: none;
    border-right-style: solid;
    justify-content: space-between;
    align-items: center;
    width: 50vw;
    padding-left: 0;
    padding-right: 10px
  }

  .contact-info.without-bottom-boarder {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    width: 50vw
  }

  .contact-info.without-bottom-boarder.info-right-side {
    width: 50vw
  }

  .text-block-29 {
    display: none
  }

  .about-me-heading {
    letter-spacing: -3px;
    margin-top: 10px
  }

  .about-me-text-section {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .image-10 {
    vertical-align: baseline;
    width: 100vw;
    height: auto
  }

  .div-block-10 {
    box-sizing: border-box;
    object-fit: cover;
    object-position: 50% 50%
  }

  .para-1 {
    width: 90vw
  }

  .link-block-2 {
    width: auto
  }

  .link-block-3,
  .link-block-4,
  .link-block-5 {
    width: 50vw
  }

  .para-2,
  .para-3,
  .para-4,
  .para-5 {
    width: 90vw
  }

  .container-2 {
    text-align: left;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 26px;
    display: block
  }

  .view-project-button {
    padding-bottom: 5px
  }

  .project-overview-section {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 60px;
    padding-bottom: 60px
  }

  .image-12 {
    width: auto;
    padding-left: 30px;
    padding-right: 30px
  }

  .time-table-section {
    margin-top: 71px
  }

  .image-13 {
    object-fit: fill;
    margin-left: 0
  }

  .phase-heading {
    font-size: 2rem
  }

  .phase-section {
    margin-top: 43px;
    margin-bottom: 35px
  }

  .problem-solution-section {
    margin-left: 60px;
    margin-right: 60px
  }

  .image-15 {
    display: none
  }

  .section-survey {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .heading-17 {
    justify-content: center;
    align-items: flex-start;
    font-size: 1.4rem;
    line-height: 1.4rem
  }

  .text-description-black {
    text-align: left;
    align-self: center;
    width: auto;
    max-width: 93vw;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px
  }

  .list {
    width: 93vw;
    padding-left: 19px
  }

  .section-7 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 50px;
    padding-right: 50px
  }

  .rich-text-block-4 {
    width: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
  }

  .image-16 {
    display: none
  }

  .image-17 {
    object-fit: scale-down
  }

  .section-analysis {
    padding-top: 0
  }

  .overview-text {
    text-align: center;
    align-self: center;
    width: 86vw;
    padding-left: 0;
    padding-right: 0;
    font-size: .9rem
  }

  .image-19 {
    margin-top: 42px;
    padding-top: 0
  }

  .persona-section {
    grid-column-gap: 67px;
    grid-row-gap: 67px;
    padding-top: 45px
  }

  .affinity-diagram-section {
    margin-top: 19px
  }

  .image-20 {
    padding-bottom: 0
  }

  .section-empathy-map {
    padding-top: 80px
  }

  .text-right-white {
    width: auto;
    padding-left: 60px;
    padding-right: 60px
  }

  .heading-persona {
    margin-bottom: 20px;
    padding-left: 0
  }

  .div-block-13-copy {
    justify-content: center;
    align-items: flex-start;
    display: block
  }

  .heading-16-copy {
    padding-left: 0
  }

  .text-block-34-copy {
    text-align: left;
    width: auto;
    padding-left: 60px;
    padding-right: 60px
  }

  .heading-problem {
    font-size: 1.3rem
  }

  .text-problem {
    justify-content: center;
    align-items: flex-end;
    width: 85vw;
    display: block
  }

  .heading-solution {
    font-size: 1.3rem
  }

  .text-solution {
    width: 85vw
  }

  .image-21 {
    object-fit: fill
  }

  .div-block-14 {
    justify-content: flex-start;
    align-items: center;
    display: block
  }

  .div-block-15 {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0
  }

  .div-block-16 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center
  }

  .user-journey-story-1 {
    padding-top: 35px
  }

  .site-map-section {
    grid-column-gap: 102px;
    grid-row-gap: 102px
  }

  .image-22 {
    margin-top: 0
  }

  .paragraph-6 {
    font-size: 1rem;
    line-height: 1.2rem;
    top: 183px;
    left: 22px;
    right: 22px
  }

  .heading-18 {
    top: 100px
  }

  .low-fidelity-section {
    padding-left: 19px
  }

  .other-project-heading,
  .text-link-to-project {
    font-size: 1rem;
    line-height: 1rem
  }

  .section--problem {
    padding-left: 40px;
    padding-right: 0
  }

  .section-solution {
    margin-bottom: 50px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 0
  }

  .heading-15 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
    display: block
  }

  .heading-15.heading-midlle {
    padding-left: 0;
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .heading-15.heading-middle {
    text-align: center;
    padding-left: 0;
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .heading-interview {
    color: var(--grey);
    padding-left: 57px;
    font-family: Anek latin, sans-serif;
    font-size: 1.4rem;
    line-height: 1.5rem;
    display: block
  }

  .heading-right {
    color: var(--grey);
    padding-left: 60px;
    font-family: Anek latin, sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem
  }

  .div-block-17 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex
  }

  .dash-hero-section-pic {
    padding-top: 0
  }

  .section-9 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex
  }

  .section-interview {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 48px;
    padding-bottom: 48px
  }

  .heading-middle-black {
    font-size: 1.2rem
  }

  .text-description-white {
    width: 87vw
  }

  .text-description-white.text-right-side {
    max-width: 86vw
  }

  .text-description-white.text-left-side {
    width: 82vw
  }

  .div-block-15 {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 19px;
    padding-left: 51px
  }

  .dash-project-overview-text {
    flex-flow: column;
    width: 95vw;
    margin-top: 60px;
    margin-bottom: 61px;
    padding-left: 20px;
    padding-right: 20px
  }

  .dash-text {
    text-align: center;
    max-width: none
  }

  .dash-heading-small {
    font-size: .8rem;
    line-height: .8rem
  }

  .dash-heading-2-black {
    margin-top: 5px;
    font-size: 1.5rem;
    line-height: 1.5rem
  }

  .dash-font-pic {
    margin-top: 20px
  }

  .dash-color-pic {
    margin-top: 60px;
    margin-bottom: 60px
  }

  .dash-grid-pic {
    margin-bottom: 60px
  }

  .dash-final-result-pic {
    margin-top: 20px
  }

  .travel-overview-context {
    margin-top: 60px
  }

  .travel-heading {
    font-size: 1.3rem
  }

  .travel-description {
    width: 83vw
  }

  .competitive-pic {
    padding-left: 10px;
    padding-right: 10px
  }

  .image-32 {
    padding-left: 20px;
    padding-right: 20px
  }

  .architecture-pic,
  .wireframe-pic {
    padding-top: 40px
  }

  .color-palette-pic {
    aspect-ratio: auto;
    object-fit: fill
  }

  .color-palette-context {
    margin-top: 20px
  }

  .typeface-section {
    padding-bottom: 100px
  }

  .typeface-context {
    margin-top: 20px
  }

  .travel-final-design-heading {
    font-size: 8.5rem;
    line-height: 5.4rem
  }

  .social-link-2:hover {
    color: var(--untitled-ui--gray400\<deleted\|variable-b339bef7\>)
  }

  .uui-space-xsmall-3 {
    min-height: .75rem
  }

  .uui-team09_image-wrapper-2 {
    height: 100%
  }

  .uui-team09_item-2 {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr
  }

  .uui-team09_list-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .uui-button-4 {
    font-size: 1rem
  }

  .uui-button-4:hover {
    border-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>);
    background-color: var(--untitled-ui--primary600\<deleted\|variable-c514c1b4\>)
  }

  .uui-button-wrapper-4.max-width-full-mobile-landscape {
    width: 100%
  }

  .max-width-full-mobile-landscape-4 {
    width: 100%;
    max-width: none
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem
  }

  .uui-button-secondary-gray-4:hover {
    background-color: var(--untitled-ui--white\<deleted\|variable-e3beb9c1\>);
    color: var(--untitled-ui--gray700\<deleted\|variable-d4f37b50\>)
  }

  .uui-button-row-5 {
    align-self: stretch
  }

  .uui-button-row-5.is-reverse-mobile-landscape {
    flex-direction: column-reverse
  }

  .uui-space-medium-3 {
    min-height: 1.5rem
  }

  .uui-text-size-large-3 {
    font-size: 1rem
  }

  .uui-heading-medium-3 {
    font-size: 1.75rem;
    line-height: 1.4
  }

  .uui-team09_component-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .uui-page-padding-5 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .section-13 {
    height: 30vh
  }

  .div-block-27 {
    grid-column-gap: 45px;
    grid-row-gap: 45px
  }

  .font-pic {
    padding-left: 40px;
    padding-right: 40px
  }

  .color-palette-pic-small-scale {
    aspect-ratio: auto;
    object-fit: fill;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px
  }

  .next-project-section,
  .next-project {
    height: 30vh
  }

  .div-block-28 {
    left: 10%;
    right: 10%
  }

  .projects-button {
    padding-top: 17px
  }
}

@media screen and (max-width:479px) {
  .container {
    max-width: none
  }

  .nav-menu-three {
    flex-direction: column
  }

  .centered-heading {
    margin-bottom: 24px
  }

  .team-slide-wrapper {
    width: 100%;
    margin-right: 0%
  }

  .uui-navbar02_blog-content {
    margin-top: .5rem
  }

  .uui-navbar02_blog-item {
    flex-direction: column;
    display: flex
  }

  .uui-navbar02_dropdown-blog-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr
  }

  .uui-navbar02_dropdown-content-wrapper {
    width: 100%
  }

  .uui-navbar02_dropdown-content-right {
    max-width: none;
    padding-left: .75rem;
    padding-right: .75rem
  }

  .uui-navbar02_dropdown-link {
    padding-left: 0
  }

  .uui-navbar02_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .uui-heroheader01_pattern-image {
    width: 12.125rem;
    bottom: -25%;
    right: -20%
  }

  .uui-heroheader01_image {
    border-top-left-radius: 4rem;
    height: 15rem
  }

  .uui-heroheader01_component {
    grid-template-columns: 1fr
  }

  .button-group {
    flex-flow: row;
    display: flex
  }

  .rl_header1_component,
  .rl_layout1_component,
  .rl_contact7_component {
    grid-template-columns: 1fr
  }

  .rl_cta_form-wrapper {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr
  }

  .rl_team8_image-wrapper {
    padding-top: 66%
  }

  .rl_team8_list,
  .rl_team5_list {
    grid-template-columns: 1fr
  }

  .uui-team09_image-wrapper {
    padding-top: 66%
  }

  .uui-team09_item {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 0
  }

  .uui-contact14_component {
    grid-row-gap: 48px;
    grid-template-columns: 1fr
  }

  .button {
    padding: 12px
  }

  .button.button-white {
    display: none
  }

  .button.button-ghost.green-ghost {
    justify-content: center;
    align-items: flex-end;
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 0
  }

  .section-fix-hero-background {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100vh;
    margin-top: 0;
    display: block
  }

  .image-4 {
    object-fit: cover;
    object-position: 15% 50%;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
    display: inline-block
  }

  .page-wrapper-portfolio {
    display: block
  }

  .empty-section {
    margin-top: 0
  }

  .navbar-wrapper {
    z-index: 100;
    height: 10vh;
    display: block
  }

  .logo-letter-wrapper {
    display: none
  }

  .nav-logo-icon {
    width: 40px;
    height: 40px
  }

  .loader-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none
  }

  .menu-mask {
    display: none
  }

  .menu-header {
    padding: 20px 10px
  }

  .menu-header.footer-header {
    padding-left: 6px;
    padding-right: 0
  }

  .menu-heading {
    font-size: 3rem;
    line-height: 3rem
  }

  .menu-liist {
    justify-content: center;
    align-items: stretch
  }

  .menu-items {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    line-height: 3.3rem
  }

  .menu-each-item {
    text-align: left;
    justify-content: center;
    align-items: center;
    line-height: 3rem
  }

  .menu-project-name-link {
    border-style: solid none none;
    width: 100vw;
    padding: 5px 14px 5px 13px;
    line-height: 2.3rem
  }

  .text-block-23 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    font-size: 2.2rem;
    line-height: 3rem
  }

  .project-in-menu {
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-bottom: 17px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 2.2rem;
    line-height: 3rem;
    display: block
  }

  .project-section-in-menu {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
    padding-top: 0;
    padding-bottom: 0
  }

  .project-name-link.project-name {
    padding: 10px 0
  }

  .marquee-section {
    margin-top: 0
  }

  .projects-section {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 38px;
    padding-bottom: 38px
  }

  .projects-section-heading {
    margin-top: 0;
    margin-bottom: 38px;
    padding-top: 0
  }

  .project-heading-line1 {
    letter-spacing: -2px;
    margin-left: 5px
  }

  .project-heading-line2 {
    letter-spacing: -1.5px;
    text-indent: 0;
    margin-right: 2px
  }

  .project-heading-arrow {
    letter-spacing: -9px
  }

  .collection-list-wrapper-2 {
    margin-top: 0
  }

  .projects-grid-item {
    margin-bottom: 56px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px
  }

  .project-name {
    font-variation-settings: "wght" 700, "wdth" 81.7;
    font-size: 1.6rem;
    line-height: 1.8rem
  }

  .project-grid-type-wrapper.project-type-label {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex: 0 auto
  }

  .project-details {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    margin-top: 15px;
    margin-bottom: 19px
  }

  .project-type-label {
    font-size: .8rem
  }

  .text-block-27 {
    padding-right: 0;
    font-size: 1.1rem;
    line-height: 1.3rem
  }

  .footer-section {
    z-index: 100;
    position: static
  }

  .footer-heading {
    font-size: 4rem;
    line-height: 6.9rem
  }

  .footer-links {
    display: block
  }

  .footer-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: none
  }

  .footer-links-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
  }

  .text-block-28 {
    direction: ltr;
    width: auto;
    height: auto;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0;
    font-size: 1.7rem;
    line-height: 1.7rem
  }

  .contact-info {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-right-style: solid;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 6px
  }

  .contact-info.without-bottom-boarder {
    width: 50vw
  }

  .contact-info.info-right-side {
    border-right-style: none;
    width: 50vw
  }

  .footer-rights-section {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    width: auto
  }

  .text-block-32 {
    font-size: .8rem
  }

  .about-me-section {
    background-position: 50%;
    height: 60vh
  }

  .about-me-heading {
    letter-spacing: -2px;
    margin-top: 8px
  }

  .about-me-text-section {
    padding-top: 0;
    padding-bottom: 10px
  }

  .image-10 {
    width: auto
  }

  .para-1 {
    color: var(--grey);
    width: auto;
    padding: 0 15px;
    font-size: 1.2rem
  }

  .image-11 {
    margin-right: 0;
    padding-right: 0
  }

  .link-block-2 {
    padding-left: 0;
    padding-right: 0
  }

  .para-2,
  .para-3,
  .para-4,
  .para-5 {
    width: auto;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.2rem
  }

  .container-2 {
    padding: 0 10px 60px
  }

  .link-block-6 {
    width: 100%;
    height: 100%
  }

  .link-block-7 {
    align-self: auto
  }

  .text-span {
    color: var(--pink);
    text-transform: uppercase
  }

  .text-span-2 {
    color: var(--pink)
  }

  .view-project-button {
    padding-bottom: 0
  }

  .project-overview-section {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 40px 10px 40px 20px
  }

  .time-table-section {
    text-align: left;
    justify-content: space-between;
    align-items: center;
    margin-top: 81px;
    padding-left: 0
  }

  .design-thinking-section {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    justify-content: center;
    align-items: center;
    margin-top: 91px
  }

  .image-13 {
    margin-left: 0;
    margin-right: 0
  }

  .phase-section {
    margin-top: 0;
    margin-bottom: 40px
  }

  .problem-solution-section {
    margin-top: 60px;
    margin-left: 10px;
    margin-right: 10px
  }

  .section-survey {
    grid-column-gap: 0px;
    grid-row-gap: 0px
  }

  .text-description-black {
    align-self: auto;
    width: auto
  }

  .list {
    padding-left: 16px
  }

  .rich-text-block-4 {
    margin-top: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
  }

  .image-survey,
  .image-17 {
    object-fit: fill
  }

  .section-analysis {
    padding-bottom: 60px
  }

  .image-18 {
    object-fit: fill
  }

  .overview-text {
    text-align: left;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: .9rem
  }

  .image-19 {
    padding-left: 0
  }

  .persona-section {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    padding-top: 42px
  }

  .affinity-diagram-section {
    margin-top: 50px;
    padding-top: 0
  }

  .image-20 {
    object-fit: fill;
    padding-bottom: 40px
  }

  .section-empathy-map {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-top: 39px
  }

  .text-affinity {
    width: auto;
    padding-left: 0;
    padding-right: 0
  }

  .heading-affinity {
    font-size: 1.1rem;
    line-height: 1.2rem
  }

  .text-right-white {
    padding-left: 0;
    padding-right: 0
  }

  .heading-persona {
    padding-left: 0;
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .div-block-13-copy {
    justify-content: center;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 10px;
    display: flex
  }

  .heading-16-copy {
    padding-left: 0;
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .text-block-34-copy {
    padding-left: 0;
    padding-right: 0
  }

  .heading-problem {
    width: 90vw;
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .text-problem {
    width: 93vw
  }

  .problem-statement {
    width: auto;
    padding-left: 20px;
    padding-right: 10px
  }

  .heading-solution {
    width: 90vw
  }

  .text-solution {
    width: 93vw
  }

  .pesona {
    flex-flow: column;
    width: 93vw;
    padding-left: 10px;
    padding-right: 0;
    display: flex
  }

  .project-1 {
    padding-top: 0;
    overflow: visible
  }

  .div-block-14 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    display: block
  }

  .div-block-15,
  .div-block-16 {
    justify-content: center;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 10px
  }

  .user-journey-section {
    padding-bottom: 40px
  }

  .heading-user-journey {
    color: var(--black);
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .texy-t-user-journey {
    color: var(--white);
    text-align: left;
    width: auto;
    font-size: .9rem
  }

  .user-journey-story-1 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0
  }

  .first-context {
    justify-content: flex-start;
    align-items: center;
    display: block
  }

  .site-map-section {
    grid-column-gap: 74px;
    grid-row-gap: 74px;
    margin-top: 55px;
    padding-top: 0;
    padding-bottom: 24px
  }

  .image-22 {
    margin-bottom: 19px
  }

  .section-sketching {
    height: 36vh;
    margin-bottom: 0;
    padding-bottom: 0
  }

  .paragraph-6 {
    text-align: center;
    margin: 30px 0 0;
    padding: 0 10px 0 20px;
    font-size: .9rem;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
  }

  .heading-18 {
    text-align: left;
    margin-top: 41px;
    margin-left: 0;
    font-size: 1.4rem;
    line-height: 1.4rem;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto
  }

  .low-fidelity-section {
    padding: 63px 10px 32px 20px
  }

  .image-25 {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: 50% 50%;
    margin-bottom: 27px;
    overflow: clip
  }

  .other-project-heading {
    margin-bottom: 0;
    font-size: 1rem
  }

  .text-link-to-project {
    padding-top: 10px;
    font-size: 1rem
  }

  .other-project-section {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 10px
  }

  .section--problem,
  .section-solution {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 10px
  }

  .heading-15 {
    width: auto;
    padding-left: 0
  }

  .heading-15.heading-midlle {
    text-align: center
  }

  .heading-15.heading-middle {
    text-align: left;
    padding-left: 0
  }

  .heading-right {
    padding-left: 20px
  }

  .image-26 {
    object-fit: fill;
    width: 100%;
    max-width: none;
    display: block;
    position: static
  }

  .dash-hero-section-pic {
    object-fit: fill;
    width: 100%;
    height: auto
  }

  .div-block-18 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 10px
  }

  .section-9 {
    padding-left: 20px;
    padding-right: 10px
  }

  .section-interview {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
  }

  .image-27 {
    margin-top: 0;
    padding-top: 0
  }

  .heading-middle-black {
    text-align: left;
    font-size: 1.1rem
  }

  .text-description-white {
    width: 93vw
  }

  .text-description-white.text-right-side {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: none
  }

  .section-11 {
    margin-bottom: 8px
  }

  .fidelity-heading {
    font-size: 1.2rem;
    line-height: 1.2rem
  }

  .image-1-journey,
  .image-3-journey {
    align-self: center
  }

  .user-journey-story-2,
  .user-journey-story-3,
  .user-journey-story-2--mobile-version {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0
  }

  .image-2-journey-copy {
    align-self: center
  }

  .text-journey {
    width: auto;
    padding-left: 20px;
    padding-right: 10px
  }

  .dash-project-overview-text {
    box-shadow: none;
    background-color: #fafafa;
    border-radius: 0;
    width: auto;
    margin-top: 0
  }

  .dash-heading {
    align-self: flex-start;
    font-size: 1.1rem
  }

  .dash-text {
    text-align: left
  }

  .dash-heading-small {
    font-size: .7rem
  }

  .dash-heading-2-black {
    color: var(--black);
    font-size: 1.1rem;
    line-height: 1.1rem
  }

  .travel-hero-pic {
    padding-top: 0
  }

  .travel-overview-section {
    padding-bottom: 40px
  }

  .travel-overview-context {
    margin-top: 20px
  }

  .travel-heading {
    text-align: left;
    padding-left: 10px;
    font-size: 1.3rem
  }

  .travel-description {
    text-align: left;
    align-self: center;
    width: auto;
    padding-left: 10px;
    padding-right: 10px
  }

  .solution-box {
    padding-left: 20px;
    padding-right: 20px
  }

  .problem-box {
    padding: 20px 10px
  }

  .image-32 {
    margin-bottom: 40px;
    padding-left: 35px;
    padding-right: 35px
  }

  .travel-persona-pic {
    margin-bottom: 60px;
    padding-top: 40px
  }

  .architecture-pic {
    margin-bottom: 60px;
    padding-top: 20px
  }

  .wireframe-pic {
    padding-top: 20px;
    padding-bottom: 0
  }

  .color-palette-section {
    padding-bottom: 60px
  }

  .color-palette-pic {
    padding-top: 10px
  }

  .color-palette-context {
    margin-top: 60px
  }

  .typeface-section {
    padding-bottom: 0
  }

  .typeface-context {
    margin-top: 10px
  }

  .travel-final-design-heading {
    margin-bottom: 60px;
    font-size: 4.8rem;
    line-height: 3.3rem
  }

  .uui-team09_image-wrapper-2 {
    padding-top: 66%
  }

  .uui-team09_item-2 {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr
  }

  .section-13 {
    height: 25vh
  }

  .sub-heading-next-project {
    font-size: .8rem
  }

  .text-block-35 {
    text-transform: capitalize;
    font-size: 1rem;
    line-height: 1rem
  }

  .div-block-27 {
    grid-column-gap: 20px;
    grid-row-gap: 20px
  }

  .font-pic {
    margin-bottom: 54px;
    padding-top: 18px;
    padding-left: 40px;
    padding-right: 40px
  }

  .color-palette-pic-small-scale {
    padding-top: 10px;
    padding-left: 43px;
    padding-right: 43px
  }

  .project-2 {
    background-color: #fafafa
  }

  .next-project-section,
  .next-project {
    height: 25vh
  }

  .div-block-28 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-bottom: 40px;
    left: 0%;
    right: 0%
  }

  .code-embed.links-arrow {
    padding-top: 0;
    padding-bottom: 0
  }

  .collection-tr,
  .collection-portfolio-part {
    margin-top: 0
  }
}

#w-node-_045de0e0-a3e6-a221-ec11-0d1619087629-19087624 {
  justify-self: start
}

#w-node-_045de0e0-a3e6-a221-ec11-0d1619087636-19087624 {
  justify-self: end
}

#w-node-_1d286ed8-4497-2388-9b27-f103e5977ba5-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977baa-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977baf-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977bcd-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977bd2-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977bd7-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977bdc-8e766cfd,
#w-node-_1d286ed8-4497-2388-9b27-f103e5977be1-8e766cfd {
  align-self: start
}

#w-node-df2ee1c1-2836-0ac5-5c53-780223b849ff-189b0acc {
  grid-area: 1/1/2/2
}

#w-node-_0d5d7251-fbf8-d5b0-2ea3-8dbb2cf8ee2e-4757bc7a {
  grid-area: span 1/span 1/span 1/span 1
}

#w-node-_0d5d7251-fbf8-d5b0-2ea3-8dbb2cf8ee3a-4757bc7a {
  grid-area: span 1/span 1/span 1/span 1;
  justify-self: end
}

@media screen and (max-width:991px) {

  #w-node-_045de0e0-a3e6-a221-ec11-0d1619087629-19087624,
  #w-node-_045de0e0-a3e6-a221-ec11-0d1619087636-19087624 {
    justify-self: center
  }

  #w-node-_0d5d7251-fbf8-d5b0-2ea3-8dbb2cf8ee2e-4757bc7a {
    grid-area: span 1/span 1/span 1/span 1
  }
}

@media screen and (max-width:767px) {
  #w-node-_045de0e0-a3e6-a221-ec11-0d1619087645-19087624 {
    grid-area: 4/1/5/2
  }

  #w-node-_36e9181d-4a3c-baf0-3c55-0f366a8e312a-81fdd3b3 {
    justify-self: auto
  }

  #w-node-_0d5d7251-fbf8-d5b0-2ea3-8dbb2cf8ee3a-4757bc7a {
    order: -9999;
    grid-area: span 2/span 1/span 2/span 1;
    justify-self: auto
  }
}

@media screen and (max-width:479px) {
  #w-node-_045de0e0-a3e6-a221-ec11-0d1619087629-19087624 {
    grid-area: span 1/span 1/span 1/span 1
  }

  #w-node-_36e9181d-4a3c-baf0-3c55-0f366a8e312a-81fdd3b3 {
    justify-self: auto
  }
}

@font-face {
  font-family: 'Bacasime Antique';
  src: url('https://uploads-ssl.webflow.com/6683cfd72f70b3ec3a4f4888/6683f599c2700588d8e44487_BacasimeAntique-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Anek latin';
  src: url('https://uploads-ssl.webflow.com/6683cfd72f70b3ec3a4f4888/668e66efbb17190d94287efe_AnekLatin-VariableFont_wdth%2Cwght.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}