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: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

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: bold;
}

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: normal;
  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: normal;
  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: #0000 !important;
}

.w-code-block {
  margin: unset;
}

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

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !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;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

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

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

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: bold;
  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: normal;
  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: normal;
  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: normal;
  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: normal;
  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;
  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 #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  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: #fff0 #fff #fff0 #fff0;
  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 #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  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;
  inset: -100%;
}

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

.w-background-video--control {
  background-color: #0000;
  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: #0000;
  tap-highlight-color: #0000;
  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: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 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 #3336;
}

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

.w-slider-nav-invert > div {
  background-color: #2226;
}

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

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  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: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 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;
  inset: 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;
  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: #000000e6;
  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;
  inset: 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: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  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: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 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: translate(0, -50%);
}

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

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  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 #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -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;
  inset: 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: #0000;
  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: #0000;
  tap-highlight-color: #0000;
  -webkit-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);
  }

  100% {
    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;
}

@font-face {
  font-family: Founders grotesk text;
  src: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7b90aea0915_founders-grotesk-text-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Founders grotesk;
  src: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77e54ea0912_founders-grotesk-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Founders grotesk text;
  src: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74e7eea0914_founders-grotesk-text-light-italic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  --junglegym-yellow: #f2c506;
  --junglegym-blue: blue;
  --junglegym-grey: #e4e4e4;
  --junglegym-red: #eb3036;
  --umami-pink: #f1b4b4;
}

.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;
  align-self: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: none;
}

.nav-container {
  z-index: 99;
  mix-blend-mode: difference;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  max-width: 100%;
  height: 15vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-container.hidden {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.header-logo {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.header-logo.w--current {
  width: 50vw;
  height: 50vw;
}

.header-logo.hide {
  display: none;
}

.headernamediv {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 6.35vw;
  margin: auto auto auto 2vw;
}

.hamburgermenu {
  z-index: 5;
  flex: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.lottie-animation.burgerbtn {
  cursor: pointer;
}

.logo {
  z-index: 100;
  pointer-events: none;
  width: 50vw;
  height: 100vh;
}

.nav-bar {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  mix-blend-mode: difference;
  align-items: center;
  width: 100vw;
  height: 15vh;
  padding-left: 2%;
  padding-right: 2%;
}

.div-block-5 {
  z-index: 2;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: relative;
}

.headername {
  color: #000;
}

.invert {
  z-index: 5;
  filter: invert();
  mix-blend-mode: difference;
  background-color: #2b1fb9;
  height: 100vh;
  position: relative;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  display: grid;
}

.container-2 {
  mix-blend-mode: difference;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f79e69ea0b02_Untitled-2.jpg");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  max-width: 100vw;
  height: 300vh;
}

.landing {
  background-color: #f2f2f2;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 300vh;
}

.menuheadername {
  color: #fff;
}

.menu-nav-bar {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  width: 100%;
  height: 15vh;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.menu-header-logo {
  z-index: 1;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
}

.menuheadernamediv {
  z-index: 1;
  margin: auto;
}

.hamburgermenuopen {
  z-index: 5;
  flex: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.div-block-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  padding-bottom: 15vh;
  display: none;
}

.menu-linkmenu-link {
  color: #dd1f27;
  font-size: 150px;
}

.menulinkwork {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 10vh;
  margin-bottom: 67px;
  margin-left: 354px;
  display: grid;
  overflow: visible;
}

.image {
  height: 250px;
  margin-bottom: 103px;
  margin-left: 320px;
}

.image-2, .image-3 {
  height: 250px;
}

.menulinkaboutus {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 10vh;
  margin-right: 598px;
  display: grid;
}

.menulinkblog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 10vh;
  margin-top: -97px;
  margin-left: 1037px;
  display: grid;
}

.big-type {
  z-index: 2;
  color: #000;
  text-align: left;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.75vw;
  line-height: 3vw;
}

.big-type.left {
  text-align: left;
  margin: 0;
  line-height: 75px;
  position: sticky;
  top: 12vh;
}

.blue {
  color: #00f;
}

.div-block-9 {
  flex-direction: column;
  align-items: stretch;
  width: 50vw;
  height: 140vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.play {
  width: 7.88vw;
}

.workplay {
  z-index: 2;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 39.4vw;
  display: flex;
  position: relative;
  top: 2.8vh;
  left: 3.4vw;
}

.work {
  width: 9.85vw;
  margin-right: auto;
}

.featuredprojects {
  flex-direction: column;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.div-block-11 {
  margin-left: auto;
  margin-right: 45px;
}

.div-block-12 {
  display: flex;
}

.project-02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78068ea094e_BeerBox.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-around;
  width: 60vw;
  height: 40vw;
  display: flex;
}

.project-01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70e6dea094d_moonshine.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40vw;
  height: 40vw;
  margin-right: 2%;
}

.work-odd-row, .work-even-row {
  flex-direction: row;
  width: 100%;
  height: 40vw;
  display: flex;
}

.image-4 {
  width: 100%;
}

.div-block-15 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.project-04 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70e6dea094d_moonshine.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40vw;
  height: 40vw;
}

.project-03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78068ea094e_BeerBox.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-around;
  width: 60vw;
  height: 40vw;
  display: flex;
}

.project-05 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70e6dea094d_moonshine.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40vw;
  height: 40vw;
}

.project-06, .project-07 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78068ea094e_BeerBox.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-around;
  width: 60vw;
  height: 40vw;
  display: flex;
}

.project-08 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70e6dea094d_moonshine.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40vw;
  height: 40vw;
}

.junglegymintro {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e4e4e4;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-left: 15vw;
  display: grid;
  overflow: hidden;
}

.div-block-16 {
  z-index: 2;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-17 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-right: auto;
  display: flex;
}

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

.heading {
  color: var(--junglegym-yellow);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Founders grotesk, sans-serif;
  font-size: 98px;
  font-weight: 400;
  line-height: 1em;
}

.heading.bottommargin {
  margin-bottom: 30px;
}

.heading.bottommargin.blue-outline {
  color: #0000;
}

.heading.bottommargin.blue-outline.left-margin {
  margin-left: 12%;
}

.heading.bottommargin.blue-outline.blue {
  color: #f11010;
}

.heading.bottommargin.blue-outline.bottom-margin {
  margin-bottom: 0;
}

.paragraph {
  color: #000;
  width: 20vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 37px;
}

.button {
  background-color: var(--junglegym-yellow);
  color: #000;
  text-transform: uppercase;
  border-radius: 15px;
  align-self: flex-start;
  margin-top: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 23px;
}

.lottie-animation-2 {
  z-index: 0;
  margin-top: auto;
  margin-left: -15vw;
  position: relative;
}

.services {
  color: var(--junglegym-blue);
  height: 60vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 80px;
}

.section {
  height: 80vh;
  display: block;
}

.slide {
  background-color: #fcf8ef;
}

.left-arrow, .right-arrow {
  display: none;
}

.slider {
  height: 80vh;
}

.text-block-2 {
  width: 30vw;
}

.div-block-19 {
  align-items: center;
  height: 100%;
  padding-left: 12%;
  padding-right: 12%;
  display: flex;
}

.slider-text {
  color: #000;
  font-family: Founders grotesk text, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
}

.div-block-20 {
  width: 20vw;
}

.image-5 {
  width: 73%;
  margin-left: auto;
}

.blog {
  background-color: var(--junglegym-grey);
  object-fit: fill;
  justify-content: space-between;
  height: 80vh;
  padding-left: 6%;
  display: flex;
  overflow: scroll;
}

.image-6 {
  align-self: flex-start;
  width: 45vw;
  max-width: none;
  height: auto;
}

.div-block-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  margin-right: 150px;
  display: grid;
}

.lottie-animation-3 {
  cursor: pointer;
  display: block;
}

.image-7 {
  width: 100px;
}

.image-8 {
  width: 100px;
  display: none;
}

.lottie-animation-4 {
  width: 20vw;
}

.div-block-22 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.body {
  width: 84%;
  max-width: none;
}

.lottie-animation-5 {
  width: 100vw;
  position: sticky;
  top: 0;
}

.about-hero {
  height: 200vh;
}

.about {
  height: 200vh;
  padding-top: 12%;
  padding-bottom: 12%;
  padding-left: 12%;
  display: flex;
}

.div-block-23 {
  width: 50%;
  position: sticky;
  top: 6vh;
}

.text-block-3 {
  font-family: Founders grotesk text, sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 56px;
}

.about-image-container-01 {
  z-index: 1;
  align-items: flex-start;
  margin-top: 3vh;
  display: flex;
  position: relative;
}

.about-image-01 {
  background-color: #c4c4c4;
  width: 80vh;
  height: 50vh;
  margin-left: -6vh;
  margin-right: 3vh;
}

.about-image-02 {
  background-color: #c4c4c4;
  width: 71vh;
  height: 40vh;
}

.about-image-03 {
  background-color: #c4c4c4;
  align-self: flex-start;
  width: 100%;
  height: 50vh;
}

.about-image-container-02 {
  z-index: 1;
  align-items: flex-start;
  margin-top: 6vh;
  display: flex;
  position: relative;
}

.div-block-24 {
  flex: 1;
  width: 50%;
}

.services-section {
  background-color: var(--junglegym-grey);
  color: var(--junglegym-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 60vh;
  padding-top: 15vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 60px;
  font-weight: 300;
  line-height: 80px;
  display: flex;
  overflow: hidden;
}

.track-horizontal {
  z-index: 200;
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-block-4 {
  color: #000;
  font-family: Founders grotesk, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 130px;
}

.yellow-bullet {
  background-color: var(--junglegym-yellow);
  border-radius: 1vw;
  align-self: center;
  min-width: 1vw;
  min-height: 1vw;
  margin-left: 3vw;
  margin-right: 3vw;
  overflow: visible;
}

.blue-bullet {
  background-color: var(--junglegym-blue);
  border-radius: 20px;
  align-self: center;
  width: 20px;
  height: 20px;
  margin-left: 3%;
  margin-right: 3%;
}

.red-bullet {
  background-color: var(--junglegym-red);
  border-radius: 1vw;
  align-self: center;
  min-width: 1vw;
  min-height: 1vw;
  margin-left: 3vw;
  margin-right: 3vw;
}

.services-loop-text {
  color: #000;
  cursor: pointer;
  font-family: Founders grotesk, sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 130px;
}

.text-block-5 {
  font-family: Founders grotesk, sans-serif;
  font-size: 100px;
  font-weight: 400;
}

.div-block-25 {
  align-items: center;
  width: 100vw;
  display: block;
  overflow: hidden;
}

.html-embed {
  display: flex;
  overflow: hidden;
}

.track-horizontal-copy, .track-horizontal-copy-copy {
  white-space: nowrap;
  align-items: center;
  width: 100%;
  margin-top: 159px;
  display: flex;
  overflow: hidden;
}

.div-block-26 {
  overflow: hidden;
}

.track-horizontal-copy {
  z-index: 200;
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.marquee-horizontal {
  z-index: 200;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.track-horizontal-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-text {
  color: #fff;
  text-transform: uppercase;
  flex: none;
  margin-right: 8vw;
}

.track-horizontal {
  display: flex;
}

.track-horizontal-copy, .track-horizontal-sub-identity {
  display: none;
}

.services-sub-loop-text {
  color: var(--junglegym-blue);
  cursor: pointer;
  margin-right: 4vw;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .95vw;
  font-weight: 400;
  line-height: .95vw;
  display: flex;
}

.marquee-sub-horizontal-identity {
  z-index: 200;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-27 {
  z-index: 10;
  width: 100%;
  height: 15vh;
  display: flex;
  position: relative;
}

.section-2 {
  background-color: var(--junglegym-grey);
  height: 200vh;
}

.body-2 {
  flex-direction: column;
  display: flex;
}

.image-9 {
  z-index: 10;
  opacity: .5;
  width: 80px;
  height: 80px;
  display: none;
  position: relative;
}

.lottie-animation-6 {
  z-index: 10;
  display: none;
  position: relative;
}

.html-embed-2 {
  color: #fff;
}

.our-process {
  height: 400vh;
  padding: 12%;
}

.process-div {
  display: flex;
}

.process-content {
  flex: 0 auto;
  align-self: center;
  width: 100%;
  height: 25vh;
  overflow: hidden;
}

.process-lottie-div {
  width: 100%;
}

.our-process-wrapper {
  position: sticky;
  top: 12%;
}

.section-4 {
  background-color: var(--junglegym-yellow);
  height: 200vh;
}

.number-div {
  width: 10%;
}

.process-step {
  height: 31vh;
  display: flex;
}

.step-content-div {
  width: 90%;
  padding-left: 3%;
}

.heading-2 {
  font-family: Founders grotesk, sans-serif;
  font-size: 4vw;
  font-weight: 400;
}

.image-10 {
  width: 3vw;
  margin-top: 18%;
}

.text-block-6 {
  margin-top: 50px;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 1.2;
}

.introtextdiv {
  flex-direction: column;
  width: 50vw;
  display: flex;
}

.surprisesurprise {
  flex: 1;
}

.div-block-28 {
  width: 50vw;
}

.lottie-animation-7 {
  z-index: 0;
  width: 100vw;
  position: sticky;
  top: 0;
}

.landingprojectclips-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 35vw;
  height: 100vh;
  margin-top: 20vh;
  display: grid;
}

.rollingmillscanloopdiv {
  z-index: 2;
  margin-top: -47vh;
  transform: rotate(-14deg);
}

.image-11 {
  max-width: 80%;
}

.tulua-box-loop {
  margin-top: -27vh;
  margin-left: -11vw;
  display: block;
  position: relative;
  transform: rotate(-11deg);
}

.image-12 {
  width: 21vw;
  margin-top: 7vh;
  transform: rotate(14deg);
}

.umamivideoloopdiv {
  margin-top: 13vh;
  margin-left: 0;
  display: block;
  transform: rotate(20deg);
}

.background-video {
  width: 11.27vw;
  height: 15vw;
  display: none;
}

.background-video-2 {
  width: 22vw;
  height: 18vw;
}

.background-video-3 {
  width: 30vh;
  height: 16.87vw;
}

.landing-content {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 115vh;
  display: flex;
  position: sticky;
  top: 0;
}

.landingclips {
  z-index: -1;
  flex: none;
  justify-content: flex-end;
  align-self: flex-start;
  width: 50vw;
  height: 115vh;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.logo2 {
  z-index: 100;
  width: 400px;
  height: 400px;
  position: relative;
}

.featured-projects {
  padding: 2vw 15vw;
}

.projects-grid {
  grid-column-gap: 4vh;
  grid-row-gap: 4vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.record-room {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 38.5vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  line-height: 1vw;
  display: grid;
  overflow: hidden;
}

.record-room:hover {
  color: var(--junglegym-grey);
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f700d3ea092a_record-room.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-30 {
  background-color: var(--junglegym-blue);
}

.div-block-31 {
  background-color: var(--junglegym-yellow);
}

.div-block-32 {
  background-color: var(--junglegym-red);
  height: 25vh;
}

.lottie-animation-8 {
  height: 25vw;
  margin-left: -16vw;
}

.landinglogo {
  width: 20vw;
  height: 20vw;
}

.div-block-33 {
  margin-top: -40vw;
}

.div-block-34 {
  flex-direction: row;
  display: flex;
}

.div-block-35 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-5 {
  justify-content: center;
  align-items: flex-start;
}

.left {
  z-index: 2;
  align-self: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 15vw;
  display: flex;
  position: sticky;
  top: 0;
}

.right-sub {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-end;
  align-self: flex-start;
  place-items: center stretch;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-36 {
  background-color: #f2f2f2;
  flex-direction: column;
  width: 100vw;
  height: 300vh;
}

.div-block-37 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.div-block-38 {
  height: 100vh;
}

.background-video-4 {
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 3vw;
}

.text-block-7 {
  z-index: 8;
  text-align: center;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.text-span {
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .8vw;
}

.kulfi {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 38.5vh;
  height: 38.5vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  line-height: 1vw;
  display: grid;
  overflow: hidden;
}

.kulfi:hover {
  color: var(--junglegym-grey);
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76287ea0927_kulfi.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.moonshine {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 38.5vh;
  height: 38.5vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  line-height: 1vw;
  display: grid;
  overflow: hidden;
}

.moonshine:hover {
  color: #000;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76a35ea092b_moonshine.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.umami {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 38.5vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  line-height: 1vw;
  display: grid;
  overflow: hidden;
}

.umami:hover {
  color: var(--junglegym-grey);
  -webkit-text-fill-color: inherit;
  background-color: #0000ffb3;
  background-clip: border-box;
}

.umami-project-details {
  z-index: 8;
  text-align: left;
  margin-bottom: 1vh;
  margin-left: 1vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.plaza-landing {
  background-color: #21ccbb;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 200vh;
  display: none;
  overflow: hidden;
}

.image-13 {
  z-index: 19;
  max-width: none;
  height: 100vh;
}

.image-14 {
  z-index: 8;
  max-width: none;
  height: 100vh;
  position: sticky;
  top: 0;
}

.plaza-experience {
  background-color: #efe9e4;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.div-block-39 {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-40 {
  height: 100vh;
}

.image-15 {
  z-index: 9;
  max-width: none;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.plaza-logo {
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  padding-right: 6vw;
  display: flex;
}

.plaza-intro {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  padding-left: 6vw;
  display: flex;
}

.image-16 {
  width: 15vw;
  max-width: none;
  display: block;
}

.text-block-8 {
  color: #270392;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  line-height: 1.5;
}

.text-block-9 {
  color: #270392;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1;
}

.plaza-enter {
  height: 100vh;
  display: flex;
}

.div-block-41 {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #21cbba;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.div-block-42 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76ec9ea0958_portal.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-43 {
  z-index: 10;
  width: 100vw;
  height: 100vh;
  margin-top: 188vh;
  position: relative;
}

.lottie-animation-9 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 4vh;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-17 {
  z-index: 2;
  max-width: none;
  padding-bottom: .2vh;
  position: relative;
}

.image-18 {
  z-index: 0;
  max-width: none;
  position: relative;
}

.image-19 {
  z-index: 0;
  position: relative;
}

.lottie-animation-10 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60vh;
}

.phone-mockups {
  grid-column-gap: 6vw;
  background-color: #efe9e4;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 15vw;
  padding-right: 15vw;
  display: flex;
}

.image-20, .image-21 {
  height: 50vh;
}

.session-types {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #270392;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75caaea0944_session-types.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 90vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.image-22 {
  max-width: none;
  height: 90vh;
}

.mac-mockup {
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  display: flex;
}

.div-block-44 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  display: grid;
}

.image-23 {
  z-index: 2;
  position: relative;
}

.plaza-parallax {
  background-color: #270392;
  height: 60vh;
  display: flex;
}

.div-block-45 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.icon-mockups-posts {
  flex-direction: row;
  height: 33.33vw;
  display: flex;
}

.div-block-46 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711a8ea0988_app-icon-mockup.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
  width: 33.33vw;
  height: 33.33vw;
}

.div-block-47 {
  background-color: #21cab9;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71c63ea0989_insta-feed-mockup.png");
  background-position: 50%;
  background-size: cover;
  flex: 1;
  align-self: stretch;
  width: 33.33vw;
  height: 33.33vw;
}

.div-block-48 {
  background-color: #eee8e3;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 33.33vw;
  height: 33.33vw;
  display: flex;
}

.div-block-50 {
  flex-direction: column;
  width: 18vw;
  height: auto;
  display: flex;
}

.left-arrow-2, .right-arrow-2 {
  display: none;
}

.image-25 {
  max-width: none;
}

.mask {
  background-color: #270391;
  height: auto;
}

.slide-nav {
  color: var(--junglegym-blue);
  padding-top: 1vh;
  position: static;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.slider-2 {
  background-color: #0000;
  height: auto;
}

.plaza-podcast {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-51 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74d35ea0987_podcast01.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-52 {
  background-color: #ede959;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f73bffea0985_podcast02.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.image-26, .image-27 {
  max-width: none;
  height: 90vh;
  margin-bottom: -10vh;
}

.nft {
  background-color: #2c029e;
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
}

.background-video-5 {
  z-index: 2;
  width: 40vw;
  height: 22.5vw;
}

.div-block-54 {
  width: 24vw;
}

.record-room-landing {
  background-color: #231f20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 145vh;
  display: flex;
}

.div-block-55 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #231f20;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-28 {
  height: 100%;
}

.record-room-intro {
  background-color: #cc532e;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.rr-intro-title {
  color: #fff;
  letter-spacing: 1px;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  line-height: 1;
}

.rr-intro-body {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.rr-intro-body.dark {
  color: #000;
}

.rr-2-images {
  flex-direction: row;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.div-block-56 {
  background-color: #cc532e;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-57 {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.rr-bag-image {
  max-width: none;
  height: 100vh;
}

.image-32 {
  width: auto;
  max-width: none;
  height: 55vh;
}

.rr-typography {
  background-color: #231f20;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 15vw;
  padding-right: 15vw;
  display: flex;
}

.div-block-58 {
  width: 48vw;
  margin-bottom: 8vh;
  display: flex;
}

.junglegym-body {
  color: #fff;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
}

.junglegym-body.dark {
  color: #231f20;
  align-items: center;
}

.junglegym-body.dark.alignment {
  text-align: left;
  text-transform: capitalize;
  font-size: 18px;
}

.junglegym-body.dark.we-bottom-margin {
  flex: 0 auto;
  margin-bottom: 4vh;
}

.junglegym-body.dark.we-black {
  margin-left: 5.5vw;
}

.junglegym-body.dark.we-white {
  margin-left: 17vw;
}

.junglegym-body.dark.we-white.title {
  margin-left: 16vw;
}

.junglegym-body.dark.grey {
  margin-left: 26vw;
}

.junglegym-body.dark.grey.title {
  text-align: center;
  margin-left: 21vw;
}

.junglegym-body.dark.we-earty-colours {
  margin-left: 16vw;
}

.junglegym-body.dark.we-earty-colours.title {
  text-align: center;
  margin-left: 13vw;
}

.junglegym-body.dark.we-branding {
  margin-left: 8vw;
}

.junglegym-body.dark.we-branding.center {
  text-align: center;
  margin-left: 0;
}

.junglegym-body.dark.center {
  text-align: center;
}

.junglegym-body.we-top-margin {
  color: #999;
  margin-top: 5vh;
}

.div-block-59 {
  border-top: 1px solid #fff;
  width: auto;
  margin-top: .5vh;
  padding-top: .5vh;
}

.image-33 {
  max-width: none;
  height: 16vh;
}

.div-block-60 {
  width: 11vw;
  margin-right: 6vw;
}

.image-34 {
  max-width: none;
  height: 11vh;
}

.div-block-61 {
  width: 11vw;
  margin-right: 6vw;
}

.div-block-62, .div-block-63 {
  padding-top: 2vh;
}

.circus-subtitles-type {
  width: 11vw;
  margin-right: 6vw;
}

.image-35 {
  width: 27vw;
  max-width: none;
}

.div-block-65 {
  margin-top: 2.5vh;
}

.rr-exterior-shot {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f759f8ea0991_record-room-exterior.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
  overflow: hidden;
}

.vinyl-wall, .colour-palette {
  max-width: none;
  height: 100vh;
}

.plaza-scroll-down {
  z-index: 10;
  width: 100vw;
  height: 100vh;
  padding-top: 90vh;
  position: sticky;
  top: 0;
}

.div-block-66 {
  height: 100vh;
}

.image-36 {
  width: 100vw;
  max-width: none;
}

.image-37 {
  width: 100vw;
  max-width: none;
  height: auto;
}

.section-6 {
  height: 100vh;
  overflow: visible;
}

.rr-menu {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75004ea0999_menus.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 100vw;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.rr-logos-intro {
  background-color: #f2f0ed;
  height: 60vh;
  display: flex;
}

.rr-food-tray {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74bb3ea0994_food-tray.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.rr-bag {
  background-color: #231f20;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74b81ea0997_bag.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.rr-tshirts-birchwood-panel {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.rr-vinyl-player {
  background-color: #cc532e;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 50vw;
  padding: 14vw;
  display: flex;
  overflow: visible;
}

.rr-beer-pour {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c6f6ea0990_record-room-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rr-colour-palette {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 50vw;
  margin-bottom: 4vh;
  display: grid;
  overflow: hidden;
}

.rr-birchwood-pannel-usage {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50vw;
  display: flex;
  overflow: hidden;
}

.social-media-mockup {
  background-color: #cc532e;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72497ea099a_rr-insta-mockup.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 80vh;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rr-coasters-player {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7ede9ea099b_cover-photo-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
  overflow: hidden;
}

.insta-mockup-image {
  width: auto;
  max-width: none;
  height: 87vh;
}

.coaster-vinyl-player-image {
  width: 100vw;
  max-width: none;
  height: auto;
}

.rr-2-image-packaging {
  flex-direction: row;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.rr-posters-parallax {
  justify-content: center;
  align-items: flex-start;
  height: 75vh;
  display: flex;
  overflow: hidden;
}

.rr-posters {
  flex: 1;
  width: 100vw;
  max-width: none;
  height: auto;
}

.rr-washroom-sign {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.rr-washroom-sign-img {
  width: 100vw;
  max-width: none;
  height: auto;
}

.palete-description {
  justify-content: center;
  align-items: stretch;
  width: 18vw;
  height: 13vh;
  display: flex;
}

.small-paragraph {
  color: #000;
  margin-bottom: 0;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.palette-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-38 {
  max-width: none;
}

.rr-logos {
  grid-column-gap: 4vw;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-left: 7vw;
  padding-right: 7vw;
  display: flex;
  overflow: hidden;
}

.rr-logo-description {
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  margin-left: 5vw;
  display: flex;
  overflow: hidden;
}

.image-39 {
  max-width: none;
  height: 10vh;
}

.image-40, .image-41 {
  height: 10vh;
}

.div-block-67, .div-block-68, .div-block-69 {
  padding-left: 2vw;
  padding-right: 2vw;
}

.palette-usage {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 40vw;
  display: flex;
}

.left-arrow-3 {
  width: 50%;
  height: 100%;
  display: none;
}

.right-arrow-3 {
  cursor: none;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  display: none;
  inset: 0%;
}

.right-arrow-3.sindhvi {
  display: block;
}

.mask-2 {
  width: 100%;
  height: 100%;
}

.mask-2.full-width {
  width: 50vw;
  height: 100vh;
}

.slide-nav-2 {
  height: 2vw;
  margin-top: 2vw;
  display: none;
  position: static;
}

.slide-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74b81ea0997_bag.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.slide-3.circus-crousel-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b7c54a6517e1063cb_circus-social-carousel-01.webp");
}

.slide-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74bb3ea0994_food-tray.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.slide-4.circus-crousel-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b206dc486ff59070d_circus-social-carousel-02.webp");
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71bcaea09b1_bar.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.slide-5.circus-crousel-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3996049d8a96e28ef9452_circus-social-carousel-05.webp");
}

.slide-6 {
  overflow: hidden;
}

.slide-6.circus-carousel-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067bf7a2507304a9f455_circus-social-carousel-03.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.rr-social-media-posts {
  background-color: #f2f0ed;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.social-media-posts {
  background-color: #0000;
  flex-direction: column;
  width: 40vw;
  height: 40vw;
  display: flex;
}

.rr-2-image-ice-t {
  flex-direction: row;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.rr-t-shirts {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7cbfcea09ae_t-shirts.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rr-ice-cube {
  background-color: #231f20;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71bcaea09b1_bar.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rr-t {
  width: auto;
  max-width: none;
  height: 100vh;
}

.rr-bar {
  max-width: none;
  height: 100vh;
}

.box-landing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e5643a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100vw;
  height: 150vh;
  display: grid;
}

.box-intro {
  background-color: #e5e5e5;
  height: 100vh;
  padding: 15vw;
  display: flex;
}

.boxovia-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

.div-block-70 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

.image-43 {
  width: 15vw;
  max-width: none;
}

.box-intro-body {
  color: #000;
  flex: 0 auto;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.heading-3 {
  align-self: flex-start;
}

.box-intro-title {
  color: #000;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  line-height: 1.5;
}

.colour-typography {
  height: 100vh;
  display: flex;
}

.box-colour-palette {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 40vw;
  display: grid;
}

.box-typography {
  background-color: #313436;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  display: flex;
}

.image-44, .image-45 {
  width: 40vw;
  max-width: none;
}

.box-titles, .box-subtitles, .box-body-text {
  width: 48vw;
  margin-bottom: 8vh;
  display: flex;
}

.box-titles-svg {
  max-width: none;
  height: 16vh;
}

.box-subtitles-svg {
  max-width: none;
  height: 4vh;
}

.box-body-text-svg {
  max-width: none;
  height: 13vh;
}

.box-brand-guidlines {
  background-color: #fff;
  padding: 8.8vh;
}

.div-block-71 {
  height: 82.4vh;
  position: sticky;
  top: 8.8vh;
  overflow: hidden;
}

.box-icons {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-72 {
  grid-row-gap: 5vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.div-block-73 {
  grid-row-gap: 15vh;
  background-color: #e5e5e5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.image-46, .image-47, .image-48, .image-49, .image-50 {
  width: 20vw;
  max-width: none;
}

.box-parallax-spot-illustrations {
  justify-content: center;
  height: 80vh;
  display: flex;
}

.box-parallax-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
}

.box-parallax-2, .box-parallax-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
}

.box-cards {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.box-business-cards {
  z-index: 2;
  background-color: #e5643a;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60vw;
  display: flex;
  position: relative;
}

.box-id-cards {
  background-color: #e5643a;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78e2bea09e2_boxovia-id-cards.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.box-business-card-img {
  width: auto;
  max-width: none;
  height: 100vh;
}

.image-52 {
  align-self: center;
  max-width: none;
  height: 80vh;
  overflow: hidden;
}

.image-53 {
  max-width: none;
  height: 100vh;
  overflow: hidden;
}

.box-company-profile {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.box-profile-open {
  justify-content: center;
  width: 50vw;
  height: 100vh;
  padding: 16vh;
  display: flex;
  overflow: hidden;
}

.box-profile-cover {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76039ea09e0_boxovia-company-profile.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-74 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.image-54 {
  width: 52vw;
  max-width: none;
}

.image-55 {
  align-self: flex-start;
  width: 100%;
  max-width: none;
}

.credits {
  background-color: #fff;
  height: auto;
  padding: 15vh;
  overflow: hidden;
}

.lottie-animation-11 {
  width: 100vw;
}

.box-hero-lottie-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.boxovia-scrolldown-lottie {
  z-index: 10;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  padding-bottom: 2vh;
  display: flex;
  position: sticky;
  top: 0;
}

.credits-div {
  grid-column-gap: 2vw;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2vh;
  display: flex;
}

.credits-container, .scope-of-work-container {
  width: 100%;
}

.project-details-container {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.project-info-header {
  color: var(--junglegym-red);
  font-family: Founders grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.project-info-header:hover {
  text-decoration: none;
}

.project-info-subtext {
  font-family: IBM Plex Mono, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
}

.project-info-links {
  color: var(--junglegym-blue);
  font-family: Founders grotesk text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.project-info-links:hover {
  text-decoration: underline;
}

.way-forward {
  width: 100%;
  height: auto;
  padding-top: 2vh;
}

.record-room-next-project-image {
  width: auto;
  max-width: none;
}

.next-project {
  color: #333;
  font-family: Founders grotesk text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.next-project:hover {
  text-decoration: underline;
}

.other-projects {
  justify-content: space-between;
  display: flex;
}

.next-project-feature-image {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  margin-top: 2vh;
  display: flex;
  overflow: hidden;
}

.image-57 {
  width: 100%;
  max-width: none;
}

.image-58 {
  padding-bottom: 6vh;
}

.div-block-79 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77188ea09dd_boxovia-Magazine.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ewb-landing {
  background-color: #73308a;
  height: 300vh;
}

.ewb-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.image-59 {
  width: 40vw;
  max-width: none;
}

.ewb-2nd-part {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: end center;
  place-items: end center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-60 {
  width: 45vh;
  max-width: none;
  margin-bottom: 25vh;
}

.image-61 {
  height: 150vh;
  margin-bottom: -66vh;
}

.ewb-intro-section {
  justify-content: center;
  height: 100vh;
  display: flex;
}

.ewb-intro-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78685ea09e6_ewb-intro-image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
}

.ewb-intro-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  padding-left: 12vw;
  padding-right: 12vw;
  display: flex;
}

.ewb-2-images {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.holding-stacked-boxes {
  background-color: #ef3638;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding: 10vw;
  display: flex;
}

.ewb-boxes-and-food {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70333ea0a6f_frame%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.div-block-80 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f708d8ea09ee_web-boxes-stacked.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3vh;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ewb-icons-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #73308a;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 50vw;
  height: 100vh;
  padding: 14vw;
  display: grid;
}

.nugget-box-stack-gif-container {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74c5fea0a2d_EWB_packstack.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.top-shot-layout-image-section {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76517ea0a23_boxes-and-food.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
}

.div-block-81 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f737cbea0992_record-room-1.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.plaza-landing-section {
  background-color: #21ccbb;
  width: 100vw;
  height: 200vh;
  overflow: visible;
}

.div-block-82 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-62 {
  z-index: 3;
  width: 100%;
  max-width: none;
  position: relative;
}

.image-63 {
  z-index: 1;
  position: relative;
}

.image-64 {
  z-index: 2;
  max-width: none;
  height: 70vh;
  position: relative;
}

.plaza-loader-lottie-containor {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.kulfi-landing {
  background-color: #1c1c1c;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.div-block-83 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  overflow: hidden;
}

.image-65 {
  z-index: 1;
  opacity: 0;
  width: 55vw;
  max-width: none;
  position: relative;
}

.div-block-84 {
  z-index: 0;
  background-color: #fff;
  width: 51vw;
  height: 51vw;
  position: relative;
}

.image-66 {
  z-index: 2;
  width: 55vw;
  max-width: none;
  position: relative;
}

.image-67 {
  z-index: 3;
  width: 55vw;
  max-width: none;
  position: relative;
}

.image-68 {
  z-index: 4;
  width: 55vw;
  max-width: none;
  position: relative;
}

.kulfi-intro {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 15vw;
  display: flex;
}

.kulfi-intro-logo {
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.kulfi-intro-text {
  width: 50vw;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}

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

.kulfi-intro-body {
  color: #1c1c1c;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.kulfi-intro-head {
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 1;
}

.kulfi-intro-head.white {
  color: #fff;
  font-size: 1.5vw;
  line-height: 1;
}

.kulfi-intro-head.white.bottom-margin {
  margin-bottom: 5vh;
}

.kulfi-intro-head.white.bottom-margin.black {
  color: #1c1c1c;
}

.kulfi-intro-head.social-media {
  margin-bottom: 5vh;
  font-size: 1.5vw;
}

.sub-brand-logos {
  height: 33.33vw;
  display: none;
  overflow: hidden;
}

.supari-studio {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#fed53d, #fd4549);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 33.33vw;
  height: 33.33vw;
  display: grid;
}

.post-office {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#0fe7bd, #682bf8);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 33.33vw;
  height: 33.33vw;
  display: grid;
}

.keeda-media {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#ff48fb, #842bf8);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 33.33vw;
  height: 33.33vw;
  display: grid;
}

.image-70 {
  width: 20.6vw;
  max-width: none;
}

.image-71 {
  width: 33.33vw;
  max-width: none;
}

.image-72 {
  width: 35vw;
  max-width: none;
  margin-top: 1vw;
  margin-left: -.2vw;
}

.image-73 {
  width: 33.33vw;
  max-width: none;
  height: 33.33vw;
}

.image-74 {
  width: 21vw;
  max-width: none;
  margin-top: -.2vw;
  margin-left: .2vw;
}

.kulfi-collective-section {
  background-color: #1c1c1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 10vh;
  display: flex;
}

.kulfi-2-images {
  width: 100vw;
  height: 100vh;
  display: none;
}

.div-block-85 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7236aea09f0_tote-and-socks.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40vw;
}

.div-block-86 {
  justify-content: center;
  width: 60vw;
  display: flex;
}

.div-block-87 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f708dcea09eb_t-shirt-and-ball.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 42vw;
  align-self: center;
  width: 42vw;
  height: 44vh;
}

.image-75 {
  width: 7vw;
  max-width: none;
  margin-top: -5vh;
  margin-left: 9vw;
}

.kulfi-brand-application {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slider-3 {
  width: 100vw;
  height: 100vh;
}

.left-arrow-4, .right-arrow-4 {
  display: none;
}

.slide-7 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72117ea09f1_kulfi-mousepad.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78896ea0a19_kulfi-gift-box.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7fd24ea0a10_Kulfi-cards.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub-brands {
  width: auto;
  height: auto;
  display: none;
}

.brand-language-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.supari-brand-language {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1c1c1c;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  display: grid;
  overflow: visible;
}

.po-brand-language {
  background-color: #1c1c1c;
  width: 33.33vw;
  height: 100vh;
  display: none;
}

.keeda-brand-language {
  background-color: #1c1c1c;
  width: auto;
  height: 100vh;
  display: none;
}

.ss-logo {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  padding: 18vh 3vw 3vw;
  display: flex;
}

.image-76 {
  flex: 1;
  align-self: center;
  width: 50%;
}

.image-77 {
  opacity: .6;
  cursor: pointer;
  height: 3vw;
  margin-left: 12vw;
  display: block;
}

.kulfi-body-text {
  color: #fff;
  align-self: center;
  font-family: Founders grotesk, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.kulfi-body-text.dark {
  color: #1c1c1c;
}

.kulfi-body-text.left {
  flex: 0 auto;
  align-self: flex-start;
}

.kulfi-body-text.left-align {
  align-self: flex-start;
}

.open-and-close {
  justify-content: flex-start;
  align-items: center;
  width: 30vw;
  margin-bottom: 3vw;
  display: flex;
  position: sticky;
  left: 3vw;
}

.image-78 {
  opacity: .6;
  max-width: none;
  height: 3vw;
}

.status-bar {
  background-color: #fff9;
  width: 15vw;
  height: 3px;
  margin-left: 1vw;
  display: flex;
}

.ss-status-gradient {
  background-image: linear-gradient(270deg, #fed53d, #fd4549);
  width: 0%;
  height: 3px;
  margin-right: auto;
}

.ss-icon {
  background-color: #1c1c1c;
  flex-direction: column;
  width: 33.33vw;
  height: 80vh;
  padding-top: 18vh;
  display: flex;
}

.image-79 {
  flex: 0 auto;
  align-self: center;
  width: 25%;
  max-width: none;
  margin-top: 30vh;
  position: static;
}

.ss-typography {
  background-color: #fd4549;
  flex-direction: column;
  justify-content: center;
  width: 50vw;
  height: 80vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.image-80 {
  align-self: flex-start;
  max-width: none;
  height: 40vh;
  padding-top: 3vh;
}

.ss-iconography {
  background-color: #1c1c1c;
  flex-direction: column;
  width: 36vw;
  height: 80vh;
  padding-top: 18vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.image-81 {
  width: 25vw;
  max-width: none;
  padding-top: 15vh;
}

.ss-social {
  background-image: linear-gradient(336deg, #fd454a, #fdd53d);
  align-items: stretch;
  width: auto;
  height: 80vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.image-82 {
  max-width: none;
  height: 60vh;
  margin-top: 25vh;
}

.ss-social-title {
  flex-direction: column;
  margin-top: 18vh;
  display: flex;
}

.ss-social-01 {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-left: 3vw;
  display: flex;
}

.image-83 {
  margin-bottom: 6vh;
}

.ss-social-02 {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-left: 3vw;
  display: flex;
}

.image-84 {
  margin-bottom: 6vh;
}

.ss-social-03 {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-left: 3vw;
  display: flex;
}

.ss-mockup {
  flex: none;
  height: 80vh;
}

.image-85 {
  max-width: none;
  height: 100vh;
}

.ss-trigger-container {
  z-index: 10;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.ss-brand-language-container {
  width: auto;
  display: flex;
  overflow: visible;
}

.close-status-bar {
  align-self: center;
  align-items: center;
  display: none;
}

.ss-brand-language-hidden {
  width: 295vw;
  height: 100vh;
  display: flex;
}

.spacer-for-supari {
  width: 100vw;
  height: 200vh;
  display: none;
}

.section-7 {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.dropdown-list {
  color: #0000;
  background-color: #0000;
  width: 295vw;
  height: 100vh;
  font-size: 0;
  display: flex;
  position: static;
}

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

.dropdown {
  flex-direction: row;
  display: flex;
}

.dropdown-toggle {
  background-color: var(--junglegym-red);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
}

.dropdown-toggle.w--open {
  width: 33.33vw;
  height: 100vh;
  padding: 0;
  position: static;
}

.icon {
  display: none;
}

.div-block-88 {
  width: 33.33vw;
  height: 100vh;
}

.dropdown-toggle-copy {
  background-color: var(--junglegym-blue);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
}

.dropdown-toggle-copy {
  background-color: var(--junglegym-yellow);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.dropdown-toggle-copy.w--open {
  width: 33.33vw;
  height: 100vh;
  margin-right: auto;
  padding: 0;
  position: static;
}

.dropdown-toggle-copy-copy {
  background-color: var(--junglegym-blue);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
}

.dropdown-toggle-copy-copy.w--open {
  width: 33.33vw;
  height: 100vh;
  margin-right: auto;
  padding: 0;
  position: static;
}

.dropdown-link {
  display: none;
  position: static;
}

.div-block-89 {
  height: 100vh;
  display: block;
}

.div-block-91 {
  display: block;
}

.div-block-92 {
  width: auto;
  height: 100vh;
}

.ss-brand-language {
  width: 295vw;
  height: 100vh;
  display: flex;
}

.dropdown-link-2 {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.section-8 {
  display: flex;
  overflow: scroll;
}

.div-block-93 {
  width: 100vw;
  height: 80vh;
  display: flex;
}

.supari-studios-dropdown {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.supari-dropdown-toggle {
  background-image: linear-gradient(#fed53d, #fd4549);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  padding: 0;
  display: flex;
}

.ss-dropdown-list {
  background-color: #0000;
  width: auto;
  height: 80vh;
  display: none;
  position: static;
}

.ss-dropdown-list.w--open {
  z-index: 2;
  width: 261vw;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.dropdown-link-ss {
  color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 0;
}

.ss-brand--language {
  width: 322vw;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.ss-gif {
  background-image: linear-gradient(#fed53d, #fd4549);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  display: flex;
}

.section-9 {
  width: 100vw;
  height: 100vh;
}

.post-office-dropdown {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.post-office-dropdown-toggle {
  background-image: linear-gradient(#0fe7bd, #682bf8);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  padding: 0;
  display: flex;
}

.dropdown-link-po {
  color: #0000;
  width: 0;
  height: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
}

.po-brand--language {
  height: 100vh;
  display: flex;
}

.po-gif {
  background-image: linear-gradient(#0fe8be, #682bf8);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  display: flex;
}

.po-icon {
  background-color: #0fe8be;
  flex-direction: column;
  width: 33vw;
  padding-top: 18vh;
  display: flex;
}

.po-icon-svg {
  flex: 0 auto;
  align-self: center;
  width: 25%;
  max-width: none;
  margin-top: 24vh;
  position: static;
}

.po-typography {
  background-color: #1c1c1c;
  flex-direction: column;
  width: 50vw;
  padding-top: 18vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.po-typography-svg {
  align-self: flex-start;
  max-width: none;
  height: 60vh;
  padding-top: 14vh;
}

.po-iconography {
  background-color: #fff;
  flex-direction: column;
  width: 36vw;
  padding-top: 18vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.po-icons {
  align-self: center;
  width: 20vw;
  max-width: none;
  padding-top: 15vh;
}

.po-social {
  background-image: linear-gradient(318deg, #682bf8, #0fe8be);
  width: 72vw;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.po-phone-image {
  max-width: none;
  height: 60vh;
  margin-top: 25vh;
}

.po-sm-01, .po-sm-03 {
  margin-bottom: 6vh;
}

.po-social-title {
  flex-direction: column;
  margin-top: 18vh;
  display: flex;
}

.po-social-01, .po-social-02 {
  flex-direction: column;
  margin-left: 3vw;
  display: flex;
}

.po-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7845cea0a20_po-mockup.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70vw;
  height: 100vh;
  overflow: hidden;
}

.po-mockup-image {
  margin-left: -1vw;
}

.image-86 {
  width: 20vw;
}

.section-10 {
  background-color: #c4d0d1;
  align-items: center;
  width: 100vw;
  height: 300vh;
  display: flex;
}

.section-10-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: auto;
  display: grid;
}

.sds {
  background-color: #fad4d4;
  width: 100vw;
  height: 300vh;
}

.ss-test {
  background-color: #e0af1b;
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  display: flex;
}

.pos-test {
  background-color: #1be08e;
  width: 33.33vw;
  height: 100vh;
}

.kms-test {
  background-color: #9c2294;
  width: 33.33vw;
  height: 100vh;
}

.ss-bl-c {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 200vh;
  display: none;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.ssbl {
  background-image: linear-gradient(270deg, red, #dfdb10);
  width: 295vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.trigger-container {
  z-index: 5;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.brand-language-container {
  flex-direction: column;
  height: auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.po-bl-c {
  width: 100vw;
  height: 200vh;
  display: none;
}

.po-bl {
  background-image: linear-gradient(270deg, #00ffb7, #312abe);
  width: 295vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.km-bl-c {
  width: 100vw;
  height: 200vh;
  display: none;
}

.kmbl {
  background-image: linear-gradient(270deg, #f0d, #8910df);
  width: 295vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.test-2-lb {
  background-color: #fad4d4;
  width: 100vw;
  height: 100vh;
}

.image-87 {
  width: 25%;
}

.section-11 {
  background-color: var(--junglegym-grey);
  width: 100vw;
  height: 100vh;
}

.main-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

._33column-1 {
  background-color: #eec407;
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  display: flex;
}

._33-column-2 {
  background-color: #13e6a3;
  width: 33.33vw;
  height: 100vh;
}

.button-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

._33-column-3 {
  background-color: #ff52f3;
  width: 33.33vw;
  height: 100vh;
}

.bl-container {
  width: 100vw;
  height: 200vh;
  display: flex;
  overflow: hidden;
}

.div-block-94 {
  background-color: #ec1212;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 295vw;
  height: 100vh;
  display: none;
}

.div-block-95 {
  z-index: 10;
  background-color: #e71414;
  width: 10vh;
  height: 10vh;
  position: relative;
}

.image-88 {
  width: 25%;
  max-width: none;
}

.keeda-media-dropdown {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.keeda-media-dropdown-toggle {
  background-image: linear-gradient(#6e55a3, #ff48fb);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  padding: 0;
  display: flex;
}

.dropdown-link-km {
  color: #0000;
  width: 0;
  height: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
}

.km-brand--language {
  height: 100vh;
  display: flex;
}

.km-gif {
  background-image: linear-gradient(#6e55a3, #ff48fb);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  display: flex;
}

.km-icon {
  background-color: #ff48fb;
  flex-direction: column;
  width: 33vw;
  padding-top: 18vh;
  display: flex;
}

.km-icon-svg {
  flex: 0 auto;
  align-self: center;
  width: 25%;
  max-width: none;
  margin-top: 24vh;
  position: static;
}

.km-typography {
  background-color: #1c1c1c;
  flex-direction: column;
  width: 50vw;
  padding-top: 18vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.km-typography-svg {
  align-self: flex-start;
  max-width: none;
  height: 60vh;
  padding-top: 14vh;
}

.km-iconography {
  background-color: #fff;
  flex-direction: column;
  width: 36vw;
  padding-top: 18vh;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.km-icons {
  align-self: center;
  width: 20vw;
  max-width: none;
  padding-top: 15vh;
}

.km-social {
  background-image: linear-gradient(318deg, #ff48fb, #6e55a3);
  width: 72vw;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.km-phone-image {
  max-width: none;
  height: 60vh;
  margin-top: 25vh;
}

.km-social-01 {
  flex-direction: column;
  margin-left: 3vw;
  display: flex;
}

.km-sm-01, .km-sm-03 {
  margin-bottom: 6vh;
}

.km-social-02 {
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 3vw;
  display: flex;
}

.km-social-title {
  flex-direction: column;
  margin-top: 18vh;
  display: flex;
}

.km-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f73b2fea0a1c_keeda-mockup.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70vw;
  height: 100vh;
  overflow: hidden;
}

.km-mockup-image {
  width: auto;
  max-width: none;
  height: 101vh;
}

.supari-brand-language-main-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 295vw;
  height: 100vh;
  display: grid;
}

.supari-brand-language-close {
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  left: 0;
}

.div-block-96 {
  z-index: 1;
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7ef38ea09f5_close-button.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 5vh;
  height: 5vh;
  margin-bottom: 5vh;
  margin-left: 5vh;
  position: sticky;
  bottom: 0;
  left: 0;
}

.div-block-97 {
  background-color: var(--junglegym-blue);
  align-items: flex-start;
  width: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 10vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.div-block-98 {
  background-color: var(--junglegym-red);
  width: 50vw;
  height: 80vh;
}

.div-block-99 {
  background-color: #eec407;
  width: 65vw;
  height: 80vh;
}

.div-block-100 {
  display: flex;
}

.junglegym-nav-open {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  margin-bottom: auto;
  margin-left: auto;
  display: none;
  position: sticky;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.section-13 {
  z-index: 999999;
  width: 100vw;
  height: 300vh;
}

.section-14 {
  background-color: #eec0c0;
  width: 100vw;
  height: 100vh;
}

.div-block-101 {
  width: 100vw;
  height: 80vh;
  padding-top: 10vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-102 {
  background-color: var(--junglegym-yellow);
  width: 33.33vw;
  height: 80vh;
}

._1-copy {
  background-color: var(--junglegym-blue);
  width: 33.33vw;
  height: 80vh;
}

._2-copy {
  background-color: var(--junglegym-red);
  width: 33.33vw;
  height: 80vh;
}

.div-block-103 {
  background-color: #1c1c1c;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  padding-top: 10vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block-104 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7f4c9ea0a13_supari-mockup.webp");
  background-position: 0 0;
  background-size: contain;
  width: 295vw;
  height: 80vh;
  display: flex;
}

.div-block-105 {
  background-color: var(--junglegym-red);
  align-self: flex-start;
  width: 5vh;
  height: 5vh;
}

.potest, .kmtest {
  background-color: #1c1c1c;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.potest-close, .kmtest-xlose {
  background-color: var(--junglegym-red);
  align-self: flex-start;
  width: 5vh;
  height: 5vh;
  position: sticky;
  bottom: 5vh;
  left: 5vh;
}

.potestimg {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7845cea0a20_po-mockup.webp");
  background-position: 0 0;
  background-size: contain;
  width: 295vw;
  height: 80vh;
}

.kmtestimg {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f73b2fea0a1c_keeda-mockup.webp");
  background-position: 0 0;
  background-size: contain;
  width: 295vw;
  height: 80vh;
}

.div-block-106 {
  align-items: center;
  display: flex;
  position: sticky;
  bottom: 5vh;
  left: 5vh;
}

.div-block-107 {
  background-color: #e4e4e480;
  width: 15vw;
  height: 2px;
  margin-left: 2vw;
}

.div-block-108 {
  background-image: linear-gradient(270deg, #fc0000, var(--junglegym-yellow));
  width: 5%;
  height: 2px;
}

.image-89 {
  width: 100%;
}

.div-block-109 {
  width: 70vw;
  height: 100vh;
}

.image-90 {
  max-width: none;
  height: 80vh;
}

.po-dropdown-list {
  background-color: #0000;
  width: auto;
  height: 100vh;
  display: none;
  position: static;
}

.po-dropdown-list.w--open {
  z-index: 2;
  width: 261vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.km-dropdown-list {
  background-color: #0000;
  width: auto;
  height: 100vh;
  display: none;
  position: static;
}

.km-dropdown-list.w--open {
  z-index: 2;
  width: 261vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.kulfi-sub-brands {
  width: 100vw;
  height: 80vh;
  display: none;
  overflow: scroll;
}

.rm-landing {
  z-index: -1;
  background-color: #000;
  flex-direction: column;
  width: 100vw;
  height: 150vh;
  display: flex;
  position: sticky;
}

.rm-landing-left-logo {
  flex-direction: column;
  justify-content: flex-end;
  width: 50vw;
  height: 100vh;
  padding-left: 3vw;
  padding-right: 1.5vw;
  display: flex;
  overflow: hidden;
}

.rm-landing-ringt-logo {
  flex-direction: column;
  width: 50vw;
  height: 100vh;
  padding-left: 1.5vw;
  padding-right: 3vw;
  display: flex;
  overflow: hidden;
}

.rm-landing-logos-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.rm-logo-and-intro {
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-intro {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

.rm-logo {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

.image-92 {
  max-width: none;
  height: 60vh;
}

.rm-intro-body {
  color: #999;
  width: 18vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.rm-intro-body.black {
  color: #535050;
}

.rm-intro-head {
  color: #fff;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.rm-intro-head.black {
  color: #000;
}

.rm-kegs-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f738f3ea0a1f_rm-kegs-mockup.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 70vh;
}

.rm-beer-glass-mockup {
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rm-logos {
  background-color: #000;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-logo-english {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7ffb0ea0a0e_rm-logo-english.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 40vh;
  width: 33.33vw;
  height: 100vh;
}

.rm-round-logo {
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  display: flex;
}

.rm-devnagri-logo {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f720faea0a15_rm-logo-devnagri.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 40vh;
  width: 33.33vw;
  height: 100vh;
}

.lottie-animation-12 {
  height: 40vh;
}

.image-93 {
  width: 100vw;
  max-width: none;
}

.rm-mockups {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-business-cards-mockup {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rm-letterhead-envelope-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78ce6ea0a22_rm-letterhead-and-envelope-mockup.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  overflow: hidden;
}

.image-94 {
  max-width: none;
  height: 100vh;
}

.rm-label-system {
  background-color: #000;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-label-system-intro-text {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.rm-label-system-graphic {
  width: 50vw;
  height: 100vh;
}

.rm-menu-and-coaster-mockups {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-coasters-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f725ccea0a1e_rm-coasters-stack.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.rm-menu-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74e94ea0a27_rm-menu-mockup.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.rm-tshirt-mockup {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 10vw;
  display: none;
}

.rm-pour-image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rm-social-media-mockups {
  background-color: #e41a10;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-ig-story-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7d743ea0a26_rm-ig-story.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 70vh;
  width: 35vw;
  height: 100vh;
}

.rm-label-system-svg {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77f24ea0a12_label-graphic-system.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50vw;
  height: 100vh;
}

.rm-ig-post-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76f76ea0aca_new_SM-02.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50vh;
  width: 35vw;
  height: 100vh;
}

.rm-packaging-mockup {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.rm-crown-mockup {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.rm-bottle-and-can-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77413ea0a2b_rm-bottle-and-can.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35vw;
  height: 70vh;
}

.rm-pour-shot {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 70vh;
  display: flex;
}

.image-96 {
  max-width: none;
  height: 101vh;
}

.rm-crown-mockup-container {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77815ea0a25_cap.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.rm-credits-section {
  width: 100vw;
  height: 100vh;
}

.image-97, .image-98, .image-99, .image-100, .image-101 {
  max-width: none;
  height: 10vh;
}

.tulua-landing {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.tulua-landing-video-container {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.background-video-6 {
  width: 100vw;
  height: 100vh;
  display: block;
}

.tulua-intro-section {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.tulua-intro-text {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  display: flex;
}

.tulua-intro-body {
  color: #1a1a1a;
  width: 18vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.tulua-intro-body.center {
  text-align: center;
  width: 25vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.tulua-intro-head {
  color: #1a1a1a;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.tulua-intro-head.center {
  text-align: center;
}

.tulua-intro-head.mokai-light {
  color: #f5efe8;
}

.tulua-intro-head.white {
  color: #fff;
}

.tulua-intro-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7a2c0ea0a24_pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.tulua-box-face {
  background-color: #f1f0f0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.tulua-box-face-video {
  z-index: 2;
  width: 100vw;
  height: 100vh;
}

.tulua-inspired-by-india {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.background-video-7 {
  width: 50vw;
  height: 57vh;
  overflow: visible;
}

.tulua-box-layout {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70ee2ea0a2c_tulua-boxes-layout.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.inspired-write-up {
  justify-content: center;
  align-items: center;
  width: 35vw;
  height: 100vh;
  display: flex;
}

.tulua-rangoli-video {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.tulua-beyond-curry {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.tulua-beyond-curry-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72c99ea0a2f_beyond-just-curry.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.tulua-slider {
  width: 100vw;
  height: 300vh;
  position: sticky;
}

.tulua-quote {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.tulua-quote-text {
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.tulua-quote-credit {
  font-size: 1.5vw;
  line-height: .8;
}

.tulua-box-parallax {
  width: 100vw;
  height: 70vh;
  overflow: hidden;
}

.image-102 {
  width: 100vw;
  max-width: none;
}

.tulua-credits-section {
  width: 100vw;
  height: 100vh;
}

.slider-4 {
  background-color: #0000;
  width: 100vw;
  height: 80vh;
}

.left-arrow-5, .right-arrow-5 {
  display: none;
}

.slide-10 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7bb82ea0a2e_slider-1.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30vw;
  height: 70vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-bottom: 0;
  padding-right: 0;
  position: static;
}

.slide-11 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70dc9ea0a31_slider-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30vw;
  height: 70vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-bottom: 0;
  padding-right: 0;
}

.mask-3 {
  width: 40vw;
  height: 70vh;
  overflow: visible;
}

.slide-12 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75ca6ea0a63_slider-3.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30vw;
  height: 70vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-13 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72f45ea0a51_slider-4.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30vw;
  height: 70vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-14 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72b4fea0a50_slider-5.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30vw;
  height: 70vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-nav-3 {
  width: 100vw;
  display: block;
  overflow: visible;
}

.tulua-images-container {
  width: 200vw;
  height: 100vh;
  display: flex;
}

.image-01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7bb82ea0a2e_slider-1.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.image-02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70dc9ea0a31_slider-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.image-03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75ca6ea0a63_slider-3.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.image-04 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72f45ea0a51_slider-4.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.image-05 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72b4fea0a50_slider-5.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  display: none;
}

.tulua-image-sticky-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-15 {
  width: 100vw;
  height: 200vh;
}

.div-block-110 {
  background-color: #d1d1d1;
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.umami-landing {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.text-span-2 {
  text-indent: 34px;
}

.text-span-3 {
  margin-left: -1vw;
}

.umami-intro {
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.umami-intro-swoosh {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76b44ea0a57_umami-intro-bg.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.umami-intro-text {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.image-103 {
  width: 15vw;
  max-width: none;
}

.umami-intro-head {
  color: #1a1a1a;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.umami-intro-head.center {
  text-align: center;
}

.umami-intro-head.margin {
  margin-top: 0;
  font-size: 2vw;
}

.umami-intro-head.white {
  color: #fff;
}

.umami-intro-body {
  color: #1a1a1a;
  width: 18vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.umami-intro-body.center {
  text-align: center;
  width: 25vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.umami-intro-body.center.margins {
  margin-top: 1vh;
  margin-bottom: 0;
}

.umami-intro-body.cs-logo-comparison {
  width: 26vw;
}

.umami-intro-body.white {
  color: #fff;
}

.umami-bottles {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f799beea0a58_umami-bottles.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.umami-typography {
  background-color: #b7c62d;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 6vw;
  padding-bottom: 6vw;
  display: flex;
}

.umami-typography-container {
  flex-direction: column;
  justify-content: center;
  width: 50vw;
  height: 51vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.umami-titles {
  align-items: flex-start;
  width: 50vw;
  margin-bottom: 4vh;
  display: flex;
}

.umami-titles.final-box {
  margin-bottom: 0;
}

.labels-container {
  width: 11vw;
  margin-right: 6vw;
}

.label-details-container {
  border-top: 1px solid #000;
  width: auto;
  margin-top: .5vh;
  padding-top: .5vh;
}

.umami-titles-svg-container {
  width: 50%;
}

.image-104 {
  width: 30vw;
  max-width: none;
}

.image-105, .image-106 {
  width: 25vw;
  max-width: none;
}

.image-107 {
  width: 20vw;
  max-width: none;
}

.umami-titles-final {
  align-items: flex-start;
  width: 50vw;
  margin-bottom: 0;
  display: flex;
}

.umami-titles-final.final-box {
  margin-bottom: 0;
}

.umami-brand-guidelines-parallax {
  width: 100vw;
  height: 70vh;
  overflow: hidden;
}

.image-108 {
  width: 100vw;
  max-width: none;
}

.umami-the-fifth-taste {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.umami-labels-carousel {
  width: 50vw;
  height: 100vh;
}

.umami-fifth-taste-text {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.umami-label-slider {
  width: 50vw;
  height: 100vh;
}

.left-arrow-6, .right-arrow-6 {
  display: none;
}

.slide-15 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74fe7ea0a55_classic-label.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-16 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71b6fea0a54_apple-cinnamon-label.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-17 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77bfeea0a56_coffee-nutmeg-label.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-18 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75ff2ea0a5a_pineapple-spice-label.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-19 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70aa8ea0a6d_kokum-ginger-label.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-20 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7895bea0a5c_spiced-kairi-label.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav-4 {
  margin-bottom: 5vh;
}

.umami-coffee-and-pineapple-bottles {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71a58ea0a5b_umami-coffee-pineapple-bottles.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 80vh;
}

.umami-split-images {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.umami-apple-cinnamon {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c50bea0a60_apple-cinnamon-scene.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.umami-coffee-nutmeg {
  width: 50vw;
  height: 100vh;
  padding: 15vh;
}

.umami-coffee-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7b9f2ea0a5e_coffee-nutmeg-bottle-scene.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.umami-gift-box-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f748a6ea0a6b_coaster-and-opener.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.umami-quote {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.umami-quote.hide {
  display: none;
}

.umami-quote-text {
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.umami-quote-credit {
  font-size: 1.5vw;
  line-height: 1;
}

.umami-coasters {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78695ea0a5d_coasters.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.umami-gift-box {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f741baea0a61_gift-box.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.umami-social-carousel {
  background-color: #8db347;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.umami-social-slider {
  background-color: #0000;
  width: 30vw;
  height: 60vh;
}

.umami-social-01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7d94cea0a62_social-carousel-1.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.umami-social-02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f758e3ea0a64_social-carousel-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.umami-social-03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7fef6ea0a70_social-carousel-3.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.umami-social-04 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7268eea0a66_social-carousel-4.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.social-carousel-nav {
  margin-bottom: -5vh;
}

.umami-smits-magic {
  width: 100vw;
  height: 60vh;
  overflow: hidden;
}

.image-109 {
  width: 100vw;
  max-width: none;
}

.umami-credits, .background-video-8 {
  width: 100vw;
  height: 100vh;
}

.umami-social-mockup {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7f001ea0a6a_umami-social-mockup.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.boxovia-next-project-image {
  align-self: flex-end;
  width: 100%;
}

.ewb-next-project-image {
  align-self: flex-start;
  width: 100%;
}

.next-project-image-ewb {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7ed97ea0a1a_nuggets-%26-samosas.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 70vh;
}

.next-project-image-kulfi {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7fd24ea0a10_Kulfi-cards.webp");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.next-project-image-rm {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7390aea0a2a_rm-pour-shot.webp");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.next-project-image-tulua {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70ee2ea0a2c_tulua-boxes-layout.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 70vh;
}

.next-project-image-umami {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f748a6ea0a6b_coaster-and-opener.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 70vh;
}

.next-project-image-plaza {
  background-color: #2c029e;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 10vh;
  display: flex;
}

.background-video-9 {
  width: 100%;
  height: auto;
}

.rm-bottle-can-mockup-container {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.ewb-quote {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
}

.ewb-quote-text {
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.ewb-quote-credit {
  font-size: 1.5vw;
}

.rr-packaging {
  background-color: #231f20;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.packaging {
  background-color: #0000;
  flex-direction: column;
  width: 40vw;
  height: 40vw;
  display: flex;
}

.icon-2, .icon-3 {
  display: none;
}

.rr-palette-application-carousel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cursor-div {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f741a6ea0a3f_next-arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vh;
}

.cursor-container {
  z-index: 2;
  cursor: none;
  mix-blend-mode: difference;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.rr-social-media-posts-carousel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-4 {
  color: #0000;
}

.icon-5 {
  display: none;
}

.junglegym-nav {
  z-index: 50;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 10vh;
  padding-top: 2vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-112 {
  width: 8vh;
  height: 8vh;
  margin-left: auto;
}

.close-button {
  background-color: #8d3b3b;
  width: 5vw;
  height: 5vw;
  margin-left: auto;
}

.section-19 {
  background-color: #000;
  width: 100vw;
  height: 100vh;
}

.text-block-10 {
  color: #fff;
}

.rr-packaging-carousel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-115 {
  justify-content: center;
  align-items: center;
  width: 8vh;
  height: 8vh;
  margin-left: 2vw;
  display: flex;
  overflow: hidden;
}

.hamburger-menu-container {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68511ac78b74f701897f0f41_type-pairings-bg.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 6vh;
  height: 6vh;
  margin-left: auto;
  margin-right: 2vw;
  display: none;
}

.open-nav-header {
  mix-blend-mode: difference;
  justify-content: space-between;
  width: 100vw;
  height: 8vh;
  display: flex;
}

.menu-close-lottie {
  display: none;
}

.text-block-11 {
  font-size: 1.4vw;
}

.menu-button-text {
  color: #fff;
  justify-content: flex-end;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  display: flex;
}

.menu-button {
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  width: 6.35vw;
  margin-left: auto;
  margin-right: 2vw;
  display: flex;
}

.close-button-text {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  display: none;
}

.image-113 {
  max-width: none;
  height: 10vh;
}

.work-menu-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  margin-bottom: 10vh;
  margin-left: 20vw;
  display: grid;
}

.about-menu-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  margin-bottom: 10vh;
  margin-right: 25vw;
  display: grid;
}

.blog-menu-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  margin-left: 5vw;
  display: grid;
}

.image-114 {
  max-width: none;
  height: 10vh;
}

.image-115 {
  max-width: none;
  height: 11.88vh;
}

.image-115.desktop {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640b331997b40fabc864c135_blog-01.svg");
  background-position: 0 0;
  background-size: auto;
}

.image-116, .image-117 {
  z-index: 2;
  max-width: none;
  height: 10vh;
  display: none;
  position: relative;
}

.image-118 {
  max-width: none;
  height: 11.88vh;
  display: none;
}

.section-20 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.heading__color {
  letter-spacing: -4px;
  width: 35vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
}

.heading__color.red {
  color: red;
  font-size: 5.5vw;
}

.heading__color.red._10-5vw {
  font-size: 10.5vw;
}

.heading__color.yellow {
  color: var(--junglegym-yellow);
  font-size: 5.5vw;
}

.heading__color.yellow._10-5vw {
  font-size: 10.5vw;
}

.heading__color.blue {
  font-size: 5.5vw;
}

.heading__color.blue._10-5vw {
  font-size: 10.5vw;
}

.heading__color.expand {
  font-size: 5.5vw;
  display: none;
  position: relative;
  top: .5vh;
}

.heading__color.contract {
  color: var(--junglegym-red);
  font-size: 5.5vw;
  display: none;
}

.heading__color.bottom-margin {
  margin-bottom: 5vh;
}

.heading__color.landing-positioning {
  width: 60vw;
  font-size: 10.5vw;
}

.text-block-13 {
  width: 15vw;
}

.text-block-14 {
  width: 15vw;
  margin-top: 20px;
}

.text-block-15 {
  margin-bottom: 10px;
}

.div-block-116 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.junglegym-nav-bar {
  z-index: 999999;
  mix-blend-mode: difference;
  position: sticky;
  top: 0;
}

.junglegym-landing-with-dropdowns {
  background-color: #151918;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.junglegym-landing-project-list {
  z-index: 10;
  width: 50vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 10vw;
  padding-right: 5vw;
  position: relative;
}

.junglegym-landing-project-pictures {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: grid;
}

.project-name {
  color: #fff;
  letter-spacing: -.3vw;
  width: 100%;
  height: auto;
  margin-bottom: 3vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
  display: flex;
}

.moonshine-project {
  margin-bottom: 2vh;
}

.project-details {
  flex-direction: column;
  justify-content: space-between;
  margin-top: 3vh;
  display: flex;
}

.text-block-16 {
  text-align: right;
}

.project-details-text {
  color: #000;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding-top: 4px;
  font-family: Founders grotesk, sans-serif;
  font-size: .75vw;
  font-weight: 400;
  line-height: 1.3;
}

.project-details-text.right {
  text-align: right;
  text-transform: uppercase;
  margin-right: 0;
}

.project-details-text.right.mokai {
  color: #c964cf;
}

.project-details-text.right.sindhvi {
  color: #d2ad20;
}

.project-details-text.right.biglittle {
  color: #202020;
}

.project-details-text.circus {
  color: #dcff9c;
}

.project-details-text.mokai {
  color: #c964cf;
  text-transform: uppercase;
}

.project-details-text.px {
  color: #b12b25;
}

.project-details-text.sindhvi {
  color: #d2ad20;
}

.project-details-text.big-little {
  color: #202020;
}

.project-sub-text {
  color: #000;
  margin-left: .5vw;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 1;
}

.project-sub-text.circus {
  color: #dcff9c;
}

.project-sub-text.mokai {
  color: #c964cf;
}

.project-sub-text.px {
  color: #b12b25;
}

.project-sub-text.sindhvi {
  color: #d2ad20;
}

.project-sub-text.big-little {
  color: #202020;
}

.dropdown-list-2 {
  background-color: #0000;
  flex: 1;
  position: static;
}

.dropdown-2 {
  flex-direction: column-reverse;
  align-items: flex-start;
  display: flex;
  position: static;
}

.dropdown-toggle-2 {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.icon-8 {
  display: none;
}

.dropdown-link-3 {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: none;
}

.moonshine-image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74259ea0a68_moonshine.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.moonshine-imag-hover {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74259ea0a68_moonshine.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.record-room-project {
  margin-bottom: 2vh;
}

.moonshine-dropdown, .record-room-dropdown, .umami-bew-dropdown {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: static;
}

.record-room-image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74fc8ea0a69_record-room.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.record-room-imag-hover {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74fc8ea0a69_record-room.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.umami-image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d4eea0a6c_umami.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.umami-imag-hover {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d4eea0a6c_umami.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.junglegym-landing-project-list-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
}

.moonshine-bg-color, .record-room-bg-color, .umami-bg-color {
  width: 100%;
  height: 100%;
}

.div-block-117 {
  width: 50vw;
  height: 100vh;
}

.junglegym-landing-projects {
  background-color: #151918;
  justify-content: center;
  width: 100vw;
  display: flex;
  position: sticky;
}

.junglegym-landing-projects-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: auto;
  display: grid;
}

.junglegym-landing-projects-information {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.junglegym-landing-projects-list-bg-color {
  flex-direction: column;
  width: 50vw;
  height: auto;
  padding: 10vw 2vw 10vw 10vw;
  display: flex;
}

.umami-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.umami-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c50bea0a60_apple-cinnamon-scene.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.project-information {
  background-image: none;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  margin-top: -3vh;
  margin-bottom: 3vh;
  display: flex;
}

.rm-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.rm-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.moonshine-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.moonshine-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74259ea0a68_moonshine.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.record-room-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.record-room-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71bcaea09b1_bar.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.dropdown-link-4 {
  display: none;
}

.dropdown-list-3 {
  background-color: #0000;
  position: static;
}

.dropdown-list-3.w--open {
  background-color: #0000;
}

.dropdown-toggle-3 {
  padding: 0;
}

.dd-umami, .dd-rm, .dd-tulua {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.dd-moonshine, .dd-record-room, .dd-kulfi, .dd-boxovia {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.project-info-click {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: grid;
}

.tulua-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.tulua-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7a2c0ea0a24_pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.kulfi-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.kulfi-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64e49a32b08c08ca02359fb8_tote-and-socks.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.boxovia-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.boxovia-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.kulfi-bg-1 {
  opacity: 0;
  background-image: linear-gradient(146deg, #0fe8be, #852bf9 25%, #ff48fb 50%, #fd4549 75%, #fed53d);
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.kulfi-bg-2 {
  opacity: 0;
  background-image: linear-gradient(146deg, #0fe8be, #852bf9 25%, #ff48fb 50%, #fd4549 75%, #fed53d);
  width: 50vw;
  height: 100vh;
  display: none;
  position: sticky;
  top: 0;
}

.junglegym-philosophy-and-services {
  z-index: 10;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.junglegym-philosophy-and-services.hide {
  display: none;
}

.phylosophy-and-services-info {
  z-index: -1;
  flex-direction: column;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.philosophy-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-left: 10vw;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  overflow: hidden;
}

.services-infco {
  background-color: #eee;
  width: 50vw;
  height: 100vh;
}

.floating-objects-container {
  z-index: 30;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: start center;
  width: 50vw;
  height: 92vh;
  display: grid;
  position: sticky;
  top: 0;
}

.text-block-17 {
  font-family: Founders grotesk text, sans-serif;
}

.junglegym-small-text {
  margin-bottom: 2vh;
  padding-left: .25vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.2;
}

.junglegym-small-text.mono {
  font-family: IBM Plex Mono, sans-serif;
}

.junglegym-small-text._35vw {
  width: 35vw;
}

.junglegym-small-text.white {
  color: #fff;
}

.junglegym-small-text.white.selected-work-positioning {
  position: absolute;
  top: 10vw;
  left: 10vw;
}

.junglegym-small-text.about-placement {
  width: 35vw;
  margin-top: 3vh;
}

.junglegym-small-text.team-placement {
  width: 25vw;
  margin-top: 3vh;
}

.junglegym-small-text.mesh-placement {
  width: 25vw;
  margin-top: 3vh;
  margin-bottom: auto;
}

.junglegym-small-text.home-landing-placement {
  margin-top: 5vh;
}

.junglegym-small-text.landing-positioning {
  width: 30vw;
  display: none;
}

.junglegym-small-text.landing-positioning.desktop-and-tab {
  opacity: 0;
  margin-top: 5vh;
  margin-bottom: 0;
  display: block;
}

.junglegym-small-text.center-aligned {
  color: var(--junglegym-blue);
  text-align: center;
}

.div-block-118 {
  margin-top: 3vh;
}

.services-info {
  z-index: 0;
  background-color: #eee;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-top: 8.5vw;
  padding-left: 10vw;
  display: flex;
  position: relative;
}

.red {
  color: red;
}

.dropdown-link-5 {
  display: none;
}

.dropdown-toggle-4 {
  flex-direction: column;
  align-items: flex-start;
  padding: 1vw 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.dropdown-toggle-4.w--open {
  padding-right: 0;
}

.dropdown-3 {
  flex-direction: column;
  width: 35vw;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.dropdown-list-4 {
  background-color: #0000;
  display: none;
  position: static;
}

.dropdown-list-4.w--open {
  margin-top: 0;
}

.junglegym-small-text-mono {
  width: 32vw;
  padding-left: .25vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.5vh;
  font-weight: 300;
  line-height: 1.2;
}

.junglegym-small-text-mono.mono {
  font-family: IBM Plex Mono, sans-serif;
}

.junglegym-small-text-mono.top-margin {
  width: 32vw;
  margin-top: 1vh;
  font-size: 1.5vw;
  display: none;
}

.text-block-18 {
  overflow: hidden;
}

.rm-can-videos {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-119, .div-block-120 {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 90vh;
  display: flex;
}

.rm-wide-cans-video {
  background-color: #000;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 35vw;
  display: flex;
  overflow: hidden;
}

.background-video-10, .background-video-11 {
  width: 100vh;
  height: 90vh;
}

.background-video-12 {
  z-index: 0;
  width: 100vw;
  height: 36.78vw;
}

.heading__color-branding {
  width: 35vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: 1;
}

.heading__color-branding.red {
  color: red;
}

.heading__color-branding.yellow {
  color: var(--junglegym-yellow);
}

.heading__color-branding.dd-yellow {
  line-height: 0;
}

.heading__color-branding.expand {
  font-size: 5.5vw;
  position: relative;
  top: .5vh;
}

.heading__color-branding.contract {
  font-size: 5.5vw;
}

.heading__color-copy {
  width: 35vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: 1;
}

.heading__color-copy.red {
  color: red;
}

.heading__color-copy.yellow {
  color: var(--junglegym-yellow);
}

.image-119 {
  width: 5vw;
  max-width: none;
  height: 5vw;
}

.dropdown-expand {
  width: 5vw;
  height: 5vw;
  display: none;
}

.junglegym-testimonials {
  background-color: #f7f7f7;
  width: 100vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.junglegym-testimonials.non-sticky {
  display: flex;
  position: static;
}

.junglegym-testimonials-slider {
  background-color: #0000;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.testimonial-container {
  width: 100vw;
  height: 100vh;
  padding: 15vh;
  display: flex;
}

.ewb-testimonial-image {
  cursor: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70333ea0a6f_frame%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70vh;
  height: 70vh;
  margin-right: 15vh;
  overflow: hidden;
}

.testimonial-content {
  flex-direction: column;
  justify-content: space-between;
  width: 62.77vh;
  height: 70vh;
  display: flex;
}

.testimonial-text {
  font-family: Founders grotesk text, sans-serif;
  font-size: 5vh;
  font-weight: 300;
  line-height: 1;
}

.testimonial-author-text {
  text-transform: uppercase;
  margin-top: 3vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.2;
}

.slide-nav-5 {
  inset: auto auto 5vh 15vh;
}

.left-arrow-7, .right-arrow-7 {
  display: none;
}

.tulua-testimonial-image {
  cursor: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72f45ea0a51_slider-4.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70vh;
  height: 70vh;
  margin-right: 15vh;
  overflow: hidden;
}

.junglegym-mesh {
  width: 100vw;
  height: 100vh;
  display: none;
  overflow: scroll;
}

.switch-board {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f79c8fea0a49_switch-board.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  width: 30vh;
  height: 157vh;
  margin-left: 8vh;
  margin-right: 8vh;
  overflow: hidden;
}

.mesh-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f705c9ea0a4a_mesh.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 142vw;
  height: 100vh;
  margin-left: 8.5vw;
  display: grid;
  overflow: hidden;
}

.mesh-container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: 100vh;
  display: flex;
}

.div-block-122 {
  z-index: 1;
  background-color: #d6abab;
  width: 20vw;
  height: 30vw;
  margin-top: 10vh;
  margin-left: 25vw;
}

.div-block-123 {
  z-index: 2;
  background-color: #942e2e;
  width: 25vw;
  height: 20vh;
  margin-top: 60vh;
  margin-left: 10vw;
}

.section-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  overflow: scroll;
}

.section-21.hide {
  display: none;
}

.section-22 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.section-22.hide {
  display: none;
}

.nikhils-marbles {
  width: 31.55vh;
  height: 45vh;
  margin-top: 8vh;
  margin-left: 26vw;
}

.image-120 {
  width: 31.55vh;
  max-width: none;
  height: 45vh;
  box-shadow: 1px 1px 3px #000;
}

.divyas-chicken {
  width: 25vh;
  height: 35vh;
  margin-top: 49vh;
  margin-left: 17vw;
}

.local-brewers {
  z-index: 3;
  width: 54.35vh;
  height: 40vh;
  margin-top: 54vh;
  margin-left: 57vw;
  position: relative;
}

.image-120-copy {
  width: 20vw;
  height: 35vh;
  display: block;
}

.image-120-copy-copy {
  outline-offset: 0px;
  outline: 3px solid #000;
  width: 54.35vh;
  height: 40vh;
}

.brewtis {
  width: 40vh;
  height: 40vh;
  margin-top: 6vh;
  margin-left: 53vw;
  box-shadow: 14px 14px 0 2px #00000026;
}

.image-121 {
  width: 40vh;
  max-width: none;
  height: 40vh;
  display: block;
}

.mantri {
  width: 14.1vh;
  height: 20vh;
  margin-top: 12vh;
  margin-left: 88vw;
}

.mantri-image {
  outline-offset: 0px;
  outline: 3px solid #000;
  width: 14.1vh;
  max-width: none;
  height: 20vh;
}

.bdsm {
  width: 46.2vh;
  height: 40vh;
  margin-top: 26vh;
  margin-left: 102vw;
}

.bdsm-image {
  outline-offset: 0px;
  outline: 3px solid #000;
  width: 46.2vh;
  max-width: none;
  height: 40vh;
}

.divya {
  width: 25vh;
  max-width: none;
  height: 35vh;
  display: block;
  box-shadow: 4px 4px 14px 2px #beb5b5;
}

.footer {
  z-index: 1002;
  background-color: var(--junglegym-blue);
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  padding-top: 10vh;
  display: flex;
  position: relative;
}

.div-block-124 {
  width: 20vh;
  height: 20vh;
  display: flex;
}

.div-block-125 {
  align-items: flex-end;
  display: flex;
}

.mesh-intro-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 68vh;
  height: 100vh;
  padding-left: 14vh;
  display: flex;
  overflow: hidden;
}

.mesh-intro {
  width: 68vh;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 14vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  font-weight: 300;
  line-height: 1;
}

.div-block-126 {
  z-index: 10;
  background-color: #d66666;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 8.5vw;
  height: 4vh;
  margin-top: 4vh;
  margin-bottom: 8.5vw;
  display: flex;
  position: absolute;
  left: 8.5vw;
}

.text-block-20 {
  padding-left: 2vw;
  padding-right: 2vw;
}

.mesh-section {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 450vh;
  position: sticky;
  top: 0;
  overflow: visible;
}

.section-25 {
  background-color: var(--junglegym-blue);
  width: 100vw;
  height: 100vh;
}

.mesh-wall {
  align-items: center;
  height: 100vh;
  padding-left: 14vh;
  padding-right: 14vh;
  display: flex;
  overflow: hidden;
}

.mesh-svg {
  width: 157vh;
  max-width: none;
  height: 157vh;
}

.mesh {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7dd43ea0a77_mesh_1.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  width: 157vh;
  height: 157vh;
  display: grid;
}

.div-block-129 {
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: scroll;
}

.lightbox-link {
  width: 20.47%;
  min-height: 29.14%;
  margin-top: 21.75%;
  margin-left: 7.5%;
}

.image-122 {
  box-shadow: 14px 14px #00000026;
}

.lightbox-link-2 {
  width: 16.8%;
  height: 23.52%;
  margin-top: 53.7%;
  margin-left: 5.5%;
}

.image-123 {
  box-shadow: 14px 14px #00000026;
}

.lightbox-link-3 {
  width: 26.47%;
  height: 26.47%;
  margin-top: 26%;
  margin-left: 36%;
}

.image-124 {
  box-shadow: 14px 14px #00000026;
}

.lightbox-link-4 {
  width: 33.82%;
  height: 24.88%;
  margin-top: 50.41%;
  margin-left: 23.86%;
}

.image-125 {
  box-shadow: 14px 14px #00000026;
}

.lightbox-link-5 {
  width: 14.7%;
  height: 20.84%;
  margin-top: 24.21%;
  margin-left: 67.24%;
}

.image-126 {
  border: 1px solid #ccc;
  box-shadow: 14px 14px #00000026;
}

.lightbox-link-6 {
  width: 35.29%;
  height: 30.55%;
  margin-top: 46.81%;
  margin-left: 60.41%;
}

.image-127 {
  box-shadow: 14px 14px #00000026;
}

.mesh-sticky-container {
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.mesh-long-container {
  align-items: center;
  min-width: 645vh;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.image-128 {
  min-width: 100%;
  max-width: 100%;
}

.footer-1 {
  flex-direction: column;
  justify-content: center;
  width: 50vw;
  height: 90vh;
  display: flex;
}

.footer-message-container {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 50vw;
  height: 92vh;
  padding-top: 8.5vw;
  padding-bottom: 8.5vw;
  padding-left: 8.5vw;
  display: flex;
}

.footer-message-container.blue {
  background-color: var(--junglegym-blue);
}

.footer-message {
  color: #f6f6f6;
  width: auto;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  font-weight: 300;
  line-height: 1;
}

.text-span-4 {
  color: var(--junglegym-yellow);
}

.link:hover {
  border-bottom: 6px solid var(--junglegym-yellow);
}

.contact-info {
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 10vw;
  display: flex;
}

.footer-small-text {
  color: #f6f6f6;
  text-align: right;
  margin-top: 5vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
}

.footer-small-text.blue {
  color: var(--junglegym-blue);
}

.footer-small-text.left-align {
  text-align: left;
}

.base-1 {
  align-items: center;
  width: 50vw;
  height: 8vh;
  margin-top: auto;
  padding-left: 8.5vw;
  display: flex;
}

.footer-2 {
  color: #f6f6f6;
  flex-direction: column;
  justify-content: center;
  width: 50vw;
  height: 90vh;
  display: flex;
}

.footer-links {
  width: 41.5vw;
  height: 35vh;
  margin-right: 8.5vw;
  padding-top: 15vh;
  display: flex;
}

.footer-message-copy {
  text-align: right;
  text-transform: uppercase;
  margin-left: auto;
  font-family: Founders grotesk text, sans-serif;
  font-size: 4vw;
  font-weight: 300;
  line-height: 1;
}

.footer-link {
  color: #f6f6f6;
}

.footer-link:hover {
  color: var(--junglegym-yellow);
}

.social-media-links {
  justify-content: flex-end;
  align-items: flex-start;
  height: 15vh;
  margin-top: 10vh;
  margin-left: 8vw;
  margin-right: 8.5vw;
  display: flex;
}

.text-block-21 {
  color: #f6f6f6;
  font-family: Founders grotesk text, sans-serif;
  font-size: 19px;
  font-weight: 300;
}

.link-block {
  border: 3px solid #f6f6f6;
  border-radius: 10vh;
  margin-left: 3vw;
  padding: 1vh 3vh;
}

.link-block:hover {
  border-color: var(--junglegym-yellow);
}

.base-2 {
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  height: 8vh;
  margin-top: auto;
  padding-right: 2vw;
  display: flex;
}

.button-2 {
  z-index: 10;
  color: #000;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 16vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: auto auto 10vh 14vh;
}

.footer-social-links {
  color: #f6f6f6;
  text-decoration: underline;
}

.footer-social-links:hover {
  color: var(--junglegym-yellow);
}

.footer-social-links.mail {
  text-decoration: none;
}

.footer-social-links.mail:hover {
  text-decoration: underline;
}

.footer-info {
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
}

.footer-fine-print {
  background-color: #000;
  width: 100vw;
  height: 8vh;
  display: flex;
}

.footer-small-text-base {
  color: #5a5a5a;
  text-align: right;
  margin-right: 2vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.6vh;
  font-weight: 300;
  line-height: .8;
}

.footer-small-text-base.blue {
  color: var(--junglegym-blue);
}

.case-studies-container {
  z-index: 5;
  margin-bottom: 2vh;
  position: relative;
}

.mesh-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7dd43ea0a77_mesh_1.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  width: 157vh;
  height: 157vh;
  margin-left: 14vh;
  display: grid;
}

.mesh-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7dd43ea0a77_mesh_1.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  width: 157vh;
  height: 157vh;
  display: grid;
}

.div-block-130 {
  z-index: 2;
  width: 40vw;
  height: 40vw;
  position: relative;
}

.background-video-13 {
  width: 40vw;
  height: 40vw;
}

.label-animation {
  width: 22vw;
  margin-top: 8vh;
  margin-left: 21vw;
  position: relative;
}

.label-animation.hide {
  display: none;
}

.lottie-animation-14 {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.mobile-container {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 25vw;
  margin-top: 8vh;
  margin-left: -35vw;
  display: grid;
  position: relative;
}

.mobile-container.test-placement {
  z-index: 2;
  width: 19vw;
  margin-top: 60vh;
  margin-left: 47vw;
  transform: rotate(-33.5deg);
}

.lottie-animation-15 {
  z-index: 2;
  height: 85vh;
  position: relative;
}

.lottie-animation-16 {
  z-index: 5;
  display: none;
  position: relative;
}

.box-animation {
  z-index: 5;
  width: 40vw;
  margin-top: 39vh;
  margin-right: -2vw;
  position: relative;
}

.box-animation.test-placement {
  z-index: 1;
  width: 50vw;
  margin-top: 29vh;
  margin-right: -41vw;
  transform: rotate(-21deg);
}

.div-block-131 {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-132 {
  width: 100vw;
  height: 200vh;
}

.moonshine-landing {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f761b2ea0abe_moonshine-landing.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.moonshine-intro {
  background-color: #232323;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.moonshine-label-text, .moonshine-intro-logo {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.moonshine-intro-body {
  color: #fff;
  width: 20vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.moonshine-intro-body.center {
  text-align: center;
  width: 25vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.moonshine-intro-head {
  color: #fff;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.moonshine-intro-head.center {
  text-align: center;
}

.image-129 {
  width: 10vw;
  max-width: none;
}

.moonshine-video {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fcf9f0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.background-video-14 {
  height: 100vh;
  display: none;
}

.moonshine-label-system {
  background-color: #232120;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.moonshine-label-comparison {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.moonshine-labels-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  width: 40vh;
  height: 40vh;
  display: grid;
}

.moonshine-label-template {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f765ebea0aa3_Moonshine-Label-C.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40vh;
  height: 40vh;
}

.moonshine-traditional-mead-label {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7309bea0aa4_Moonshine-Label-D.webp");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 0;
  height: 40vh;
}

.div-block-133 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c384ea0b03_Moonshine-Label-D.webp");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40vh;
  height: 40vh;
}

.div-block-134 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f76ba4ea0a82_comparison-bar.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 3.2vh;
  height: 40vh;
}

.label-slider, .slider-5 {
  width: 100vw;
  height: 100vh;
}

.left-arrow-8, .right-arrow-8 {
  display: none;
}

.apple-cyder-mead {
  background-color: #db3e4e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-130 {
  max-width: none;
  height: 40vh;
}

.image-131 {
  max-width: none;
  height: 60vh;
}

.apple-cyder-images {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.text-block-22 {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-135 {
  justify-content: center;
  align-items: center;
  height: 5vh;
  display: flex;
}

.coffee-mead {
  background-color: #231f20;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.coffee-images {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.image-132 {
  max-width: none;
  height: 40vh;
}

.image-133 {
  max-width: none;
  height: 60vh;
}

.traditional-mead {
  background-color: #231f20;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.traditional-images {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.image-134 {
  max-width: none;
  height: 60vh;
}

.image-135 {
  max-width: none;
  height: 40vh;
}

.slide-nav-6 {
  inset: auto 0% 4%;
}

.moonshine-bottles {
  background-color: #282828;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f78803ea0aa9_Moonshine-bottles.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 100vh;
}

.section-26 {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71ad4ea0abf_moonshine_goodshot.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.apple-cyder-mead-images {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.girl-holding-apple-cyder-mead-bottle {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7587eea0aab_Moonshine-image01.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.apple-cyder-mead-floating-bottle {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c481ea0aae_Moonshine-image02.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.all-in-action {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.aia-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64197be61c63591682a1c870_all-in-action.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.aia-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64197bf35b31110e9f3a652e_all-in-action-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.traditional-mead-pic {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74892ea0ab1_Moonshine-image03.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.moonshine-parallax {
  z-index: -1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fcf9f0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 200vh;
  display: grid;
}

.lottie-animation-18 {
  height: 50vh;
}

.rr-logo {
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  padding-right: 6vw;
  display: flex;
}

.bold-text-3 {
  font-weight: 400;
}

.background-video-10-copy, .background-video-11-copy {
  width: 100vh;
  height: 90vh;
}

.background-video-10-copy-copy, .background-video-11-copy-copy {
  width: 100vh;
  height: 100vh;
}

.can {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 90vh;
  margin-top: 36vh;
  display: grid;
  position: relative;
  left: -4.2vw;
}

.can.test-placement {
  z-index: 0;
  height: 40vw;
  margin-top: -63.7vh;
  margin-right: -50vw;
  transform: rotate(-38.5deg);
}

.lottie-animation-19 {
  height: 90vh;
}

.lottie-animation-20 {
  opacity: 0;
  max-width: none;
  height: 38.91vw;
}

.heading-no-color {
  letter-spacing: -4px;
  width: 35vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 5.5vw;
  font-weight: 300;
  line-height: .8;
}

.about-landing {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.about-us-landing-pic {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7fc06ea0ac0_about.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.about-us-landing-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.text-block-23, .text-block-24 {
  width: 35vw;
}

.text-block-24.bottom-margin {
  margin-bottom: 5vh;
}

.our-team {
  background-color: #eee;
  width: 100vw;
  height: 150vh;
  display: flex;
}

.team-intro {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40vw;
  height: 100vh;
  padding-left: 8.5vw;
  display: flex;
  position: sticky;
  top: 0;
}

.team-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 93vh;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.image-137 {
  max-width: none;
  height: 60vh;
  position: relative;
  transform: rotate(-11deg);
}

.image-137.lest {
  padding-left: 0;
  left: -14.1vw;
}

.junglegym-awards {
  z-index: 10;
  background-color: #e4e4e4;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.nikhil {
  max-width: none;
  height: 50vh;
  position: relative;
}

.nikhil:hover {
  z-index: 5;
}

.nikhil.lest {
  padding-left: 0;
  left: -14.1vw;
}

.naina {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.naina:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.naina.lest {
  padding-left: 0;
  left: -14.1vw;
}

.sachin {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.sachin:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.sachin.lest {
  padding-left: 0;
  left: -14.1vw;
}

.pranav {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.pranav:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.pranav.lest {
  padding-left: 0;
  left: -14.1vw;
}

.kaveri {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: scale(1.05)rotate(-11deg);
}

.kaveri:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.kaveri.lest {
  padding-left: 0;
  left: -14.1vw;
}

.sanath {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.sanath:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.sanath.lest {
  padding-left: 0;
  left: -14.1vw;
}

.manasi {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.manasi:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.manasi.lest {
  padding-left: 0;
  left: -14.1vw;
}

.harsh {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.harsh:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.harsh.lest {
  padding-left: 0;
  left: -14.1vw;
}

.gautami {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.gautami:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.gautami.lest {
  padding-left: 0;
  left: -14.1vw;
}

.nupoor {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.nupoor:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.nupoor.lest {
  padding-left: 0;
  left: -14.1vw;
}

.team-container {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.div-block-136 {
  background-color: #6d5151;
  width: 154.75vh;
  height: 50vh;
}

.div-block-137 {
  width: 93vh;
  height: 50vh;
}

.about-process-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-top: 15vh;
  padding-left: 8.5vw;
  display: flex;
}

.about-process-info.top-padding {
  height: 100vh;
}

.services-title {
  color: var(--junglegym-blue);
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.66vh;
  font-weight: 300;
  line-height: 1;
}

.services-title.close, .open {
  display: none;
}

.about-us-services-and-awards-container {
  width: 40vw;
  height: 200vh;
}

.services-and-awards-lottie {
  flex-direction: column;
  width: 50vw;
  height: 200vh;
  display: flex;
}

.lottie-animation-21 {
  width: 55vw;
  height: auto;
  margin-top: auto;
  margin-bottom: -1vh;
}

.div-block-138 {
  border-top: 2px solid #cacace;
  justify-content: space-between;
  width: 30vw;
  margin-bottom: 2vh;
  padding-top: 2vh;
  display: flex;
}

.awards-title {
  color: var(--junglegym-red);
  width: 13vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.66vh;
  font-weight: 300;
  line-height: 1;
}

.awards-title.close {
  display: none;
}

.awards-info {
  width: 19vw;
  margin-top: 1vh;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  line-height: 1.3;
}

.lottie-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 60vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.define-design-deploy {
  background-color: #ededed;
  width: 100vw;
  height: 100vh;
}

.tabs-menu {
  flex-direction: column;
  display: flex;
}

.tab-link-tab-1 {
  background-color: #0000;
  border-bottom: 3px solid #cacace;
  margin-bottom: 3vh;
  padding: 0 0 3vh;
}

.tab-link-tab-1.w--current {
  background-color: #0000;
  margin-bottom: 3vh;
  padding-bottom: 3vh;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-tab-2 {
  background-color: #0000;
  border-bottom: 3px solid #cacace;
  margin-bottom: 3vh;
  padding: 0 0 3vh;
}

.tab-link-tab-2.w--current {
  background-color: #0000;
}

.tab-link-tab-3 {
  background-color: #0000;
  border-bottom: 3px solid #cacace;
  padding: 0 0 3vh;
}

.tab-link-tab-3.w--current {
  background-color: #0000;
}

.process-titles {
  font-family: Founders grotesk text, sans-serif;
  font-size: 4.15vw;
  font-weight: 300;
  line-height: 1;
}

.process-titles.yellow {
  color: var(--junglegym-yellow);
  font-size: 6.66vh;
}

.process-titles.red {
  color: var(--junglegym-red);
  font-size: 6.66vh;
}

.process-titles.blue {
  color: var(--junglegym-blue);
  font-size: 6.66vh;
}

.tabs-content {
  display: none;
}

.tabs {
  width: 35vw;
}

.open-dd, .close-dd {
  display: none;
}

.process-lottie {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 75vh;
  display: flex;
}

.client-logos {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  display: flex;
  overflow: hidden;
}

.client-logo-container {
  align-self: center;
  height: 15vh;
  margin-top: 27.5vh;
  margin-bottom: 27.5vh;
  display: flex;
}

.image-138, .image-139 {
  width: 15vh;
  max-width: none;
  margin-right: 10vh;
}

.image-140 {
  width: 20vh;
  max-width: none;
  margin-right: 10vh;
}

.image-141, .image-142, .image-143 {
  width: 15vh;
  max-width: none;
  margin-right: 10vh;
}

.image-144, .image-145 {
  width: 12vh;
  max-width: none;
  margin-right: 10vh;
}

.image-146 {
  width: 10vh;
  max-width: none;
}

.image-147 {
  width: 15vh;
  max-width: none;
  margin-right: 10vh;
}

.client-logo-container-2 {
  align-self: center;
  height: 10vh;
  display: flex;
}

.umami-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c50bea0a60_apple-cinnamon-scene.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.rm-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.tulua-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7a2c0ea0a24_pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.moonshine-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74259ea0a68_moonshine.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.record-room-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71bcaea09b1_bar.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.kulfi-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64cb8351a1ba8a68d792a0ac_tote-and-socks.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.boxovia-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.custom-cursor {
  width: 50vw;
  height: 100vh;
}

.view-project-cursor {
  z-index: 10;
  mix-blend-mode: difference;
  width: 15vw;
  height: auto;
  display: none;
}

.image-148 {
  width: 15vw;
  max-width: none;
}

.image-149 {
  max-width: none;
  height: 40vw;
}

.section-27 {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-139 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.div-block-140 {
  width: 50vw;
  height: 100vh;
}

.dropdown-toggle-5 {
  width: 100%;
}

.dropdown-4 {
  background-color: #f0f0f0;
  width: 100%;
  margin-bottom: 1vh;
}

.dropdown-5 {
  background-color: #f0f0f0;
  width: 100%;
}

.dropdown-toggle-6 {
  width: 100%;
}

.dropdown-list-5 {
  display: block;
  position: static;
}

.dropdown-list-6 {
  position: static;
}

.dropdown-link-6, .dropdown-link-7 {
  display: none;
}

.umami-bg {
  z-index: 0;
  background-color: var(--umami-pink);
  opacity: 0;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.rm-bg {
  z-index: 0;
  opacity: 0;
  background-color: red;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.tulua-bg {
  z-index: 0;
  opacity: 0;
  background-color: #a7b938;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.moonshine-bg {
  z-index: 0;
  opacity: 0;
  background-color: #efb922;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.rr-bg {
  z-index: 0;
  opacity: 0;
  background-color: #cc532e;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.boxovia-bg {
  z-index: 0;
  opacity: 0;
  background-color: #e46339;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.kulfi-project-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.kulfi-bg-mobile {
  display: none;
}

.html-embed-3 {
  width: 5vw;
  display: block;
}

.junglegym-wordmark {
  color: #fff;
}

.text-block-the-mesh {
  margin-top: auto;
}

.text-block-the-mesh.left-margin {
  margin-top: 8.5vh;
  margin-left: 8.5vw;
}

.lottie-animation-22 {
  width: 60%;
  height: auto;
}

.process-tabs-container {
  display: flex;
}

.process-title-container {
  height: 25vh;
  padding-top: 8.5vw;
  padding-left: 8.5vw;
}

.junglegym-landing {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  width: 100vw;
  height: 180vh;
  display: grid;
  position: relative;
}

.junglegym-landing.hide {
  display: none;
}

.landing-section {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 35vw;
  padding-bottom: 8.5vw;
  padding-left: 8.5vw;
  display: flex;
  position: sticky;
  top: 0;
}

.text-block-25 {
  justify-content: center;
  align-items: center;
  font-family: Founders grotesk text, sans-serif;
  font-size: 10.5vw;
  font-weight: 300;
  line-height: .8;
  display: flex;
}

.text-block-25.heading__color.landing-positioning {
  justify-content: flex-start;
}

.text-block-26 {
  margin-top: 5vh;
}

.home-landing-subtext {
  width: 40vw;
  margin-top: 5vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1.2;
}

.landing-text-works {
  opacity: 0;
  letter-spacing: -6px;
  font-family: Founders grotesk text, sans-serif;
  font-size: 5.5vw;
  font-weight: 300;
  line-height: .95;
}

.landing-text-works.hide {
  display: none;
}

.landing-images {
  z-index: 0;
  object-fit: contain;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60vw;
  height: 200vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-151 {
  z-index: 2;
  width: 40%;
  max-width: none;
  margin-left: 10%;
  margin-right: auto;
  position: relative;
}

.image-152 {
  width: 40%;
  max-width: none;
  margin-top: 2%;
  margin-left: auto;
  display: none;
  transform: rotate(9deg);
}

.image-153 {
  z-index: 1;
  width: 30%;
  max-width: none;
  margin-left: 11%;
  position: relative;
}

.image-154 {
  width: 25%;
  max-width: none;
  margin-top: -58%;
  margin-left: auto;
  position: relative;
}

.image-155 {
  width: 25%;
  max-width: none;
  margin-top: -3%;
  margin-left: auto;
  margin-right: 15%;
  display: none;
  transform: rotate(6deg);
}

.image-156 {
  width: 25%;
  max-width: none;
  margin-top: -38%;
  margin-left: 4%;
  display: block;
  transform: rotate(-9deg);
}

.image-156.mokai-flood-pillow {
  margin-top: -37%;
  display: block;
}

.image-157 {
  z-index: 5;
  width: 35%;
  max-width: none;
  margin-top: -9%;
  margin-left: auto;
  margin-right: 15%;
  position: relative;
}

.image-158 {
  width: 50%;
  max-width: none;
  margin-top: 2%;
  margin-left: auto;
}

.image-159 {
  width: 30%;
  max-width: none;
  margin-top: -41%;
  margin-left: 12%;
  transform: rotate(-37deg);
}

.boris {
  max-width: none;
  height: 60vh;
  position: relative;
  transform: rotate(-11deg);
}

.boris:hover {
  z-index: 5;
}

.boris.lest {
  padding-left: 0;
  left: -14.1vw;
}

.borisboris {
  max-width: none;
  height: 50vh;
}

.borisboris:hover {
  z-index: 5;
  position: relative;
}

.project-name-mobile {
  color: #fff;
  letter-spacing: -.3vw;
  width: 100%;
  height: auto;
  margin-bottom: 3vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
  display: none;
}

.project-name-copy {
  color: #fff;
  letter-spacing: -.3vw;
  width: 100%;
  height: auto;
  margin-bottom: 3vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
  display: block;
}

.about-copy {
  height: 200vh;
  padding-top: 12%;
  padding-bottom: 12%;
  padding-left: 12%;
  display: flex;
}

.about-button {
  text-align: right;
  width: 6.35vw;
  margin-left: auto;
  margin-right: 2vw;
  display: none;
}

.about-button-text {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.2vw;
  font-weight: 300;
}

.contact-us {
  z-index: 9;
  background-color: var(--junglegym-blue);
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  padding-top: 10vh;
  display: none;
  position: fixed;
}

.div-block-141 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.contact-us-button {
  z-index: 1001;
  mix-blend-mode: difference;
  justify-content: flex-end;
  display: none;
  position: fixed;
  bottom: 2vw;
  right: 2vw;
}

.contact-us-button-text {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  display: block;
}

.contact-us-container {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--junglegym-blue);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 5vh;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.contact-us-close-button-text {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  display: none;
}

.dd-text {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.lottie-animation-23 {
  align-self: flex-end;
  width: 3vw;
  margin-left: 3vw;
}

.tab-text {
  justify-content: space-between;
  display: flex;
}

.lottie-animation-24 {
  width: 2vw;
}

.image-160 {
  mix-blend-mode: difference;
  width: 15vw;
  max-width: none;
}

.lightbox-link-7 {
  z-index: 2;
  width: 40.39%;
  height: 16.15%;
  margin-top: 26.11%;
  margin-left: 13.76%;
  position: relative;
}

.lightbox-link-8 {
  z-index: 1;
  align-items: flex-start;
  width: 18.31%;
  height: 18.31%;
  margin-top: 49.82%;
  margin-left: 10.53%;
  display: flex;
  position: relative;
}

.lottie-animation-25 {
  box-shadow: 14px 14px #00000026;
}

.lightbox-link-9 {
  width: 46.55%;
  height: 19.64%;
  margin-top: 39.71%;
  margin-left: 23.48%;
}

.lightbox-link-10 {
  width: 30.74%;
  height: 20.11%;
  margin-top: 58.34%;
  margin-left: 30.84%;
}

.lightbox-link-11 {
  width: 32.17%;
  height: 24.97%;
  margin-top: 21.64%;
  margin-left: 59.82%;
}

.lightbox-link-12 {
  width: 19.66%;
  height: 19.66%;
  margin-top: 50.41%;
  margin-left: 67.54%;
}

.lightbox-link-13 {
  width: 38.75%;
  height: 27.4%;
  margin-top: 20.02%;
  margin-left: 19.62%;
}

.lightbox-link-14 {
  width: 21.87%;
  height: 21.87%;
  margin-top: 23.11%;
  margin-left: 62.14%;
}

.lightbox-link-15 {
  width: 22.01%;
  height: 22.01%;
  margin-top: 51.53%;
  margin-left: 12.24%;
}

.lightbox-link-16 {
  width: 34.01%;
  height: 31.75%;
  margin-top: 47.05%;
  margin-left: 47.12%;
}

.image-161, .image-162, .image-163, .image-164, .image-165, .image-166, .image-167, .image-168, .image-169 {
  box-shadow: 14px 14px #00000026;
}

.div-block-142 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #eccc06;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.image-170 {
  z-index: 10;
  width: 54%;
  margin-top: 0%;
  margin-left: 29%;
  display: none;
  position: relative;
  transform: rotate(34deg);
}

.div-block-143 {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  width: 75vh;
  height: 30vh;
  margin-top: -28%;
  margin-left: -7%;
  display: flex;
  position: relative;
  overflow: visible;
  transform: rotate(-29deg);
}

.background-video-15 {
  width: 30vh;
  height: 30vh;
}

.div-block-144 {
  z-index: 1;
  width: 40vh;
  height: 40vh;
  margin-top: -44%;
  margin-left: 44%;
  position: relative;
  transform: rotate(9deg);
}

.background-video-16 {
  z-index: 19;
  width: 40vh;
  height: 40vh;
}

.services-information {
  text-transform: uppercase;
  width: 21vw;
  margin-top: 1vh;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 1.5vh;
  font-weight: 400;
  line-height: 1.3;
}

.services-list-block {
  border-top: 2px solid #cacace;
  justify-content: space-between;
  width: 39.5vw;
  margin-bottom: 2vh;
  margin-right: 2vw;
  padding-top: 2vh;
  display: flex;
}

.list {
  width: 20vw;
  margin-top: 1vh;
  padding-left: 0;
  font-family: IBM Plex Mono, sans-serif;
}

.list.left-margin {
  margin-left: 2vw;
}

.list-item {
  text-transform: uppercase;
  font-size: 1.3vh;
  font-weight: 400;
  line-height: 1.3;
}

.umami-dropdown {
  background-color: #0000;
  position: static;
}

.umami-dropdown.w--open {
  background-color: #0000;
}

.project-name-umami {
  letter-spacing: -.3vw;
  width: 100%;
  height: auto;
  margin-bottom: 3vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
  display: flex;
}

.junglegym-prelanding {
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: block;
  overflow: hidden;
}

.junglegym-prelanding.hide {
  display: none;
}

.process-subtext {
  color: #8b8b8b;
  padding-top: 2vh;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.about-services-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: auto;
  padding-top: 8.5vw;
  padding-bottom: 8.5vw;
  padding-left: 8.5vw;
  display: flex;
}

.about-services-info.top-padding {
  height: 100vh;
}

.about-services-info.awards {
  padding-left: 0;
  padding-right: 8.5vw;
}

.moonshine-next-project-image {
  align-self: center;
  width: 100vw;
  max-width: none;
  margin-top: -22vh;
}

.section-28 {
  background-color: #000;
  width: 100vw;
  height: 100vh;
}

.tabs-2 {
  display: flex;
}

.tabs-menu-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding: 14vw 2vw 10vw 10vw;
  display: flex;
}

.tabs-content-2 {
  width: 50vw;
  height: 100vh;
}

.tab-pane-tab-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c50bea0a60_apple-cinnamon-scene.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.tab-pane-tab-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.tab-pane-tab-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7a2c0ea0a24_pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.tab-link {
  color: #fff;
  background-color: #0000;
  width: 100%;
  margin-bottom: 3vh;
  padding: 0;
}

.tab-link.w--current {
  color: #000;
  background-color: #0000;
  padding: 0;
}

.div-block-146 {
  display: block;
}

.tab-title-text-block {
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
}

.project-information-new {
  background-image: none;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding-top: 3vh;
  display: none;
}

.scroll-up-container {
  z-index: 11;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
}

.div-block-148 {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5vh;
  display: flex;
}

.lottie-animation-27 {
  width: 4vh;
}

.junglegym-services {
  z-index: 10;
  background-color: #fff;
  width: 100vw;
  height: auto;
  display: flex;
}

.services-lottie {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.awards-lottie {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.award-winning-projects {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #e4e4e4;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: auto;
  padding-bottom: 8.5vw;
  padding-left: 8.5vw;
  padding-right: 8.5vw;
}

.text-block-27 {
  font-family: Founders grotesk text, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1;
}

.div-block-149 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5vh;
  display: grid;
}

.great-state-awp {
  justify-content: center;
  align-items: center;
  width: 19.25vw;
  height: 19.25vw;
  margin-bottom: 2vh;
  display: flex;
  overflow: hidden;
}

.text-block-28 {
  color: #000;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 1.3vh;
  font-weight: 400;
  line-height: 1.3;
}

.text-span-5 {
  color: #868686;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1vh;
  font-weight: 300;
  line-height: 1;
}

.moonshine-awp, .mantri-awp, .tulua-awp {
  justify-content: center;
  align-items: center;
  width: 19.25vw;
  height: 19.25vw;
  margin-bottom: 2vh;
  display: flex;
  overflow: hidden;
}

.about-us {
  z-index: 6;
  border: 2px solid var(--junglegym-blue);
  color: var(--junglegym-blue);
  background-color: #fff;
  border-radius: 10vw;
  margin-top: 5vh;
  padding: 1vh 3vh 1.25vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 1;
  display: none;
  position: relative;
}

.about-us:hover {
  background-color: var(--junglegym-blue);
  color: #fff;
}

.about-us.desktop-and-tab {
  opacity: 0;
  display: inline-block;
}

.work-button {
  border: 2px solid var(--junglegym-blue);
  color: var(--junglegym-blue);
  background-color: #eee;
  border-radius: 10vw;
  margin-top: 5vh;
  padding: 1vh 3vh 1.25vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 1;
  transition: opacity .2s;
}

.work-button:hover {
  background-color: var(--junglegym-blue);
  color: #fff;
}

.work-button.light {
  background-color: #eee;
}

.image-171 {
  width: 20vw;
  max-width: none;
  height: 20vw;
}

.image-172 {
  width: auto;
  max-width: none;
  height: 20vw;
}

.image-173 {
  width: 20vw;
  max-width: none;
}

.image-174 {
  width: 22vw;
  height: auto;
}

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

.div-block-151.work-page-alignment {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-151.work-page-margin.show {
  display: flex;
}

.sw-tulua {
  background-color: #fff;
}

.sw-image-tulua {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7a2c0ea0a24_pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.text-block-29 {
  color: #000;
  letter-spacing: -.5px;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vh;
  font-weight: 300;
  line-height: 1;
}

.text-block-30 {
  color: #000;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 1vh;
  font-size: 1.1vh;
}

.div-block-153 {
  justify-content: space-between;
  margin-top: 1vh;
  display: flex;
}

.text-block-31 {
  color: #868686;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.5vh;
  font-weight: 300;
  line-height: 1;
}

.text-block-32 {
  color: #868686;
  text-align: right;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.5vh;
  font-weight: 300;
  line-height: 1;
}

.text-block-32.hide {
  display: none;
}

.div-block-154 {
  height: auto;
  padding: 3vh;
}

.sw-moonshine {
  background-color: #fff;
}

.sw-image-moonshine {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74259ea0a68_moonshine.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.sw-record-room {
  background-color: #fff;
}

.sw-image-record-room {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74fc8ea0a69_record-room.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.sw-rolling-mills {
  background-color: #fff;
}

.sw-image-rolling-mills {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.work-page {
  border: 2px solid var(--junglegym-blue);
  color: var(--junglegym-blue);
  background-color: #fff;
  border-radius: 10vw;
  margin-top: 5vh;
  padding: 1vh 3vh 1.25vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 1;
}

.sw-image-umami {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d4eea0a6c_umami.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.sw-boxovia {
  background-color: #fff;
}

.sw-image-boxovia {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75ee2ea09cc_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.awp-great-state {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  width: 19.25vw;
  display: flex;
}

.awp-image-great-state {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64007d790539cf70908fa704_GSA-logo.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.awp-moonshine {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 19.25vw;
  display: flex;
}

.awp-image-moonshine {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f761b2ea0abe_moonshine-landing.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.awp-mantri-cards {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 19.25vw;
  display: flex;
}

.awp-image-mantri-cards {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640b5698dd97ee4b8892b417_mantricards_flatlay.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.awp-tulua {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 19.25vw;
  display: flex;
}

.awp-image-tulua {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64008458aaff8dd377154e9e_tulua.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.lottie-animation-28 {
  width: 80vw;
  height: auto;
}

.div-block-155 {
  z-index: 300;
  width: 25vh;
  height: 50vh;
  margin-top: -57%;
  margin-left: 29%;
  position: relative;
}

.div-block-156 {
  width: 40%;
  height: auto;
  margin-top: -31%;
  margin-left: 44%;
}

.background-video-17 {
  z-index: 0;
  width: 40vw;
  height: 40vw;
  margin-top: -26vh;
}

.div-block-157 {
  width: 40vw;
  height: 40vw;
  margin-top: 13%;
  margin-left: 6%;
}

.pre-landing-plus-landing {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.landing-text-plays {
  opacity: 0;
  letter-spacing: -6px;
  font-family: Founders grotesk text, sans-serif;
  font-size: 5.5vw;
  font-weight: 300;
  line-height: .95;
}

.landing-text-plays.hide {
  display: none;
}

.landing-sections {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.works-plays {
  z-index: 10;
  width: 100vw;
  height: 100vh;
  padding-top: 15vw;
  padding-left: 8.5vw;
  position: sticky;
  top: 0;
}

.dd-ewb {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ewb-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.ewb-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70333ea0a6f_frame%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.ewb-bg {
  z-index: 0;
  opacity: 0;
  background-color: #f2cd43;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.ewb-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-umami-brew, .sw-ewb {
  background-color: #fff;
}

.sw-image-ewb {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70333ea0a6f_frame%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.other-project-thumbnails {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #eee;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding: 8.5vw;
  display: flex;
  position: sticky;
  top: 0;
}

.awp-boxovia {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 19.25vw;
  display: flex;
}

.awp-image-boxovia {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.awp-eat {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 19.25vw;
  display: flex;
}

.contact-info-menu {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  bottom: 5vh;
  right: 2vw;
}

.div-block-158 {
  position: relative;
}

.menu-small-text {
  color: #f6f6f6;
  text-align: right;
  font-family: Founders grotesk text, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
}

.menu-small-text.blue {
  color: var(--junglegym-blue);
}

.menu-small-text.top-margin {
  margin-top: 5vh;
}

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

.blog-menu-butto-mobil {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  margin-left: 5vw;
  display: none;
}

.blog-menu-button-mobile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  margin-left: 5vw;
  display: grid;
}

.preloader {
  z-index: 500;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.mantri-landing {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.image-177 {
  width: 100vw;
  max-width: none;
}

.mantri-intro {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mantri-intro-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mantri-intro-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38aa019e0586b749cdd1_intro.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.mantri-intro-body {
  color: #1c1c1c;
  width: 20vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.mantri-intro-head {
  width: 20vw;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 1;
}

.mantri-intro-head.bottom-margin {
  margin-bottom: 2vh;
}

.text-span-6 {
  margin-left: -.75vw;
}

.section-30 {
  width: 100vw;
  height: 60vh;
  overflow: hidden;
}

.image-178 {
  width: 100vw;
  max-width: none;
}

.mantri-cards-video {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.power-cards {
  background-color: #f0c9d4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-179, .image-180 {
  max-width: none;
  height: 80vh;
}

.mantri-ds-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38aa6bb1b2d50c70dca7_design.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.packaging-mantri {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-160 {
  background-color: #7c5595;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38abd35fb13249c48106_packaging.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 80vh;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  padding-bottom: 5vw;
  padding-left: 5vw;
  display: flex;
}

.div-block-161 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f3fe764fff26b133534ab_box-gif.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.mantri-idea {
  z-index: 0;
  background-color: #ffe000;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mantri-idea-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-left: 15vw;
  padding-right: 15vw;
  display: flex;
}

.mantri-idea-images {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: grid;
}

.mantri-button {
  color: #000;
  background-color: #ffe000;
  border: 2px solid #7c5595;
  border-radius: 10vw;
  margin-top: 5vh;
  padding: 1vh 3vh 1.25vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 1;
}

.mantri-button:hover {
  color: #fff;
  background-color: #7c5595;
}

.image-181 {
  margin-top: -15vh;
  margin-left: 20vw;
}

.image-182 {
  margin-top: 10vh;
  margin-left: 31vw;
}

.image-183 {
  margin-left: 3vw;
}

.image-184 {
  margin-top: 27vh;
  margin-left: 13vw;
}

.image-185 {
  margin-top: 52vh;
  margin-left: -2vw;
}

.image-186 {
  margin-top: 52vh;
  margin-left: 24vw;
}

.image-187 {
  margin-top: 88vh;
  margin-left: 31vw;
}

.div-block-162 {
  width: 40vw;
  height: 22.5vw;
}

.slider-6 {
  background-color: #fff;
  width: 100vw;
  height: 100vh;
}

.slide-21 {
  background-color: #000;
  width: 100vw;
  height: 90vh;
}

.div-block-163 {
  width: 100vw;
  height: 90vh;
  display: flex;
}

.mask-4 {
  background-color: #000;
  width: 100vw;
  height: 90vh;
}

.slide-nav-7 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 10vh;
  display: flex;
  inset: auto 0% 0%;
}

.slider-6-mobile {
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: none;
}

.section-31 {
  width: 100vw;
  height: 100vh;
}

.tulua-video {
  background-color: #a7b938;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-164 {
  width: 40%;
  height: auto;
}

.background-video-18 {
  width: 40vh;
  height: 40vh;
  position: static;
}

.div-block-165 {
  width: 40vh;
  height: 40vh;
  margin-top: 2%;
  margin-left: auto;
  transform: rotate(9deg);
}

.div-block-166 {
  width: 40vw;
  height: 22.5vw;
}

.menu-close-button {
  z-index: 50;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  width: 6.35vw;
  margin-left: auto;
  margin-right: 2vw;
  display: flex;
  position: absolute;
  top: 5vh;
}

.menu-shut {
  z-index: 50;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  width: 6.35vw;
  margin-left: auto;
  margin-right: 2vw;
  display: flex;
  position: absolute;
  inset: 5vh 0% auto auto;
}

.menu-button-text-copy {
  color: #fff;
  justify-content: flex-end;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  display: flex;
}

.boxovia-website-mockup, .background-video-19 {
  width: 100vw;
  height: 100vh;
  display: none;
}

.background-video-20 {
  width: 100vw;
  height: 100vh;
}

.traditional-mead-images {
  z-index: -1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: sticky;
  top: 0;
}

.girl-holding-traditional-mead {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6418132921beab6eb4ea2fd3_girl-holding-traditional-mead.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.traditional-mead-floating-bottle {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/641812e8e361237589496b3c_traditional-mead-floating-bottle.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.rm-testimonial-image {
  cursor: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70vh;
  height: 70vh;
  margin-right: 15vh;
  overflow: hidden;
}

.rm-quote {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.moonshine-label-system-2 {
  background-color: #282828;
  width: 100vw;
  height: 200vh;
}

.div-block-167 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.section-32 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.background-video-21 {
  width: 40vw;
  height: 22.5vw;
}

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

.image-188 {
  width: 30vw;
  max-width: none;
  margin-top: 26vh;
  margin-left: 2vw;
}

.image-189 {
  width: 35vw;
  max-width: none;
  margin-top: 9vh;
  margin-left: 34vw;
}

.image-190 {
  width: 30vw;
  max-width: none;
  margin-top: 20vh;
  margin-left: 69.8vw;
}

.image-191 {
  width: 40vw;
  max-width: none;
  margin-top: 69vh;
  margin-left: 13vw;
}

.image-192 {
  width: 25vw;
  max-width: none;
  margin-top: 60vh;
  margin-left: 57vw;
}

.image-193 {
  width: 100vw;
  max-width: none;
  height: auto;
}

.div-block-169 {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-194 {
  width: 100vw;
  max-width: none;
  height: 100vw;
}

.text-block-33 {
  z-index: 2;
}

.div-block-170 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.image-195 {
  width: 20vw;
  max-width: none;
  position: relative;
  bottom: 10vh;
  left: 10vw;
}

.image-198, .image-199 {
  width: 100vw;
}

.before-after {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-171 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/641c2a4786fd4884b2709836_ub-before.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  padding: 2vw;
  display: flex;
}

.div-block-172 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/641c2a588742cc2207ff799c_ub-after.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  padding: 2vw;
  display: flex;
}

.text-block-34 {
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.51101vw;
  font-weight: 300;
  line-height: 1;
}

.mm-before-after {
  width: 100vw;
  height: 100vh;
}

.div-block-173 {
  width: 50vw;
  height: 100vh;
}

.mm-before {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/641c35161b2ad8fdac7132e8_mm-before.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  padding: 2vw;
  display: flex;
}

.mm-after {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/641c35041c7ea2e26d5c7e2e_mm-after.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  padding: 2vw;
  display: flex;
}

.before-after-moonshine {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.section-33 {
  grid-column-gap: 5vw;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-174, .div-block-174-copy {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding: 8vw;
  display: flex;
}

.div-block-175 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7423fea0a28_rm-tshirt-mockup.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.image-216, .image-217 {
  max-width: none;
  height: 45vh;
}

.dd-mantri-cards {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.lottie-animation-29 {
  height: 85vh;
  margin-bottom: -4vh;
}

.lottie-animation-29.hide {
  display: none;
}

.mantri-cards-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.mantri-cards-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38aba6e4e16f47f4db80_landing.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mantri-bg {
  z-index: 0;
  opacity: 0;
  background-color: #f0c9d4;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.mantri-cards-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71bcaea09b1_bar.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-mantri-cards {
  background-color: #fff;
}

.sw-image-mantri {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38aba6e4e16f47f4db80_landing.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.lottie-animation-30 {
  height: 50vh;
}

.div-block-176 {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.div-block-177 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.game {
  background-color: var(--junglegym-yellow);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.html-embed-4 {
  width: 30vw;
  height: 20vh;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: none;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

._404-container {
  background-color: #f8cb0a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

._404-lottie-wrapper {
  width: 35vw;
  height: 18.9vw;
}

.text-block-35 {
  text-align: center;
  font-family: Founders grotesk text, sans-serif;
  font-weight: 300;
}

.text-block-36 {
  color: var(--junglegym-blue);
  font-family: Founders grotesk text, sans-serif;
  font-size: 5.5vw;
  font-weight: 300;
  line-height: 1;
}

.kulfi-subs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fed53d;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 200vh;
  display: none;
}

.supari {
  z-index: 5;
  background-image: linear-gradient(#fed43d, #fd4549);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 100vh;
  display: flex;
}

.po {
  background-image: linear-gradient(#0fe7bd, #682bf8);
  width: 33.33vw;
  height: 100vh;
}

.keeda {
  background-image: linear-gradient(#6e55a3, #fc47f8);
  width: 33.33vw;
  height: 100vh;
}

.supari-logo-back {
  background-image: linear-gradient(#fed53d, #fd4549);
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.type-and-icons-supari {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.typography {
  background-color: #fd4549;
  width: 50vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.div-block-180 {
  background-color: #1c1c1c;
  width: 50vw;
  height: 100vh;
  padding: 10vw;
}

.supari-studio-block {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.po-keeda-block {
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.supari-icon {
  background-color: #fed53d;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.icon-supari {
  width: 10vw;
  max-width: none;
}

.logo-and-icon-supari {
  display: flex;
}

.lottie-animation-31 {
  width: 35vw;
}

.div-block-181 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.social-media-comms-supari {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100vw;
  height: 230vh;
  display: grid;
}

.image-219 {
  max-width: none;
  height: 60vh;
}

.div-block-182 {
  background-image: linear-gradient(#ff48fb, #842bf8);
  width: 100vw;
  height: 100vh;
  padding: 10vw;
  position: sticky;
  top: 0;
}

.div-block-183 {
  z-index: 1;
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 38vw;
  padding-right: 10vw;
  display: grid;
  position: relative;
}

.image-220 {
  width: 21.25vw;
  max-width: none;
  margin-top: 17vh;
}

.image-221, .image-222 {
  width: 21.25vw;
  max-width: none;
  margin-top: -17vh;
}

.image-supari {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64c0d6aa7e8881a74784b3bb_supari.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.logo-and-icon-po {
  display: flex;
}

.type-and-icons-po {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.social-media-comms-po {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100vw;
  height: 230vh;
  display: grid;
}

.image-po {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64c0d6ce2b95cbe3c805e3e3_po.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.icon-po {
  width: 10vw;
  max-width: none;
}

.po-icon-back {
  background-color: #0fe8be;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.po-logo-back {
  background-image: linear-gradient(#0fe8be, #682bf8);
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.typography-po {
  background-color: #1c1c1c;
  width: 50vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.po-icons-back {
  background-color: #fff;
  width: 50vw;
  height: 100vh;
  padding: 10vw;
}

.po-icons-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-219-copy {
  max-width: none;
  height: 60vh;
}

.social-media-comms-back {
  z-index: 1;
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 38vw;
  padding-right: 10vw;
  display: grid;
  position: relative;
}

.image-223, .image-224, .image-225, .image-226 {
  width: 21.25vw;
  max-width: none;
}

.logo-and-icon-keeda {
  display: flex;
}

.type-and-icons-keeda {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.social-media-comms-keeda {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100vw;
  height: 230vh;
  display: grid;
}

.image-keeda {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: start center;
  width: 100vw;
  height: 100vh;
}

.keeda-logo-back {
  background-image: linear-gradient(#ff48fb, #842bf8);
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.image-227 {
  width: 25vw;
  max-width: none;
}

.keeda-icon-back {
  background-color: #ff48fb;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.icon-keeda {
  width: 10vw;
  max-width: none;
}

.social-media-comms-back-keeda {
  z-index: 1;
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 38vw;
  padding-right: 10vw;
  display: grid;
  position: relative;
}

.sm-back-po {
  background-image: linear-gradient(#0fe8be, #682bf8);
  width: 100vw;
  height: 100vh;
  padding: 10vw;
  position: sticky;
  top: 0;
}

.sm-back-supari {
  background-image: linear-gradient(#fed53d, #fd4549);
  width: 100vw;
  height: 100vh;
  padding: 10vw;
  position: sticky;
  top: 0;
}

.lottie-animation-32 {
  width: 50%;
  display: none;
}

.section-34 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f72117ea09f1_kulfi-mousepad.webp");
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.image-245 {
  width: 100vw;
  max-width: none;
  height: auto;
}

.image-246, .image-247 {
  max-width: none;
  height: 100vh;
}

.poster-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64a7d58ed6b09be15ad280fe_keeda-poster-mockup.webp");
  background-position: 50% 100%;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-end;
  place-items: flex-end center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-184 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 18.56vw;
  height: 24.27vw;
  display: grid;
}

.motley-crew {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 36.97vw;
  height: auto;
  display: grid;
}

.active-k, .active-i, .active-f, .active-l, .active-u {
  display: none;
}

.info-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 16vw;
  height: 16vw;
  margin-top: 5vh;
  display: grid;
}

.what-info {
  z-index: 2;
  position: relative;
}

.supari-info, .keeda-info, .po-info, .why-info {
  z-index: 2;
  display: none;
  position: relative;
}

.motley-crew-trigger-container {
  width: 100%;
  height: 100%;
  display: flex;
}

.what-trigger {
  width: 8.95vw;
}

.supari-trigger {
  width: 11.64vw;
}

.keeda-trigger {
  width: 5.59vw;
}

.po-trigger {
  width: 5.7vw;
}

.why-trigger {
  width: 5.07vw;
}

.slide-nav-8 {
  position: static;
}

.slide-nav-9 {
  width: 20vw;
  height: 1vw;
  inset: auto 0% 0%;
}

.slider-7 {
  background-color: #0000;
  width: 20vw;
  height: 1vw;
}

.div-block-185 {
  z-index: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 13.82vw;
  display: flex;
  position: relative;
}

.lottie-animation-33 {
  width: 7vw;
  height: 3vw;
  padding-top: 0;
}

.image-248 {
  opacity: 1;
}

.kulfi-info-text {
  color: #757575;
  text-align: center;
  width: 100%;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.kulfi-info-text.white {
  color: #fff;
}

.supari-container {
  background-image: linear-gradient(#fed53d, #fd4549);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  padding: 0;
  display: flex;
}

.po-container {
  background-image: linear-gradient(to top, #682bf8, #0fe7bd);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  display: flex;
}

.div-block-186 {
  background-image: linear-gradient(#842bf8, #ff48fb);
  justify-content: center;
  align-items: center;
  width: 33.33vw;
  height: 80vh;
  display: flex;
}

.image-249, .image-250 {
  width: 21.25vw;
  max-width: none;
  margin-top: -17vh;
}

.image-251 {
  width: 21.25vw;
  max-width: none;
}

.lottie-animation-34 {
  width: 25vw;
}

.div-block-187, .kulfi-collective-section-touch-devices {
  display: none;
}

.kulfi-new-landing-section {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-188 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  display: grid;
  overflow: hidden;
}

.image-277 {
  z-index: 1;
  width: 123%;
  max-width: none;
  position: relative;
}

.image-278 {
  z-index: 2;
  width: 114%;
  max-width: none;
  position: relative;
}

.image-279 {
  z-index: 3;
  width: 114%;
  max-width: none;
  position: relative;
}

.kulfi-logo-and-icon {
  background-color: #1c1c1c;
  flex-direction: row;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-189 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.div-block-190 {
  background-color: #1c1c1c;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding: 10vw;
  display: flex;
}

.background-video-22 {
  width: 50vw;
  height: 28.125vw;
}

.image-280 {
  width: 10vw;
}

.background-video-23 {
  width: 50vw;
  height: 28.125vw;
}

.kulfi-type-and-icons {
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.kulfi-type {
  background-color: #fff;
  width: 50vw;
  height: 100vh;
  padding-top: 10vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.div-block-192 {
  background-color: #fff;
  width: 50vw;
  height: 100vh;
  padding: 10vw;
}

.kulfi-mockups {
  background-color: #e0e0e0;
  width: 100vw;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.mockups {
  justify-content: flex-start;
  align-items: center;
  padding: 10vw;
  display: flex;
}

.image-281 {
  width: 18vw;
  max-width: none;
  margin-right: 10vw;
}

.image-282 {
  width: 20vw;
  margin-right: 10vw;
}

.image-283 {
  width: 20vw;
  max-width: none;
  margin-right: 10vw;
}

.image-284 {
  width: 35vw;
  max-width: none;
  margin-right: 10vw;
}

.supari-stationary {
  width: 100vw;
  height: 100vh;
}

.background-video-24 {
  width: 50vw;
  height: 28.125vw;
}

.background-video-25 {
  z-index: 2;
  width: 50vw;
  height: 50vw;
}

.info-container-what {
  z-index: 2;
  background-color: #1c1c1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 16vw;
  display: none;
  position: relative;
}

.motley-crew-info-title {
  color: #757575;
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.what-image, .supari-image {
  max-width: 50%;
}

.info-container-supari, .info-container-keeda, .info-container-po, .info-container-why {
  z-index: 2;
  background-color: #1c1c1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 16vw;
  display: none;
  position: relative;
}

.image-285, .image-286, .image-287 {
  max-width: 50%;
}

.bold-text-4 {
  font-weight: 300;
}

.testimonials {
  width: 100vw;
  height: 60vh;
}

.kulfi-quote {
  background-color: #e0e0e0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.kulfi-quote-text {
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.kulfi-quote-credit {
  font-size: 1.5vw;
  line-height: .8;
}

.image-288 {
  width: 20vw;
  max-width: none;
  margin-right: 10vw;
}

.image-289 {
  width: 10vw;
  max-width: none;
  margin-bottom: 5vh;
}

.image-290 {
  width: 20vw;
  max-width: none;
  margin-bottom: 5vh;
}

.image-291 {
  width: 2vw;
  max-width: none;
}

.kulfi-logo-lockups {
  color: #757575;
  margin-bottom: 2vh;
  font-family: Founders grotesk text, sans-serif;
  font-weight: 300;
}

.sw-kulfi {
  background-color: #fff;
}

.sw-image-kulfi {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64e49a32b08c08ca02359fb8_tote-and-socks.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.sw-umami-brew-copy {
  background-color: #fff;
}

.div-block-194 {
  z-index: 5;
  width: 15vw;
  height: 15vw;
  margin-top: -39%;
  margin-left: 41%;
  position: relative;
}

.div-block-195 {
  background-color: var(--junglegym-blue);
  flex-direction: row;
  width: 100vw;
  height: 92vh;
  display: flex;
  overflow: hidden;
}

.footer-updated {
  z-index: 10;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-updated.hide {
  display: none;
}

.div-block-196 {
  justify-content: flex-start;
  align-items: center;
  width: 4vh;
  height: 4vh;
  display: flex;
}

.lottie-animation-38 {
  width: 3vh;
  height: 3vh;
}

.section-35 {
  width: 100vw;
  height: 100vh;
}

.div-block-197 {
  width: 80vw;
  height: 35vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.div-block-198 {
  background-color: #fdebeb;
  width: 15vw;
  height: 35vh;
  margin-right: 3vw;
}

.div-block-198.hamburgermenuopen {
  background-color: #ecfdeb;
}

.div-block-199 {
  background-color: #e1ebf8;
  flex-direction: row;
  width: 15vw;
  height: 35vh;
  margin-right: 3vw;
  display: flex;
}

.div-block-200 {
  width: 180vw;
  display: flex;
}

.custom-favicon-container {
  width: 32px;
  height: 32px;
  display: none;
}

.we-landing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 300vh;
  overflow: hidden;
}

.we-intro {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.we-info {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.we-logo {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 50vw;
  height: 100vh;
  display: grid;
}

.we-intro-title {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 1vh;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  line-height: 1;
}

.we-intro-title.black {
  color: #000;
}

.we-intro-title.black.size, .we-intro-title.black.logo-intro-size {
  width: 20vw;
}

.we-intro-title.block {
  width: 15vw;
}

.we-intro-b {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.5;
}

.we-info-wrapper {
  width: 16vw;
}

.we-images {
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-201 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c13ad9242b65032f3e9b3_we-image01.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.div-block-202 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65d46cc97b119865b544e005_we-tshirt%20mockup.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 50vw;
  height: 100vh;
}

.we-logo-lockups {
  background-color: #fff;
  flex-direction: row;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.we-logos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: 100vh;
  padding: 5vw 0 5vw 5vw;
  display: grid;
}

.div-block-204 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40vw;
  height: 100vh;
  display: flex;
}

.div-block-205, .div-block-206, .div-block-207 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.image-293 {
  width: 16.5vw;
  max-width: none;
}

.image-294 {
  width: 5.5vw;
  max-width: none;
}

.image-295 {
  width: 5vw;
  max-width: none;
}

.div-block-208 {
  width: 36.5vw;
  height: 50%;
  overflow: hidden;
}

.div-block-208.margins {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 5vw;
  display: flex;
}

.lottie-animation-39 {
  height: 100%;
  position: relative;
  top: 5vh;
}

.div-block-209 {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 1%;
  display: flex;
}

.div-block-210 {
  justify-content: center;
  align-items: center;
  width: 90vw;
  display: flex;
}

.lottie-animation-40 {
  width: 90vw;
  position: relative;
  top: 4.6vh;
  right: 3.8vw;
  overflow: hidden;
}

.div-block-211 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 25vw;
  display: grid;
  overflow: hidden;
}

.div-block-212 {
  z-index: 2;
  background-image: radial-gradient(circle at 50% 35%, #0000, #000 28%);
  height: 100%;
  position: relative;
}

.we-tagline {
  background-color: #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.text-block-37 {
  color: #000;
  font-family: Founders grotesk, sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1;
}

.text-block-37.white {
  color: #fff;
  margin-bottom: 0;
  position: static;
  top: 0;
}

.text-block-37.margin {
  color: #fff;
  margin-bottom: 2vh;
}

.text-block-38 {
  text-align: center;
  width: 21vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.2;
}

.div-block-213 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-214 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 10vh;
  display: flex;
}

.div-block-215 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: auto;
  display: flex;
}

.image-296 {
  width: 60vw;
  max-width: none;
}

.tagline-2 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 150vh;
}

.image-297 {
  width: 44vw;
  max-width: none;
}

.we-typography {
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-216 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-top: 29vh;
  padding-bottom: 29vh;
  padding-left: 10vw;
  display: flex;
}

.div-block-217 {
  width: 50vw;
  height: 100vh;
}

.image-298 {
  flex: 0 auto;
  max-width: none;
}

.div-block-218 {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex: 0 auto;
  grid-template-rows: 2vh 2vh;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  width: 100%;
  display: grid;
}

.image-299, .image-300, .image-301, .image-302 {
  max-width: none;
  height: 2.5vh;
}

.div-block-218-copy {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex: 0 auto;
  grid-template-rows: 2vh 2vh;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  width: 100%;
  display: grid;
}

.image-299-copy, .image-302-copy {
  max-width: none;
  height: 2.5vh;
}

.div-block-216-copy {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding: 29vh 5vw 29vh 4vw;
  display: flex;
}

.div-block-219, .div-block-220 {
  width: 100%;
  height: 18vh;
  margin-bottom: 10vh;
}

.material-palette {
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-221 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 80vw;
  height: 35.5vh;
  display: grid;
}

.image-303 {
  width: 80vw;
  max-width: none;
}

.image-304 {
  z-index: 2;
  position: relative;
}

.image-305 {
  width: 80vw;
  max-width: none;
}

.div-block-222 {
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 3vh;
  margin-bottom: 3vh;
  display: flex;
}

.div-block-223 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.we-idliwale-mini {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-224, .div-block-225 {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mini-schematic {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c10b105360cacc06ac1b0_grid%20background.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.schematic {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65800cadc69448fefa37c7e7_mini-schematc.webp");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 70vh;
  width: 50vw;
  height: 100vh;
}

.div-block-227 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-top: 40vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.text-block-39 {
  font-family: Founders grotesk text, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1;
}

.image-flood {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 200vh;
  padding: 2vw;
  display: grid;
}

.image-306 {
  width: 35vw;
  max-width: none;
}

.image-307 {
  width: 25vw;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.image-308 {
  width: 29vw;
  max-width: none;
  margin-left: auto;
}

.image-309 {
  z-index: 2;
  width: 40vw;
  max-width: none;
  margin-top: 60vh;
  position: relative;
}

.image-310 {
  width: 30vw;
  max-width: none;
  margin-top: 37.5vh;
  margin-left: 38vw;
}

.background-video-26 {
  z-index: 5;
  width: 24.5vw;
  height: 53.5vh;
  margin-top: 61vh;
  margin-left: auto;
}

.image-311 {
  z-index: 0;
  width: 31.35vw;
  max-width: none;
  margin-top: 97.5vh;
  margin-left: 15.85vw;
  position: relative;
}

.image-312 {
  width: 37.2vw;
  max-width: none;
  margin-top: 103.33vh;
  margin-left: auto;
}

.image-313 {
  width: 32.2vw;
  max-width: none;
  margin-top: 142vh;
}

.receipt-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-314 {
  width: 20vw;
  max-width: none;
}

.receipt-application-2 {
  background-color: #eaeaea;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-228 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65d462091a417759e6041a01_we-clear-plate.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  width: 35vw;
  height: 100vh;
}

.div-block-229 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c10c2791d14c32b931e44_menu-mockup-02.webp");
  background-position: 50%;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.receipt-application-1 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.cards {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c10c19242b65032f20879_cards-mockup.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 45vw;
  height: 100vh;
}

.we-social-media {
  background-color: #000;
  padding-bottom: 5vw;
  padding-left: 5vw;
  padding-right: 5vw;
}

.div-block-230 {
  justify-content: center;
  align-items: center;
  height: 22vh;
  display: flex;
}

.div-block-231 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.we-packaging {
  background-color: #f2f2f2;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.we-packaging.margins {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65d5f7ec9a00376b5215e9a6_Kadle-Pudi-Mockups.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5vw;
}

.we-title {
  color: #000;
  margin-bottom: 5vh;
  font-family: Founders grotesk, sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 1;
}

.we-title.white {
  color: #fff;
  margin-bottom: 0;
  position: static;
  top: 0;
}

.we-para {
  width: 50vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 1;
}

.we-para.center {
  text-align: center;
  width: 55vw;
}

.we-para.packaging {
  width: 16vw;
  height: 10vh;
  margin-top: 30vh;
  margin-left: -8vw;
  font-size: 1vw;
}

.lottie-animation-41 {
  margin-top: 5vw;
}

.div-block-232 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: sticky;
  top: 5vw;
}

.we-packaging-pics {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-233 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c10c10442143e3dd14975_kadle%20pudi%2001.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 101%;
  width: 50vw;
  height: 100vh;
}

.div-block-234 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c10c21d2d3506000cdba7_kadle%20pudi%2002.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 101%;
  width: 50vw;
  height: 100vh;
}

.we-quote {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
}

.we-final-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c10c3b9a7d90114dcf661_closing.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.image-316, .image-317, .image-318 {
  width: 105%;
  max-width: none;
  display: none;
}

.image-319 {
  opacity: 0;
  width: 100vw;
  max-width: none;
  height: auto;
}

.image-320, .image-321 {
  width: 100vw;
  max-width: none;
  height: auto;
}

.div-block-235 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-236 {
  width: 100vw;
  height: 300vh;
}

.div-block-237 {
  background-color: #882626;
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-238 {
  background-color: #5d4949;
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.weidliwale-landing {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65c0967b78c33935f5b8c157_weidliwale-landing.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.div-block-239 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e5dfdf;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-322 {
  width: auto;
  max-width: none;
  height: 100vh;
  display: none;
}

.image-323 {
  width: 100vw;
  max-width: none;
  height: auto;
  overflow: hidden;
}

.image-324 {
  width: auto;
  max-width: none;
  height: 100vh;
  display: none;
}

.we-intro-body {
  color: #1c1c1c;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.we-intro-body.white {
  color: #fff;
}

.we-intro-body.center {
  text-align: center;
}

.we-intro-body.center.width {
  width: 20vw;
}

.we-intro-body.center.width.white {
  color: #fff;
  text-align: left;
  width: 15vw;
}

.we-intro-body.center.width-2 {
  width: 20vw;
  display: none;
}

.we-intro-body.width-3 {
  width: 10vw;
  margin-top: 30vh;
}

.we-intro-body.width-4 {
  width: 20vw;
}

.we-intro-body.width-of-logo-copy {
  width: 21vw;
}

.div-block-240 {
  width: 10vw;
  margin-left: 10vw;
}

.section-36 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.lottie-animation-42, .lottie-animation-43 {
  width: 20vw;
}

.image-327, .image-328, .image-329, .image-330 {
  display: none;
}

.image-331 {
  z-index: 3;
  position: relative;
  top: 10vh;
  left: 10vw;
}

.image-332 {
  z-index: 4;
  position: relative;
  top: 15.7vh;
  left: -3vw;
}

.image-333 {
  z-index: 1;
  position: relative;
  top: -11.5vh;
  left: 8.5vw;
}

.image-334 {
  z-index: 2;
  position: relative;
  top: -7.9vh;
  left: -4.4vw;
}

.we {
  width: 5vw;
  max-width: none;
}

.div-block-241 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.div-block-242 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/657c45b56177ba463e355581_tagline%202.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 50vw;
  height: 100vh;
}

.image-335 {
  width: 100%;
  max-width: none;
}

.image-336, .image-337 {
  width: 100%;
}

.div-block-243 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65d4b5527724ad566b31cc73_Kadle-Pudi-Mockups.webp");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.div-block-244 {
  flex-direction: row;
  display: flex;
}

.idli-project-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.dd-idli {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.idli-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.idli-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65c0967b78c33935f5b8c157_weidliwale-landing.webp");
  background-position: 56%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
}

.idli-bg {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65e9d597c6c3b6c26c46640c_idli-hover-background.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.idli-bg-mobile {
  display: none;
}

.idli-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64cb8351a1ba8a68d792a0ac_tote-and-socks.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-idli {
  background-color: #fff;
}

.sw-image-idli {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65c0967b78c33935f5b8c157_weidliwale-landing.webp");
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.circus-container {
  background-color: #0000;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.circus-container.half-size {
  height: 50vh;
}

.circus-logo-div {
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-right: 6vw;
  display: flex;
}

.circus-content-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-left: 8vh;
  display: flex;
}

.circus-content-div.dark-bg, .circus-intro-section {
  background-color: #1e1e1e;
}

.circus-logo-animation-div {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-338 {
  clear: none;
  flex: 0 auto;
  align-self: center;
  width: auto;
  height: auto;
  position: static;
  inset: 0%;
}

.div-block-245 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-339 {
  height: 100vh;
}

.quick-stack {
  flex: 1;
  padding: 100px 140px;
}

.circus-description-text {
  color: #8a98b4;
  padding-top: 20px;
}

.circus-description-text.centre {
  text-align: center;
}

.circus-logo-grid {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.circus-text-grid {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  height: auto;
  padding-right: 7vw;
  display: flex;
}

.image-340 {
  height: 6vh;
}

.image-341 {
  height: 8vh;
}

.div-block-246, .div-block-247 {
  display: flex;
}

.circus-div {
  width: 50vw;
  height: 100vh;
}

.circus-colour {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
}

.circus-image-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
}

.circus-image-div.before {
  background-image: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.circus-image-div.carousel {
  display: none;
}

.circus-image-div.before-copy {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.circus-image-div.before-tnc, .circus-image-div.after-tnc {
  background-image: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.slider-8 {
  width: 50vw;
}

.image-342 {
  flex: 0 auto;
}

.circus-typography {
  background-color: #dcff9c;
}

.circus-container-centre {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: flex;
}

.circus-type-div {
  justify-content: flex-start;
  align-items: stretch;
  width: 48vw;
  margin-bottom: 8vh;
  margin-left: 8vw;
  display: flex;
}

.circus-line {
  border-top: 1px solid #000;
  width: auto;
  margin-top: .5vh;
  padding-top: .5vh;
}

.circus-titles-type, .circus-body-type, .circus-accent-type {
  width: 11vw;
  margin-right: 6vw;
}

.image-343 {
  height: 15vh;
}

.image-344 {
  width: 27vw;
  max-width: none;
}

.image-345 {
  max-width: none;
  height: 8vh;
}

.image-346 {
  max-width: none;
  height: 12vh;
}

.image-347 {
  max-width: none;
  height: 8vh;
}

.div-block-248, .div-block-249 {
  margin-top: 2vh;
}

.circus-sidescroll-container {
  z-index: 1001;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 50vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: static;
  top: 50vh;
  overflow: hidden;
}

.circus-before-after {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.div-block-250 {
  justify-content: flex-start;
  align-items: center;
  width: 100vh;
  height: 50vh;
  display: flex;
  position: sticky;
  top: 0;
}

.circus-rebrand {
  background-color: #fff;
  display: flex;
}

.circus-quote {
  color: #fff;
  background-color: #1e1e1e;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.circus-quote-text {
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.circus-underwear {
  background-color: #dcff9c;
}

.image-348 {
  width: 100vw;
}

.circus-full-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/664f4695a13c9d29276ba526_circus-underwear-full.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.circus-full-image.before-after {
  justify-content: center;
  align-items: flex-start;
}

.circus-full-image.circus-underwear {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/665090e86c58fb039de6e6ee_circus-underwear-full.webp");
}

.circus-full-image.se-background {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66505cb5d532c4b291da6074_circus-se-underwear-bg.svg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
}

.div-block-251 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/668f8bdda4726422a206ba9e_circus-couple-model-2.webp");
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.circus-couple-image {
  background-color: #fff;
}

.circus-waistband-flood {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1e1e1e;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 200vh;
  display: grid;
}

.div-block-252 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66505d874fad8d14fee63b98_circus-se-underwear.webp");
  background-position: 50%;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  position: relative;
}

.image-349 {
  width: 30vw;
  padding-top: 15vh;
  padding-bottom: 15vh;
}

.background-video-27 {
  flex: 0 auto;
  align-self: auto;
  width: 100vw;
  height: 100vh;
  display: block;
  overflow: hidden;
}

.div-block-253 {
  background-color: #292929;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35vw;
  height: 100vh;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.image-350 {
  padding-bottom: 3vh;
}

.circus-logo-grid-div {
  justify-content: center;
  align-items: flex-start;
  padding-top: 101px;
  padding-bottom: 101px;
  padding-right: 5vw;
}

.image-351 {
  padding-bottom: 3vh;
}

.div-block-254 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/664f2d5844fddb85c011f3da_circus-palette.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 68vh;
  display: flex;
}

.background-video-28 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
}

.background-video-29 {
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
  overflow: hidden;
}

.circus-text-div {
  width: 25vw;
  padding-top: 15vh;
  padding-bottom: 15vh;
}

.circus-text-div.light-text {
  padding-left: 2vw;
}

.circus-intro-title {
  color: #fff;
  letter-spacing: 1px;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 1;
}

.circus-intro-title.dark {
  color: #000;
}

.circus-intro-body {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.circus-intro-body.dark {
  color: #000;
}

.circus-hero {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 150vh;
}

.image-352 {
  height: 6vh;
}

.image-353 {
  max-width: none;
  height: 50vh;
}

.circus-box-animation {
  background-color: #1e1e1e00;
  width: 100vw;
  height: 100vh;
}

.div-block-255 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66794ddb14f883026ae44e42_Landing%20Hero-01.svg");
  background-position: 0 0;
  width: 100vw;
  height: 1207px;
}

.lottie-animation-46 {
  flex: 0 auto;
  align-self: center;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.lottie-animation-47 {
  object-fit: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  position: static;
}

.circus-ending {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a10ed482a840acccea9bd5_circus-retail-packaging-mailer.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: static;
  top: 0;
  overflow: hidden;
}

.background-video-30 {
  width: 100vw;
  height: 100vh;
}

.div-block-257 {
  width: 100vw;
  height: 100vh;
  position: sticky;
}

.background-video-31 {
  width: 100vw;
  height: 100vh;
}

.div-block-258 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3vh 6vw;
  display: flex;
}

.circus-container-logo {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.circus-container-logo.half-size {
  height: 50vh;
}

.div-block-259 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100vh;
  padding-left: 21vw;
  padding-right: 2.5vw;
  display: flex;
}

.div-block-260 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-bottom: 15vh;
  padding-left: 2.5vw;
  display: flex;
}

.image-354, .image-355 {
  width: 15vw;
}

.image-356 {
  width: 11vw;
}

.div-block-262 {
  flex-flow: column;
}

.circus-cover {
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wb-video-styles-controller {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.wb-video-styles-controller.circus-se-underwear {
  object-fit: fill;
  width: 50vw;
}

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

.div-block-265 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circus-se-underwear-ani {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.div-block-266, .div-block-267, .background-video-32 {
  width: 50vw;
  height: 100vh;
}

.quick-stack-2 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  align-self: center;
}

.cell {
  justify-content: flex-start;
  align-items: center;
}

.cell-2 {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
}

.cell-3 {
  justify-content: flex-start;
  align-items: center;
}

.paragraph-3 {
  padding-top: 20px;
}

.circus-logos {
  grid-column-gap: 5vw;
  grid-row-gap: 5vh;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-columns: 1.25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: center;
  align-self: center;
  place-items: center;
  width: 50vw;
  max-width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.circus-logo-desc {
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  margin-left: 5vw;
  display: flex;
  overflow: hidden;
}

.div-block-269 {
  padding-left: 2vh;
}

.image-357, .image-358, .image-359 {
  height: 15vh;
}

.mokai-landing {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b48993b942527eb0673dcd_1_Landing%20Image.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.image-360 {
  width: 100vw;
  max-width: none;
}

.mokai-packaging-parallax {
  background-color: #301b17;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 90vh;
  display: flex;
}

.image-361 {
  width: 90vw;
  max-width: none;
  margin-top: -20vh;
}

.mokai-mark {
  background-color: #f5efe8;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697b6502e63dfe68b4c5593_3_MOKAI%20Logomark.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding: 10vw;
  display: none;
}

.mokai-mark-text-container {
  width: 50vh;
}

.mokai-intro-body {
  color: #1a1a1a;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.mokai-intro-body.center {
  text-align: center;
  width: 25vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.mokai-intro-body.mokai-light {
  color: #f5efe8;
  width: 20vw;
}

.mokai-hanko {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697b897c5907c9f1196df5a_4_Kraft%20BG.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mokai-hanko-text-container {
  width: 21vw;
}

.image-362 {
  width: 50vw;
  max-width: none;
}

.mokai-showcase-1 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mokai-stamp-portrait {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697c2dd0f78f5e77cb1296c_5_Left%20Column%20Image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.mokai-carousel-01 {
  background-color: #3e2b2e;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.slider-9 {
  width: 33.5vw;
  height: 75vh;
}

.left-arrow-10, .right-arrow-10 {
  display: none;
}

.and-c-carousel-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mokai-carousel-container-02 {
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 73.3vh;
  height: 58.8vh;
  margin-top: 7vw;
  display: grid;
  position: absolute;
  left: 50vw;
}

.showcase {
  background-color: #0000;
  flex-direction: column;
  width: 73.3vh;
  height: 58.8vh;
  display: flex;
}

.mokai-image-01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74b81ea0997_bag.webp");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.mokai-image-02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74bb3ea0994_food-tray.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.mokai-image-03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71bcaea09b1_bar.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.mokai-slider-image._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca0f0f1fedbffd265a79_5_Right%20Column_Image%201.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mokai-slider-image._02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca21dd6cb0be54ff250b_5_Right%20Column_Image%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mokai-slider-image._03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca20686de038c354633a_5_Right%20Column_Image%203.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mokai-palette-and-typography {
  grid-column-gap: 7.5vw;
  grid-row-gap: 7.5vw;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697b897c5907c9f1196df5a_4_Kraft%20BG.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.image-363 {
  width: 20vw;
  max-width: none;
}

.image-364 {
  width: 56vw;
  max-width: none;
  margin-top: -11.1vh;
}

.mokai-showcase-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #ba6fad;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10vh;
  display: grid;
}

.mokai-sashiko {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mokai-sashiko-text {
  background-color: #f4efe8;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-sashiko-graphic {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4d48a602cd417649dad14_Sashiko_replacement.webp");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-sashiko-text-container {
  width: 22vw;
}

.mokai-ephemera {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mokai-ephemera-text {
  background-color: #ba6fad;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-ephemera-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d30ee782f926d1d4ea8b_9_Left%20Column%20Image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-ephemera-text-container {
  width: 20vw;
}

.mokai-showcase-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b489c77c4000771be13e8d_10_Interior%20Image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.mokai-showcase-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b48add7824de25e6503841_11_Menu%20Image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.mokai-showcase-5 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b48af7c0d8acd316990921_12_Food%20Image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.mokai-showcase-6 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #3e2b2e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10vh;
  display: grid;
}

.image-365, .image-366, .image-367, .image-368, .image-369, .image-370 {
  width: 100%;
  max-width: none;
}

.mokai-coffee-cards-section {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  display: flex;
}

.mokai-coffee-cards-text-container {
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 100vh;
  display: flex;
}

.mokai-coffee-cards-container {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-items: center;
  width: 60vw;
  height: 100vh;
  padding-left: 4vw;
  display: flex;
}

.mokai-coffee-card-01 {
  width: 42vw;
  max-width: none;
  height: auto;
}

.mokai-coffee-card-02, .mokai-coffee-card-03, .mokai-coffee-card-04, .mokai-coffee-card-05, .mokai-coffee-card-06, .mokai-coffee-card-07, .mokai-coffee-card-08, .mokai-coffee-card-09, .mokai-coffee-card-10, .mokai-coffee-card-11, .mokai-coffee-card-12, .mokai-coffee-card-13, .mokai-coffee-card-14 {
  width: 42vw;
  max-width: none;
}

.div-block-270 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697b897c5907c9f1196df5a_4_Kraft%20BG.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.mokai-co-branded-coffee-labels {
  background-color: #3e2b2e;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 10vh;
  display: flex;
}

.image-371 {
  max-width: none;
  height: 80vh;
  margin-left: -5vw;
}

.mokai-co-branded-coffee-labels-text-and-carousel {
  align-self: flex-start;
  margin-top: 2vw;
  margin-left: 5vw;
}

.mokai-co-branded-coffee-labels-text-and-carousel.mobile {
  display: none;
}

.slider-10 {
  z-index: 0;
  background-color: #0000;
  width: 73.5vh;
  height: 58.8vh;
  margin-top: 7vw;
  position: absolute;
  left: 50vw;
}

.left-arrow-11, .right-arrow-11, .slide-nav-10 {
  display: none;
}

.mokai-restroom {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  display: flex;
}

.mokai-restroom-carousel-container {
  width: 50vw;
  height: 100vh;
}

.mokai-restroom-image-flood {
  background-color: #ba6fad;
  width: 50vw;
  height: 100vh;
  position: relative;
}

.slider-11 {
  width: 50vw;
  height: 100vh;
}

.left-arrow-12, .right-arrow-12, .slide-nav-11 {
  display: none;
}

.slide-26 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66991fd1b2dfa96a0c92ccba_17_Left%20Column_Image%201.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-27 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66991fd19fbed44386f7b3b0_17_Left%20Column%20Image%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mokai-restroom-sticky-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.image-372 {
  z-index: 1;
  width: 13vw;
  max-width: none;
  margin-top: -3vh;
  position: absolute;
}

.image-373 {
  z-index: 1;
  width: 11vw;
  max-width: none;
  margin-top: -10vh;
  margin-left: 21.14vw;
  position: absolute;
}

.image-374 {
  z-index: 1;
  width: 11vw;
  max-width: none;
  margin-top: 11.6vh;
  margin-left: 9.3vw;
  position: absolute;
}

.image-375 {
  z-index: 1;
  width: 13vw;
  max-width: none;
  margin-top: 16vh;
  margin-left: 31.35vw;
  position: absolute;
}

.image-376 {
  z-index: 1;
  width: 12vw;
  max-width: none;
  margin-top: 35.46vh;
  position: absolute;
}

.image-377 {
  z-index: 1;
  width: 11vw;
  max-width: none;
  margin-top: 29.5vh;
  margin-left: 21.14vw;
  position: absolute;
}

.image-378 {
  z-index: 1;
  width: 12vw;
  max-width: none;
  margin-top: 47vh;
  margin-left: 9.3vw;
  position: absolute;
}

.image-379 {
  z-index: 1;
  width: 11vw;
  max-width: none;
  margin-top: 48vh;
  margin-left: 30vw;
  position: absolute;
}

.image-380 {
  z-index: 1;
  width: 11vw;
  max-width: none;
  margin-top: 63.75vh;
  position: absolute;
}

.image-381 {
  z-index: 1;
  width: 12vw;
  max-width: none;
  margin-top: 58.75vh;
  margin-left: 15.85vw;
  position: absolute;
}

.mokai-restroom-text-container {
  width: 34.2vw;
  margin-left: 6.52vw;
  position: absolute;
  bottom: 11.3vh;
}

.mokai-restroom-image-flood-container {
  z-index: 2;
  width: 50vw;
  height: 100vh;
  padding-left: 3vw;
  padding-right: 3vw;
  display: block;
  position: relative;
}

.mokai-showcase-7 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b48c5d81f8fecd7c897274_18_Interior%20Image%201.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.showcase-01 {
  background-color: #0000;
  flex-direction: column;
  width: 33.5vw;
  height: 74.5vh;
  display: flex;
}

.mokai-carousel-container-01 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 33.5vw;
  height: 74.5vh;
  display: grid;
  position: absolute;
}

.showcase-02 {
  background-color: #0000;
  flex-direction: column;
  width: 73.3vh;
  height: 58.8vh;
  display: flex;
}

.mokai-carousel-container-04 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: static;
  left: 50vw;
}

.mokai-carousel-container-04.hide {
  display: none;
}

.showcase-04 {
  background-color: #0000;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mokai-carousel-container-03 {
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: grid;
  position: static;
  left: 50vw;
}

.showcase-03 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-showcase-8 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #3e2b2e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10vh;
  display: grid;
}

.image-382, .image-383, .image-384 {
  width: 100%;
  max-width: none;
}

.circus-slide._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca0f0f1fedbffd265a79_5_Right%20Column_Image%201.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-slide._02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca21dd6cb0be54ff250b_5_Right%20Column_Image%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-slide._03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca20686de038c354633a_5_Right%20Column_Image%203.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-slide.slide-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b7c54a6517e1063cb_circus-social-carousel-01.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.circus-slide.slide-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b206dc486ff59070d_circus-social-carousel-02.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-slide.slide-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067bf7a2507304a9f455_circus-social-carousel-03.webp");
  background-position: 50%;
}

.circus-slide.slide-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b4cd0a513008dce5a_circus-social-carousel-04.webp");
}

.circus-slide.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b1c56ac6a51ba2d19_circus-social-carousel-05.webp");
}

.circus-showcase {
  background-color: #0000;
  flex-direction: column;
  width: 40vw;
  height: 40vh;
  display: flex;
}

.circus-mask {
  width: 40vw;
}

.div-block-271 {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.background-video-33 {
  width: 35vw;
  height: 65vh;
}

.circus-flood {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column-reverse;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  width: 100vw;
  height: 200vh;
  padding: 2vw;
  display: grid;
  position: static;
  top: 0;
  overflow: hidden;
}

.circus-flood-image-1 {
  width: 27vw;
  max-width: none;
  margin-left: 5vw;
  padding-right: 41px;
  position: static;
  inset: 1vh 1vw;
}

.circus-flood-image-2 {
  width: 27vw;
  max-width: none;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: auto;
  position: static;
  inset: 1vh 1vw;
}

.circus-flood-image-3 {
  width: 27vw;
  max-width: none;
  margin-top: 48px;
  margin-left: 5vw;
  position: static;
  inset: 1vh 1vw;
}

.circus-flood-image-4 {
  width: 27vw;
  max-width: none;
  margin-top: 3vh;
  margin-left: 11vw;
  position: static;
  inset: 1vh 1vw;
}

.circus-flood-image-5 {
  width: 27vw;
  max-width: none;
  margin-top: -5vh;
  margin-left: 34vw;
  position: static;
  inset: 1vh 1vw;
}

.circus-flood-image-6 {
  width: 27vw;
  max-width: none;
  margin-top: -67vh;
  margin-left: 55vw;
  position: static;
  inset: 1vh 1vw;
}

.circus-valentines-pic {
  background-color: #1e1e1e00;
  width: 100vw;
  height: 100vh;
}

.circus-valentines {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a545855d2f37f4be4a21b_circus-valentines-2.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-272 {
  width: 100vw;
  height: 200vh;
  margin-top: -25vh;
}

.circus-ui-mock {
  background-color: #dcff9c;
  width: 100vw;
  height: 100vh;
}

.circus-ui {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-273 {
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 70vw;
  height: 25vw;
  display: flex;
  box-shadow: 9px 10px 16px #0003;
}

.div-block-274 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 43vw;
  height: 100%;
  padding-left: 12vw;
  padding-right: 12vw;
  display: flex;
}

.circus-ui-vidbox {
  z-index: 100;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 29.5vw;
  height: 25vw;
  overflow: visible;
}

.background-video-34 {
  order: 0;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0;
}

.paragraph-4 {
  text-align: center;
  width: 15vw;
  margin-bottom: 2vh;
  font-size: 18px;
  line-height: 30px;
}

.button-3 {
  color: #dcff9c;
  text-align: justify;
  overflow-wrap: normal;
  background-color: #8d9ab7;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 6vw;
  height: 5vh;
  margin-top: .2vh;
  display: flex;
}

.div-block-275 {
  background-color: #8d9ab7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 7vw;
  height: 4vh;
  display: flex;
}

.text-block-40 {
  color: #dcff9c;
  text-align: center;
  text-transform: uppercase;
  width: 5vw;
  font-family: Founders grotesk, sans-serif;
  font-size: 20px;
}

.circus-packaging-boxes {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.circus-packaging-square {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vh;
  display: flex;
}

.circus-packaging-square.handtags {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167f6fdc1972db64024b_circus-packaging-handtags.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-packaging-square.packaging-cards {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167e1369544e5ca85586_circus-packaging-cards.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-packaging-square.drawstring-bags {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3c787d47aa88fab24e3bc_circus-packaging-drawstringBag.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-packaging-square.closed-box {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167f690203c0a5235399_circus-packaging-drawstringBag.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-packaging-square.box-tear {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167f6fdc1972db64024b_circus-packaging-handtags.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-packaging-square.box-open {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167f6fdc1972db64024b_circus-packaging-handtags.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.circus-packaging-square.mailer {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167ebba76faceaa881bc_circus-packaging-mailer.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circus-ecomm-packaging {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100vw;
  height: 100vh;
  display: none;
}

.image-385 {
  height: 8vh;
}

.circus-moms-andcircus {
  color: #000;
  text-align: center;
  margin-bottom: 2vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.circus-moms-andcircus.dark {
  color: #000;
}

.circus-ecom-half {
  width: 50vw;
  height: 100vh;
}

.circus-ecom-full {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a167ebba76faceaa881bc_circus-packaging-mailer.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.background-video-35 {
  width: 100vw;
  height: 100vh;
}

.div-block-276 {
  margin-top: 0;
}

.div-block-277 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50vw;
  display: flex;
}

.circus-container-underwear {
  background-color: #0000;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.circus-container-underwear.half-size {
  height: 50vh;
}

.div-block-278, .div-block-281 {
  display: none;
}

.lottie-animation-48 {
  display: block;
}

.circus-colour-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-282 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a38bd36a12f61ddf5b1619_circus-colour-palette.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40vw;
  height: 60vh;
}

.slide-7-circus {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a39960ddade41b9a900bde_circus-social-carousel-04.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.circus-images {
  background-color: #f7f7f7;
  flex-direction: row;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.circus-palette-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.circus-palette {
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 100%;
  padding: 5vh;
  display: flex;
}

.circus-colour-palette {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 50vw;
  margin-bottom: 4vh;
  display: grid;
  overflow: hidden;
}

.circus-carousel {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50vw;
  display: flex;
  overflow: hidden;
}

.circus-colour-application {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dd-and-circus {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.and-circus-dropdown {
  background-color: #0000;
  position: static;
}

.and-circus-dropdown.w--open {
  background-color: #0000;
}

.circus-bg {
  z-index: 0;
  opacity: 0;
  background-color: #1e1e1e;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.circus-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.circus-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3a859262e90bcddd0f49f_%26C-Social.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.sw-circus {
  background-color: #fff;
}

.sw-image-circus {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3a859262e90bcddd0f49f_%26C-Social.png");
  background-position: 50%;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.circus-textblock {
  color: #000;
  letter-spacing: -.5px;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vh;
  font-weight: 300;
  line-height: 1;
}

.circus-sub-title {
  color: #000;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 1vh;
  font-size: 1.1vh;
}

.text-block-31-copy {
  color: #868686;
  font-family: Founders grotesk text, sans-serif;
  font-size: 1.5vh;
  font-weight: 300;
  line-height: 1;
}

.circus-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7c50bea0a60_apple-cinnamon-scene.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.project-name-circus {
  letter-spacing: -.3vw;
  width: 100%;
  height: auto;
  margin-bottom: 3vh;
  font-family: Founders grotesk text, sans-serif;
  font-size: 6.25vw;
  font-weight: 300;
  line-height: .8;
  display: flex;
}

.div-block-283 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a740f96147a87fd90518fe_circus-logo-explained.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  order: 1;
  align-self: center;
  width: 80%;
  height: 80%;
}

.div-block-284 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  object-fit: cover;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 100vw;
  height: 100vh;
  padding: 2vh;
  display: grid;
  overflow: hidden;
}

.image-386 {
  height: 324.375px;
}

.image-387 {
  overflow: hidden;
}

.circus-social {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 50%;
  padding: 5vh;
  display: grid;
}

.circus-social.mobile {
  display: none;
}

.div-block-285 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3b319acc8a56b0b1529ee_circus-colour-palette.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50vw;
  height: 70vh;
}

.circus-sidescroll {
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 200vh;
}

.circus-camera {
  z-index: 100;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 50vh;
  display: flex;
  position: sticky;
  top: 50vh;
  overflow: hidden;
}

.image-397 {
  max-width: none;
  height: 50vh;
}

.div-block-286 {
  background-color: #8d9ab7;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  display: flex;
}

.div-block-287 {
  height: 200vh;
}

.image-398 {
  width: 75%;
}

.slide-28 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b48b1f2562e371f6dac201_17_Left%20Column_Image%201.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.slide-29 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b48b674e3d0d28eaf6a8b7_17_Left%20Column%20Image%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.mokai-project-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.dd-mokai {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.mokai-bg-mobile {
  display: none;
}

.mokai-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.mokai-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4a200f125e55ce650bc6b_Listing%20Page_Bag%20Shoot.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-bg {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4be274b844c4bddb5046a_Listing-page_Dark-Kraft-BG.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.mokai-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64cb8351a1ba8a68d792a0ac_tote-and-socks.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-mokai {
  background-color: #fff;
}

.sw-image-mokai {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4a200f125e55ce650bc6b_Listing%20Page_Bag%20Shoot.webp");
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.image-399 {
  max-width: 50%;
}

.image-400 {
  max-width: 50%;
  margin-left: 0;
}

.mokai-typography-mobile {
  display: none;
}

.mokai-titles-mobile {
  width: 11vw;
  margin-right: 6vw;
}

.mokai-line {
  border-top: 1px solid #000;
  width: auto;
  margin-top: .5vh;
  padding-top: .5vh;
}

.image-401, .div-block-288, .image-403 {
  display: none;
}

.mokai-showcase-6-mobile {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #3e2b2e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10vh;
  display: none;
}

.mokai-restroom-mobile {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  display: none;
}

.mokai-carousel-container-mobile {
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: grid;
  position: static;
  left: 50vw;
}

.mokai-showcase-8-mobile, .mokai-showcase-2-mobile, .mokai-showcase-1-mobile {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #3e2b2e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10vh;
  display: none;
}

.mokai-mark-mobile {
  background-color: #f5efe8;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-289 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80vw;
  height: 60vh;
  margin: 15vw;
  display: flex;
}

.image-405 {
  width: 100%;
  margin-top: -25vh;
}

.image-406 {
  display: none;
}

.mokai-showcase-2-mobile-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #3e2b2e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10vh;
  display: none;
}

.mokai-carousel-02 {
  background-color: #3e2b2e;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.mokai-quote {
  color: #fff;
  background-color: #ba6fad;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.mokai-quote-text {
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.caresmith-landing {
  background-image: linear-gradient(135deg, #36ffc1, #00ce43);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.caresmith-landing-video {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.caresmith-intro {
  background-color: #1e1e1e;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.caresmith-intro-logo {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.caresmith-logo {
  width: 27vw;
  max-width: none;
}

.caresmith-values {
  background-image: linear-gradient(-33deg, #dbdbdb, #fff);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-290 {
  width: 40vw;
  height: 40vw;
}

.image-408 {
  width: 40vw;
  margin-top: 15vh;
  margin-left: 4vw;
  position: relative;
}

.background-video-36 {
  z-index: 10;
  width: 30vw;
  height: 30vw;
  top: 20.1vh;
  left: 10vw;
}

.background-video-37 {
  z-index: 10;
  width: 35vw;
  height: 35vw;
}

.background-video-38 {
  z-index: 5;
  width: 50vw;
  height: 45vw;
}

.background-video-39 {
  z-index: 10;
  width: 25vw;
  height: 25vw;
}

.background-video-40 {
  z-index: 5;
  width: 30vw;
  height: 30vw;
}

.background-video-41, .background-video-42 {
  z-index: 5;
  width: 30vw;
}

.code-embed {
  width: 30vw;
  height: 30vw;
}

.background-video-43 {
  z-index: 1;
  width: 30vw;
}

.transparent-video-container {
  display: none;
}

.image-409 {
  z-index: 1;
  width: 30vw;
  height: 30vw;
  position: relative;
  top: 23vh;
  left: 12vw;
}

.background-video-44 {
  width: 100vw;
  height: 100vh;
}

.background-video-45 {
  width: 100%;
  height: 100%;
  display: none;
}

.background-video-46 {
  width: 100%;
  height: 100%;
}

.code-embed-2 {
  z-index: 100;
  width: 30vw;
  height: 30vw;
  position: relative;
  top: 21vh;
  left: 15vw;
}

.background-video-47 {
  z-index: 5;
  width: 30vw;
  height: 30vw;
}

.section-37, .background-video-48 {
  width: 100vw;
  height: 100vh;
}

.div-block-291 {
  z-index: 5;
  width: 30vw;
  height: 30vw;
  position: relative;
}

.caresmith-orchestra {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.cs-orchestra-writeup {
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 100vh;
  display: flex;
}

.cs-orchestra-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66ed6fb80a7df6e3f5a8f230_S2-Concept-Note.webp"), linear-gradient(#e9d1d3, #e6c7ca);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 102vh, auto;
  width: 50vw;
  height: 100vh;
}

.caresmith-sub-brands {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center stretch;
  width: 100vw;
  height: 60vh;
  padding-bottom: 5vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: grid;
}

.cs-sub-brand {
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 10vw;
  display: flex;
}

.div-block-293 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-42 {
  font-family: Founders grotesk, sans-serif;
  font-size: 3.33vw;
  font-weight: 400;
  line-height: 1;
}

.background-video-49 {
  width: 10vw;
  height: 10vw;
}

.background-video-50 {
  width: 9vw;
  height: 9vw;
}

.cs-sub-brand-subtext {
  color: #1a1a1a;
  width: 10vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.5;
}

.cs-sub-brand-subtext.center {
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.cs-sub-brand-subtext.center.margins {
  margin-top: 1vh;
  margin-bottom: 0;
  font-size: 18px;
}

.background-video-51, .background-video-52 {
  width: 10vw;
  height: 10vw;
}

.background-video-53 {
  width: 9vw;
  height: 9vw;
}

.background-video-54 {
  width: 10vw;
  height: 10vw;
}

.caresmith-typography {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.cs-typography-1 {
  background-image: linear-gradient(135deg, #dbdbdb, #fff);
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.div-block-295 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66f3c648a99ee1e603fc9bbc_typography-background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.image-410 {
  width: 70%;
  max-width: none;
}

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

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

.bloom-transparent-video {
  z-index: 50;
  width: 20vw;
  height: 20vw;
  position: relative;
  top: 30vh;
  left: 7.2vw;
}

.code-embed-3 {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 20vw;
  display: flex;
}

.code-embed-4 {
  z-index: 100;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.code-embed-5 {
  z-index: 10000;
  width: 30vw;
  height: 30vw;
  position: relative;
}

.image-412 {
  width: 40vw;
  max-width: none;
}

.spark-transparent-video {
  z-index: 50;
  width: 20vw;
  height: 20vw;
  position: relative;
  top: 15vh;
  left: 32.6vw;
  transform: rotate(-17deg);
}

.revive-transparent-video {
  z-index: 50;
  width: 20vw;
  height: 20vw;
  position: relative;
  top: 50.2vh;
  left: 30.5vw;
}

.logo-comparison {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
}

.logo-comparison-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.div-block-297 {
  width: 50vw;
  height: 100vh;
}

.wrapper-x {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 64vw;
  height: 40vh;
  display: none;
  position: relative;
}

.before-x {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.after-x {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.image-413 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66f28ff11d0fb2305fd2d485_old-logo.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 26vw;
  width: 26vw;
  max-width: none;
  display: none;
}

.image-414 {
  display: none;
}

.handle-x {
  z-index: 2;
  width: 3vw;
  margin-left: -1.5vw;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.image-415 {
  width: 2vw;
  max-width: none;
  height: auto;
}

.logo-comparison-holder {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.logo-comparison-writeup {
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 50vh;
  padding-top: 5vh;
  display: flex;
}

.div-block-298 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66eacb0885b62e2170bf593f_values.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 60vw;
  display: grid;
}

.before_image-x {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.after_image-x {
  pointer-events: none;
  width: 64vw;
  min-width: 64vw;
  max-width: 64vw;
}

.container {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.handle_inner_line {
  background-color: #000;
  width: 100%;
  height: 46%;
}

.after {
  z-index: 2;
  pointer-events: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66f428e70ec655cadad0ca9a_old-logo_2.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 64vw;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.after.mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67dd6a43ee01210deeaf297b_6fba0efb337d53428a428b0d442cf3f6_Caresmith_Wordmark_Before.svg");
  display: none;
}

.handle {
  z-index: 2;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
}

.after_image {
  pointer-events: none;
  width: 160rem;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.after_image.no-select {
  width: 64vw;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

.before {
  pointer-events: none;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.wrapper {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 64vw;
  height: 60vh;
  display: flex;
  position: relative;
}

.wrapper.mobile {
  display: none;
}

.wrapper.colour.px {
  width: 80vh;
  height: 80vh;
}

.handle_inner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.handle_inner_circle {
  background-color: #f7f7f7;
  border: 2px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.handle_icon {
  color: #000;
  width: 3rem;
  height: 1.5rem;
}

.container-3 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-3.px {
  width: 80vh;
}

.before_image {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: none;
}

.before_image.no-select {
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

.caresmith-playbook {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.cs-playbook-writeup {
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 100vh;
  display: flex;
}

.cs-playbook-creatives {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 60vw;
  height: 100vh;
  display: grid;
}

.image-416 {
  z-index: 1;
  width: 26vw;
  max-width: none;
  position: relative;
}

.image-416:hover {
  z-index: 5;
}

.image-417 {
  z-index: 2;
  width: 26vw;
  max-width: none;
  position: relative;
}

.image-417:hover {
  z-index: 5;
}

.image-418 {
  z-index: 3;
  width: 26vw;
  max-width: none;
  position: relative;
}

.image-418:hover {
  z-index: 5;
}

.image-419 {
  z-index: 4;
  width: 26vw;
  max-width: none;
  position: relative;
}

.image-419:hover {
  z-index: 5;
}

.div-block-299 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.cs-a-plus-content {
  background-color: #e5e5e5;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66fe9ee7b7c6c14386fb1f9d_A-plus-background-3.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.code-embed-6 {
  position: relative;
  top: -42.4vh;
  left: -21.8vw;
  transform: rotate(158deg);
}

.code-embed-7 {
  width: 60vw;
  height: 30vh;
  position: relative;
  top: -30.7vh;
  left: 13.5vw;
  transform: rotate(-12deg);
}

.code-embed-8 {
  z-index: 1;
  width: 50vw;
}

.code-embed-9 {
  z-index: 10;
  width: 100vw;
  height: 100vh;
}

.caresmith-guidelines {
  width: 100vw;
  max-width: none;
}

.cs-products {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.product {
  width: 33.33vw;
  height: 100%;
}

.product._1 {
  background-image: linear-gradient(135deg, #0562b4, #00489d);
  justify-content: center;
  align-items: center;
  display: flex;
}

.product._2 {
  background-image: linear-gradient(135deg, #a9e47f, #97e35e);
  justify-content: center;
  align-items: center;
  display: flex;
}

.product._3 {
  background-image: linear-gradient(135deg, #01e0c9, #019187);
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-420 {
  z-index: 1;
  width: 30vw;
  max-width: none;
  position: relative;
}

.image-421, .image-422 {
  max-width: none;
  height: 80vh;
}

.cs-playbook-1, .cs-playbook-2, .cs-playbook-3, .cs-playbook-4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-423, .image-424, .image-425, .image-426 {
  width: 1vw;
  max-width: none;
  margin-left: 1vw;
}

.cs-playbook {
  background-color: #303030;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.code-embed-10 {
  width: 50vw;
  height: 100vh;
}

.cs-playbook-descriptor {
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 100vh;
  display: flex;
}

.cs-playbook-color-application {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 70vw;
  height: 100vh;
  display: grid;
}

.div-block-302 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 15vw;
  height: 10vh;
  display: flex;
}

.text-block-43 {
  color: #fff;
  font-family: Founders grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.div-block-303 {
  margin-bottom: auto;
}

.div-block-304 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #444343;
  border-top-left-radius: 2vh;
  border-top-right-radius: 2vh;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 7.5vh;
  padding: 1vh;
  display: flex;
}

.custom-color-picker-button {
  background-color: #0000;
  border-radius: 50%;
  width: 4vh;
  height: 4vh;
}

.color-picker-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4vh;
  height: 4vh;
  display: flex;
}

.model-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90vh;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.color-pickers {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  background-color: #444343;
  border-top-left-radius: 2.5vh;
  border-top-right-radius: 2.5vh;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 10vh;
  padding: 2vh;
  display: flex;
}

.input {
  color: #3330;
  border-radius: 50%;
  width: 4vh;
  height: 4vh;
}

.label {
  color: #fff;
  text-align: center;
  width: 4vw;
  font-family: Founders grotesk, sans-serif;
  font-weight: 400;
  position: relative;
  top: 0;
}

.model-viewer {
  width: 100%;
  height: 100%;
}

.form {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-color-picker {
  border-radius: 50%;
  width: 4vh;
  min-width: 4vh;
  height: 4vh;
  min-height: 4vh;
}

.before-copy {
  pointer-events: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66f428a5facacc80f7be8436_new-logo_2.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 64vw;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.before-copy.mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67dd691f34c9d858def6d4b5_db10409fcf5d18d84211dc0908c0080e_Caresmith_Wordmark_After-01.svg");
  display: none;
}

.ishaan {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.ishaan:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.ishaan.lest {
  padding-left: 0;
  left: -14.1vw;
}

.caresmith-social {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-305 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679b205db27b9da90dd79484_caresmith-billboard-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.div-block-306 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679b20a80f92a592a5e30316_caresmith-building-hoarding.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 100vh;
}

.shree {
  max-width: none;
  height: 50vh;
  position: relative;
  transform: rotate(-11deg);
}

.shree:hover {
  z-index: 5;
  transform: rotate(-11deg);
}

.shree.lest {
  padding-left: 0;
  left: -14.1vw;
}

.option-01 {
  pointer-events: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6799eb8901a698790b0a2747_CS-Colour-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 64vw;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.option-01.mobile.px {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6853e0c01bed748ae567f580_Displacement-Comparison-After.webp");
  background-size: cover;
}

.option-02 {
  z-index: 2;
  pointer-events: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6799eb8905a6727a435fc1d8_CS-Colour-1.webp");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 64vw;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.option-02.mobile.px {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6853e0cf5d1707de09640a30_Displacement-Comparison-Before.webp");
  background-size: cover;
}

.cs-social-media {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffac33dbb87f12b42ea_cs-social-background.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end center;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.cs-social-media-device {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffba36a3a932ccd0bdb_cs-social-device.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 74.07vh 96.2vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: end flex-start;
  place-items: flex-start start;
  width: 74.07vh;
  height: 96.2vh;
  padding: 21.6vh 3.96vh 7.79vh 3.71vh;
  display: flex;
  overflow: hidden;
}

.cs-social-carousel-container {
  pointer-events: auto;
  cursor: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end center;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.cs-social-carousel {
  cursor: none;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.cs-social-01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffaa36a3a932ccd0b50_cs-social-post-01.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  overflow: hidden;
}

.cs-social-01.circus-crousel-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b7c54a6517e1063cb_circus-social-carousel-01.webp");
}

.cs-social-02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffb0736940d2838c5cc_cs-social-post-02.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cs-social-02.circus-crousel-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b206dc486ff59070d_circus-social-carousel-02.webp");
}

.cs-social-03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffbd72df232bcb80de7_cs-social-post-06.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cs-social-03.circus-crousel-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3996049d8a96e28ef9452_circus-social-carousel-05.webp");
}

.cs-social-04 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffb8d8e9ee55094af95_cs-social-post-04.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cs-social-05 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffa17a876162e2cad3d_cs-social-post-05.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cs-social-06 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffade1feacfcb633f18_cs-social-post-03.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  overflow: hidden;
}

.cs-social-media-conainer-mask {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cs-social-media-device-container {
  z-index: 10;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679a0ffba36a3a932ccd0bdb_cs-social-device.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 41.66vw;
  height: 96.2vh;
  display: none;
  position: relative;
}

.div-block-307 {
  background-color: #1f99db5c;
  width: 100%;
  height: 100%;
}

.caresmith-print {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cs-packaging {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/679b3db3961a87cb82b07ec2_cs-packaging.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.cs-packaging.mobile {
  display: none;
}

.section-38 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.caresmith-playbook-old {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 150vh;
  display: none;
}

.image-427 {
  width: auto;
  max-width: none;
  height: 60vh;
}

.image-428, .image-429, .image-430, .image-431 {
  max-width: none;
  height: 60vh;
}

.sw-caresmith {
  background-color: #fff;
}

.sw-image-caresmith {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.caresmih-bg {
  z-index: 0;
  opacity: 0;
  background-color: #36ffc1;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.dd-caresmith {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.caresmith-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.caresmith-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67b31234b57eea21ae98786c_Caresmith-listing-cover.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.caresmith-project-image-mobile-copy {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-mokai-brew {
  background-color: #fff;
}

.code-embed-12 {
  display: none;
}

.code-embed-14 {
  width: 0;
  height: 0;
  display: block;
}

.code-embed-11-mobile {
  display: none;
}

.big-little-landing, .background-video-56 {
  width: 100%;
  height: 100vh;
}

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

.bl-intro-logo {
  background-color: #ffb000;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe2ee83148318dfb636644_2_Logomark.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25vw;
  width: 50%;
  height: 100vh;
}

.bl-intro-text {
  justify-content: flex-end;
  align-items: center;
  width: 35%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.bl-intro-text.mobile {
  display: none;
}

.bl-intro-body {
  color: #1a1a1a;
  width: 35%;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.bl-intro-body.center {
  text-align: center;
  width: 25vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.bl-intro-body.light {
  color: #f5efe8;
  width: 20vw;
}

.bl-intro-body.light-bl {
  color: #fff;
  width: 20vw;
}

.bl-intro-body.paradoxes {
  width: 60%;
}

.bl-intro-body.white {
  color: #fff;
}

.bl-logo-lockups {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe31e9af4fadc6a1095b5c_3_Concrete%20Background%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.image-432, .image-433, .image-434 {
  max-width: none;
  height: 33vh;
}

.bl-colour-palette {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
}

.bl-colour-palette.old {
  display: none;
}

.bl-colour-palette-container {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe417bb3888a498a9ed7c2_4_Colour%20Palette%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 55vh;
  width: 50%;
  height: 85vh;
}

.div-block-309 {
  width: 50%;
  height: 85vh;
}

.bl-carousel-01 {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 85vh;
  display: flex;
}

.bl-carousel-container-01 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 33.5vw;
  height: 60vh;
  display: grid;
  position: absolute;
}

.bl-showcase-01 {
  background-color: #0000;
  flex-direction: column;
  width: 33.5vw;
  height: 60vh;
  display: flex;
}

.bl-slider-image._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe416a72282d30602dd0f2_4_Restaurant%202%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bl-slider-image._02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe416ae2d3a344f49e9902_4_Restaurant%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bl-slider-image._03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697ca20686de038c354633a_5_Right%20Column_Image%203.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bl-typography {
  background-color: #202020;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe5454010cc3f2e6a4e0b4_5_Typography.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 65vh;
  width: 100%;
  height: 100vh;
}

.bl-verbal-identity {
  background-color: #202020;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200vh;
  display: flex;
}

.bl-verbal-identity-content {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.bl-verbal-identity-images {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 60%;
  height: 100vh;
  display: grid;
}

.bl-intro-head {
  color: #1a1a1a;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.bl-intro-head.center {
  text-align: center;
}

.bl-intro-head.mokai-light {
  color: #f5efe8;
}

.bl-intro-head.light {
  color: #fff;
}

.image-435 {
  max-width: none;
  height: 60vh;
  transition: all .2s;
  position: relative;
  top: 11vh;
  left: 10vw;
}

.image-436 {
  max-width: none;
  height: 60vh;
  transition: all .2s;
  position: relative;
  bottom: 18vh;
  right: 12.2vw;
}

.bl-bar {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe5a27c39a459a65053776_7_Bar%402x.webp");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.bl-bar-waterfall {
  background-color: #202020;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.bl-waterfall {
  background-color: #202020;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 100vh;
  display: grid;
}

.first-row {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  display: grid;
}

.image-437 {
  z-index: 1;
  width: 22.5vw;
  max-width: none;
  position: relative;
  top: -29vh;
  left: -29vw;
}

.image-438 {
  z-index: 3;
  width: 22.5vw;
  max-width: none;
  position: relative;
  top: -29vh;
}

.image-439 {
  z-index: 5;
  width: 22.5vw;
  max-width: none;
  position: relative;
  top: -29vh;
  right: -29vw;
}

.div-block-310 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  top: -4vh;
}

.image-440 {
  z-index: 2;
  max-width: none;
  height: 51vh;
  position: relative;
  top: 14vh;
  left: -14.5vw;
}

.colour-palette-container {
  justify-content: flex-start;
  align-items: flex-end;
  width: 70vw;
  height: 57.5vh;
  display: flex;
}

.colour-strip {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: end center;
  place-items: end center;
  width: 7vw;
  height: 57.5vh;
  display: grid;
}

.colour-strip._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb678b6348b5289617c1a_01.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  place-items: stretch stretch;
  overflow: hidden;
}

.colour-strip._02 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb678c303f2154c30933f_02.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._03 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb67916c1fed73be3e426_03.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._04 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb678c5c4145bb13293c5_04.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._05 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb6785044704fe9984abc_05.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._06 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb678e2587a4894ff5760_06.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._07 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb6787d4e284bd08ea12a_07.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._08 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb67823bf64e4b5b35ed5_08.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._09 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb67878979aa7a0e1fbf3_09.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colour-strip._10 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffb678fa405142370ee586_10.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bl-palette-fill {
  opacity: 0;
  width: 7vw;
  height: 57.5vh;
}

.bl-palette-fill._01 {
  opacity: 0;
}

.bl-palette-fill._03 {
  background-color: #244f64;
}

.bl-palette-fill._04 {
  background-color: #5d4063;
}

.bl-palette-fill._05 {
  background-color: #644930;
}

.bl-palette-fill._06 {
  background-color: #792e2d;
}

.bl-palette-fill._07 {
  background-color: #feb000;
}

.bl-palette-fill._08 {
  background-color: #516725;
}

.bl-palette-fill._09 {
  background-color: #f7f8f3;
}

.bl-palette-fill._10 {
  background-color: #202020;
}

.bl-colour-values {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 7.3vw;
  height: 17.31vh;
  display: flex;
  overflow: hidden;
}

.bl-colour-values._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ff994fb774954856f7ff5f_1b.svg");
}

.bl02, .bl03, .bl04, .bl05, .bl06, .bl07, .bl08, .bl09, .bl10 {
  width: 100%;
}

.bl-palette-value-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end center;
  width: 7.3vw;
  height: 57.5vh;
  display: grid;
}

.image-441 {
  width: 7.3vw;
  max-width: none;
}

.bl-yall-good {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69145b4315c3edb8ec0f6b01_taps.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.bl-verbal-identity-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.image-442 {
  width: 28vw;
  max-width: none;
  position: relative;
  bottom: -24.2vh;
  left: 4.3vw;
}

.bl-application {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67ffbd69f3ecde0cf3714b17_7_Menu.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.image-443 {
  z-index: 4;
  max-width: none;
  height: 51vh;
  position: relative;
  top: 14vh;
  right: -14.5vw;
}

.bl-paradoxes {
  z-index: 9999;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 250vh;
  display: flex;
}

.beer-cards {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: relative;
}

.css {
  display: none;
  overflow: hidden;
}

.js {
  display: none;
}

.main {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-4, .body-5 {
  background-color: #fff;
}

.revelations-menu {
  background-color: #09231d;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.image-overlay {
  opacity: .75;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6842f8adba738f74a6c6cd9f_paper-3.png");
  background-size: 150px;
  width: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 14px 14px 10px #00000003;
}

.image-overlay.left {
  background-image: linear-gradient(270deg, #0000000d, #fff0 12%), url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6842f8adba738f74a6c6cd9f_paper-3.png");
  background-position: 0 0, 0 0;
  background-size: auto, 150px;
  height: 65vh;
  inset: 0% auto 0% 0%;
}

.spine {
  transform-origin: 0%;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 1px);
}

.spine._15 {
  z-index: 36;
  transform: none;
}

.spine._3 {
  z-index: 48;
  transform: none;
}

.spine._4 {
  z-index: 47;
  transform: none;
}

.spine._18 {
  z-index: 33;
  transform: none;
}

.spine._9 {
  z-index: 42;
  transform: none;
}

.spine._14 {
  z-index: 37;
  transform: none;
}

.spine.cover {
  z-index: 50;
  left: -1px;
  transform: none;
}

.spine._6 {
  z-index: 45;
  transform: none;
}

.spine._13 {
  z-index: 38;
  transform: none;
}

.spine._19 {
  z-index: 32;
  transform: none;
}

.spine._2 {
  z-index: 49;
  transform: none;
}

.spine._5 {
  z-index: 46;
  transform: none;
}

.spine._16 {
  z-index: 35;
  transform: none;
}

.spine._11 {
  z-index: 40;
  transform: none;
}

.spine._10 {
  z-index: 41;
  transform: none;
}

.spine._7 {
  z-index: 44;
  transform: none;
}

.spine._17 {
  z-index: 34;
  transform: none;
}

.spine._8 {
  z-index: 43;
  transform: none;
}

.spine._20 {
  z-index: 31;
  transform: translate(0);
}

.spine._12 {
  z-index: 39;
  transform: none;
}

.left-side-back {
  cursor: w-resize;
  transform-style: preserve-3d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: 100%;
  display: block;
  position: absolute;
  transform: translate3d(0, 0, -1px)rotateX(0)rotateY(-180deg)rotateZ(0);
}

.left-side-contain {
  object-fit: contain;
  height: 100%;
  max-height: 100%;
  position: relative;
}

.right-side-front {
  cursor: e-resize;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: stretch;
  height: 100%;
  display: block;
  position: absolute;
}

.gif-arrow {
  width: 75px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
}

.book-flipper {
  z-index: 50;
  perspective: 5000px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  transform: translate(100%)rotateX(0)rotateY(1deg)rotateZ(0);
}

.drop-shadow {
  transform-style: preserve-3d;
  background-image: radial-gradient(circle, #000000ad, #fff0 35%);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  transform: translate3d(0, 0, -100px);
}

.open-notice {
  z-index: 100;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 8vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 13vw;
}

.right-image-contain {
  object-fit: contain;
  height: 100%;
  max-height: 100%;
  position: relative;
}

.document-view {
  z-index: 60;
  text-align: center;
  background-color: #09231d;
  width: 100%;
  height: 100vh;
  padding: 17.5vh 25px;
  position: relative;
}

.pm-text {
  color: #fff;
  font-family: Founders grotesk, sans-serif;
  font-size: 18px;
  position: relative;
  left: 1vw;
}

.px-type-pairing {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.lottie-animation-50 {
  width: 25vw;
}

.paradox-landing {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: center;
  width: 100%;
  height: 200vh;
  display: block;
}

.background-video-57 {
  width: 100vw;
  height: 100vh;
  display: none;
}

.lottie-animation-51 {
  z-index: 1;
  width: 30vw;
  position: relative;
}

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

.px-wordmark-text {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
}

.unexpect-text {
  background-color: #d8d5cf;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
}

.div-block-312 {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25vw;
  display: flex;
}

.div-block-312.width {
  width: 21vw;
}

.div-block-312.type-pairing, .div-block-312.opposing-forces, .div-block-312.chippy {
  width: 25vw;
}

.px-intro-text {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
}

.px-intro-text.white {
  color: #fff;
}

.px-intro-text.white.credits-container {
  color: #b0261c;
}

.px-wordmark {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.px-wordmark-animation {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.px-intro-head {
  color: #1a1a1a;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.px-intro-head.center {
  text-align: center;
}

.px-intro-head.mokai-light {
  color: #f5efe8;
}

.px-intro-head.white {
  color: #fff;
}

.px-intro-head.white.red {
  color: #b0261c;
}

.px-intro-head.social {
  margin-top: auto;
}

.background-video-58 {
  z-index: 5;
  width: 100%;
  height: 100vh;
  display: none;
}

.px-multiple-truths {
  z-index: 5;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400vh;
  position: relative;
}

.px-logo-marks {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.px-logo-marks-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 400vh;
  display: flex;
}

.px-logo-marks-right {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 400vh;
  display: flex;
}

.mark-1, .div-block-313 {
  background-color: #09231d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-314 {
  background-color: #b22517;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.lottie-animation-52 {
  width: 75%;
}

.div-block-315 {
  background-color: #c1a47d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.div-block-316 {
  z-index: 5;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.code-embed-15 {
  z-index: 5;
  width: 40vw;
  position: relative;
}

.div-block-317 {
  background-color: #8e8e8e;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.code-embed-16 {
  z-index: 5;
  position: relative;
}

.div-block-318 {
  background-color: #09231d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.div-block-319 {
  background-color: #d8d5cf;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-320 {
  background-color: #c1a47d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.div-block-321 {
  background-color: #09231d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.image-444 {
  max-width: 65%;
}

.image-445, .image-446, .image-447, .image-448 {
  max-width: 30%;
}

.div-block-322 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-323 {
  background-color: #b22517;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.image-449, .image-450 {
  max-width: 50%;
}

.unexpect-the-expected {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/684c2a8f1409a34e16828262_2nd%20section.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
}

.px-colour-and-typography {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.px-colour {
  background-color: #b0261c;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 50%;
  height: 100vh;
  display: grid;
}

.px-typography {
  background-color: #09231d;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 50%;
  height: 100vh;
  display: grid;
  overflow: hidden;
}

.image-451, .image-452, .image-453, .image-454, .image-455, .image-456, .image-457, .image-458, .image-459 {
  max-width: none;
  height: 100vh;
}

.div-block-324 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 60%;
  height: 100vh;
  display: grid;
}

.div-block-325 {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.px-opposing-forces {
  background-color: #09231d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.px-ankush-gamre {
  object-fit: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 50%;
  height: 100vh;
  display: grid;
  overflow: hidden;
}

.px-opposing-forces-text {
  background-color: #09231d;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
}

.background-video-59 {
  width: 100%;
  height: 100vh;
}

.px-distorted-reality {
  background-color: #d8d5cf;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.px-distorted-reality-text {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.px-distorted-reality-comparison {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100vh;
  display: flex;
}

.px-optical-illusion {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68513362f550fd9332083305_Optical%20Illusion.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.px-flood {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685138e291f7f89dcb611209_Paradox%20Waterfall%20BG.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 150vh;
  display: grid;
  overflow: hidden;
}

.image-460 {
  height: 75vh;
  margin-left: 40vw;
}

.image-461 {
  height: 80vh;
  margin-top: 42vh;
}

.image-462 {
  width: 60vw;
  max-width: none;
  margin-top: 60vh;
  margin-left: 40vw;
}

.image-463 {
  max-width: none;
  height: 42vh;
  margin-top: 60vh;
  margin-left: 28vw;
}

.image-464 {
  width: 36vw;
  max-width: none;
}

.image-465 {
  width: 17vw;
  margin-top: 75vh;
  margin-left: 6vw;
}

.image-466 {
  width: 33.85vw;
  max-width: none;
  margin-top: 69vh;
  margin-left: 23vw;
}

.image-467 {
  width: 37vw;
  max-width: none;
  margin-left: 67vw;
}

.image-468 {
  width: 17vw;
  max-width: none;
  margin-top: 35vh;
  margin-left: 54vw;
}

.image-469 {
  width: 17vw;
  max-width: none;
  margin-top: 82vh;
  margin-left: 54vw;
}

.px-brand-manual-container {
  background-color: #535353;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  transform: rotate(-16deg);
}

.div-block-326 {
  z-index: 0;
  width: 50%;
  height: 100vh;
  position: relative;
}

.div-block-327 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68518dc6ee935c0cb5fdafff_Revelations.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
}

.px-brand-manual {
  background-color: #535353;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 100vh;
  display: grid;
  overflow: hidden;
}

.px-chippy-can {
  background-color: #d9d5ce;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.px-chippy-can-video {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100vh;
  display: flex;
}

.px-chippy-can-text {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100vh;
  display: flex;
}

.px-stage-set {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68554560f8f48051c43d7c89_coasters-and-butter-papers-and-tissues.webp");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 5vw;
  display: flex;
}

.px-social-media-communications {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: #8e8e8e;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.div-block-328 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 90vw;
  margin-bottom: auto;
  display: flex;
}

.code-embed-17, .code-embed-18, .code-embed-19, .code-embed-20, .code-embed-21 {
  width: 15vw;
  margin-bottom: auto;
}

.px-testimonial {
  background-color: #e2decc;
  width: 100%;
  height: auto;
  min-height: 50vh;
  max-height: 100vh;
  padding: 5vw;
}

.px-quote {
  background-color: #b0261c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
}

.px-website-mockup {
  background-color: #202020;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.background-video-60 {
  width: 100%;
  height: 100vh;
}

.code-embed-22 {
  object-fit: cover;
  background-color: #202020;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.lottie-animation-53 {
  width: 1.5vw;
  margin-top: 1vh;
}

.px-quote-text {
  color: #000;
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.div-block-329 {
  width: 80vh;
  height: 80vh;
}

.background-video-61 {
  z-index: 5;
  width: 80vh;
  height: 80vh;
}

.code-embed-23 {
  width: 75vh;
}

.code-embed-23:hover {
  text-decoration: underline;
}

.link-block-4 {
  transition: all .2s;
}

.link-block-4:hover {
  border-bottom: 1px solid #b0261c;
}

.image-472 {
  width: 7vw;
  max-width: none;
  margin: 1.5vh;
}

.text-block-44 {
  color: #b0261c;
  padding-bottom: .5vh;
  font-family: Space Grotesk, sans-serif;
  font-size: .8vw;
}

.text-span-7 {
  font-family: Space Grotesk, sans-serif;
  font-weight: 400;
}

.px-flood-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 200vh;
  display: grid;
  overflow: hidden;
}

.div-block-330 {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-473 {
  z-index: 1;
  width: 120vw;
  max-width: none;
  transition: all .2s;
  position: absolute;
}

.lottie-animation-54 {
  z-index: 2;
  width: 13vw;
  height: auto;
  position: absolute;
}

.text-span-8 {
  font-size: 1.5vw;
  line-height: 1;
}

.code-embed-24 {
  width: 35vw;
}

.code-embed-25 {
  z-index: 5;
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100vh;
  position: relative;
}

.lottie-animation-55 {
  z-index: 10;
  position: relative;
}

.image-474 {
  max-width: 20%;
}

.background-video-4k {
  width: 100vw;
  height: 100vh;
  display: none;
}

.background-video-62 {
  width: 100vw;
  height: 100vh;
}

.background-video-63 {
  width: 100vw;
  height: 100vh;
  display: none;
}

.background-video-62-mobile {
  width: 100vw;
  height: 100vh;
}

.px-landing-video-desktop {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.div-block-331 {
  width: 100vw;
  height: 100vh;
}

.px-mobile-landing-video {
  width: 100vw;
  height: 100vh;
  display: none;
  position: relative;
  overflow: hidden;
}

.background-video-64 {
  width: 100vw;
  height: 100vh;
}

.image-475 {
  width: 100vw;
  max-width: none;
}

.image-476, .image-470-mobile, .image-471-mobile {
  display: none;
}

.dd-paradox {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.paradox-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.paradox-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685d2206babf908d7ba86db5_work-list-paradox-cover-image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.paradox-bg {
  z-index: 0;
  opacity: 0;
  background-color: #0d231e;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.paradox-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-paradox {
  background-color: #fff;
}

.sw-image-paradox {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685d2206babf908d7ba86db5_work-list-paradox-cover-image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.code-embed-27 {
  z-index: 5;
  width: 15vw;
  margin-bottom: auto;
  position: relative;
}

.code-embed-28 {
  margin-left: auto;
  position: relative;
  top: -21%;
}

.mokai-pillow-flood {
  width: 25%;
  max-width: none;
  margin-top: -38%;
  margin-left: 4%;
  display: block;
  transform: rotate(-9deg);
}

.mokai-pillow-flood.mokai-flood-pillow {
  margin-top: -37%;
  display: block;
}

.div-block-332, .image-477, .image-478, .image-479, .image-480, .image-481, .image-482 {
  display: none;
}

.code-embed-29 {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: relative;
}

.background-video-65 {
  width: 100vw;
  height: 100vh;
  display: none;
}

.code-embed-30 {
  width: 161.9vh;
  height: 100vh;
  min-height: 100vh;
  position: relative;
}

.section-39 {
  width: 100vw;
  height: 100vh;
  display: none;
}

.code-embed-31 {
  z-index: 0;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100px;
  position: relative;
}

.sindhvi-intro {
  background-color: #3f0000;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding-top: 16rem;
  padding-bottom: 16rem;
  display: flex;
}

.sindvi-logo-animation {
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.sindhvi-intro-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.sindhvi-intro-text-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20vw;
  display: flex;
}

.sindhvi-intro-text-container._1st-section {
  width: 24vw;
}

.sindhvi-intro-title {
  color: #fff;
  letter-spacing: 1px;
  font-family: Founders grotesk, sans-serif;
  font-size: 2vw;
  line-height: 1.3;
}

.sindhvi-intro-title.light {
  color: #3f0000;
}

.sindhvi-intro-body {
  color: #fff;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.sindhvi-intro-body.light {
  color: #3f0000;
}

.sindhivi-image {
  width: 15vw;
  max-width: none;
  display: block;
}

.sindhvi-monogram {
  background-color: #f3f1e5;
  justify-content: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sindvi-monogram {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
}

.sindvi-flex-box-top {
  flex-flow: row;
  width: 100%;
  height: 50%;
  display: flex;
}

.sindvi-flex-box-bottom {
  background-image: linear-gradient(150deg, #a36f1c 17%, #895511);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  display: flex;
  overflow: clip;
}

.sindhvi-flex-box-top-stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
}

.image-483 {
  aspect-ratio: auto;
  object-fit: cover;
  height: 100%;
}

.image-484, .image-485 {
  object-fit: cover;
  height: 100%;
}

.sindhvi-logo-grid {
  background-color: #3f0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.logo-grid-stack {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 100%;
  padding: 2rem 0;
}

.logo-grid-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sindhvi-body-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
}

.sindhvi-body-text.dark {
  color: #231f20;
  align-items: center;
}

.sindhvi-body-text.dark.alignment {
  text-align: left;
}

.sindhvi-body-text.dark.we-bottom-margin {
  flex: 0 auto;
  margin-bottom: 4vh;
}

.sindhvi-body-text.dark.we-black {
  margin-left: 5.5vw;
}

.sindhvi-body-text.dark.we-white {
  margin-left: 17vw;
}

.sindhvi-body-text.dark.we-white.title {
  margin-left: 16vw;
}

.sindhvi-body-text.dark.grey {
  margin-left: 26vw;
}

.sindhvi-body-text.dark.grey.title {
  text-align: center;
  margin-left: 21vw;
}

.sindhvi-body-text.dark.we-earty-colours {
  margin-left: 16vw;
}

.sindhvi-body-text.dark.we-earty-colours.title {
  text-align: center;
  margin-left: 13vw;
}

.sindhvi-body-text.dark.we-branding {
  margin-left: 8vw;
}

.sindhvi-body-text.dark.we-branding.center {
  text-align: center;
  margin-left: 0;
}

.sindhvi-body-text.dark.center {
  text-align: center;
}

.sindhvi-body-text.we-top-margin {
  color: #999;
  margin-top: 5vh;
}

.sindhvi-grid-image {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

.image-486 {
  object-fit: contain;
  height: 100%;
}

.sindhvi-wordmark {
  width: 14.4323vw;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
}

.sindhvi-devnagari {
  width: 10.8021vw;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
}

.sindhvi-monogram-image {
  width: 4.6875vw;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
}

.sindhvi-emblem {
  width: 10.4167vw;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
}

.sindhvi-grid-text {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  margin-top: 0;
  display: block;
}

.sindhvi-color-section {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sindhvi-color-stack {
  width: 100%;
  height: 45vh;
}

.sindhvi-color-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278da67b81d090cb48bd3_11-Milk%402x.webp");
  background-position: 50%;
  background-size: contain;
  border-radius: 25px;
}

.sindhvi-color-section-container {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.sindhvi-color-section-container:hover {
  z-index: 5;
}

.sindhvi-color-card {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278da67b81d090cb48bd3_11-Milk%402x.webp");
  background-position: 50%;
  background-size: cover;
  border-radius: 25px;
  width: 12vw;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.sindhvi-color-card:hover {
  z-index: 5;
  position: relative;
  transform: scale(1.05);
}

.sindhvi-color-card.kokam {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d97a29b63e88f9d317_12-Kokum%402x.webp");
}

.sindhvi-color-card.haldi {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d99785b179d26428a8_13-Haldi%402x.webp");
}

.sindhvi-color-card.kumkum {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d9bc33981c61aed199_14-Kumkum%402x.webp");
}

.sindhvi-color-card.peacock {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d9bb003a1f7c434175_15-Peacock%402x.webp");
  background-size: cover;
}

.sindhvi-color-card.plum {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d95cc734c7d414b4a8_16-Plum%402x.webp");
}

.sindhvi-color-card.wood {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d9b097c055c24ee2f6_17-Wood%402x.webp");
}

.sindhvi-color-card.kaaju {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d9267ca557823f5c74_18-Kaaju%402x.webp");
}

.sindhvi-color-card.zari {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d278d90aac1d22e0e885cc_19-Zari%402x.webp");
}

.sindhvi-color-info {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.sindhvi-color-info:hover {
  transform: scale(1.03);
}

.sindhvi-packaging-image {
  background-color: #f2f0ed;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d4e7d338c426e01598bc41_Packaging%20BG%20for%20Responsive%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65vh;
  display: flex;
  overflow: hidden;
}

.sindhvi-caraousel {
  background-color: #3f0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 300vh;
  display: flex;
  position: relative;
}

.slider-12 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65vh;
  display: flex;
}

.image-487 {
  object-fit: fill;
}

.slide-nav-12 {
  display: block;
}

.sindhvi-container {
  width: 100%;
  height: 60vh;
  position: relative;
  overflow: hidden;
}

.carousel-mask {
  width: 58%;
  height: auto;
  overflow: visible;
}

.slider-card {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.slide-nav-13, .right-arrow-13, .left-arrow-13 {
  display: none;
}

.sindhvi-sticky-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sindhvi-scroll-inner {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-items: center;
  width: 197.525vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: static;
}

.sindhvi-scroll-image-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f0f3705161e2a324761e25_Packaging%20Scroll%201%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.09vw;
  width: 36.45vw;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.sindhvi-scroll-image-1._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d2865242288a8f55734ce5_Packaging%20Scroll%204%402x.png");
}

.image-488 {
  border-radius: 1.09vw;
  max-width: none;
  height: 100%;
}

.sindhvi-posters-parallax {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
  height: 75vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sindhvi-posters {
  object-fit: cover;
  flex: 1;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  position: absolute;
  overflow: visible;
  transform: rotate(-13.5deg);
}

.sindhvi-quote {
  background-color: #812402;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: none;
}

.sindhvi-quote-text {
  color: #f3f1e5;
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.sindhvi-uniform {
  background-color: #f3f0e5;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.sindhvi-uniform-pannel-usage {
  background-color: #a36f1c;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sindhvi-uniform-carousel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sindhvi-cursor-container {
  z-index: 2;
  mix-blend-mode: difference;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.sindhvi-cursor-div {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f741a6ea0a3f_next-arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vh;
}

.sindhvi-palette-usage {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 68.5vh;
  display: flex;
}

.sindhvi-mask-2 {
  border-radius: 1.09vw;
  width: 100%;
  height: 100%;
}

.sindhvi-mask-2.full-width {
  width: 50vw;
  height: 100vh;
}

.sindhvi-slide-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d3a9965f5cd291f8da18fb_26-Embroidery%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.sindhvi-slide-3.circus-crousel-1 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b7c54a6517e1063cb_circus-social-carousel-01.webp");
}

.sindhvi-slide-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d3a9963e44ef4194447057_27-Staff%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  overflow: hidden;
}

.sindhvi-slide-4.circus-crousel-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067b206dc486ff59070d_circus-social-carousel-02.webp");
}

.sindhvi-slide-5 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d3a996ee0f2c3ac7dfd8ab_28-Apron%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  overflow: hidden;
}

.sindhvi-slide-5.circus-crousel-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3996049d8a96e28ef9452_circus-social-carousel-05.webp");
}

.sindhvi-slide-6 {
  overflow: hidden;
}

.sindhvi-slide-6.circus-carousel-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/669a067bf7a2507304a9f455_circus-social-carousel-03.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-flood-container {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 50vw;
  height: 100vh;
  display: grid;
}

.sindhvi-social {
  background-color: #3f0000;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 90vh;
  padding-left: 6.25vw;
  padding-right: 6.25vw;
  display: flex;
  overflow: hidden;
}

.quick-stack-3 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 100%;
  height: auto;
  padding: 0;
}

.s-image-489 {
  border-radius: 1.09vw;
  width: 25vw;
  max-width: none;
}

.cell-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
}

.image-490 {
  z-index: 33;
  overflow: visible;
}

.packaging-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  place-items: stretch stretch;
  width: 80vw;
  height: 80vh;
  display: grid;
}

.sindhvi-social-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.bl-quote {
  color: #fff;
  background-color: #eca416;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 20vh;
  padding-bottom: 20vh;
  display: flex;
}

.bl-quote.hide {
  display: none;
}

.bl-quote-text {
  color: #202020;
  width: 60vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1;
}

.bl-restroom {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.bl-sticky-container {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.bl-restroom-image {
  cursor: none;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68e600ee4afdc80d9f9aa3f1_bl-restroom.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: block;
  position: static;
  left: 50vw;
}

.bl-image-flood {
  background-color: #fff;
  width: 50vw;
  height: 100vh;
  position: relative;
}

.bl-image-flood-container {
  z-index: 2;
  width: 50vw;
  height: 100vh;
  padding-left: 3vw;
  padding-right: 3vw;
  display: block;
  position: relative;
}

.image-491 {
  aspect-ratio: 1;
  object-fit: cover;
  height: 100%;
}

.image-492 {
  width: 18.64vw;
  max-width: none;
  position: relative;
  top: -19.2vh;
  left: 4.2vw;
}

.image-493 {
  width: 14.77vw;
  max-width: none;
  position: relative;
  top: -12vh;
  left: 7.3vw;
}

.image-494 {
  width: 11.78vw;
  max-width: none;
  position: relative;
  top: -29.3vh;
  left: 5vw;
  transform: rotate(-21.402deg);
}

.image-495 {
  width: 11.78vw;
  max-width: none;
  position: relative;
  top: -9.7vh;
  left: 4.3vw;
  transform: rotate(-317.054deg);
}

.image-496 {
  max-width: 30%;
  position: relative;
  top: 26.3vh;
  left: -18.1vw;
}

.bl-main {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 65%;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.bl-card-stack {
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.bl-card {
  z-index: 100;
  position: absolute;
  inset: 0%;
}

.image-497 {
  width: 25vw;
  max-width: none;
}

.div-block-333 {
  background-color: #221f1f;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
}

.sindhvi-landing {
  background-color: #ad6c00;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68ef805c86304a4fe8ec699e_landing-map.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100vw;
  height: 115vw;
  padding-top: 8.9vw;
  display: grid;
  position: sticky;
  top: -100vh;
  overflow: hidden;
}

.lottie-animation-56 {
  z-index: 1;
  width: 51.3vw;
  height: 78.9vw;
  margin-left: 8.8vw;
  position: relative;
}

.sindhvi-intro-head {
  color: #fff;
  font-family: Founders grotesk, sans-serif;
  font-size: 2.25vw;
  font-weight: 400;
  line-height: 2vw;
}

.sindhvi-intro-head.center {
  text-align: center;
}

.sindhvi-intro-head.mokai-light {
  color: #f5efe8;
}

.sindhvi-intro-body-copy {
  z-index: 2;
  color: #fff;
  width: 20vw;
  font-family: Founders grotesk text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
}

.sindhvi-intro-body-copy.center {
  text-align: center;
  width: 25vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.sindhvi-poloroid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 17.7vw;
  height: auto;
  display: grid;
  box-shadow: -11px 9px 8px #61616117;
}

.sindhvi-poloroid._1 {
  z-index: 1;
  position: relative;
  left: -15.5vw;
  transform: rotate(16deg);
}

.sindhvi-poloroid._2 {
  z-index: 3;
  position: relative;
  top: 3.3vh;
  left: 11.7vw;
  transform: rotate(-21deg);
}

.sindhvi-poloroid._3 {
  z-index: 2;
  position: relative;
  top: 17.8vh;
  left: -3.5vw;
  transform: rotate(-4deg);
}

.sindhvi-poloroid._1-b {
  z-index: 1;
  position: relative;
}

.sindhvi-poloroid._3-b {
  z-index: 2;
}

.sindhvi-poloroid._2-b {
  z-index: 3;
}

.div-block-334 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  margin-top: auto;
  margin-bottom: 15vh;
  display: flex;
}

.sindhvi-poloroids {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 70vw;
  height: 80vh;
  display: grid;
  position: relative;
}

.sindhvi-poloroids.hide {
  display: none;
}

.sindhvi-intro-copy-container {
  justify-content: flex-end;
  align-items: center;
  width: 30vw;
  height: 80vh;
  display: flex;
}

.sindhvi-landing-section {
  width: 100vw;
  height: 270vh;
}

.div-block-335 {
  background-color: #542c1a;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68efc74f78f11f6a23d5ed80_5-The%20Monogram%2001%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 50%;
  height: 100%;
}

.div-block-336 {
  background-color: #e2d6c5;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.image-498 {
  max-width: none;
  height: 90%;
  overflow: visible;
}

.image-499 {
  width: 95%;
  max-width: none;
  overflow: visible;
}

.div-block-337 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-around;
  align-items: center;
  width: 80vw;
  height: 80vh;
  display: flex;
}

.logo-grid {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  height: 30vh;
  display: flex;
}

.lottie-animation-57 {
  width: 25vw;
}

.sindhvi-cards-sticky-container {
  position: sticky;
  top: 0;
}

.boxes-grid {
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 80vh;
  display: flex;
}

.image-500 {
  max-width: none;
  height: 60vh;
  position: relative;
  right: -5vw;
}

.image-501 {
  max-width: none;
  height: 60vh;
}

.image-502 {
  max-width: none;
  height: 60vh;
  position: relative;
  left: -5vw;
}

.sindhvi-scroll-image-2 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f0f3702592869538ea603b_Packaging%20Scroll%202%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.09vw;
  width: 23.125vw;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.sindhvi-scroll-image-2._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d2865242288a8f55734ce5_Packaging%20Scroll%204%402x.png");
}

.sindhvi-scroll-image-3 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f0f3704e92d74423f50772_Packaging%20Scroll%203%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.09vw;
  width: 31.25vw;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.sindhvi-scroll-image-3._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d2865242288a8f55734ce5_Packaging%20Scroll%204%402x.png");
}

.sindhvi-scroll-image-4 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f0f370a4fd48078edd14a0_Packaging%20Scroll%204%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.09vw;
  width: 23.125vw;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.sindhvi-scroll-image-4._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d2865242288a8f55734ce5_Packaging%20Scroll%204%402x.png");
}

.sindhvi-scroll-image-5 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f0f37018c9c2c6fd7efa8f_Packaging%20Scroll%205%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.09vw;
  width: 36.45vw;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.sindhvi-scroll-image-5._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d2865242288a8f55734ce5_Packaging%20Scroll%204%402x.png");
}

.sindhvi-scroll-image-6 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f0f370971c2d5f69a68ea4_Packaging%20Scroll%206%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.09vw;
  width: 23.125vw;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.sindhvi-scroll-image-6._01 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68d2865242288a8f55734ce5_Packaging%20Scroll%204%402x.png");
}

.image-503 {
  max-width: 1vw;
}

.image-503._1 {
  position: relative;
  top: -39.8vh;
  left: -5.9vw;
}

.image-503._2 {
  position: relative;
  top: -15.1vh;
  left: 5vw;
}

.image-503._3 {
  position: relative;
  top: -6.4vh;
  left: 18.2vw;
}

.image-503._4 {
  position: relative;
  top: 10.4vh;
  left: 3vw;
}

.image-503._5 {
  position: relative;
  top: 23.1vh;
  left: -11.9vw;
}

.image-503._6 {
  position: relative;
  top: 29.6vh;
  left: 16.7vw;
}

.image-504 {
  max-width: 4vw;
}

.image-504._1 {
  position: relative;
  top: -10.6vh;
  left: -13.6vw;
}

.image-504._2 {
  position: relative;
  top: -42.2vh;
  left: 21.2vw;
  transform: rotate(40deg);
}

.image-505 {
  width: 17.5vw;
  max-width: none;
  position: relative;
  top: -47vh;
  transform: rotate(-336.282deg);
}

.image-506 {
  z-index: 2;
  width: 21.6vw;
  max-width: none;
  position: relative;
  top: -35vh;
  left: 9.5vw;
  transform: rotate(-20.848deg);
}

.image-507 {
  width: 20.2vw;
  max-width: none;
  position: relative;
  top: -27.7vh;
  left: -8.2vw;
  transform: rotate(-336.282deg);
}

.image-508 {
  z-index: 3;
  width: 8vw;
  max-width: none;
  position: relative;
  top: -13.2vh;
  left: 12.4vw;
  transform: rotate(-336.282deg);
}

.image-509 {
  z-index: 3;
  width: 13.5vw;
  max-width: none;
  position: relative;
  top: -7vh;
}

.image-510 {
  width: 10.5vw;
  max-width: none;
  position: relative;
  top: 5.4vh;
  left: -11.3vw;
  transform: rotate(-19.918deg);
}

.image-511 {
  z-index: 3;
  width: 17.7vw;
  max-width: none;
  position: relative;
  top: 10.1vh;
  left: 14.3vw;
  transform: rotate(-13.981deg);
}

.image-512 {
  z-index: 3;
  width: 4.6vw;
  max-width: none;
  position: relative;
  top: 23.3vh;
  left: 8.5vw;
  transform: rotate(-330.398deg);
}

.image-513 {
  z-index: 3;
  width: 21vw;
  max-width: none;
  position: relative;
  top: 30.8vh;
  left: -1.3vw;
  transform: rotate(-349.073deg);
}

.sindhvi-visual-language-section {
  background-color: #8e5313;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 200vh;
  display: grid;
}

.div-block-338 {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f215bd2dacaee3aaeb32ad_paisley.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 200vh;
  position: relative;
  overflow: hidden;
}

.div-block-339 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f21db778d0609e0c33b96f_red_1.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 200vh;
  position: relative;
  overflow: hidden;
}

.div-block-340 {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f2163dfe3c9dff9e4b9b19_maroon.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 200vh;
  position: relative;
  overflow: hidden;
}

.div-block-341 {
  z-index: 4;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f216d24e85f7cf08c31470_yellow_1.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 200vh;
  position: relative;
  overflow: hidden;
}

.div-block-342 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 200vh;
  display: flex;
  overflow: hidden;
}

.lottie-animation-58 {
  width: 100%;
  height: 100%;
  margin-top: auto;
  margin-right: auto;
  position: relative;
  bottom: -1px;
}

.div-block-343 {
  z-index: 5;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: end flex-start;
  place-items: end start;
  width: 100vw;
  height: 200vh;
  display: grid;
  position: relative;
}

.sindhvi-vl-trigger {
  z-index: 6;
  width: 100vw;
  height: 100vh;
  margin-top: 100vh;
  position: relative;
}

.div-block-344 {
  z-index: 6;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: relative;
}

.div-block-345 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f22706fcc390cf75807663_typography.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.div-block-346 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f227a42711ada9083878b7_typography%20label%201.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 100vh;
}

.div-block-347 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f227d082ab426437f584c2_typography%20label%202.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 100vh;
}

.div-block-348 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f227fc565bec052bb31504_typography%20label%203.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 100vh;
}

.div-block-349 {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  margin-left: auto;
  display: flex;
}

.sindhvi-packaging {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center end;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.div-block-350 {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: relative;
}

.div-block-351 {
  background-color: #592f1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.image-514 {
  max-width: none;
  height: 100vh;
}

.section-40, .section-41, .section-42, .temp-vl, .section-43 {
  display: none;
}

.div-block-358 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f89bf855736c1668706f66_sindhvi-pattern_1.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40vw;
  height: 40vw;
  display: grid;
  overflow: hidden;
}

.pattern-shine {
  mix-blend-mode: darken;
  background-image: linear-gradient(-45deg, #7f6823 25%, #7f682359 35%, #fceb7e00 50%, #7f682359 65%, #7f6823 75%, #7f6823);
  width: 80vw;
  height: 40vw;
}

.laddoo-a {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f8a51be6183e9e608385ff_laddoo%20A%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100vw;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.laddoo-b {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f8a55fc7b56a76ac8cb6a9_laddoo%20B%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100vw;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.batli {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f8a5c0d95a532bdec71c7a_laddoos%20jar%402x.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100vw;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.batli-sticker {
  z-index: 4;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f8a61d717ed92cc7efaf4d_laddoos%20label.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100vw;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.image-517 {
  width: 95%;
  max-width: none;
}

.div-block-359 {
  z-index: -1;
  display: none;
  position: relative;
}

.div-block-360, .div-block-361 {
  display: none;
}

.code-embed-33 {
  width: 30vw;
}

.div-block-362 {
  background-color: #0c0c0c;
  width: 100vw;
  height: 100vh;
}

.div-block-363 {
  opacity: .3;
  filter: blur(14vh);
  background-color: #d0ae71;
  border-radius: 100vw;
  width: 30vw;
  height: 30vw;
}

.div-block-363._2 {
  opacity: .66;
  position: relative;
  top: -38.9vh;
  left: -19.3vw;
}

.div-block-364 {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: static;
  inset: 0%;
}

.div-block-365 {
  opacity: .3;
  -webkit-backdrop-filter: blur(15vh);
  backdrop-filter: blur(15vh);
  mix-blend-mode: soft-light;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6902130f371b46646f9342ca_noise-softlight-30%20percent%20opacity.gif");
  background-size: 180px;
  width: 100vw;
  height: 100vh;
}

.div-block-366 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.dd-sindhvi {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.sindhvi-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.sindhvi-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69047351c81ed34dbe33bb5d_01_Sindhvi-Post.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.sindhvi-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69047351c81ed34dbe33bb5d_01_Sindhvi-Post.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sindhvi-bg {
  z-index: 0;
  opacity: 0;
  background-color: #3f0000;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.sw-sindhvi {
  background-color: #fff;
}

.sw-image-sindhvi {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685d2206babf908d7ba86db5_work-list-paradox-cover-image.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.image-518, .div-block-367 {
  display: none;
}

.image-519 {
  z-index: 3;
  width: 20vw;
  max-width: none;
  margin-top: -20vh;
  margin-left: 21vw;
}

.image-520 {
  width: 22.7262vw;
  max-width: none;
  position: relative;
  top: -39.8vh;
  left: 25.7vw;
}

.image-521, .image-522, .image-523 {
  width: 25vw;
  max-width: none;
}

.bl-intro-text-copy {
  color: #fff;
  background-color: #202020;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-368 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69145ae35d62033113459f14_illustration.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100vh;
}

.bl-glasses {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69146928c7e315e8be202c69_closing-image-2.webp");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.bl-glasses.hide {
  display: none;
}

.dd-big-little {
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.big-little-bg {
  z-index: 0;
  opacity: 0;
  background-color: #ffb000;
  width: 50vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.big-little-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: none;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50vw;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.big-little-project-image {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/691494c5ec028e7e7761bfc3_big-little-cover.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
}

.big-little-project-image-mobile {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69047351c81ed34dbe33bb5d_01_Sindhvi-Post.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: none;
}

.sw-big-little {
  background-color: #fff;
}

.sw-image-big-little {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/691494c5ec028e7e7761bfc3_big-little-cover.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 19.25vw;
  height: 19.25vw;
}

.sw-tulua-copy {
  background-color: #fff;
}

.bl-paradoxes-copy {
  z-index: 9999;
  background-color: #f7f7f2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 250vh;
  display: flex;
}

.div-block-369 {
  justify-content: center;
  align-items: center;
  width: 65%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-370 {
  z-index: 50;
  border: 1px solid gray;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
}

.text-block-45 {
  font-size: 1rem;
}

.section-44 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66991fd19fbed44386f7b3b0_17_Left%20Column%20Image%202.webp");
  background-position: 0 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.button-4 {
  z-index: 1;
  color: #f9e3bd;
  -webkit-text-stroke-color: #f9e3bd;
  background-color: #000;
  border: 1px solid #f9e3bd;
  border-radius: 2rem;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
}

.stage5-button {
  z-index: 50;
  mix-blend-mode: screen;
  background-color: #0000;
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.div-block-372 {
  z-index: 2;
  opacity: 1;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-image: linear-gradient(304deg, #d0b876 24%, #d0b87600 33%, #d0b876 42% 57%, #d0b87600 66%, #d0b876 75%);
  border-radius: 2rem;
  width: 200%;
  height: 200%;
  position: relative;
}

.div-block-373 {
  z-index: 10;
  padding: 81px;
  display: flex;
  position: fixed;
  top: 0;
}

.stage5-button-wrapper {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  mix-blend-mode: screen;
  border-radius: 2rem;
  position: fixed;
  inset: auto auto 2vw 2vw;
  overflow: hidden;
}

.section-45 {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 350vh;
  display: grid;
  position: relative;
}

.div-block-374 {
  z-index: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-375 {
  z-index: 2;
  width: 250vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.div-block-376 {
  background-color: red;
  width: 20vw;
  height: 20vh;
  position: absolute;
  top: 25vh;
  left: 5vw;
}

.div-block-377 {
  background-color: #90dd9d;
  width: 10vw;
  height: 500px;
  position: relative;
  top: 276px;
  left: 38.1vw;
}

.div-block-378 {
  background-color: #f1ed00;
  width: 25vw;
  height: 35vh;
  position: absolute;
  top: 29.2vh;
  left: 67.8vw;
}

.div-block-379 {
  background-color: #05ffb4;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7daffea0ae5_oi-labels.webp");
  background-position: 0 0;
  background-size: contain;
  width: 20vw;
  height: 30vw;
  position: absolute;
  top: 452px;
  left: 101.6vw;
}

.div-block-380 {
  background-color: #5a2acc;
  width: 35vw;
  height: 35vw;
  position: absolute;
  top: 20vh;
  left: 136.8vw;
}

.div-block-381 {
  background-color: #9117d8;
  width: 40vw;
  height: 20vh;
  position: absolute;
  top: 35vh;
  left: 176.4vw;
}

.div-block-382 {
  background-color: #f0c;
  width: 23vw;
  height: 25vh;
  position: absolute;
  top: 65vh;
  left: 225vw;
}

.div-block-383 {
  z-index: 1;
  background-color: #2e2d2d;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.div-block-384 {
  z-index: 1000;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #504b4b00;
  justify-content: flex-end;
  align-items: center;
  width: 15vw;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: auto 0% auto auto;
  -webkit-mask: linear-gradient(to right, #0000 20%, #000 100%);
  mask: linear-gradient(to right, #0000 20%, #000 100%);
}

.div-block-384._2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-mask: linear-gradient(to right, #0000 30%, #000 100%);
  mask: linear-gradient(to right, #0000 30%, #000 100%);
}

.div-block-384._3 {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  -webkit-mask: linear-gradient(to right, #0000 40%, #000 100%);
  mask: linear-gradient(to right, #0000 40%, #000 100%);
}

.div-block-384._4 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  -webkit-mask: linear-gradient(to right, #0000 50%, #000 100%);
  mask: linear-gradient(to right, #0000 50%, #000 100%);
}

.div-block-385 {
  background-color: #f00e0e;
  width: 1vw;
  height: 100vh;
  display: none;
}

.div-block-385._10 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-mask: linear-gradient(#0000 0%, #000 100%);
  mask: linear-gradient(#0000 0%, #000 100%);
}

.div-block-385._9 {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  -webkit-mask: linear-gradient(#0000 0%, #000 100%);
  mask: linear-gradient(#0000 0%, #000 100%);
}

.div-block-385._8 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.div-block-385._7 {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.div-block-385._6 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.div-block-385._5 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.div-block-385._4 {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.div-block-385._3 {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.div-block-385._2 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.div-block-385._1 {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

.div-block-386 {
  z-index: 5;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  display: grid;
  position: sticky;
  right: 0;
}

.div-block-387 {
  width: 100vw;
  height: 10vh;
  position: fixed;
  inset: 0% 0% auto;
}

.jam-landing {
  width: 100vw;
  height: 100vh;
}

.jam-landing.stickers-wrapper {
  background-color: #151918;
  overflow: hidden;
}

.div-block-388 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a81c6ed4aa13ec21d_3B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 80vh;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-block-389 {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d85981b2fb55a1d051a1_Tshirt.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-390._1a {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a4639188f6ef47ef3_1A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._1b {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ad4419d7ac0b32a6f_1B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._1c {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88acb9cc30a656e871d_1C.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._2a {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a60c15a1d4103c47b_2A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._2b {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d889b2f1eb26c7c0af34_2B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._2c {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a80812231a46eb8f0_2C.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._3a {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a8d620840cb963913_3A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._3b {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a81c6ed4aa13ec21d_3B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.div-block-390._3c {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a0cf3d17f11d14377_3C.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._4a {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88acc0f4215d9fc92f8_4A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._4b {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ab9f2b701814bcd70_4B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._4c {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88aed67c09c3df809ca_4C.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._5a {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ad52140975be774e7_5A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._5b {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d891d37e570e9ae054e5_5B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._5c {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ab49ec17bc203467f_5C.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._6a {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a2c20ff8880fffaf1_6A.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._6b {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a3a0f2e45023d193f_6B.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.div-block-390._6c {
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a56f6bf87d436a2de_6C.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.tabs-content-3 {
  display: none;
}

.tabs-menu-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1vh;
  display: grid;
}

.tabs-3 {
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.image-525 {
  width: 100%;
  max-width: none;
}

.blob-1 {
  opacity: .6;
  filter: blur(14vh);
  background-color: #be8011cf;
  border-radius: 100vw;
  width: 60vw;
  height: 34vw;
  transition: all .2s;
}

.div-block-396 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.about-us-section {
  justify-content: flex-start;
  align-items: center;
  width: 600vw;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.blob-4 {
  opacity: 1;
  filter: blur(14vh);
  background-color: #be8011cf;
  border-radius: 100vw;
  width: 50vw;
  height: 20vw;
  transition: all .2s;
}

.about-copy-2 {
  z-index: 1;
  color: #fff;
  letter-spacing: 1px;
  width: 27vw;
  font-size: 3.75vh;
  font-weight: 200;
  line-height: 1.3;
  position: relative;
}

.short-intro-mm-pic {
  z-index: 1;
  border-radius: 2vh;
  justify-content: center;
  align-items: center;
  width: 24vw;
  height: 60vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-us-2 {
  background-color: #d8abab;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: calc(3.5vw + 10vh) 3.5vw 3.5vw;
  display: flex;
}

.reactive-blobs-container {
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  overflow: hidden;
}

.animated-noise {
  z-index: 1;
  opacity: .3;
  -webkit-backdrop-filter: blur(15vh);
  backdrop-filter: blur(15vh);
  pointer-events: none;
  mix-blend-mode: soft-light;
  background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6902130f371b46646f9342ca_noise-softlight-30%20percent%20opacity.gif");
  background-size: 180px;
  width: 100vw;
  height: 100vh;
}

.blob-3 {
  opacity: .68;
  filter: blur(14vh);
  background-color: #d0ae71;
  border-radius: 100vw;
  width: 45vw;
  height: 30vw;
  transition: all .2s;
}

.blob-5 {
  opacity: 1;
  filter: blur(14vh);
  background-color: #fff;
  border-radius: 100vw;
  width: 30vw;
  height: 15vw;
  transition: all .2s;
}

.about-landing-section {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: calc(3.5vw + 10vh) 3.5vw 3.5vw;
  display: flex;
}

.blob-2 {
  opacity: .73;
  filter: blur(14vh);
  background-color: #fff;
  border-radius: 100vw;
  width: 30vw;
  height: 15vw;
  transition: all .2s;
}

.dark-reactive-bg {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
}

.dark-reactive-bg.sticky {
  position: sticky;
  top: 0;
  left: 0;
}

.about-us-info {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  width: 600vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.about-us-container {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: start;
  width: 100vw;
  height: 600vh;
  display: flex;
}

.div-block-397 {
  z-index: 100;
  width: 500px;
  height: 800px;
  margin-top: 500px;
  margin-left: 500px;
  position: relative;
}

.div-block-398 {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.spatial-wrap {
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .header-logo {
    width: 50vw;
    height: 50vw;
  }

  .headernamediv {
    width: 10vw;
    margin-left: 8vw;
  }

  .headernamediv.w--current {
    margin-left: 8vw;
  }

  .html-embed-2 {
    width: 100%;
  }

  .plaza-logo {
    justify-content: flex-start;
    width: 50vw;
    padding-right: 0;
  }

  .plaza-intro {
    padding-left: 0;
  }

  .image-16 {
    width: 15vh;
  }

  .image-28 {
    width: 150vw;
    max-width: none;
    height: auto;
  }

  .image-29, .image-30 {
    width: 150vw;
    max-width: none;
  }

  .record-room-intro {
    flex-direction: column;
    align-items: center;
  }

  .rr-intro-title {
    width: 50vw;
    font-size: 2vh;
  }

  .rr-intro-body {
    width: 50vw;
  }

  .rr-2-images {
    flex-direction: column;
    height: auto;
  }

  .div-block-58 {
    flex-direction: column;
    width: 80vw;
  }

  .div-block-60 {
    width: 80vw;
  }

  .div-block-61 {
    width: 26vw;
  }

  .div-block-63 {
    padding-top: 2vh;
  }

  .circus-subtitles-type {
    width: 75%;
  }

  .div-block-65 {
    margin-top: 1vh;
  }

  .rr-exterior-shot {
    height: 35vh;
  }

  .rr-menu {
    height: 50vh;
  }

  .rr-vinyl-player {
    flex: 0 auto;
    width: 100vw;
    height: 50vh;
  }

  .rr-beer-pour {
    width: 100vw;
    height: 50vh;
  }

  .rr-colour-palette {
    width: 80vw;
  }

  .rr-birchwood-pannel-usage {
    align-items: flex-start;
    width: 100vw;
    height: auto;
    padding-bottom: 15vh;
  }

  .social-media-mockup {
    background-position: 50% 103%;
    background-size: auto 45vh;
    height: 50vh;
  }

  .rr-coasters-player {
    height: 40vh;
  }

  .rr-posters-parallax {
    height: 75vw;
  }

  .palete-description {
    width: 80vw;
    height: auto;
  }

  .palette-container {
    width: 100vw;
    height: 50vh;
  }

  .rr-logos {
    flex-direction: column;
  }

  .rr-logo-description {
    width: 60vw;
    margin-top: 5vw;
  }

  .palette-usage {
    width: 50vw;
    height: 50vw;
  }

  .left-arrow-3 {
    mix-blend-mode: difference;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77b55ea0a41_previous-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 5vh;
    height: 5vh;
    display: block;
    inset: 35vh auto 0% 0%;
  }

  .left-arrow-3._01 {
    display: none;
    top: 45vh;
  }

  .left-arrow-3.circus {
    margin-top: 5vh;
  }

  .left-arrow-3.hidden {
    top: 50vh;
  }

  .left-arrow-3.sindhvi {
    margin-bottom: 2vw;
    margin-left: 2vw;
  }

  .right-arrow-3 {
    mix-blend-mode: difference;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f741a6ea0a3f_next-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 5vh;
    height: 5vh;
    display: block;
    inset: 35vh 0% 0% auto;
  }

  .right-arrow-3._01 {
    display: none;
    top: 45vh;
  }

  .right-arrow-3.circus {
    margin-top: 5vh;
  }

  .right-arrow-3.hidden {
    top: 50vh;
  }

  .right-arrow-3.sindhvi {
    margin-bottom: 2vw;
    margin-right: 2vw;
  }

  .mask-2 {
    width: 100%;
    height: 100%;
  }

  .mask-2.full-width {
    width: 100%;
  }

  .rr-social-media-posts {
    height: auto;
    padding-top: 10vh;
    padding-bottom: 15vh;
  }

  .social-media-posts {
    width: 60vw;
    height: 60vw;
  }

  .rr-2-image-ice-t {
    flex-direction: column;
    height: auto;
  }

  .rr-t-shirts {
    background-size: cover;
    height: 60vh;
  }

  .box-intro {
    flex-direction: column;
    padding: 0;
  }

  .boxovia-logo {
    align-items: flex-end;
    height: 50vh;
    padding-bottom: 5vh;
  }

  .div-block-70 {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 50vh;
  }

  .box-intro-body {
    text-align: center;
    width: 60vw;
  }

  .box-intro-title {
    text-align: center;
    width: 60vw;
    font-size: 2vh;
  }

  .colour-typography {
    flex-direction: column;
    height: auto;
  }

  .box-colour-palette {
    width: 100vw;
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .box-typography {
    width: 100vw;
    height: 100vh;
    padding-top: 10vh;
    padding-bottom: 2vh;
  }

  .image-44, .image-45 {
    width: 80vw;
  }

  .box-titles, .box-subtitles, .box-body-text {
    flex-direction: column;
    width: 80vw;
  }

  .box-brand-guidlines {
    width: 100vw;
    height: auto;
  }

  .div-block-71 {
    height: 30vh;
  }

  .box-icons {
    flex-direction: column;
    height: auto;
  }

  .div-block-72 {
    width: 100vw;
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .div-block-73 {
    grid-column-gap: 10vw;
    grid-row-gap: 0vh;
    flex-direction: row;
    width: 100vw;
    height: 40vh;
  }

  .image-46, .image-47, .image-48 {
    width: 40vw;
  }

  .image-49, .image-50 {
    width: 30vw;
  }

  .box-parallax-spot-illustrations {
    grid-row-gap: 10vh;
    flex-direction: column;
    align-items: center;
    height: 100vh;
  }

  .box-parallax-1, .box-parallax-2, .box-parallax-3 {
    width: 50vw;
  }

  .box-cards {
    background-color: #e56338;
    align-items: flex-start;
    height: 33.33vh;
  }

  .box-business-cards {
    z-index: 1;
    background-color: #0000;
    width: 60vw;
    height: 33.33vh;
  }

  .box-id-cards {
    background-size: cover;
    width: 40vw;
    height: 33.33vh;
    position: relative;
  }

  .box-business-card-img {
    width: auto;
    height: 33.33vh;
  }

  .box-company-profile {
    flex-direction: column;
  }

  .box-profile-open {
    width: 100vw;
    height: 50vh;
    padding: 11vw;
  }

  .box-profile-cover {
    width: 100vw;
    height: 50vh;
  }

  .credits {
    padding: 4vw;
  }

  .lottie-animation-11 {
    height: 100vh;
  }

  .boxovia-scrolldown-lottie {
    padding-bottom: 10vh;
  }

  .credits-div {
    grid-column-gap: 2vw;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .record-room-next-project-image {
    height: 100vh;
  }

  .next-project-feature-image {
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
  }

  .ewb-intro-section {
    flex-direction: column;
    height: 80vh;
  }

  .ewb-intro-image {
    width: 100vw;
    height: 50vh;
  }

  .ewb-intro-text {
    width: 100vw;
    height: 30vh;
  }

  .ewb-2-images {
    flex-direction: column;
    height: auto;
  }

  .holding-stacked-boxes, .ewb-boxes-and-food {
    width: 100vw;
    height: 50vh;
  }

  .ewb-icons-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100vw;
    height: 40vh;
  }

  .nugget-box-stack-gif-container {
    width: 100vw;
    height: 70vh;
  }

  .top-shot-layout-image-section {
    height: 50vh;
  }

  .kulfi-landing {
    display: flex;
  }

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

  .kulfi-intro {
    flex-direction: column;
  }

  .kulfi-intro-text {
    padding-left: 0;
    padding-right: 0;
  }

  .kulfi-intro-body {
    text-align: center;
  }

  .kulfi-intro-head.white.bottom-margin {
    margin-bottom: 5vh;
    font-size: 1.5vh;
  }

  .kulfi-intro-head.social-media {
    font-size: 1.5vh;
  }

  .kulfi-collective-section {
    background-image: none;
    display: none;
  }

  .kulfi-2-images {
    flex-direction: column;
  }

  .div-block-85 {
    background-size: cover;
    width: auto;
    height: 65vh;
  }

  .div-block-86 {
    width: auto;
    height: 35vh;
  }

  .div-block-87 {
    width: 48vw;
    height: 18vh;
  }

  .kulfi-brand-application, .slider-3 {
    height: 50vh;
  }

  .div-block-93, .kulfi-sub-brands {
    height: 33vh;
  }

  .rm-landing {
    height: 100vh;
  }

  .rm-landing-left-logo {
    display: none;
  }

  .rm-landing-ringt-logo {
    width: 100vw;
    height: 100vh;
  }

  .rm-logo-and-intro {
    flex-direction: column;
    height: auto;
  }

  .rm-intro {
    width: 100vw;
    height: 40vh;
    padding: 7vh 0;
  }

  .rm-logo {
    width: 100vw;
    height: 60vh;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .image-92 {
    height: 40vh;
  }

  .rm-intro-body, .rm-intro-body.black {
    width: 50vw;
  }

  .rm-intro-head, .rm-intro-head.black {
    font-size: 2.25vh;
  }

  .rm-beer-glass-mockup {
    align-items: flex-start;
    height: 40vh;
  }

  .rm-logos {
    height: 70vh;
  }

  .rm-logo-english {
    background-size: auto 30vh;
    height: auto;
  }

  .rm-round-logo {
    height: auto;
  }

  .rm-devnagri-logo {
    background-size: auto 30vh;
    height: auto;
  }

  .rm-mockups {
    flex-direction: column;
    height: auto;
  }

  .rm-business-cards-mockup, .rm-letterhead-envelope-mockup {
    width: 100vw;
    height: 70vh;
  }

  .rm-label-system {
    flex-direction: column-reverse;
  }

  .rm-label-system-intro-text {
    align-items: flex-start;
    width: 100vw;
    height: 30vh;
  }

  .rm-menu-and-coaster-mockups {
    flex-direction: column;
    height: auto;
  }

  .rm-coasters-mockup, .rm-menu-mockup {
    width: 100vw;
    height: 70vh;
  }

  .rm-tshirt-mockup {
    height: auto;
  }

  .rm-social-media-mockups {
    flex-direction: row;
    height: 50vh;
  }

  .rm-ig-story-mockup {
    background-size: auto 35vh;
    width: 100vw;
    height: 50vh;
  }

  .rm-label-system-svg {
    background-size: 80%;
    width: 100vw;
    height: 50vh;
  }

  .rm-ig-post-mockup {
    background-size: auto 35vh;
    width: 100vw;
    height: 50vh;
  }

  .rm-packaging-mockup {
    flex-direction: column;
  }

  .rm-crown-mockup {
    width: 100vw;
    height: 50vh;
  }

  .rm-bottle-and-can-mockup {
    background-position: 50%;
    background-size: contain;
    width: 70vw;
    height: 35vh;
  }

  .rm-pour-shot {
    height: 30vh;
  }

  .rm-crown-mockup-container {
    width: 100vw;
    height: 50vh;
  }

  .tulua-intro-section {
    flex-direction: column;
    height: auto;
  }

  .tulua-intro-text {
    width: 100vw;
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .tulua-intro-body {
    width: 80vw;
  }

  .tulua-intro-head {
    font-size: 2.25vh;
  }

  .tulua-intro-image {
    width: 100vw;
    height: 70vh;
  }

  .tulua-box-face, .tulua-box-face-video {
    height: 50vh;
  }

  .tulua-inspired-by-india {
    flex-direction: column;
    height: 100vh;
  }

  .background-video-7 {
    width: 100vw;
    height: 40vh;
  }

  .tulua-box-layout {
    height: 40vh;
  }

  .inspired-write-up {
    align-items: flex-end;
    width: 100vw;
    height: 25vh;
  }

  .tulua-rangoli-video {
    width: 100vw;
    height: 50vh;
  }

  .tulua-beyond-curry {
    flex-direction: column;
    height: auto;
  }

  .tulua-beyond-curry-image {
    width: 100vw;
    height: 50vh;
  }

  .tulua-quote {
    height: 60vh;
  }

  .tulua-quote-text {
    font-size: 2.5vh;
  }

  .tulua-quote-credit {
    font-size: 1.5vh;
  }

  .tulua-box-parallax {
    height: 30vh;
  }

  .tulua-images-container {
    width: 400vw;
  }

  .image-01, .image-02, .image-03, .image-04 {
    width: 100vw;
  }

  .text-span-3 {
    font-size: 2.5vh;
  }

  .umami-intro {
    flex-direction: column;
    height: auto;
  }

  .umami-intro-swoosh {
    background-position: 0 0;
    align-items: center;
    width: 100vw;
    height: 70vh;
  }

  .umami-intro-text {
    align-items: center;
    width: 100vw;
    height: 40vh;
  }

  .image-103 {
    width: 20vh;
  }

  .umami-intro-head {
    font-size: 4vh;
    line-height: 1;
  }

  .umami-intro-head.margin {
    font-size: 4vh;
    line-height: 2vh;
  }

  .umami-intro-body {
    width: 60vw;
  }

  .umami-bottles {
    height: 50vh;
  }

  .umami-typography {
    padding-top: 0;
    padding-bottom: 0;
  }

  .umami-typography-container {
    width: 80vw;
    height: auto;
  }

  .umami-titles {
    flex-direction: column;
    width: 80vw;
  }

  .labels-container {
    width: 80vw;
    margin-bottom: 3vh;
    margin-right: 0;
  }

  .umami-titles-svg-container {
    width: 100%;
  }

  .image-104 {
    width: 80vw;
  }

  .image-105 {
    width: 65vw;
  }

  .image-106 {
    width: 50vw;
  }

  .image-107 {
    width: 40vw;
  }

  .umami-titles-final {
    flex-direction: column;
  }

  .umami-brand-guidelines-parallax {
    height: 30vh;
  }

  .umami-the-fifth-taste {
    flex-direction: column;
  }

  .umami-labels-carousel {
    width: 100vw;
    height: 60vh;
  }

  .umami-fifth-taste-text {
    width: 100vw;
    height: 40vh;
  }

  .umami-label-slider {
    width: 100vw;
    height: 60vh;
  }

  .slide-nav-4 {
    margin-bottom: 3vh;
  }

  .umami-coffee-and-pineapple-bottles {
    background-position: 50%;
    height: 30vh;
  }

  .umami-split-images {
    height: 50vh;
  }

  .umami-apple-cinnamon {
    background-position: 50%;
    background-size: cover;
    width: 100vw;
    height: 50vh;
  }

  .umami-coffee-nutmeg {
    width: 100vw;
    height: 50vh;
    padding: 5vh;
  }

  .umami-coffee-image {
    background-position: 50%;
    background-size: cover;
  }

  .umami-gift-box-image {
    height: 50vh;
  }

  .umami-quote-credit {
    font-size: 1.5vh;
  }

  .umami-coasters, .umami-gift-box {
    width: 100vw;
    height: 50vh;
  }

  .umami-social-carousel {
    width: 50vw;
    height: 50vh;
  }

  .umami-social-slider {
    width: 40vw;
    height: 40vw;
  }

  .umami-smits-magic {
    height: 30vh;
  }

  .umami-social-mockup {
    background-position: 50% 100%;
    background-size: cover;
    width: 50vw;
    height: 50vh;
  }

  .boxovia-next-project-image {
    width: auto;
    max-width: none;
    height: 100vh;
  }

  .next-project-image-ewb {
    height: 68vh;
  }

  .next-project-image-rm {
    width: 100vw;
    height: 100vh;
  }

  .next-project-image-tulua, .next-project-image-umami {
    height: 80vh;
  }

  .rm-bottle-can-mockup-container {
    width: 100vw;
    height: 50vh;
  }

  .ewb-quote {
    height: auto;
  }

  .ewb-quote-text {
    font-size: 2.5vh;
  }

  .ewb-quote-credit {
    font-size: 1.5vh;
  }

  .rr-packaging {
    width: 100vw;
    height: auto;
    padding-top: 10vh;
    padding-bottom: 15vh;
  }

  .packaging {
    width: 60vw;
    height: 60vw;
  }

  .image-110 {
    width: 150vw;
    max-width: none;
  }

  .icon-2, .cursor-div, .cursor-container, .icon-6 {
    display: none;
  }

  .junglegym-nav {
    mix-blend-mode: difference;
    padding-top: 0;
  }

  .icon-7 {
    display: none;
  }

  .menu-button-text {
    font-size: 2.2vw;
  }

  .menu-button {
    width: 10vw;
    margin-right: 8vw;
  }

  .close-button-text {
    font-size: 2.2vw;
  }

  .work-menu-button {
    margin-top: 5vh;
    margin-bottom: 3vh;
    margin-left: 0;
  }

  .about-menu-button {
    margin-bottom: 5vh;
    margin-right: 0;
  }

  .blog-menu-button {
    margin-bottom: 8vh;
    margin-left: 0;
    display: none;
  }

  .image-115 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .heading__color {
    letter-spacing: -3px;
    font-size: 6.25vh;
  }

  .heading__color.red {
    font-size: 5.5vh;
  }

  .heading__color.red._10-5vw {
    font-size: 8vh;
  }

  .heading__color.yellow {
    font-size: 5.5vh;
  }

  .heading__color.yellow._10-5vw {
    font-size: 8vh;
  }

  .heading__color.blue {
    font-size: 5.5vh;
  }

  .heading__color.blue._10-5vw {
    font-size: 8vh;
  }

  .heading__color.expand {
    font-size: 5.5vh;
  }

  .heading__color.landing-positioning {
    font-size: 8vh;
  }

  .div-block-116 {
    justify-content: center;
  }

  .project-name {
    margin-bottom: 0;
    font-size: 6.25vh;
    display: none;
  }

  .project-details-text {
    color: #000;
    margin-right: 10vw;
    font-size: .98vh;
  }

  .project-details-text.right.px {
    min-width: 17vw;
  }

  .project-details-text.circus {
    color: #000;
  }

  .project-sub-text {
    color: #000;
    margin-left: 0;
    margin-right: 10vw;
    font-size: 2vh;
  }

  .project-sub-text.circus {
    color: #000;
  }

  .junglegym-landing-projects {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #000;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: grid;
  }

  .junglegym-landing-projects-list {
    z-index: 2;
    width: 100vw;
    height: auto;
  }

  .junglegym-landing-projects-list.hide {
    min-height: 100vh;
  }

  .junglegym-landing-projects-information {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .junglegym-landing-projects-list-bg-color {
    width: 100vw;
    padding: 10vh 4vw 4vw;
  }

  .umami-project-info {
    width: 100vw;
    height: 100vh;
  }

  .umami-project-image {
    width: 80vw;
    height: 80vw;
  }

  .project-information {
    background-image: none;
    margin-top: 3vh;
  }

  .rm-project-info {
    width: 100vw;
    height: 100vh;
  }

  .rm-project-image {
    width: 80vw;
    height: 80vw;
  }

  .moonshine-project-info {
    width: 100vw;
    height: 50vh;
  }

  .moonshine-project-image {
    width: 80vw;
    height: 80vw;
  }

  .record-room-project-info {
    width: 100vw;
    height: 50vh;
  }

  .record-room-project-image {
    width: 80vw;
    height: 80vw;
  }

  .dropdown-link-4 {
    display: none;
    position: static;
  }

  .dropdown-list-3 {
    background-color: #0000;
    width: 80vw;
    height: auto;
    margin-top: 5vw;
    display: none;
    position: static;
  }

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

  .dropdown-toggle-3 {
    width: 100%;
  }

  .dd-umami, .dd-rm, .dd-tulua, .dd-moonshine, .dd-record-room, .dd-kulfi, .dd-boxovia {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .project-info-click {
    width: 100vw;
    height: 100vh;
  }

  .tulua-project-info {
    width: 100vw;
    height: 50vh;
  }

  .tulua-project-image {
    width: 80vw;
    height: 80vw;
  }

  .kulfi-project-info {
    width: 100vw;
    height: 50vh;
  }

  .kulfi-project-image {
    width: 80vw;
    height: 80vw;
  }

  .boxovia-project-info {
    width: 100vw;
    height: 50vh;
  }

  .boxovia-project-image {
    width: 80vw;
    height: 80vw;
  }

  .kulfi-bg-1 {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .kulfi-bg-2 {
    background-image: linear-gradient(146deg, #0fe8be, #852bf9 25%, #ff48fb 50%, #fd4549 75%, #fed53d);
    width: 100vw;
    height: 100vh;
  }

  .junglegym-philosophy-and-services {
    flex-direction: column-reverse;
    height: auto;
  }

  .floating-objects-container {
    width: 100vw;
    height: auto;
    overflow: hidden;
  }

  .junglegym-small-text {
    font-size: 16px;
  }

  .junglegym-small-text.white {
    padding-left: 0;
  }

  .junglegym-small-text.about-placement {
    width: 35vw;
    margin-top: 0;
  }

  .junglegym-small-text.team-placement {
    width: 35vh;
  }

  .junglegym-small-text.landing-positioning {
    margin-bottom: 3vh;
  }

  .junglegym-small-text.landing-positioning.desktop-and-tab {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }

  .services-info {
    width: 100vw;
    height: auto;
    padding-bottom: 8.5vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .dropdown-link-5 {
    position: static;
  }

  .dropdown-toggle-4 {
    height: 7vh;
  }

  .dropdown-3 {
    width: 84vw;
  }

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

  .junglegym-small-text-mono {
    width: 74vw;
  }

  .junglegym-small-text-mono.top-margin {
    width: 74vw;
    font-size: 16px;
    display: none;
  }

  .rm-can-videos {
    height: 60vh;
  }

  .div-block-119, .div-block-120 {
    width: 100vw;
    height: 55vh;
  }

  .rm-wide-cans-video {
    align-items: center;
    height: 50vw;
  }

  .background-video-10, .background-video-11 {
    height: 55vh;
  }

  .testimonial-container {
    flex-direction: column;
    padding: 13vw;
  }

  .ewb-testimonial-image {
    width: 74vw;
    height: 74vw;
  }

  .testimonial-content {
    width: 74vw;
    height: auto;
    padding-top: 3vh;
  }

  .testimonial-text {
    margin-top: 3vh;
    font-size: 4vh;
  }

  .testimonial-author-text {
    font-size: 16px;
  }

  .slide-nav-5 {
    left: 13vw;
  }

  .tulua-testimonial-image {
    width: 70vw;
    height: 70vw;
  }

  .switch-board {
    width: 60vw;
    height: 157vw;
    margin-left: 8vw;
    margin-right: 8vw;
  }

  .mesh-intro-container {
    width: 68vw;
    padding-left: 14vw;
  }

  .mesh-section {
    height: 100vh;
    overflow: scroll;
  }

  .mesh-wall {
    padding-left: 14vw;
    padding-right: 14vw;
  }

  .mesh {
    width: 157vw;
    min-width: 157vw;
    max-width: 157vw;
    height: 157vw;
    min-height: 157vw;
    max-height: 157vw;
  }

  .mesh-sticky-container {
    overflow: scroll;
  }

  .mesh-long-container {
    min-width: 645vw;
  }

  .footer-message-container {
    justify-content: flex-end;
    width: 60vw;
    margin-left: 8vw;
    padding-left: 0;
  }

  .footer-message {
    font-size: 4vh;
  }

  .contact-info {
    width: 60vw;
    margin-left: 8vw;
    margin-right: 0;
  }

  .footer-small-text {
    text-align: left;
  }

  .base-1 {
    width: auto;
    height: auto;
    margin: auto 4vw 0 8vw;
    padding-left: 0;
  }

  .base-2 {
    justify-content: space-between;
    width: auto;
    height: auto;
    margin: 0 8vw auto;
    padding-right: 0;
  }

  .button-2 {
    left: 14vw;
  }

  .footer-social-links {
    color: var(--junglegym-yellow);
  }

  .footer-social-links.mail {
    color: var(--junglegym-yellow);
    text-decoration: underline;
  }

  .footer-social-links.mail:hover {
    color: var(--junglegym-yellow);
  }

  .footer-social-links.mail.show {
    margin-bottom: -1.5vh;
    padding-bottom: 0;
    display: block;
  }

  .footer-social-links.hide {
    display: none;
  }

  .footer-info {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-fine-print {
    flex-direction: column;
    height: 8vh;
  }

  .footer-small-text-base {
    text-align: left;
    font-size: 1.6vw;
    line-height: 1.5;
  }

  .case-studies-container {
    margin-bottom: 3vh;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .mesh-2 {
    width: 157vw;
    min-width: 157vw;
    max-width: 157vw;
    height: 157vw;
    min-height: 157vw;
    max-height: 157vw;
    margin-left: 14vw;
    overflow: hidden;
  }

  .mesh-3 {
    width: 157vw;
    min-width: 157vw;
    max-width: 157vw;
    height: 157vw;
    min-height: 157vw;
    max-height: 157vw;
  }

  .label-animation {
    width: 27vh;
    margin-top: 9vh;
  }

  .lottie-animation-14 {
    height: 70vw;
  }

  .mobile-container {
    width: 25vh;
    margin-left: -43vw;
  }

  .mobile-container.test-placement {
    width: 18vh;
    margin-top: 54vh;
    margin-left: 38vw;
  }

  .lottie-animation-16 {
    height: 70vw;
  }

  .box-animation {
    width: 50vh;
    margin-top: 23vh;
    margin-right: -29vw;
  }

  .box-animation.test-placement {
    width: 50vh;
    margin-top: 44.6vh;
    margin-right: -34vw;
    transform: rotate(-21deg);
  }

  .moonshine-intro {
    flex-direction: column-reverse;
  }

  .moonshine-label-text {
    align-items: flex-start;
    width: 100vw;
    height: 50vh;
  }

  .moonshine-intro-logo {
    align-items: flex-end;
    width: 100vw;
    height: 50vh;
    padding-bottom: 5vh;
  }

  .moonshine-intro-body {
    text-align: center;
    width: 50vw;
  }

  .image-129 {
    width: 30vw;
  }

  .moonshine-video {
    height: 50vh;
  }

  .moonshine-label-system {
    flex-direction: column-reverse;
  }

  .moonshine-label-comparison {
    align-items: flex-end;
    width: 100vw;
    height: 50vh;
    padding-bottom: 5vh;
  }

  .label-slider, .slider-5, .apple-cyder-mead {
    height: 50vh;
  }

  .image-130 {
    height: 20vh;
  }

  .image-131 {
    height: 30vh;
  }

  .coffee-mead {
    height: 50vh;
  }

  .image-132 {
    height: 20vh;
  }

  .image-133 {
    height: 30vh;
  }

  .traditional-mead {
    height: 50vh;
  }

  .image-134 {
    height: 30vh;
  }

  .image-135 {
    height: 20vh;
  }

  .moonshine-bottles {
    height: 30vh;
  }

  .apple-cyder-mead-images {
    flex-direction: column;
    height: 100vh;
  }

  .girl-holding-apple-cyder-mead-bottle {
    width: 100vw;
    height: 50vh;
  }

  .apple-cyder-mead-floating-bottle {
    background-size: cover;
    width: 100vw;
    height: 50vh;
  }

  .all-in-action {
    flex-direction: column;
    height: auto;
  }

  .aia-1 {
    width: 100vw;
    height: 100vw;
  }

  .aia-2 {
    background-size: cover;
    width: 100vw;
    height: 100vw;
  }

  .traditional-mead-pic {
    height: 50vh;
  }

  .lottie-animation-18 {
    height: 30vh;
  }

  .rr-logo {
    justify-content: flex-start;
    width: 50vw;
    height: auto;
    margin-bottom: 2vh;
    padding-right: 0;
  }

  .bold-text {
    text-align: center;
    font-size: 4vh;
    line-height: 1;
  }

  .bold-text-2 {
    font-size: 4vh;
    line-height: 1;
  }

  .bold-text-3 {
    font-size: 2.5vh;
  }

  .background-video-10-copy, .background-video-11-copy, .background-video-10-copy-copy, .background-video-11-copy-copy {
    height: 55vh;
  }

  .can {
    justify-content: center;
    justify-items: center;
    height: 60vh;
    margin-top: 40vh;
  }

  .can.test-placement {
    margin-top: 18vh;
    margin-right: -24vw;
  }

  .lottie-animation-20 {
    height: 60vh;
  }

  .heading-no-color {
    width: 35vw;
    font-size: 6.25vh;
  }

  .about-landing {
    flex-direction: column;
  }

  .about-us-landing-pic {
    width: 100vw;
    height: 50vh;
  }

  .about-us-landing-text {
    grid-column-gap: 10vw;
    flex-direction: row;
    width: 100vw;
    height: 50vh;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .text-block-24 {
    width: 35vh;
    padding-right: 15vh;
  }

  .text-block-24.bottom-margin {
    width: 38vw;
    margin-bottom: 2vh;
    padding-right: 0;
  }

  .text-block-24.bottom-margin.awards {
    width: 65vw;
  }

  .our-team {
    height: 100vh;
  }

  .team-intro {
    align-items: center;
    width: 100vw;
    height: 30vh;
    padding-left: 0;
  }

  .team-cards {
    align-content: center;
    width: 100vw;
    height: 70vh;
    overflow: scroll;
  }

  .junglegym-awards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .nikhil, .naina, .sachin, .pranav, .kaveri, .sanath, .manasi, .harsh, .gautami, .nupoor {
    height: 60vw;
  }

  .team-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .about-process-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: .25fr .25fr .25fr .25fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    width: 100vw;
    height: 85vh;
    padding: 5vw 8vw;
  }

  .about-process-info.top-padding {
    grid-template-rows: .25fr .25fr .25fr;
    height: 65vh;
    padding-top: 0;
  }

  .services-title {
    font-size: 6.66vw;
  }

  .about-us-services-and-awards-container {
    width: 100vw;
    height: 150vh;
    overflow: hidden;
  }

  .services-and-awards-lottie {
    width: 100vw;
    height: 150vh;
    position: sticky;
    top: 0;
  }

  .lottie-animation-21 {
    width: 100vw;
  }

  .div-block-138 {
    flex-direction: column;
    width: 34vw;
  }

  .awards-title {
    font-size: 6.66vw;
  }

  .awards-info {
    width: 50vw;
    font-size: 1.5vw;
  }

  .lottie-container {
    background-color: #fff;
    width: 100vw;
    height: 50vh;
    margin-top: 50vh;
    top: 50vh;
  }

  .define-design-deploy {
    flex-direction: column;
  }

  .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-2, .tab-link-tab-3 {
    border-bottom-width: 2px;
  }

  .process-titles {
    font-size: 4.15vh;
  }

  .process-titles.yellow, .process-titles.red, .process-titles.blue {
    font-size: 6.66vw;
  }

  .tabs {
    width: 84vw;
  }

  .process-lottie {
    width: 100vw;
    height: 50vh;
    overflow: hidden;
  }

  .client-logos {
    background-color: #fff;
  }

  .client-logo-container {
    margin-top: 27.5vw;
    margin-bottom: 27.5vw;
  }

  .umami-project-image-mobile, .rm-project-image-mobile, .tulua-project-image-mobile, .moonshine-project-image-mobile, .record-room-project-image-mobile {
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .kulfi-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64e49a32b08c08ca02359fb8_tote-and-socks.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .boxovia-project-image-mobile {
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .image-149 {
    height: 61.66vh;
  }

  .umami-bg, .rm-bg, .tulua-bg, .moonshine-bg, .rr-bg, .boxovia-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .kulfi-project-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .kulfi-bg-mobile {
    opacity: 0;
    background-image: linear-gradient(146deg, #0fe8be, #852bf9 25%, #ff48fb 50%, #fd4549 75%, #fed53d);
    display: block;
  }

  .image-150 {
    mix-blend-mode: difference;
    align-self: flex-end;
    max-width: none;
    height: 4vh;
  }

  .html-embed-3 {
    align-self: center;
    width: 4vh;
    height: auto;
    display: block;
  }

  .junglegym-wordmark {
    width: 100%;
  }

  .text-block-the-mesh.left-margin {
    margin-bottom: 10vw;
  }

  .lottie-animation-22 {
    width: auto;
    height: 100%;
  }

  .process-tabs-container {
    flex-direction: column-reverse;
    height: 85vh;
  }

  .process-title-container {
    height: 15vh;
    padding-top: 13vw;
    padding-left: 8vw;
  }

  .junglegym-landing {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
  }

  .landing-section {
    z-index: 26;
    padding-bottom: 30vh;
    padding-left: 8vw;
  }

  .home-landing-subtext {
    width: 50vw;
    margin-top: 3vh;
    font-size: 2vh;
  }

  .landing-text-works {
    letter-spacing: -3px;
    font-size: 5.5vh;
  }

  .landing-images {
    z-index: 1;
    height: 150vh;
  }

  .image-152 {
    width: 60%;
    margin-top: -6%;
    margin-left: 35%;
  }

  .image-153 {
    width: 40%;
    margin-left: 0%;
  }

  .image-154 {
    width: 40%;
    margin-top: 7%;
    margin-left: 57%;
  }

  .image-155 {
    margin-top: -31%;
    margin-right: 12%;
  }

  .image-156 {
    width: 60%;
    margin-top: -64%;
    margin-left: 0%;
  }

  .image-157 {
    width: 60%;
  }

  .image-159 {
    width: 45%;
    margin-top: 0%;
    margin-left: 18%;
  }

  .boris, .borisboris {
    height: 60vw;
  }

  .project-name-mobile {
    margin-bottom: 0;
    font-size: 6.25vh;
    display: flex;
  }

  .project-name-copy {
    margin-bottom: 0;
    font-size: 6.25vh;
    display: block;
  }

  .about-button {
    width: 10vw;
    margin-right: 8vw;
  }

  .about-button-text {
    font-size: 2.2vw;
  }

  .contact-us-button {
    bottom: 8vw;
    right: 8vw;
  }

  .contact-us-button-text, .contact-us-close-button-text {
    font-size: 2.2vw;
  }

  .lottie-animation-23, .lottie-animation-24 {
    align-self: flex-end;
    width: 3vh;
  }

  .image-170 {
    width: 100%;
    margin-top: -23%;
    margin-left: -12%;
  }

  .div-block-143 {
    width: 40vh;
    height: 40vh;
    margin-top: -48%;
    margin-left: -13%;
  }

  .background-video-15 {
    width: 25vw;
    height: 25vw;
  }

  .div-block-144 {
    width: 35vw;
    height: 35vw;
    margin-top: -64%;
  }

  .background-video-16 {
    width: 35vw;
    height: 35vw;
  }

  .div-block-145 {
    grid-row-gap: 2vh;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .lottie-animation-26 {
    width: 3vh;
  }

  .services-information {
    width: 50vw;
    font-size: 1.5vw;
  }

  .services-list-block {
    flex-direction: column;
    width: 34vw;
  }

  .list {
    width: 34vw;
  }

  .list.left-margin {
    margin-left: 0;
  }

  .umami-dropdown {
    background-color: #0000;
    width: 80vw;
    height: auto;
    margin-top: 5vw;
    display: none;
    position: static;
  }

  .project-name-umami {
    margin-bottom: 0;
    font-size: 6.25vh;
    display: none;
  }

  .process-subtext {
    font-size: 1vh;
  }

  .about-services-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: .25fr .25fr .25fr .25fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: start flex-start;
    align-items: start;
    width: 100vw;
    height: auto;
    padding: 8.5vh 8vw 0;
    display: grid;
    overflow: hidden;
  }

  .about-services-info.top-padding {
    grid-template-rows: .25fr .25fr .25fr;
    height: 65vh;
    padding-top: 0;
  }

  .about-services-info.awards {
    grid-template-rows: .25fr .25fr .25fr;
    height: auto;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .about-services-info.awards.fullwidth {
    padding-top: 7vh;
  }

  .moonshine-next-project-image {
    align-self: flex-start;
    width: auto;
    height: 60vh;
    margin-top: 0;
  }

  .project-information-new {
    background-image: none;
    margin-top: 3vh;
  }

  .div-block-148 {
    margin-bottom: 10vh;
  }

  .lottie-animation-27 {
    width: 5vh;
  }

  .junglegym-services {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
  }

  .services-lottie {
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    height: 50vh;
    margin-top: -18vh;
    position: static;
  }

  .awards-lottie {
    background-image: none;
    width: 100vw;
    height: 60vh;
  }

  .award-winning-projects {
    height: auto;
    padding-bottom: 8vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .text-block-27 {
    font-size: 2vh;
  }

  .div-block-149 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-columns: 1fr 1fr;
  }

  .great-state-awp {
    width: 40vw;
    height: 40vw;
  }

  .text-block-28 {
    font-size: 1.3vh;
  }

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

  .moonshine-awp, .mantri-awp, .tulua-awp {
    width: 40vw;
    height: 40vw;
  }

  .about-us {
    margin-top: 0;
    font-size: 1.3vh;
  }

  .work-button {
    background-color: #e4e4e4;
    font-size: 1.3vh;
  }

  .image-171 {
    width: 40vw;
    height: 40vw;
  }

  .image-172 {
    height: 40vw;
  }

  .image-173, .image-174 {
    width: 40vw;
  }

  .sw-image-tulua {
    width: 40vw;
    height: 40vw;
  }

  .text-block-29 {
    font-size: 3.6vw;
  }

  .text-block-30 {
    font-size: 1.8vw;
  }

  .text-block-31, .text-block-32 {
    font-size: 1.25vw;
  }

  .div-block-154 {
    height: auto;
    padding: 3vw;
  }

  .sw-image-moonshine, .sw-image-record-room, .sw-image-rolling-mills {
    width: 40vw;
    height: 40vw;
  }

  .work-page {
    font-size: 1.3vh;
  }

  .sw-image-umami, .sw-image-boxovia {
    width: 40vw;
    height: 40vw;
  }

  .awp-great-state {
    width: 40vw;
  }

  .awp-image-great-state {
    width: 40vw;
    height: 40vw;
  }

  .awp-moonshine {
    width: 40vw;
  }

  .awp-image-moonshine {
    width: 40vw;
    height: 40vw;
  }

  .awp-mantri-cards {
    width: 40vw;
  }

  .awp-image-mantri-cards {
    width: 40vw;
    height: 40vw;
  }

  .awp-tulua {
    width: 40vw;
  }

  .awp-image-tulua {
    width: 40vw;
    height: 40vw;
  }

  .lottie-animation-28 {
    width: 80vh;
  }

  .background-video-17 {
    width: 40vh;
    height: 40vh;
  }

  .div-block-157 {
    width: 40vh;
    height: 40vh;
    margin-top: -26%;
    margin-left: -18%;
  }

  .landing-text-plays {
    letter-spacing: -3px;
    font-size: 5.5vh;
  }

  .works-plays {
    z-index: 5;
    padding-top: 40vh;
  }

  .dd-ewb {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .ewb-project-info {
    width: 100vw;
    height: 50vh;
  }

  .ewb-project-image {
    width: 80vw;
    height: 80vw;
  }

  .ewb-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .ewb-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70333ea0a6f_frame%202.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sw-image-ewb {
    width: 40vw;
    height: 40vw;
  }

  .other-project-thumbnails {
    height: auto;
    padding: 8vw;
    position: static;
  }

  .awp-boxovia {
    width: 40vw;
  }

  .awp-image-boxovia {
    width: 40vw;
    height: 40vw;
  }

  .awp-eat {
    width: 40vw;
  }

  .contact-info-menu {
    align-items: center;
    width: 60vw;
    position: static;
  }

  .div-block-158 {
    position: static;
  }

  .menu-small-text {
    color: #989899;
    text-align: center;
  }

  .menu-small-text.top-margin {
    text-align: center;
    margin-top: 3vh;
    margin-bottom: 0;
  }

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

  .image-175 {
    width: 6vw;
  }

  .link-block-2 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640b3f3fcaf87f443a3e8134_instagram.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 6vw;
    height: 6vw;
    margin-right: 5vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .link-block-3 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640b3fc14481e4a5f1f4ac19_linkedin.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 6vw;
    height: 6vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .blog-menu-butto-mobil {
    margin-bottom: 8vh;
    margin-left: 0;
    display: block;
  }

  .blog-menu-button-mobile {
    margin-bottom: 8vh;
    margin-left: 0;
  }

  .image-176 {
    max-width: none;
    height: 11.88vh;
  }

  .mantri-landing {
    height: 40vh;
  }

  .mantri-intro {
    flex-direction: column;
  }

  .mantri-intro-text, .mantri-intro-image {
    width: 100vw;
    height: 50vh;
  }

  .mantri-intro-body {
    width: 60vw;
  }

  .mantri-intro-head.bottom-margin {
    width: 60vw;
    font-size: 2.25vh;
  }

  .section-30 {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .mantri-cards-video, .power-cards {
    height: 50vh;
  }

  .image-179 {
    height: 40vh;
  }

  .mantri-ds-image {
    width: 100vw;
    height: 50vh;
  }

  .packaging-mantri {
    flex-direction: column;
    height: auto;
  }

  .div-block-160 {
    width: 100vw;
    height: 80vh;
  }

  .div-block-161 {
    width: 100vw;
    height: 60vh;
  }

  .mantri-idea {
    flex-direction: column;
  }

  .mantri-idea-text {
    width: 100vw;
    height: 50vh;
    padding-left: 17.5vw;
    padding-right: 17.5vw;
  }

  .mantri-idea-images {
    width: 100vw;
    height: 50vh;
  }

  .mantri-button {
    margin-top: 2vh;
    font-size: 1.3vh;
  }

  .image-181 {
    width: 30vw;
    max-width: none;
    margin-left: 45vw;
  }

  .image-182 {
    width: 30vw;
    max-width: none;
    margin-top: 3.2vh;
    margin-left: 65vw;
  }

  .image-183 {
    width: 30vw;
    max-width: none;
    margin-top: -8vh;
    margin-left: 13vw;
  }

  .image-184 {
    width: 30vw;
    max-width: none;
    margin-top: 12.7vh;
    margin-left: 29vw;
  }

  .image-185 {
    width: 30vw;
    max-width: none;
    margin-top: 25vh;
    margin-left: 1vw;
  }

  .image-186 {
    width: 30vw;
    max-width: none;
    margin-top: 27vh;
    margin-left: 54vw;
  }

  .image-187 {
    width: 30vw;
    max-width: none;
    margin-top: 45vh;
  }

  .div-block-162 {
    width: 40vh;
    height: 22.5vh;
  }

  .slider-6 {
    display: none;
  }

  .slide-21, .div-block-163, .mask-4 {
    height: 55vh;
  }

  .slide-nav-7 {
    height: 5vh;
  }

  .slider-6-mobile {
    height: 60vh;
    display: block;
  }

  .tulua-video {
    height: 50vh;
  }

  .div-block-165 {
    width: 40vw;
    height: 40vw;
  }

  .div-block-166 {
    width: 40vh;
    height: 22.5vh;
  }

  .menu-close-button, .menu-shut {
    width: 10vw;
    margin-right: 8vw;
  }

  .menu-button-text-copy {
    font-size: 2.2vw;
  }

  .boxovia-website-mockup, .background-video-19 {
    height: 56.25vw;
  }

  .traditional-mead-images {
    flex-direction: column;
    height: 100vh;
  }

  .girl-holding-traditional-mead {
    width: 100vw;
    height: 50vh;
  }

  .traditional-mead-floating-bottle {
    background-size: cover;
    width: 100vw;
    height: 50vh;
  }

  .rm-testimonial-image {
    width: 70vw;
    height: 70vw;
  }

  .rm-quote {
    height: auto;
  }

  .div-block-167 {
    place-items: center;
    display: none;
  }

  .section-32 {
    height: 40vh;
  }

  .background-video-21 {
    width: 40vh;
    height: 22.5vh;
  }

  .div-block-168 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: 100vw;
    height: 100vh;
    display: grid;
    position: sticky;
    top: 0;
  }

  .image-188 {
    width: 30vh;
    margin-top: 34vw;
    margin-left: 12vw;
  }

  .image-189 {
    width: 35vw;
    margin-top: 9vw;
    margin-left: 50.8vw;
  }

  .image-190 {
    width: 30vh;
    margin-top: 69vw;
    margin-left: 26.1vw;
  }

  .image-191 {
    width: 35vw;
    margin-top: 104vw;
    margin-left: 8vw;
  }

  .image-192 {
    width: 25vh;
    margin-top: 72vh;
    margin-left: 55vw;
  }

  .image-195 {
    width: 20vh;
    bottom: 4vh;
    left: 13vw;
  }

  .image-196, .image-197 {
    max-width: none;
    height: 100vh;
  }

  .before-after, .div-block-171, .div-block-172, .mm-before, .mm-after, .before-after-moonshine {
    height: 50vh;
  }

  .section-33 {
    grid-row-gap: 5vh;
    flex-direction: column;
  }

  .image-216, .image-217 {
    width: 70vw;
    height: auto;
  }

  .dd-mantri-cards {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .lottie-animation-29 {
    justify-content: flex-end;
    align-items: flex-end;
    height: 60vw;
    margin-top: -22vh;
    margin-bottom: 0;
    margin-left: 41vw;
  }

  .lottie-animation-29.hide {
    display: block;
  }

  .mantri-cards-project-info {
    width: 100vw;
    height: 50vh;
  }

  .mantri-cards-project-image {
    width: 80vw;
    height: 80vw;
  }

  .mantri-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .mantri-cards-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38aba6e4e16f47f4db80_landing.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sw-image-mantri {
    width: 40vw;
    height: 40vw;
  }

  .lottie-animation-30 {
    height: 40vh;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .div-block-176 {
    width: 100vw;
    height: 50vh;
  }

  .div-block-177 {
    width: 100vw;
    height: 35vh;
    margin-top: -22vh;
    display: none;
  }

  ._404-lottie-wrapper {
    width: 50vw;
    height: 27vw;
  }

  .text-block-36 {
    font-size: 5.5vh;
  }

  .supari-logo-back {
    width: 100vw;
    height: 50vh;
    position: static;
  }

  .type-and-icons-supari {
    flex-direction: row;
    height: 50vh;
  }

  .typography {
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    height: 50vh;
    padding-top: 15vw;
    padding-bottom: 15vw;
    display: flex;
  }

  .div-block-180 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    height: 50vh;
    padding-top: 15vw;
    padding-bottom: 15vw;
    display: flex;
  }

  .supari-icon {
    width: 100vw;
    height: 50vh;
  }

  .logo-and-icon-supari {
    flex-direction: row;
    height: 50vh;
  }

  .div-block-181 {
    width: 100%;
  }

  .social-media-comms-supari {
    height: 200vh;
  }

  .div-block-183 {
    grid-template-columns: 1fr;
    padding-left: 60vw;
  }

  .image-220, .image-221, .image-222 {
    width: 21.25vh;
    margin-top: 0;
  }

  .image-supari {
    height: 33vh;
  }

  .type-and-icons-po {
    height: 50vh;
  }

  .social-media-comms-po {
    height: 200vh;
  }

  .image-po {
    height: 33vh;
  }

  .po-icon-back, .po-logo-back {
    height: 50vh;
  }

  .typography-po, .po-icons-back {
    height: 50vh;
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .social-media-comms-back {
    grid-template-columns: 1fr;
    padding-left: 60vw;
  }

  .image-223, .image-224, .image-225, .image-226 {
    width: 21.25vh;
  }

  .type-and-icons-keeda {
    height: 50vh;
  }

  .social-media-comms-keeda {
    height: 200vh;
  }

  .image-keeda {
    height: 38vh;
  }

  .keeda-logo-back, .keeda-icon-back {
    height: 50vh;
  }

  .social-media-comms-back-keeda {
    grid-template-columns: 1fr;
    padding-left: 60vw;
  }

  .lottie-animation-32 {
    width: 100%;
    display: block;
  }

  .image-228 {
    max-width: none;
  }

  .image-229, .image-230, .image-231, .image-232, .image-233, .image-234, .image-235, .image-236, .image-237, .image-238, .image-239, .image-240, .image-241, .image-242, .image-243, .image-244 {
    width: 100%;
    max-width: none;
  }

  .section-34 {
    height: 50vh;
  }

  .poster-container {
    background-repeat: no-repeat;
    background-size: cover;
    height: 38vh;
  }

  .what-trigger {
    width: 33.7vw;
    height: 29.9vw;
  }

  .supari-trigger {
    width: 40.37vw;
    height: 29.9vw;
  }

  .div-block-185 {
    z-index: 0;
    width: 40vw;
  }

  .lottie-animation-33 {
    width: 12vw;
    height: auto;
  }

  .supari-container, .po-container, .div-block-186 {
    height: 33vh;
  }

  .image-249, .image-250 {
    width: 21.25vh;
    margin-top: 0;
  }

  .image-251 {
    width: 21.25vh;
  }

  .div-block-187 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: center;
    width: 100vw;
    height: 100vh;
    display: grid;
    overflow: hidden;
  }

  .lottie-animation-35 {
    z-index: 2;
    width: 80vw;
    position: relative;
  }

  .image-252 {
    width: 100%;
    max-width: none;
  }

  .image-253 {
    max-width: none;
  }

  .image-254, .image-255, .image-256, .image-257, .image-258, .image-259, .image-260, .image-261, .image-262, .image-263, .image-264, .image-265 {
    width: 100%;
    max-width: none;
  }

  .kulfi-collective-section-touch-devices {
    background-color: #1c1c1c;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
  }

  .kulfi-collective-stacked-logo-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: center;
    width: 74.07vw;
    height: 63.7vw;
    padding-bottom: 0;
    padding-right: 0;
    display: grid;
  }

  .image-266, .image-268, .image-269, .image-270, .image-271 {
    display: none;
  }

  .kulfi-collective-tab-trigger-container {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .top-trigger-container {
    width: 74.7vw;
    height: 29.9vw;
    display: flex;
  }

  .bottom-trigger-container {
    width: 74.7vw;
    height: 33.79vw;
    display: flex;
  }

  .keeda-trigger-tab {
    width: 28.24vw;
    height: 33.79vw;
  }

  .po-trigger-tab {
    width: 18.05vw;
    height: 33.79vw;
  }

  .why-trigger-tab {
    width: 14vw;
    height: 33.79vw;
  }

  .tab-info-container {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: 40vw;
    height: 40vw;
    display: grid;
  }

  .image-272, .image-273, .image-274, .image-275, .image-276 {
    z-index: 2;
    display: none;
    position: relative;
  }

  .lottie-animation-36 {
    width: 10vw;
    margin-bottom: 2vh;
  }

  .kulfi-new-landing-section {
    display: none;
  }

  .kulfi-logo-and-icon, .div-block-189 {
    height: 50vh;
  }

  .div-block-190 {
    justify-content: flex-start;
    height: 50vh;
    padding-bottom: 0;
  }

  .kulfi-type-and-icons, .kulfi-type, .div-block-192 {
    height: 50vh;
  }

  .kulfi-mockups {
    height: 60vh;
  }

  .mockups {
    padding: 10vh;
  }

  .image-281 {
    width: 18vh;
    margin-right: 10vh;
  }

  .image-282, .image-283 {
    width: 20vh;
    margin-right: 10vh;
  }

  .image-284 {
    width: 35vh;
    margin-right: 10vh;
  }

  .info-container-what, .info-container-supari, .info-container-keeda, .info-container-po, .info-container-why {
    width: 40vw;
    height: 40vw;
  }

  .kulfi-quote {
    height: 60vh;
  }

  .kulfi-quote-text {
    font-size: 2.5vh;
  }

  .kulfi-quote-credit {
    font-size: 1.5vh;
  }

  .image-288 {
    width: 20vh;
    margin-right: 10vh;
  }

  .image-289 {
    width: 15vw;
    max-width: none;
    margin-bottom: 2vh;
  }

  .image-290 {
    width: 30vw;
    max-width: none;
    margin-bottom: 2vh;
  }

  .image-291 {
    width: 3vw;
    max-width: none;
  }

  .kulfi-logo-lockups {
    margin-bottom: 1vh;
  }

  .lottie-animation-37 {
    display: none;
  }

  .div-block-193 {
    z-index: 1;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64c91baf129ea5a2c9e25b32_tab-n-phone-landing%20back-kulfi.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 101vw;
    height: 101vh;
    position: relative;
  }

  .image-292 {
    z-index: 0;
    max-width: none;
    height: 120vh;
    position: relative;
  }

  .sw-image-kulfi {
    width: 40vw;
    height: 40vw;
  }

  .div-block-194 {
    z-index: 5;
    width: 20vh;
    height: 20vh;
    margin-top: -54%;
    margin-left: 11%;
    position: relative;
  }

  .div-block-195 {
    flex-direction: row;
  }

  .footer-updated {
    flex-direction: column;
    height: auto;
  }

  .div-block-196 {
    width: auto;
    height: auto;
  }

  .lottie-animation-38 {
    height: auto;
  }

  .we-intro {
    flex-direction: column;
  }

  .we-info {
    align-items: flex-start;
    width: 100vw;
    height: 35vh;
  }

  .we-logo {
    background-image: none;
    width: 100vw;
    height: 65vh;
  }

  .we-intro-title {
    text-align: center;
    font-size: 2.25vh;
  }

  .we-intro-title.black {
    text-align: center;
  }

  .we-intro-title.black.size {
    width: 20vh;
  }

  .we-intro-title.black.logo-intro-size {
    width: 26vh;
  }

  .we-intro-b {
    text-align: center;
    font-size: 1vh;
  }

  .we-info-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32vw;
    display: flex;
  }

  .we-images {
    flex-direction: column;
  }

  .div-block-201 {
    background-position: 50% 75%;
    background-size: cover;
    width: 100vw;
    height: 50vh;
  }

  .div-block-202 {
    background-position: 50%;
    background-size: cover;
    width: 100vw;
    height: 50vh;
  }

  .we-logo-lockups {
    flex-direction: column-reverse;
  }

  .we-logos {
    grid-column-gap: 16px;
    grid-row-gap: 5vh;
    flex-direction: row;
    align-content: center;
    justify-items: center;
    width: 100vw;
    height: 50vh;
    padding-top: 0;
    padding-right: 5vw;
  }

  .div-block-204 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
  }

  .image-293 {
    width: 16.5vh;
  }

  .image-294 {
    width: 5.5vh;
  }

  .image-295 {
    width: 5vh;
  }

  .div-block-208 {
    width: 60vw;
    height: 25vh;
  }

  .div-block-208.margins {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .lottie-animation-39 {
    width: 60vw;
    height: auto;
    top: 15vh;
  }

  .div-block-209 {
    width: 35vw;
    height: auto;
    overflow: hidden;
  }

  .div-block-210, .lottie-animation-40 {
    width: 150vw;
  }

  .div-block-211 {
    width: 50vw;
  }

  .we-tagline {
    flex-direction: column;
  }

  .text-block-37 {
    flex: 0 auto;
    font-size: 3.5vh;
    top: -6vh;
  }

  .text-block-38 {
    width: 21vh;
    font-size: 1vh;
  }

  .image-297 {
    width: 60vw;
  }

  .we-typography {
    flex-direction: column;
  }

  .div-block-216 {
    flex-direction: column;
    width: 100vw;
    height: 50vh;
    padding-top: 14vw;
    padding-bottom: 14vw;
    padding-left: 5vh;
  }

  .div-block-218 {
    grid-template-columns: 1fr 1fr;
    width: 80vw;
  }

  .image-299, .image-300, .image-301, .image-302 {
    height: 3vw;
  }

  .div-block-218-copy {
    grid-template-rows: 2vh;
    grid-template-columns: 1fr 1fr;
  }

  .image-299-copy, .image-302-copy {
    height: 3vw;
  }

  .div-block-216-copy {
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    height: 50vh;
    padding: 10vw 5vh 14vw;
  }

  .div-block-219 {
    width: 80%;
  }

  .div-block-220 {
    margin-bottom: 0;
  }

  .image-303, .image-304, .image-305 {
    display: none;
  }

  .div-block-223 {
    flex-direction: column;
  }

  .we-idliwale-mini {
    grid-column-gap: 10vh;
    grid-row-gap: 10vh;
    flex-direction: column;
  }

  .div-block-224 {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    align-items: flex-end;
    width: 100vw;
    height: 65vh;
  }

  .div-block-225 {
    align-items: flex-start;
    width: 100vw;
    height: 35vh;
  }

  .mini-schematic {
    flex-direction: column-reverse;
  }

  .schematic {
    background-position: 50% 100%;
    background-size: auto 60vh;
    width: 100vw;
    height: 65vh;
  }

  .div-block-227 {
    align-items: center;
    width: 100vw;
    height: 35vh;
    padding-top: 0;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .image-flood {
    height: 100vh;
    padding: 2vh;
  }

  .image-306 {
    width: 35vh;
  }

  .image-307 {
    width: 25vh;
  }

  .image-308 {
    width: 29vh;
  }

  .image-309 {
    width: 40vh;
    margin-top: 60vh;
  }

  .image-310 {
    width: 30vh;
    margin-top: 37.5vw;
    margin-left: 27vw;
  }

  .background-video-26 {
    width: 24.5vh;
    height: 53.5vw;
    margin-top: 61vw;
  }

  .image-311 {
    width: 31.35vh;
    margin-top: 97.5vw;
    margin-left: 8vw;
  }

  .image-312 {
    width: 37.2vh;
    margin-top: 103.33vw;
  }

  .image-313 {
    width: 32.2vh;
    margin-top: 142vw;
  }

  .receipt-section {
    z-index: -1;
    flex-direction: column;
    height: 100vh;
    position: relative;
  }

  .image-314 {
    width: 20vh;
  }

  .receipt-application-2 {
    flex-direction: column;
  }

  .div-block-228 {
    background-position: 50%;
    background-size: auto 25vh;
    width: 100vw;
    height: 35vh;
  }

  .div-block-229, .cards {
    width: 100vw;
    height: 50vh;
  }

  .we-packaging.margins {
    height: 60vh;
    padding-top: 8vw;
  }

  .we-para.packaging {
    width: 20vh;
    height: 10vw;
    margin-top: 35vh;
    margin-left: 8vh;
    font-size: 1.5vh;
  }

  .div-block-232 {
    height: 44vh;
    margin-top: 5vh;
    margin-bottom: 5vh;
    top: 28vh;
  }

  .we-packaging-pics {
    flex-direction: column;
  }

  .div-block-233 {
    background-position: 50% 80%;
    width: 100vw;
    height: 50vh;
  }

  .div-block-234 {
    background-position: 50% 75%;
    background-size: cover;
    width: 100vw;
    height: 50vh;
  }

  .we-quote {
    height: auto;
  }

  .we-final-image {
    height: 50vh;
  }

  .image-315 {
    width: 40vw;
    max-width: none;
  }

  .we-intro-body {
    text-align: center;
  }

  .we-intro-body.white {
    width: 28vh;
  }

  .we-intro-body.center.width {
    width: 62vw;
  }

  .we-intro-body.center.width.white {
    width: 15vh;
  }

  .we-intro-body.center.width.white.center-align {
    text-align: center;
    width: 35vh;
  }

  .we-intro-body.center.width-2 {
    width: 60vw;
  }

  .we-intro-body.width-3 {
    text-align: left;
    width: 32vw;
  }

  .we-intro-body.width-4, .we-intro-body.width-of-logo-copy {
    width: 60vw;
  }

  .div-block-240 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
    height: 15vh;
    margin-left: 0;
    display: flex;
  }

  .image-325, .image-326 {
    display: none;
  }

  .lottie-animation-44, .lottie-animation-45 {
    width: 40vw;
  }

  .image-327, .image-328 {
    display: block;
  }

  .image-329, .image-330 {
    display: none;
  }

  .image-331 {
    width: 25%;
    max-width: none;
    top: 10vw;
    left: 10vh;
  }

  .image-332 {
    width: 25%;
    max-width: none;
    top: 15.7vw;
    left: -3vh;
  }

  .image-333 {
    width: 25%;
    max-width: none;
    top: -11.5vw;
    left: 8.5vh;
  }

  .image-334 {
    width: 25%;
    max-width: none;
    top: -7.9vw;
    left: -4.4vh;
  }

  .div-block-241 {
    justify-content: flex-end;
    width: 100vw;
    height: 55vh;
    padding-bottom: 5vh;
  }

  .div-block-242 {
    background-position: 50% 0;
    width: 100vw;
    height: 45vh;
  }

  .div-block-244 {
    flex-direction: column;
    width: 100vw;
    height: 85vh;
    display: flex;
  }

  .idli-project-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .dd-idli {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .idli-project-info {
    width: 100vw;
    height: 50vh;
  }

  .idli-project-image {
    width: 80vw;
    height: 80vw;
  }

  .idli-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .idli-bg-mobile {
    opacity: 0;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65e9d597c6c3b6c26c46640c_idli-hover-background.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }

  .idli-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65c0967b78c33935f5b8c157_weidliwale-landing.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sw-image-idli {
    width: 40vw;
    height: 40vw;
  }

  .circus-container {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
  }

  .circus-logo-div {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 20vh;
    padding-right: 0;
  }

  .circus-logo-div.before-after {
    object-fit: cover;
    width: 75vw;
  }

  .circus-content-div {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-left: 0;
  }

  .circus-colour {
    flex-flow: column;
  }

  .circus-image-div {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
  }

  .circus-image-div.before {
    justify-content: flex-start;
    align-items: flex-start;
    width: 75vw;
    max-width: 75%;
    height: auto;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .circus-image-div.before.after {
    justify-content: center;
    align-items: flex-start;
  }

  .circus-image-div.carousel {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-bottom: 15vh;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .circus-image-div.before-copy {
    justify-content: flex-start;
    align-items: flex-start;
    width: 75vw;
    max-width: 75%;
    height: auto;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .circus-image-div.before-copy.after {
    justify-content: center;
    align-items: flex-start;
  }

  .circus-image-div.before-tnc {
    justify-content: flex-start;
    align-items: flex-start;
    width: 75vw;
    max-width: 75%;
    height: auto;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .circus-image-div.before-tnc.after {
    justify-content: center;
    align-items: flex-start;
  }

  .circus-image-div.after-tnc {
    justify-content: flex-start;
    align-items: flex-start;
    width: 75vw;
    max-width: 75%;
    height: auto;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .circus-image-div.after-tnc.after {
    justify-content: center;
    align-items: flex-start;
  }

  .circus-container-centre {
    max-width: 100%;
    overflow: visible;
  }

  .circus-type-div {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 80vw;
    margin-bottom: 6vh;
    margin-left: 0;
  }

  .circus-titles-type {
    width: 75%;
  }

  .circus-body-type {
    width: 70%;
  }

  .circus-accent-type {
    width: 50%;
  }

  .image-345 {
    height: 7vh;
  }

  .image-347 {
    height: 7.5vh;
  }

  .div-block-248, .div-block-249 {
    margin-top: 1vh;
  }

  .circus-sidescroll-container {
    height: 40vh;
  }

  .circus-before-after {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 120vh;
    padding-top: 3vh;
    padding-bottom: 2vh;
    display: flex;
  }

  .div-block-250 {
    width: 100vw;
    height: 35vh;
  }

  .circus-rebrand {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 5vh;
    display: flex;
  }

  .circus-quote {
    height: 50vh;
  }

  .circus-quote-text {
    font-size: 2.5vh;
  }

  .circus-full-image.circus-underwear {
    width: 100vw;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-251 {
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .circus-waistband-flood {
    grid-row-gap: 16px;
    height: 100vh;
  }

  .image-349 {
    width: 50vw;
  }

  .image-350, .image-351 {
    padding-bottom: 1vh;
  }

  .div-block-254 {
    width: 50vw;
  }

  .circus-text-div {
    width: 50vw;
    padding-top: 0;
    padding-bottom: 0;
  }

  .circus-intro-title {
    margin-top: 0;
    font-size: 3vh;
  }

  .circus-intro-title.dark {
    font-size: 3vh;
  }

  .circus-hero {
    height: 200vh;
  }

  .image-353 {
    height: 40vh;
  }

  .circus-container-logo {
    flex-flow: column;
    height: 100vh;
  }

  .circus-cover {
    object-fit: cover;
    display: flex;
  }

  .circus-cover.desktop {
    display: none;
  }

  .circus-logos {
    grid-column-gap: 5vw;
    flex-direction: column;
    order: 0;
    grid-template-rows: .75fr;
    grid-template-columns: 15vw 20vw 35vw;
    grid-auto-columns: .25fr;
    align-content: center;
    place-items: center;
    width: 100%;
    height: 50%;
    padding: 2vw;
    display: grid;
  }

  .circus-logo-desc {
    width: 60vw;
    margin-top: 5vw;
  }

  .image-357 {
    height: 9vh;
    padding-left: 0;
  }

  .image-358, .image-359 {
    height: 9vh;
  }

  .mokai-packaging-parallax {
    height: 30vh;
  }

  .mokai-mark {
    height: 80vh;
    display: none;
  }

  .mokai-intro-body, .mokai-intro-body.mokai-light {
    width: 80vw;
  }

  .mokai-intro-body.mokai-light._20vw {
    width: 20vw;
    margin-top: 3vh;
  }

  .mokai-intro-body.intro {
    width: 40vw;
  }

  .mokai-hanko {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-flow: column;
  }

  .mokai-hanko-text-container, .image-362 {
    width: 80vw;
  }

  .mokai-showcase-1 {
    flex-flow: column;
    height: auto;
  }

  .mokai-stamp-portrait, .mokai-carousel-01 {
    width: 100vw;
    height: 100vw;
  }

  .and-c-carousel-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .mokai-carousel-container-02 {
    width: 50vw;
    height: 27vh;
    margin-top: 71vw;
    margin-left: 26vw;
    left: 10vw;
  }

  .showcase {
    width: 60vw;
    height: 60vw;
  }

  .mokai-palette-and-typography {
    flex-flow: column;
    height: 150vh;
  }

  .image-363 {
    width: 40vw;
  }

  .image-364 {
    display: none;
  }

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

  .mokai-sashiko {
    flex-flow: column;
  }

  .mokai-sashiko-text {
    width: 100vw;
    height: 30vh;
  }

  .mokai-sashiko-graphic {
    width: 100vw;
    height: 70vh;
  }

  .mokai-sashiko-text-container {
    width: 80vw;
  }

  .mokai-ephemera {
    flex-flow: column;
  }

  .mokai-ephemera-text {
    width: 100vw;
    height: 30vh;
  }

  .mokai-ephemera-image {
    background-size: cover;
    width: 100vw;
    height: 70vh;
  }

  .mokai-ephemera-text-container {
    width: 80vw;
  }

  .mokai-showcase-6 {
    grid-template-columns: 1fr;
  }

  .mokai-coffee-cards-text-container {
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    height: 40vh;
  }

  .mokai-coffee-cards-container {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    width: 100vw;
    height: 60vh;
    padding-left: 10vw;
  }

  .mokai-coffee-card-01, .mokai-coffee-card-02, .mokai-coffee-card-03, .mokai-coffee-card-04, .mokai-coffee-card-05, .mokai-coffee-card-06, .mokai-coffee-card-07, .mokai-coffee-card-08, .mokai-coffee-card-09, .mokai-coffee-card-10, .mokai-coffee-card-11 {
    width: 80vw;
  }

  .div-block-270 {
    flex-flow: column;
  }

  .mokai-co-branded-coffee-labels {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10vh;
  }

  .image-371 {
    width: 80vw;
    height: auto;
    margin-left: 0;
  }

  .mokai-co-branded-coffee-labels-text-and-carousel {
    margin-left: 0;
  }

  .mokai-restroom-image-flood {
    width: 100vw;
    height: 50vh;
  }

  .mokai-restroom-sticky-container {
    flex-flow: column;
  }

  .image-372 {
    width: 20vw;
    margin-left: 4vw;
  }

  .image-373 {
    width: 22vw;
    margin-left: 40vw;
  }

  .image-374 {
    width: 22vw;
    margin-top: 6.6vh;
    margin-left: 20vw;
  }

  .image-375 {
    width: 20vw;
    margin-top: 3vh;
    margin-left: 59vw;
  }

  .image-376 {
    width: 20vw;
    margin-top: 20vh;
    margin-left: 2vw;
  }

  .image-377 {
    width: 22vw;
    margin-top: 15vh;
    margin-left: 41vw;
  }

  .image-378 {
    width: 24vw;
    margin-top: 25vh;
    margin-left: 61.3vw;
  }

  .image-379 {
    width: 22vw;
    margin-top: 32vh;
    margin-left: 20vw;
  }

  .image-380 {
    width: 17vw;
    margin-top: 34.75vh;
    margin-left: -5vw;
  }

  .image-381 {
    width: 14vh;
    margin-top: 40.75vh;
    margin-left: 44.85vw;
  }

  .mokai-restroom-text-container {
    width: 80vw;
  }

  .mokai-restroom-image-flood-container {
    width: 100vw;
    height: 50vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .showcase-01 {
    width: 60vw;
    height: 40vh;
  }

  .mokai-carousel-container-01 {
    width: auto;
    height: auto;
  }

  .showcase-02 {
    width: 50vw;
    height: 30vh;
  }

  .showcase-04 {
    width: 60vw;
    height: 60vw;
  }

  .mokai-carousel-container-03, .showcase-03 {
    width: 100vw;
    height: 50vh;
  }

  .mokai-showcase-8 {
    grid-template-columns: 1fr;
  }

  .circus-showcase {
    width: 60vw;
    height: 60vw;
  }

  .circus-mask {
    width: 100%;
    height: 100%;
  }

  .div-block-271 {
    width: 100vw;
    height: 50vh;
  }

  .background-video-33 {
    width: 80vw;
    height: 30vh;
  }

  .circus-flood-image-5 {
    width: 35vw;
  }

  .circus-flood-image-6 {
    width: 30vw;
    margin-top: -41vh;
  }

  .circus-valentines-pic {
    height: 50vh;
  }

  .circus-valentines {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 50vh;
  }

  .div-block-272 {
    height: 100vh;
    margin-top: -50vh;
    position: relative;
  }

  .circus-ui-mock, .circus-ui {
    height: 50vh;
  }

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

  .background-video-34 {
    z-index: 100;
    position: relative;
  }

  .circus-packaging-boxes {
    height: 50vh;
  }

  .circus-packaging-square.handtags, .circus-packaging-square.packaging-cards, .circus-packaging-square.drawstring-bags, .circus-packaging-square.mailer {
    height: 25vh;
  }

  .circus-ecomm-packaging {
    flex-flow: wrap;
  }

  .image-385 {
    height: 6vh;
  }

  .circus-moms-andcircus {
    width: 30vw;
    margin-bottom: 0;
    font-size: 15px;
  }

  .circus-ecom-half {
    width: 100vw;
    height: 50vh;
    display: flex;
  }

  .circus-ecom-full {
    width: 100vw;
    height: 50vh;
  }

  .circus-container-underwear {
    flex-flow: column;
    height: 150vh;
  }

  .div-block-278 {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 80vw;
    height: 35vh;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-279 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    display: flex;
  }

  .div-block-280 {
    width: 50vw;
    height: 100%;
  }

  .text-block-41 {
    color: #d31e4e;
    padding-top: 1vh;
    font-family: Founders grotesk, sans-serif;
    text-decoration: underline;
  }

  .div-block-281 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .lottie-animation-48 {
    margin-bottom: 15vh;
  }

  .circus-colour-1 {
    width: 100vw;
    height: 50vh;
  }

  .div-block-282 {
    width: 50vw;
  }

  .circus-images {
    flex-flow: column;
    align-items: center;
    height: auto;
  }

  .circus-palette-container {
    width: auto;
  }

  .circus-palette {
    width: 100%;
    max-width: 100%;
  }

  .circus-colour-palette {
    object-fit: scale-down;
    align-self: center;
    height: 100%;
  }

  .circus-carousel {
    width: 100vw;
    height: auto;
    padding-bottom: 15vh;
  }

  .dd-and-circus {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .and-circus-dropdown {
    background-color: #0000;
    width: 80vw;
    height: auto;
    margin-top: 5vw;
    display: none;
    position: static;
  }

  .circus-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .circus-project-info {
    width: 100vw;
    height: 100vh;
  }

  .circus-project-image {
    width: 80vw;
    height: 80vw;
  }

  .sw-image-circus {
    width: 40vw;
    height: 40vw;
  }

  .circus-textblock {
    font-size: 3.6vw;
  }

  .circus-sub-title {
    font-size: 1.8vw;
  }

  .text-block-31-copy {
    font-size: 1.25vw;
  }

  .circus-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3a859262e90bcddd0f49f_%26C-Social.png");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .project-name-circus {
    margin-bottom: 0;
    font-size: 6.25vh;
    display: none;
  }

  .div-block-283 {
    background-size: cover;
    order: 0;
  }

  .circus-social {
    grid-template-rows: 1fr 1fr 1fr;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  .image-389, .image-390, .image-391, .image-392, .image-393, .image-394, .image-395, .image-396 {
    width: 100%;
    max-width: none;
  }

  .div-block-285 {
    width: 100%;
    height: 50vh;
  }

  .circus-camera {
    z-index: 50;
  }

  .image-397 {
    height: 40vh;
  }

  .div-block-286 {
    width: 100vw;
  }

  .div-block-287 {
    height: 100vh;
  }

  .image-398 {
    width: 80%;
  }

  .mokai-project-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .dd-mokai {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .mokai-bg-mobile {
    opacity: 0;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4be274b844c4bddb5046a_Listing-page_Dark-Kraft-BG.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }

  .mokai-project-info {
    width: 100vw;
    height: 100vh;
  }

  .mokai-project-image {
    width: 80vw;
    height: 80vw;
  }

  .mokai-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .mokai-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4a200f125e55ce650bc6b_Listing%20Page_Bag%20Shoot.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sw-image-mokai {
    width: 40vw;
    height: 40vw;
  }

  .mokai-typography-mobile {
    width: 40vw;
    display: block;
  }

  .mokai-titles-mobile {
    width: 100%;
  }

  .mokai-line {
    border-top-color: #fff;
  }

  .mokai-typo-1 {
    margin-bottom: 5vh;
  }

  .image-402 {
    padding-top: 2.2vh;
  }

  .mokai-showcase-6-mobile {
    grid-template-columns: 1fr;
  }

  .mokai-carousel-container-mobile {
    width: 100vw;
    height: 50vh;
  }

  .mokai-showcase-8-mobile, .mokai-showcase-2-mobile, .mokai-showcase-1-mobile {
    grid-template-columns: 1fr;
  }

  .mokai-mark-mobile {
    background-image: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 90vh;
    display: flex;
  }

  .div-block-289 {
    width: 80vw;
    margin: 8vw;
  }

  .image-405 {
    margin-top: -6.5vh;
  }

  .mokai-showcase-2-mobile-2 {
    grid-template-columns: 1fr;
  }

  .mokai-carousel-02 {
    width: 100vw;
    height: 100vw;
  }

  .image-407 {
    width: 50vw;
  }

  .mokai-quote {
    height: 50vh;
  }

  .mokai-quote-text {
    font-size: 2.5vh;
  }

  .caresmith-landing {
    height: 100svh;
  }

  .caresmith-intro {
    flex-direction: column;
    height: auto;
  }

  .caresmith-intro-logo {
    background-image: none;
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    height: 15vh;
  }

  .caresmith-logo {
    width: 60vw;
  }

  .caresmith-values {
    flex-flow: column-reverse;
  }

  .cs-orchestra-writeup {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
    height: 40vh;
  }

  .caresmith-sub-brands {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    height: 100vh;
  }

  .cs-sub-brand, .cs-sub-brand.align, .cs-sub-brand.bloom, .cs-sub-brand.charge, .background-video-49 {
    width: 17vh;
    height: 17vh;
  }

  .background-video-50 {
    width: 16vh;
    height: 16vh;
  }

  .cs-sub-brand-subtext {
    width: 60vw;
  }

  .cs-sub-brand-subtext.center.margins {
    width: auto;
  }

  .background-video-51, .background-video-52, .background-video-53, .background-video-54 {
    width: 17vh;
    height: 17vh;
  }

  .caresmith-typography {
    flex-flow: column;
  }

  .cs-typography-1 {
    width: 100vw;
    height: 50vh;
  }

  .div-block-295 {
    background-position: 0 0;
    width: 100vw;
    height: 50vh;
  }

  .bloom-transparent-video {
    width: 20vh;
    height: 20vh;
    top: 30vw;
    left: 7.2vh;
  }

  .code-embed-3 {
    width: 20vh;
    height: 20vh;
  }

  .spark-transparent-video {
    width: 20vh;
    height: 20vh;
    top: 15vw;
    left: 36vh;
  }

  .revive-transparent-video {
    width: 20vh;
    height: 20vh;
    top: 47vw;
    left: 30.5vh;
  }

  .div-block-298 {
    background-size: 65vw;
    width: 100vw;
    height: 60vh;
  }

  .wrapper {
    height: 40vh;
  }

  .wrapper.colour.px {
    width: 50vh;
    height: 50vh;
  }

  .handle_inner_circle {
    width: 4.5rem;
    height: 5rem;
  }

  .handle_icon {
    width: 2rem;
    height: 1rem;
  }

  .container-3.px {
    width: 50vh;
    height: 50vh;
  }

  .cs-playbook-writeup {
    width: 100vw;
    height: 40vh;
  }

  .cs-playbook-creatives {
    align-content: start;
    width: 100vw;
    height: 60vh;
  }

  .div-block-299 {
    flex-flow: column;
  }

  .cs-a-plus-content {
    height: 60vh;
  }

  .code-embed-8 {
    width: 80vw;
  }

  .code-embed-9 {
    width: auto;
    height: 100vh;
    display: none;
  }

  .cs-products {
    height: 60vh;
  }

  .image-420 {
    width: 50vw;
  }

  .image-421, .image-422 {
    height: 40vh;
  }

  .cs-playbook {
    flex-flow: column;
    height: 80vh;
  }

  .cs-playbook-descriptor {
    justify-content: center;
    align-items: flex-end;
    width: 100vw;
    height: 30vh;
  }

  .cs-playbook-color-application {
    width: 100vw;
    height: 50vh;
  }

  .ishaan {
    height: 60vw;
  }

  .div-block-305, .div-block-306 {
    width: 100vw;
    height: 50vh;
  }

  .shree {
    height: 60vw;
  }

  .cs-social-media-device {
    background-size: 74.07vw;
    width: 74vw;
    height: 96.2vw;
    padding: 21.6vw 3.96vw 7.79vw 3.71vw;
  }

  .cs-social-carousel {
    width: 66.33vw;
    height: 66.81vw;
  }

  .caresmith-print {
    flex-flow: column-reverse;
  }

  .cs-packaging {
    height: 56vh;
  }

  .image-427, .image-428, .image-429, .image-430, .image-431 {
    height: 40vh;
  }

  .code-embed-11 {
    justify-content: center;
    align-items: center;
    min-width: 177.77vh;
    min-height: 100vh;
    display: none;
    overflow: hidden;
  }

  .sw-image-caresmith {
    width: 40vw;
    height: 40vw;
  }

  .caresmih-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .dd-caresmith {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .caresmith-project-info {
    width: 100vw;
    height: 50vh;
  }

  .caresmith-project-image {
    width: 80vw;
    height: 80vw;
  }

  .caresmith-project-image-mobile-copy {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67b31234b57eea21ae98786c_Caresmith-listing-cover.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .code-embed-11-mobile {
    justify-content: center;
    align-items: center;
    min-width: 177.77vh;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .big-little-landing {
    background-color: #f9f9f5;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .background-video-56 {
    z-index: 2;
    padding: 15vh;
  }

  .bl-intro {
    background-color: #ffb000;
    flex-flow: column;
  }

  .bl-intro-logo {
    background-size: 50vw;
    flex-flow: column;
    width: 100%;
    height: 70vh;
  }

  .bl-intro-text {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30vh;
    margin-top: -30vh;
    top: 70vh;
  }

  .bl-intro-body, .bl-intro-body.light {
    width: 80vw;
  }

  .bl-intro-body.light._20vw {
    width: 20vw;
    margin-top: 3vh;
  }

  .bl-intro-body.intro {
    width: 40vw;
  }

  .bl-intro-body.light-bl {
    width: 80vw;
  }

  .bl-intro-body.light-bl._20vw {
    width: 20vw;
    margin-top: 3vh;
  }

  .bl-intro-body.paradoxes {
    width: 80%;
  }

  .bl-logo-lockups {
    flex-flow: column;
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .image-432, .image-433, .image-434 {
    height: 28vh;
  }

  .bl-carousel-01 {
    width: 100vw;
    height: 100vw;
  }

  .bl-carousel-container-01 {
    width: auto;
    height: auto;
  }

  .bl-showcase-01 {
    width: 60vw;
    height: 40vh;
  }

  .bl-typography {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/691474c20fba755d45e2da9f_mobile%20typography.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80vw;
  }

  .bl-verbal-identity {
    height: 150vh;
    overflow: hidden;
  }

  .bl-verbal-identity-content, .bl-verbal-identity-images {
    width: 100%;
    height: 50vh;
  }

  .bl-intro-head {
    font-size: 2.25vh;
  }

  .image-435 {
    height: 40vh;
    top: 0;
    left: 18vw;
  }

  .image-436 {
    height: 40vh;
    bottom: 15vh;
    right: 18vw;
  }

  .bl-bar {
    width: 100%;
    height: 50vh;
    position: static;
  }

  .bl-bar-waterfall {
    flex-flow: column;
    height: 150vh;
  }

  .bl-waterfall {
    align-content: end;
    height: 44vh;
  }

  .image-440 {
    height: 21vh;
    top: -12vh;
  }

  .colour-palette-container {
    height: 80vw;
    transform: rotate(90deg);
  }

  .colour-strip {
    height: 100%;
  }

  .bl-palette-fill {
    height: 80vw;
  }

  .bl-palette-value-container {
    justify-content: start;
    height: 80vw;
  }

  .image-441 {
    width: 14.6vw;
  }

  .bl-yall-good {
    background-position: 0%;
    height: 50vh;
  }

  .bl-verbal-identity-container {
    flex-flow: column;
  }

  .image-442 {
    bottom: -12.2vh;
    left: 6.7vw;
  }

  .bl-application {
    background-size: cover;
    height: 51vh;
  }

  .image-443 {
    height: 21vh;
    top: -12vh;
  }

  .bl-paradoxes {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
  }

  .revelations-menu {
    flex-flow: column;
    height: auto;
  }

  .open-notice {
    z-index: 100;
    justify-content: space-between;
    align-items: center;
    width: 14vw;
    top: 8vh;
    left: 40vw;
  }

  .right-image-contain {
    -webkit-text-fill-color: inherit;
    background-clip: content-box;
  }

  .document-view {
    height: 60svh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .px-type-pairing {
    flex-flow: column-reverse;
  }

  .lottie-animation-50 {
    width: 50vw;
  }

  .paradox-landing {
    width: 100vw;
    height: 200svh;
  }

  .unexpect {
    flex-flow: column;
    width: 100vw;
    height: auto;
    overflow: hidden;
  }

  .px-wordmark-text {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 40svh;
  }

  .unexpect-text {
    width: 100vw;
    height: 60vh;
  }

  .div-block-312 {
    width: 40vw;
  }

  .div-block-312.type-pairing {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-312.opposing-forces {
    width: 40vw;
    position: relative;
    top: -4.6vh;
    overflow: visible;
  }

  .div-block-312.chippy {
    width: 40vw;
  }

  .px-intro-text {
    width: 40vw;
    height: auto;
  }

  .px-intro-text.white, .px-intro-text.white.opposing-forces, .px-intro-text.distorted-reality {
    width: 40vw;
  }

  .px-wordmark {
    flex-flow: column-reverse;
    height: 110svh;
    overflow: hidden;
  }

  .px-wordmark-animation {
    width: 100%;
    height: 70svh;
    overflow: hidden;
  }

  .px-intro-head {
    font-size: 2.25vh;
    line-height: 1;
  }

  .px-logo-marks {
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100svh;
  }

  .px-logo-marks-left, .px-logo-marks-right {
    flex-flow: row;
    width: 400vw;
    height: 50svh;
    overflow: hidden;
  }

  .mark-1 {
    width: 100vw;
    height: 50svh;
  }

  .div-block-313 {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50svh;
  }

  .div-block-314 {
    width: 100vw;
    height: 50svh;
  }

  .lottie-animation-52 {
    width: 50%;
  }

  .div-block-315 {
    height: 50svh;
  }

  .div-block-316 {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50svh;
  }

  .div-block-317 {
    height: 50svh;
  }

  .code-embed-16 {
    width: 30vh;
    min-width: 30vh;
    max-width: 30vh;
    height: 40vh;
    min-height: 40vh;
    max-height: 40vh;
    overflow: hidden;
  }

  .div-block-318 {
    height: 50svh;
  }

  .div-block-319 {
    width: 100vw;
    height: 50svh;
  }

  .div-block-320 {
    height: 50svh;
  }

  .div-block-321 {
    width: 100vw;
    height: 50svh;
  }

  .image-447, .image-448 {
    max-width: none;
    height: 40svh;
  }

  .div-block-322, .div-block-323 {
    width: 100vw;
    height: 50svh;
  }

  .unexpect-the-expected {
    width: 100vw;
    height: 40vh;
    display: none;
  }

  .px-colour-and-typography {
    flex-flow: column;
    height: 100svh;
  }

  .px-colour {
    place-content: center;
    place-items: center;
    width: 100%;
    height: 50svh;
  }

  .px-typography {
    align-content: center;
    width: 100%;
    height: 50svh;
  }

  .image-451, .image-452, .image-453 {
    height: 70svh;
  }

  .image-454, .image-455, .image-456, .image-457, .image-458, .image-459 {
    height: 80svh;
  }

  .div-block-324 {
    place-items: center;
    width: 100%;
    height: 70svh;
  }

  .div-block-325 {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 30svh;
  }

  .px-opposing-forces {
    flex-flow: column;
    height: 100svh;
  }

  .px-ankush-gamre {
    z-index: 5;
    object-fit: fill;
    width: 100%;
    height: 60vh;
    position: relative;
  }

  .px-opposing-forces-text {
    z-index: 10;
    width: 100%;
    height: 45svh;
    position: relative;
  }

  .px-distorted-reality {
    flex-flow: column-reverse;
    height: 100svh;
  }

  .px-distorted-reality-text {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 40svh;
  }

  .px-distorted-reality-comparison {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 70svh;
    padding-bottom: 5vh;
  }

  .px-optical-illusion {
    background-image: none;
    height: auto;
  }

  .image-460 {
    height: 60vh;
    margin-left: auto;
  }

  .image-461 {
    height: 60vh;
  }

  .image-462 {
    width: 90vw;
    margin-top: 83vh;
    margin-left: 10vw;
  }

  .image-463 {
    height: 25vh;
    margin-top: 36vh;
    margin-left: 13vw;
  }

  .image-464 {
    width: 45vw;
  }

  .image-465 {
    width: 35vw;
  }

  .image-466 {
    width: 45vw;
  }

  .image-467 {
    width: 60vw;
    margin-top: -5vh;
    margin-left: auto;
  }

  .image-468 {
    width: 35vw;
    margin-top: 50vh;
  }

  .image-469 {
    width: 35vw;
  }

  .div-block-326 {
    width: 100%;
    height: 60svh;
  }

  .div-block-327 {
    width: 100%;
    height: 40svh;
    display: none;
  }

  .px-chippy-can {
    flex-flow: column;
  }

  .px-chippy-can-video {
    width: 100%;
    height: 70vh;
  }

  .px-chippy-can-text {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 30vh;
  }

  .px-stage-set {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685a791bd2a9f2793069d1bf_the-stage-set-tab.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: flex-end;
    height: 120vh;
    padding-bottom: 10vh;
    padding-left: 0;
  }

  .px-social-media-communications {
    overflow: auto;
  }

  .div-block-328 {
    grid-column-gap: 3.75vw;
    grid-row-gap: 3.75vw;
    width: 270vw;
    height: auto;
    overflow: auto;
  }

  .code-embed-17 {
    width: auto;
    height: 50vh;
  }

  .code-embed-18, .code-embed-19, .code-embed-20, .code-embed-21 {
    width: auto;
  }

  .px-quote {
    height: auto;
  }

  .px-website-mockup {
    height: auto;
    padding-top: 8vh;
    padding-bottom: 8vh;
  }

  .lottie-animation-53 {
    width: 3vh;
  }

  .px-quote-text {
    width: 60vw;
    font-size: 2.5vh;
  }

  .text-block-44 {
    font-size: 1.5vh;
  }

  .div-block-330 {
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .image-473 {
    width: auto;
    height: 100vh;
  }

  .lottie-animation-54 {
    width: 36vw;
  }

  .text-span-8 {
    font-size: 1.5vh;
  }

  .code-embed-24 {
    width: 60vw;
  }

  .code-embed-25 {
    z-index: 10;
  }

  .lottie-animation-55 {
    z-index: 11;
    width: 100%;
    height: 60svh;
  }

  .image-474 {
    align-self: center;
    max-width: 40%;
  }

  .code-embed-26 {
    width: 0;
    height: 0;
    position: fixed;
  }

  .background-video-62 {
    display: none;
  }

  .background-video-63, .background-video-62-mobile {
    display: block;
  }

  .px-landing-video-desktop {
    display: none;
  }

  .px-mobile-landing-video {
    display: block;
  }

  .background-video-64 {
    height: 100vh;
  }

  .image-475 {
    width: 100vw;
    max-width: none;
    display: none;
  }

  .image-476 {
    display: block;
  }

  .dd-paradox {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .paradox-project-info {
    width: 100vw;
    height: 50vh;
  }

  .paradox-project-image {
    width: 80vw;
    height: 80vw;
  }

  .paradox-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .paradox-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685d2206babf908d7ba86db5_work-list-paradox-cover-image.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sw-image-paradox {
    width: 40vw;
    height: 40vw;
  }

  .code-embed-27 {
    width: auto;
  }

  .code-embed-28 {
    width: 65%;
    top: -19%;
  }

  .mokai-pillow-flood {
    width: 60%;
    margin-top: -64%;
    margin-left: 0%;
  }

  .sindhvi-intro {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    align-items: center;
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .sindvi-logo-animation {
    justify-content: flex-start;
    width: 50vw;
  }

  .sindhvi-intro-text.monogram {
    width: 100vw;
    height: 50svh;
    display: flex;
  }

  .sindhvi-intro-text-container {
    justify-content: center;
    align-items: center;
    width: 50vw;
  }

  .sindhvi-intro-text-container.wordmark {
    width: 50vw;
  }

  .sindhvi-intro-title {
    width: 50vw;
    font-size: 2.25vh;
  }

  .sindhvi-intro-body {
    width: 50vw;
  }

  .sindhivi-image {
    width: 15vh;
  }

  .sindhvi-monogram {
    flex-flow: column-reverse;
    align-items: center;
    width: 100vw;
    height: 120svh;
  }

  .sindvi-monogram {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 70svh;
  }

  .sindvi-flex-box-top {
    background-color: #542d1a;
    width: 100vw;
    height: 35svh;
  }

  .sindvi-flex-box-bottom {
    z-index: 10;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f8cb9225c2037be99d0aa5_sindhvi-favicon-graphic.svg"), linear-gradient(150deg, #a36f1c 17%, #895511);
    background-position: 100% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 95vw, auto;
    width: 100vw;
    height: 35svh;
  }

  .sindhvi-logo-grid {
    grid-auto-columns: 1fr;
    height: 100svh;
  }

  .logo-grid-stack {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .logo-grid-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-content: flex-start;
  }

  .sindhvi-grid-image {
    max-height: 15rem;
  }

  .sindhvi-wordmark {
    width: 14.4323vh;
  }

  .sindhvi-devnagari {
    width: 10.8021vh;
  }

  .sindhvi-monogram-image {
    width: 4.6875vh;
  }

  .sindhvi-emblem {
    width: 10.4167vh;
  }

  .sindhvi-color-section {
    flex-direction: column;
  }

  .sindhvi-color-section-container {
    width: auto;
    min-width: 100vw;
  }

  .sindhvi-color-card {
    width: 30vw;
  }

  .sindhvi-packaging-image {
    background-size: cover;
    flex-flow: column;
    height: auto;
  }

  .sindhvi-scroll-inner {
    width: 370vw;
  }

  .sindhvi-scroll-image-1 {
    width: 75vw;
    height: 50vh;
  }

  .sindhvi-posters-parallax {
    height: 75vw;
  }

  .sindhvi-quote {
    height: auto;
  }

  .sindhvi-quote-text {
    width: 60vw;
    font-size: 2.5vh;
  }

  .sindhvi-uniform {
    flex-flow: column;
    height: 200vh;
  }

  .sindhvi-uniform-pannel-usage {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
  }

  .sindhvi-cursor-container, .sindhvi-cursor-div {
    display: none;
  }

  .sindhvi-palette-usage {
    width: 50vw;
    height: 70vw;
  }

  .sindhvi-mask-2 {
    width: 100%;
    height: 100%;
  }

  .sindhvi-mask-2.full-width {
    width: 100%;
  }

  .image-flood-container {
    width: 100vw;
  }

  .sindhvi-social {
    grid-column-gap: 12.5vh;
    grid-row-gap: 12.5vh;
    flex-flow: column;
    height: auto;
    padding: 25vh 0;
  }

  .s-image-489 {
    width: 50vw;
  }

  .s-image-490 {
    max-height: 35rem;
    overflow: visible;
  }

  .packaging-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    place-items: center;
    height: 100%;
    max-height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sindhvi-social-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .bl-quote {
    height: 50vh;
  }

  .bl-quote-text {
    font-size: 2.5vh;
  }

  .bl-restroom {
    flex-flow: column;
    height: 50vh;
  }

  .bl-restroom-image {
    background-repeat: repeat-y;
    background-size: cover;
    width: 50vw;
    height: 50vh;
  }

  .bl-image-flood {
    height: 50vh;
  }

  .bl-image-flood-container {
    width: 50vw;
    height: 50vh;
    padding-left: 0;
    padding-right: 0;
  }

  .image-491 {
    box-sizing: border-box;
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
  }

  .image-492 {
    width: 18.64vh;
    position: absolute;
    top: -2.2vh;
  }

  .image-493 {
    width: 14.77vh;
    position: absolute;
    top: .4vh;
    left: 26.1vw;
  }

  .image-494 {
    width: 11.78vh;
    position: absolute;
    top: 15.8vh;
  }

  .image-495 {
    width: 11.78vh;
    position: absolute;
    top: 27.2vh;
    left: 18.3vw;
  }

  .image-496 {
    position: absolute;
    top: 39.4vh;
    left: 3vw;
  }

  .bl-main {
    width: 100%;
    height: 100vh;
    padding-bottom: 30vh;
    top: 0;
  }

  .image-497 {
    width: 40vh;
  }

  .sindhvi-landing {
    background-position: 0 0;
    background-size: 130vw;
    width: auto;
    height: 150vh;
    padding-top: 11.57vw;
    top: 0;
  }

  .lottie-animation-56 {
    width: 66.69%;
    height: auto;
    margin-left: 11.4%;
  }

  .sindhvi-intro-head {
    font-size: 2.25vh;
  }

  .sindhvi-intro-body-copy {
    width: 50vw;
  }

  .sindhvi-poloroid {
    width: 31.5vw;
  }

  .div-block-334 {
    flex-flow: column-reverse;
    justify-content: center;
    align-items: flex-end;
    height: 100vh;
    margin-bottom: 0;
  }

  .sindhvi-poloroids {
    align-items: center;
    height: 50vh;
  }

  .sindhvi-intro-copy-container {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
  }

  .sindhvi-landing-section {
    background-color: #ac6b00;
    height: 250vh;
  }

  .div-block-335 {
    width: 50vw;
    height: 35svh;
    overflow: hidden;
  }

  .div-block-336 {
    width: 50vw;
    height: 35svh;
  }

  .image-499 {
    z-index: 10;
  }

  .div-block-337 {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .logo-grid {
    height: 15vh;
  }

  .lottie-animation-57 {
    width: 50vw;
  }

  .sindhvi-cards-sticky-container {
    overflow: scroll;
  }

  .boxes-grid {
    flex-flow: column;
    height: auto;
  }

  .image-500 {
    height: 60vh;
    right: 0;
  }

  .image-501 {
    height: 95vh;
    margin-top: -15vh;
    margin-bottom: -15vh;
  }

  .image-502 {
    height: 60vh;
    left: 0;
  }

  .sindhvi-scroll-image-2 {
    width: 50vw;
  }

  .sindhvi-scroll-image-3 {
    width: 70vw;
  }

  .sindhvi-scroll-image-4 {
    width: 50vw;
  }

  .sindhvi-scroll-image-5 {
    width: 75vw;
  }

  .sindhvi-scroll-image-6 {
    width: 50vw;
  }

  .image-503 {
    max-width: 2vw;
  }

  .image-503._1 {
    top: -43.6vh;
    left: -18.9vw;
  }

  .image-503._2 {
    top: -17vh;
    left: 10.2vw;
  }

  .image-503._3 {
    top: -9.2vh;
    left: 34.9vw;
  }

  .image-503._4 {
    left: -4.4vw;
  }

  .image-503._5 {
    top: 17.6vh;
    left: -34.7vw;
  }

  .image-503._6 {
    top: 24.2vh;
    left: 24.4vw;
  }

  .image-504 {
    max-width: 8vw;
  }

  .image-504._1 {
    left: -30.6vw;
  }

  .image-504._2 {
    left: 38.4vw;
  }

  .image-505 {
    width: 35vh;
    top: -55.2vh;
    left: -9.2vw;
  }

  .image-506 {
    width: 43.2vw;
    left: 15.5vw;
  }

  .image-507 {
    width: 40.4vw;
    left: -18.3vw;
  }

  .image-508 {
    width: 16vw;
    left: 23.2vw;
  }

  .image-509 {
    width: 27vw;
    top: -7.3vh;
  }

  .image-510 {
    width: 21vw;
    left: -20.1vw;
  }

  .image-511 {
    width: 35.4vw;
    top: 8.5vh;
    left: 19.9vw;
  }

  .image-512 {
    width: 9.2vw;
    top: 20.3vh;
    left: 10.1vw;
  }

  .image-513 {
    width: 42vw;
    left: -7.4vw;
  }

  .sindhvi-visual-language-section {
    height: 260vh;
  }

  .div-block-341 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f8ec5e06d18821ec2b373a_tab-yellow-patch-Vl.svg");
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .lottie-animation-58 {
    width: 250vw;
  }

  .div-block-343 {
    overflow: hidden;
  }

  .div-block-345, .div-block-346, .div-block-347, .div-block-348, .div-block-349 {
    display: none;
  }

  .sindhvi-packaging {
    place-items: end start;
    height: auto;
    min-height: 100vh;
  }

  .div-block-350 {
    justify-content: start;
    place-items: center start;
    height: 50vh;
  }

  .div-block-351 {
    width: 100vw;
    height: 100vw;
    margin-top: 50vh;
  }

  .div-block-358 {
    width: 80vw;
    height: 80vw;
  }

  .pattern-shine {
    background-image: linear-gradient(-45deg, #7f6823 35%, #7f682359 40%, #fceb7e00 50%, #7f682359 60%, #7f6823 65%, #7f6823);
    width: 160vw;
    height: 80vw;
  }

  .laddoo-a, .laddoo-b, .batli, .batli-sticker {
    background-position: 0%;
    background-size: 160vw;
  }

  .image-517 {
    margin-left: auto;
    display: none;
  }

  .div-block-359 {
    width: 10vw;
    height: 10vw;
    display: block;
  }

  .div-block-360 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f260704258065b3c5171a3_typography.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 75vw;
    width: 100vw;
    height: 100vh;
    display: block;
  }

  .div-block-361 {
    background-color: #a96e11;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 60vh;
    display: flex;
  }

  .dd-sindhvi {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .sindhvi-project-info {
    width: 100vw;
    height: 50vh;
  }

  .sindhvi-project-image {
    width: 80vw;
    height: 80vw;
  }

  .sindhvi-project-image-mobile {
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sindhvi-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .sw-image-sindhvi {
    width: 40vw;
    height: 40vw;
  }

  .image-519 {
    width: 40vw;
    margin-top: -54vh;
    margin-left: 30vw;
  }

  .image-520 {
    width: 22.7262vh;
    position: absolute;
    top: 29.6vh;
  }

  .image-521, .image-522, .image-523 {
    width: 40vh;
  }

  .bl-intro-text-copy {
    width: 100%;
    height: 30vh;
  }

  .div-block-368 {
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100vh;
  }

  .bl-glasses {
    height: 50vh;
  }

  .dd-big-little {
    padding: 4vw 4vw 4vw 3.75vw;
  }

  .big-little-bg {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .big-little-project-info {
    width: 100vw;
    height: 50vh;
  }

  .big-little-project-image {
    width: 80vw;
    height: 80vw;
  }

  .big-little-project-image-mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/691494c5ec028e7e7761bfc3_big-little-cover.webp");
    width: 90vw;
    height: 90vw;
    display: flex;
  }

  .sw-image-big-little {
    width: 40vw;
    height: 40vw;
  }

  .bl-paradoxes-copy {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
  }

  .div-block-369 {
    width: 100%;
  }

  .short-intro-mm-pic {
    width: 40vw;
  }
}

@media screen and (max-width: 767px) {
  .nav-container {
    display: none;
  }

  .div-block-114 {
    z-index: 999999999;
    background-color: #000;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f71ab8ea0a67_phone-landscape.jpeg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100vw;
    height: 100vh;
    position: fixed;
    inset: 0%;
  }

  .heading__color {
    letter-spacing: 0;
  }

  .junglegym-awards {
    flex-direction: column;
  }

  .about-process-info, .about-us-services-and-awards-container {
    width: 100vw;
    height: 50vh;
  }

  .services-and-awards-lottie {
    background-color: #fff;
    width: 100vw;
    height: 50vh;
    position: sticky;
    top: 50vh;
  }

  .lottie-animation-21 {
    width: 100vw;
  }

  .lottie-container, .about-services-info {
    width: 100vw;
    height: 50vh;
  }

  .junglegym-services {
    flex-direction: column;
  }

  .mokai-mark-mobile {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .container, .after_image {
    width: 66rem;
  }

  .wrapper {
    width: 66rem;
    height: 30vh;
    margin-top: 0;
  }

  .container-3 {
    width: 66rem;
  }

  .image-overlay {
    background-size: 50px;
    box-shadow: 7px 7px 10px #00000003;
  }

  .left-side-back {
    padding-right: 2px;
  }

  .gif-arrow {
    width: 50px;
    height: 50px;
  }

  .document-view {
    height: 300px;
  }

  .pm-text {
    font-size: 14px;
    line-height: 16px;
    transform: rotate(6deg)translate(19px);
  }

  .logo-grid-stack {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sindhvi-grid-image {
    max-height: none;
  }

  .sindhvi-grid-text {
    height: auto;
    margin-top: 0;
  }

  .sindhvi-packaging-image {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .s-image-490 {
    max-height: 25rem;
  }

  .packaging-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .sindhvi-social-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (max-width: 479px) {
  .nav-container {
    z-index: 1000;
    height: auto;
    display: flex;
  }

  .header-logo, .header-logo.w--current {
    width: 50vh;
    height: 50vh;
  }

  .headernamediv {
    align-items: center;
    width: 20vw;
    min-width: 20vw;
    height: 5vh;
    margin-left: 5vw;
    display: flex;
  }

  .hamburgermenu {
    width: 10vw;
    height: 10vw;
    margin-right: 5vw;
  }

  .nav-bar {
    z-index: 99999999;
    height: auto;
    position: relative;
  }

  .div-block-7 {
    background-color: #000;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .menulinkwork {
    height: 5vh;
    margin-left: 18.2vw;
  }

  .menulinkaboutus {
    height: 5vh;
    margin-right: 4vw;
  }

  .menulinkblog {
    height: 5vh;
    margin-top: 6.3vh;
    margin-left: -2vh;
  }

  .body {
    width: 100%;
  }

  .div-block-27 {
    height: auto;
  }

  .image-9 {
    width: 10vw;
    height: 10vw;
    display: none;
  }

  .html-embed-2 {
    color: #fff;
  }

  .plaza-logo {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100vw;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .plaza-intro {
    width: 100vw;
    height: auto;
    margin-top: 5vh;
    padding-left: 0;
  }

  .image-16 {
    width: 50vw;
    height: auto;
  }

  .div-block-43 {
    margin-bottom: 30vh;
  }

  .div-block-54 {
    width: 100vw;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .image-28 {
    width: 200vw;
    max-width: none;
    height: auto;
  }

  .image-29, .image-30 {
    width: 200vw;
    max-width: none;
  }

  .record-room-intro {
    flex-direction: column;
    justify-content: center;
  }

  .rr-intro-title {
    width: 60vw;
    font-size: 8vw;
    line-height: 1;
  }

  .rr-intro-body {
    width: 80vw;
  }

  .rr-2-images {
    background-color: #f2f0ed;
    flex-direction: column;
    height: auto;
    padding-bottom: 5vh;
  }

  .rr-typography {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .div-block-58 {
    flex-direction: column;
    width: 80vw;
    margin-bottom: 8vh;
  }

  .junglegym-body.dark.we-bottom-margin {
    margin-bottom: 2vh;
  }

  .junglegym-body.dark.circus, .junglegym-body.we-top-margin {
    font-size: 12px;
  }

  .image-33 {
    width: 80vw;
    height: auto;
  }

  .div-block-60 {
    width: 80vw;
  }

  .image-34 {
    width: 60vw;
    height: auto;
  }

  .div-block-61, .circus-subtitles-type {
    width: 80vw;
  }

  .image-35 {
    width: 60vw;
  }

  .div-block-65 {
    margin-top: 1.5vh;
  }

  .rr-exterior-shot {
    height: 30vh;
  }

  .rr-menu {
    background-position: 0 0;
    background-size: cover;
  }

  .rr-logos-intro {
    height: 100vh;
  }

  .rr-vinyl-player {
    flex: 0 auto;
    width: 100vw;
    height: 50vh;
  }

  .rr-beer-pour {
    width: 100vw;
    height: 50vh;
  }

  .rr-colour-palette {
    width: 100vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .rr-birchwood-pannel-usage {
    width: 100vw;
    margin-top: 5vh;
    padding-bottom: 0;
  }

  .social-media-mockup {
    background-size: 100vw;
    width: 100vw;
    height: 55vh;
  }

  .rr-coasters-player {
    height: 35vh;
  }

  .rr-posters-parallax {
    height: 30vh;
  }

  .palete-description {
    width: 90vw;
    height: auto;
  }

  .palette-container {
    height: auto;
  }

  .rr-logos {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .rr-logo-description {
    width: 80vw;
    margin-top: 5vh;
    margin-left: 0;
  }

  .image-39, .image-40, .image-41 {
    height: 15vh;
  }

  .div-block-67 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-68 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-69 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 5vh;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .palette-usage {
    width: 50vw;
    height: auto;
    margin-bottom: 5vh;
  }

  .left-arrow-3 {
    mix-blend-mode: difference;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f77b55ea0a41_previous-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 13vw;
    height: 13vw;
    display: none;
    position: absolute;
    inset: 10vh auto auto -17vw;
  }

  .left-arrow-3._01 {
    top: 43vh;
    left: 0;
  }

  .left-arrow-3.circus {
    width: 7vw;
    height: 7vw;
    top: 20vh;
  }

  .right-arrow-3 {
    mix-blend-mode: difference;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f741a6ea0a3f_next-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 5vh;
    display: none;
  }

  .right-arrow-3._01 {
    top: 43vh;
    right: 0;
  }

  .right-arrow-3.circus {
    width: 7vw;
    height: 7vw;
    margin-top: 0;
    top: 20vh;
  }

  .right-arrow-3.sindhvi {
    display: none;
  }

  .mask-2 {
    width: 100%;
    height: 100%;
  }

  .slide-nav-2 {
    display: none;
  }

  .rr-social-media-posts {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .social-media-posts {
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 90vw;
  }

  .rr-2-image-ice-t {
    flex-direction: column;
    height: auto;
  }

  .rr-t-shirts {
    width: 100vw;
    height: 50vh;
  }

  .boxovia-logo {
    height: 40vh;
  }

  .div-block-70 {
    height: 60vh;
  }

  .image-43 {
    width: 40vw;
  }

  .box-intro-body {
    width: auto;
  }

  .image-44, .image-45 {
    width: 100vw;
  }

  .box-body-text-svg {
    height: 12vh;
  }

  .div-block-72 {
    flex-direction: column;
  }

  .div-block-73 {
    grid-row-gap: 10vh;
    flex-direction: column;
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .image-46, .image-47, .image-48 {
    width: 30vh;
  }

  .image-49, .image-50, .box-parallax-1, .box-parallax-2, .box-parallax-3 {
    width: 60vw;
  }

  .image-51 {
    width: 100%;
  }

  .box-cards {
    height: 56.25vw;
  }

  .box-business-card-img {
    width: 100vw;
    height: 56.25vw;
  }

  .credits {
    height: auto;
    padding: 10vw 5vw;
  }

  .boxovia-scrolldown-lottie {
    padding-bottom: 20vh;
  }

  .credits-div {
    flex-direction: column;
  }

  .credits-container, .scope-of-work-container {
    margin-bottom: 5vh;
  }

  .next-project-feature-image {
    justify-content: center;
    height: 60vh;
  }

  .image-58 {
    width: 100%;
  }

  .image-61 {
    max-width: none;
  }

  .ewb-intro-section {
    height: auto;
  }

  .ewb-intro-text {
    height: auto;
    padding-top: 12vw;
    padding-bottom: 12vw;
  }

  .kulfi-intro {
    padding-top: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .kulfi-intro-logo {
    width: 80vw;
    height: 20vh;
    overflow: hidden;
  }

  .kulfi-intro-text {
    width: 90vw;
  }

  .kulfi-intro-head {
    font-size: 3vh;
  }

  .kulfi-intro-head.white.bottom-margin {
    margin-bottom: 2vh;
  }

  .div-block-87 {
    background-size: 70vw;
    width: 70vw;
    height: 25vh;
  }

  .image-75 {
    width: 11vw;
  }

  .div-block-93 {
    flex-direction: column;
    height: 100vh;
  }

  .junglegym-nav-open {
    display: none;
  }

  .kulfi-sub-brands {
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
  }

  .rm-landing {
    height: 100vh;
  }

  .rm-landing-left-logo {
    display: none;
  }

  .rm-landing-ringt-logo {
    width: 100vw;
    display: flex;
  }

  .rm-landing-logos-container {
    justify-content: center;
  }

  .rm-logo-and-intro {
    flex-direction: column;
    height: auto;
  }

  .rm-intro {
    width: 100vw;
    height: auto;
    padding: 18.5vw 10vw;
  }

  .rm-logo {
    width: 100vw;
    height: 80vh;
  }

  .rm-intro-body {
    width: 90vw;
  }

  .rm-intro-body.black {
    width: 100vw;
  }

  .rm-intro-head {
    font-size: 4vh;
    line-height: 1;
  }

  .rm-intro-head.black {
    font-size: 4vh;
  }

  .rm-beer-glass-mockup {
    height: 35vh;
  }

  .rm-logos {
    flex-direction: column;
    align-items: center;
    height: 100vh;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .rm-logo-english {
    background-size: contain;
    height: 40vh;
    margin-bottom: 10vh;
  }

  .rm-devnagri-logo {
    background-size: contain;
    height: 40vh;
    margin-top: 10vh;
  }

  .lottie-animation-12 {
    height: auto;
  }

  .rm-mockups {
    flex-direction: column;
  }

  .rm-business-cards-mockup {
    width: 100vw;
  }

  .rm-letterhead-envelope-mockup {
    width: 100vw;
    height: 35vh;
  }

  .rm-label-system {
    flex-direction: column-reverse;
  }

  .rm-label-system-intro-text {
    width: 100vw;
    height: auto;
  }

  .rm-menu-and-coaster-mockups {
    flex-direction: column;
  }

  .rm-coasters-mockup, .rm-menu-mockup {
    width: 100vw;
    height: 50vh;
  }

  .rm-tshirt-mockup, .rm-pour-image-container {
    height: auto;
  }

  .rm-social-media-mockups {
    flex-direction: column;
    height: auto;
  }

  .rm-ig-story-mockup {
    width: 100vw;
    height: 40vh;
  }

  .rm-label-system-svg {
    background-position: 0%;
    background-size: 115vw;
    width: 100vw;
  }

  .rm-ig-post-mockup {
    width: 100vw;
    height: 53vh;
  }

  .rm-packaging-mockup {
    flex-direction: column;
  }

  .rm-crown-mockup {
    width: 100vw;
  }

  .rm-bottle-and-can-mockup {
    background-size: auto 40vh;
    width: 100vw;
    height: 50vh;
  }

  .rm-pour-shot {
    height: 24vh;
    overflow: hidden;
  }

  .rm-crown-mockup-container {
    width: 100vw;
    height: 50vh;
  }

  .image-97, .image-98, .image-99, .image-100, .image-101 {
    height: 5vh;
  }

  .tulua-intro-section {
    flex-direction: column;
  }

  .tulua-intro-text {
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .tulua-intro-head {
    font-size: 4vh;
    line-height: 1;
  }

  .tulua-intro-image {
    height: 35vh;
  }

  .tulua-inspired-by-india {
    height: auto;
  }

  .background-video-7 {
    height: 30vh;
  }

  .inspired-write-up {
    height: auto;
    padding-top: 10vh;
  }

  .tulua-rangoli-video {
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .tulua-beyond-curry-image {
    height: 50vh;
  }

  .tulua-quote-text {
    width: 80vw;
    font-size: 3vh;
  }

  .tulua-quote-credit {
    font-size: 2vh;
  }

  .umami-intro-swoosh {
    height: 50vh;
  }

  .umami-intro-text {
    height: auto;
    padding-top: 30vw;
    padding-bottom: 30vw;
  }

  .umami-intro-body {
    width: 80vw;
  }

  .umami-typography {
    height: 110vh;
  }

  .image-105 {
    width: 70vw;
  }

  .image-106 {
    width: 65vw;
  }

  .image-107 {
    width: 60vw;
  }

  .umami-brand-guidelines-parallax {
    justify-content: center;
    display: flex;
  }

  .image-108 {
    width: auto;
    height: 40vh;
  }

  .umami-the-fifth-taste {
    height: 130vh;
  }

  .umami-labels-carousel {
    height: 50vh;
  }

  .umami-fifth-taste-text {
    height: 70vh;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .umami-label-slider {
    height: 50vh;
  }

  .umami-coffee-and-pineapple-bottles {
    height: 25vh;
  }

  .umami-split-images {
    flex-direction: column;
    height: 100vh;
  }

  .umami-social-carousel {
    width: 100vw;
  }

  .umami-social-slider {
    width: 80vw;
    height: 80vw;
  }

  .umami-social-mockup {
    width: 100vw;
  }

  .boxovia-next-project-image {
    align-self: flex-start;
  }

  .next-project-image-tulua {
    background-position: 50% 100%;
    background-size: cover;
    height: 60vh;
  }

  .next-project-image-umami {
    height: 60vh;
  }

  .rm-bottle-can-mockup-container {
    width: 100vw;
  }

  .ewb-quote {
    height: auto;
  }

  .ewb-quote-text {
    width: 80vw;
  }

  .rr-packaging {
    width: 100vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .packaging {
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    height: 103vw;
  }

  .image-110 {
    width: 200vw;
    max-width: none;
  }

  .icon-2 {
    color: #161515;
    display: none;
  }

  .icon-3 {
    color: #000;
    display: none;
  }

  .div-block-111 {
    z-index: 100;
  }

  .rr-palette-application-carousel {
    margin-bottom: 5vh;
  }

  .cursor-div, .cursor-container, .icon-5, .icon-6 {
    display: none;
  }

  .image-112 {
    height: 5vh;
  }

  .section-17 {
    z-index: 100;
    position: fixed;
    inset: 0% 0% auto;
  }

  .junglegym-nav {
    z-index: 50;
  }

  .icon-7, .div-block-114 {
    display: none;
  }

  .menu-button-text {
    font-size: 4.35vw;
  }

  .menu-button {
    justify-content: flex-end;
    align-items: center;
    width: 20vw;
    min-width: 20vw;
    height: 5vh;
    margin-right: 5vw;
    padding-bottom: 1vh;
  }

  .menu-button.home {
    padding-bottom: .5vh;
  }

  .close-button-text {
    font-size: 4.35vw;
  }

  .image-113 {
    height: 8vh;
  }

  .work-menu-button {
    margin-bottom: 5vh;
  }

  .about-menu-button {
    margin-bottom: 5vh;
    margin-right: 0;
  }

  .image-114, .image-115, .image-116, .image-117, .image-118 {
    height: 8vh;
  }

  .heading__color {
    letter-spacing: 0;
    font-size: 7vh;
  }

  .heading__color.red, .heading__color.yellow, .heading__color.blue {
    letter-spacing: -1px;
  }

  .heading__color.dd-yellow, .heading__color.dd-blue, .heading__color.dd-red {
    font-size: 4vh;
  }

  .heading__color.bottom-margin {
    width: 90vw;
  }

  .project-sub-text {
    margin-left: 1vw;
  }

  .junglegym-landing-projects {
    z-index: 21;
    height: auto;
    position: relative;
    overflow: hidden;
  }

  .junglegym-landing-projects.hide {
    display: none;
  }

  .junglegym-landing-projects-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .junglegym-landing-projects-list.hide {
    display: none;
  }

  .junglegym-landing-projects-information {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: none;
  }

  .junglegym-landing-projects-information.hide {
    display: none;
  }

  .junglegym-landing-projects-list-bg-color {
    min-height: 100vh;
    padding-bottom: 8vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .junglegym-landing-projects-list-bg-color.hide, .dropdown-list-3 {
    display: none;
  }

  .dd-boxovia {
    padding-bottom: 8vw;
  }

  .junglegym-philosophy-and-services {
    flex-direction: row;
    height: auto;
    position: relative;
  }

  .floating-objects-container {
    width: 55vw;
    height: 88vh;
    overflow: visible;
  }

  .junglegym-small-text.about-placement, .junglegym-small-text.team-placement {
    width: 90vw;
  }

  .junglegym-small-text.mesh-placement {
    width: 100%;
    margin-top: 2vh;
  }

  .junglegym-small-text.landing-positioning {
    text-align: center;
    width: 70vw;
    margin-top: 3vh;
    display: block;
  }

  .dropdown-toggle-4 {
    height: 5vh;
  }

  .dropdown-3 {
    border-bottom: 2px solid #cacace;
    width: 100%;
    padding-top: 1vh;
    padding-bottom: 1vh;
  }

  .dropdown-list-4 {
    display: none;
  }

  .dropdown-list-4.w--open {
    padding-bottom: 1vh;
  }

  .junglegym-small-text-mono {
    width: 84vw;
  }

  .junglegym-small-text-mono.top-margin {
    width: 84vw;
    line-height: 1.3;
    display: block;
  }

  .rm-can-videos {
    flex-direction: row;
    height: 100vh;
  }

  .div-block-119 {
    flex-direction: column;
    width: 100vw;
    height: 90vh;
  }

  .div-block-120 {
    width: 100vw;
    height: 90vh;
    overflow: hidden;
  }

  .background-video-10, .background-video-11 {
    width: 100vw;
    height: 90vh;
  }

  .testimonial-container {
    padding: 8vw;
  }

  .brewtis {
    height: 20vh;
    box-shadow: 14px 14px 0 2px #00000026;
  }

  .image-121 {
    height: 20vh;
  }

  .footer {
    overflow: hidden;
  }

  .mesh-intro-container {
    min-width: 68vw;
  }

  .image-122, .image-123, .image-124, .image-125, .image-126, .image-127 {
    box-shadow: 7px 7px #00000026;
  }

  .footer-message-container {
    width: 70vw;
    height: 88vh;
  }

  .footer-small-text {
    flex-direction: column;
  }

  .base-1 {
    width: 84vw;
    margin-bottom: 1vh;
    margin-right: 8vw;
  }

  .base-2 {
    width: 85vw;
    margin-bottom: 0;
    margin-left: 8vw;
    margin-right: 8vw;
  }

  .footer-social-links.mail.show {
    display: block;
  }

  .footer-social-links.hide {
    display: none;
  }

  .footer-fine-print {
    flex-direction: column;
    justify-content: center;
    height: 12vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
  }

  .footer-small-text-base {
    font-size: 12px;
  }

  .mobile-container {
    margin-left: -29vw;
  }

  .mobile-container.test-placement {
    margin-top: 55vh;
    margin-left: -7vw;
  }

  .box-animation.test-placement {
    margin-top: 35vh;
    margin-right: 4vw;
  }

  .moonshine-label-text {
    align-items: center;
    height: 60vh;
  }

  .moonshine-intro-logo {
    height: 40vh;
    padding-bottom: 0;
  }

  .moonshine-intro-body {
    width: 80vw;
  }

  .image-129 {
    width: 50vw;
  }

  .moonshine-video {
    height: auto;
  }

  .moonshine-label-system {
    overflow: hidden;
  }

  .all-in-action {
    height: 110vh;
  }

  .aia-1 {
    height: 55vh;
  }

  .aia-2 {
    height: 56vh;
  }

  .rr-logo {
    justify-content: flex-start;
    align-items: flex-end;
    width: 100vw;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .bold-text, .bold-text-2 {
    font-weight: 400;
  }

  .bold-text-3 {
    font-size: 4vh;
    line-height: 1;
  }

  .image-136 {
    width: 100%;
  }

  .background-video-10-copy {
    width: 100vh;
    height: 90vh;
  }

  .background-video-11-copy, .background-video-10-copy-copy, .background-video-11-copy-copy {
    width: 100vw;
    height: 90vh;
  }

  .can {
    margin-top: 18vh;
  }

  .can.test-placement {
    margin-top: 6vh;
    margin-right: 21vw;
  }

  .heading-no-color {
    letter-spacing: -1px;
    width: 90vw;
    padding-right: 0;
    font-size: 5.5vh;
  }

  .about-landing {
    height: auto;
  }

  .about-us-landing-pic {
    height: 50vh;
  }

  .about-us-landing-text {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 8vw;
    overflow: hidden;
  }

  .text-block-24 {
    width: 90vw;
    margin-top: 1vh;
    padding-right: 0;
  }

  .text-block-24.bottom-margin {
    width: 90vw;
    margin-top: 0;
    margin-bottom: 5vh;
  }

  .our-team {
    height: 110vh;
  }

  .team-intro {
    align-items: flex-start;
    padding-left: 5vw;
  }

  .team-cards {
    object-fit: contain;
    align-content: center;
    width: 100vw;
    height: 60vh;
    overflow: scroll;
  }

  .nikhil, .naina, .sachin, .pranav, .kaveri, .sanath, .manasi, .harsh, .gautami, .nupoor {
    height: 40vh;
  }

  .team-container {
    justify-content: center;
    height: auto;
  }

  .about-process-info {
    height: auto;
    padding-left: 8vw;
    padding-right: 8vw;
    overflow: hidden;
  }

  .services-title {
    width: 54vw;
    font-size: 6.66vw;
  }

  .about-us-services-and-awards-container {
    height: 205vh;
  }

  .services-and-awards-lottie {
    background-color: #0000;
    display: flex;
    top: 50vh;
  }

  .lottie-animation-21 {
    height: 40vh;
    margin-top: 0;
    margin-bottom: -1vh;
  }

  .div-block-138 {
    flex-direction: row;
    width: 84vw;
    margin-bottom: 0;
  }

  .awards-title {
    width: 22vw;
  }

  .awards-info {
    width: 70vw;
    font-family: Founders grotesk text, sans-serif;
    font-size: 1.5vh;
    font-weight: 300;
  }

  .lottie-container {
    height: 36vh;
    margin-top: 0;
    top: 65vh;
    bottom: 0;
  }

  .define-design-deploy {
    height: auto;
  }

  .tab-link-tab-3 {
    border-bottom-style: none;
  }

  .tabs {
    width: 84vw;
  }

  .process-lottie {
    height: 35vh;
  }

  .junglegym-wordmark {
    color: #fff;
  }

  .lottie-animation-22 {
    width: 70%;
  }

  .process-tabs-container {
    height: auto;
  }

  .process-title-container {
    padding-left: 5vw;
  }

  .junglegym-landing {
    height: 100vh;
  }

  .landing-section {
    justify-content: center;
    align-items: center;
    padding-top: 27vw;
    padding-bottom: 0;
    padding-left: 0;
  }

  .home-landing-subtext {
    width: 40vw;
  }

  .landing-text-works {
    text-align: center;
    letter-spacing: -1px;
    width: 70vw;
    line-height: .8;
    display: none;
  }

  .landing-text-works.hide {
    display: block;
  }

  .landing-images {
    width: 100vw;
  }

  .image-152 {
    width: 35%;
    margin-top: 1%;
    margin-left: auto;
    margin-right: 3%;
    transform: rotate(-49deg);
  }

  .image-153 {
    width: 40%;
    margin-left: 6%;
  }

  .image-154 {
    width: 35%;
    margin-top: 59%;
    margin-left: -2%;
    display: none;
  }

  .image-155 {
    width: 35%;
    margin-top: -30%;
    margin-right: -4%;
  }

  .image-156 {
    width: 30%;
    margin-top: -26%;
    margin-left: 48%;
    display: none;
  }

  .image-157 {
    width: 40%;
    margin-top: -28%;
    margin-left: auto;
    margin-right: -12%;
    transform: rotate(-14deg);
  }

  .image-159 {
    width: 25%;
    margin-top: -50%;
    margin-left: 1%;
    transform: rotate(26deg);
  }

  .borisboris {
    height: 40vh;
  }

  .about-button {
    width: 20vw;
  }

  .about-button-text {
    font-size: 4.35vw;
  }

  .contact-us {
    overflow: hidden;
  }

  .contact-us-button {
    display: none;
  }

  .contact-us-button-text, .contact-us-close-button-text {
    font-size: 4.35vw;
  }

  .lottie-animation-25, .image-161, .image-162, .image-163, .image-164, .image-165, .image-166, .image-167, .image-168, .image-169 {
    box-shadow: 7px 7px #00000026;
  }

  .image-170 {
    width: 50%;
    margin-top: 14%;
    margin-left: -10%;
  }

  .div-block-143 {
    width: 70vw;
    height: 70vw;
    margin-top: -3%;
    margin-left: -20%;
  }

  .background-video-15 {
    width: 40vw;
    height: 40vw;
  }

  .div-block-144 {
    width: 50vw;
    height: 50vw;
    margin-top: -49%;
    margin-left: 51%;
    margin-right: auto;
    top: -10%;
    transform: rotate(7deg);
  }

  .background-video-16 {
    width: 50vw;
    height: 50vw;
  }

  .services-information {
    width: 70vw;
    font-family: Founders grotesk text, sans-serif;
    font-size: 1.5vh;
    font-weight: 300;
  }

  .services-list-block {
    border-top-style: none;
    flex-direction: row;
    width: 84vw;
    margin-bottom: 0;
    padding-top: 0;
  }

  .list {
    width: 84vw;
  }

  .list.hide {
    display: none;
  }

  .list.left-margin {
    margin-left: 8vw;
  }

  .umami-dropdown {
    display: none;
  }

  .process-subtext {
    font-size: 1.5vh;
  }

  .about-services-info {
    z-index: 29;
    background-color: #fff;
    grid-template-rows: .25fr auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: .25fr;
    width: 100vw;
    height: auto;
    padding-top: 8.5vh;
    padding-left: 8vw;
    padding-right: 8vw;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .about-services-info.awards {
    background-color: #0000;
    height: 90vh;
  }

  .about-services-info.awards.fullwidth {
    width: 100vw;
    height: auto;
  }

  .moonshine-next-project-image {
    height: 60vh;
    margin-left: -33vw;
  }

  .section-28 {
    overflow: hidden;
  }

  .scroll-up-container {
    z-index: 11;
  }

  .div-block-148 {
    margin-bottom: 20vh;
  }

  .lottie-animation-27 {
    width: 5vh;
  }

  .services-lottie {
    background-image: linear-gradient(to bottom, null, null);
    height: 60vh;
    margin-top: -19vh;
    display: flex;
  }

  .awards-lottie {
    background-size: 80vw;
  }

  .award-winning-projects {
    padding-top: 2vh;
  }

  .text-block-27 {
    margin-bottom: 8vw;
  }

  .div-block-149 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .great-state-awp {
    width: 84vw;
    height: 84vw;
  }

  .text-span-5 {
    color: #868686;
  }

  .moonshine-awp, .mantri-awp, .tulua-awp {
    width: 84vw;
    height: 84vw;
  }

  .div-block-150 {
    margin-bottom: 2vh;
  }

  .about-us {
    border-width: 1px;
    margin-top: 0;
    display: block;
  }

  .work-button {
    background-color: #e4e4e4;
    border-width: 1px;
    margin-top: 2vh;
  }

  .image-171 {
    width: 85vw;
    height: 85vw;
  }

  .image-172 {
    height: 85vw;
  }

  .image-173, .image-174 {
    width: 85vw;
  }

  .section-29 {
    overflow: hidden;
  }

  .div-block-151 {
    background-color: #eee;
    padding: 8vw 8vw 0;
    display: block;
  }

  .div-block-151.work-page-alignment {
    padding-top: 18vw;
    padding-bottom: 0;
  }

  .div-block-151.work-page-margin {
    padding-top: 10vh;
  }

  .sw-tulua {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-tulua.hide {
    display: none;
  }

  .sw-image-tulua {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f7a2c0ea0a24_pres.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .text-block-29 {
    color: #000;
    letter-spacing: -.5px;
    font-family: Founders grotesk text, sans-serif;
    font-size: 7.5vw;
    font-weight: 300;
    line-height: 1;
  }

  .text-block-30 {
    color: #000;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 1vh;
    font-family: Founders grotesk, sans-serif;
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1;
  }

  .div-block-153 {
    justify-content: space-between;
    margin-top: 1vh;
    display: flex;
  }

  .text-block-31 {
    color: #868686;
    font-family: Founders grotesk text, sans-serif;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1;
  }

  .text-block-32 {
    color: #868686;
    text-align: right;
    font-family: Founders grotesk text, sans-serif;
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 1;
  }

  .div-block-154 {
    height: auto;
    padding: 3vw;
  }

  .sw-moonshine {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-moonshine.hide {
    display: none;
  }

  .sw-image-moonshine {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74259ea0a68_moonshine.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sw-record-room {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
    display: inline-block;
  }

  .sw-record-room.hide {
    display: none;
  }

  .sw-image-record-room {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f74fc8ea0a69_record-room.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sw-rolling-mills {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
    display: none;
  }

  .sw-rolling-mills.hide {
    display: none;
  }

  .sw-rolling-mills.show {
    display: inline-block;
  }

  .sw-image-rolling-mills {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f711e8ea0a6e_rolling-mills.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .work-page {
    text-transform: uppercase;
    background-color: #eee;
    border-width: 1px;
    margin-top: 0;
    margin-bottom: 8vw;
  }

  .sw-umami {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-image-umami {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d4eea0a6c_umami.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sw-boxovia {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-boxovia.hide {
    display: none;
  }

  .sw-image-boxovia {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70d02ea09e9_boxovia-guidelines-pres.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .awp-great-state {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .awp-image-great-state {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64007d790539cf70908fa704_GSA-logo.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .awp-moonshine {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .awp-image-moonshine {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f761b2ea0abe_moonshine-landing.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .awp-mantri-cards {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .awp-image-mantri-cards {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640b5698dd97ee4b8892b417_mantricards_flatlay.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .awp-tulua {
    background-color: #fff;
    width: 84vw;
    height: auto;
  }

  .awp-image-tulua {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64008458aaff8dd377154e9e_tulua.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .lottie-animation-28 {
    width: 70vw;
    height: 70vw;
  }

  .background-video-17 {
    width: 60vw;
    height: 60vw;
  }

  .div-block-157 {
    width: 40vw;
    height: 40vw;
    margin-top: 20%;
    margin-left: -28%;
    transform: rotate(66deg);
  }

  .landing-text-plays {
    text-align: center;
    letter-spacing: -1px;
    width: 70vw;
    line-height: .8;
    display: none;
  }

  .landing-text-plays.hide {
    display: block;
  }

  .works-plays {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    display: none;
  }

  .dd-ewb {
    padding-bottom: 8vw;
  }

  .sw-umami-brew {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-umami-brew.hide {
    display: none;
  }

  .sw-ewb {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-ewb.hide {
    display: none;
  }

  .sw-image-ewb {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f70333ea0a6f_frame%202.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .other-project-thumbnails {
    height: auto;
    padding-top: 8vw;
  }

  .awp-boxovia {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .awp-boxovia.hide {
    display: none;
  }

  .awp-image-boxovia {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/63e691f2f473f75ee2ea09cc_boxovia-guidelines-pres.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .awp-eat {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .menu-small-text {
    font-size: 16px;
  }

  .menu-small-text.top-margin {
    margin-bottom: 0;
  }

  .link-block-2, .link-block-3 {
    width: 10vw;
    height: 10vw;
  }

  .image-176 {
    height: 9.5vh;
  }

  .mantri-landing, .mantri-intro {
    height: auto;
  }

  .mantri-intro-text {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .mantri-intro-body {
    width: 80vw;
  }

  .mantri-intro-head.bottom-margin {
    width: 80vw;
    font-size: 4vh;
  }

  .mantri-cards-video {
    height: auto;
  }

  .image-179 {
    width: 90vw;
    height: auto;
  }

  .div-block-160 {
    background-size: auto 48vh;
    height: 50vh;
  }

  .mantri-idea {
    height: auto;
  }

  .mantri-idea-text {
    height: 100vh;
    padding: 5vh 10vw;
  }

  .mantri-idea-images {
    height: 40vh;
  }

  .mantri-button {
    border-width: 2px;
    margin-top: 2vh;
    padding-top: .5vh;
    font-size: 3vh;
  }

  .image-181 {
    width: 35vw;
  }

  .image-182 {
    width: 35vw;
    margin-left: 60vw;
  }

  .image-183, .image-184, .image-185, .image-186, .image-187 {
    width: 35vw;
  }

  .div-block-162 {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .slide-21, .div-block-163, .mask-4 {
    height: 90vh;
  }

  .slide-nav-7 {
    height: 10vh;
  }

  .slider-6-mobile {
    height: 100vh;
  }

  .slide-22 {
    width: 100vw;
    height: 90vh;
  }

  .slide-23 {
    height: 90vh;
    overflow: hidden;
  }

  .tulua-video {
    height: auto;
  }

  .div-block-166 {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .menu-close-button {
    justify-content: flex-end;
    align-items: center;
    width: 20vw;
    min-width: 20vw;
    height: 5vh;
    padding-bottom: 1vh;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .menu-close-button.home {
    padding-bottom: .5vh;
  }

  .menu-shut {
    justify-content: flex-end;
    align-items: center;
    width: 20vw;
    min-width: 20vw;
    height: 5vh;
    margin-top: 5vh;
    padding-bottom: 1vh;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .menu-shut.home {
    padding-bottom: .5vh;
  }

  .menu-button-text-copy {
    font-size: 4.35vw;
  }

  .div-block-168 {
    overflow: hidden;
  }

  .image-188 {
    margin-top: 5vw;
    margin-left: 4vw;
  }

  .image-189 {
    width: 45vw;
    margin-top: 31vw;
    margin-left: 53vw;
  }

  .image-190 {
    margin-top: 69vw;
    margin-left: 37.1vw;
  }

  .image-191 {
    width: 45vw;
    margin-top: 106vw;
    margin-left: 3vw;
  }

  .image-192 {
    width: 35vh;
    margin-top: 76vh;
    margin-left: 16vw;
  }

  .image-195 {
    opacity: 0;
    width: 22vh;
  }

  .image-196, .image-197 {
    width: 100vw;
    height: auto;
  }

  .image-200, .image-201, .image-202, .image-203, .image-204, .image-205, .image-206, .image-207, .image-208, .image-209, .image-210, .image-211, .image-212, .image-213, .image-214, .image-215 {
    width: 100%;
  }

  .before-after {
    height: 60vh;
  }

  .div-block-171, .div-block-172 {
    background-position: 50% 0;
    background-size: auto 50vh;
    justify-content: center;
    width: 100vw;
    height: 60vh;
    padding: 10vw;
  }

  .text-block-34 {
    font-size: 1.5vh;
  }

  .text-block-34.white {
    color: #fff;
    margin-top: 2vh;
    font-size: 2vh;
  }

  .mm-before, .mm-after {
    background-size: auto 60vh;
    width: 100vw;
    height: 70vh;
    padding: 10vw;
  }

  .before-after-moonshine {
    flex-direction: row;
    height: 70vh;
  }

  .lottie-animation-29.hide {
    height: 80vw;
    margin-top: 0;
    margin-left: 20vw;
    display: block;
  }

  .sw-mantri-cards {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-mantri-cards.hide {
    display: none;
  }

  .sw-image-mantri {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/640f38aba6e4e16f47f4db80_landing.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  ._404-lottie-wrapper {
    width: 100vw;
    height: 54vw;
  }

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

  .type-and-icons-supari {
    flex-direction: column;
    height: 100vh;
  }

  .typography, .div-block-180 {
    padding: 10vw 5vw;
  }

  .icon-supari {
    width: 20vw;
  }

  .logo-and-icon-supari {
    flex-direction: column;
    height: 100vh;
  }

  .lottie-animation-31 {
    width: 50vw;
  }

  .lottie-animation-31.po-mobile {
    width: 75vw;
  }

  .div-block-181 {
    grid-column-gap: 30px;
    grid-row-gap: 15px;
  }

  .social-media-comms-supari {
    background-image: linear-gradient(to top, #fd4549, #fed53d);
    height: auto;
  }

  .image-219 {
    width: 80vw;
    height: auto;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .div-block-182 {
    background-image: none;
    padding-top: 20vw;
    padding-left: 5vw;
    padding-right: 5vw;
    position: static;
  }

  .div-block-183 {
    height: auto;
    padding: 0 20vw 10vw;
  }

  .image-220, .image-221, .image-222 {
    width: 60vw;
  }

  .image-supari {
    background-position: 50%;
    height: 50vh;
  }

  .logo-and-icon-po {
    flex-direction: column;
  }

  .type-and-icons-po {
    flex-direction: column;
    height: 100vh;
  }

  .social-media-comms-po {
    background-image: linear-gradient(#682bf8, #0fe7bd);
    height: auto;
  }

  .image-po {
    background-position: 100% 0;
    height: 50vh;
  }

  .icon-po {
    width: 20vw;
  }

  .po-icon-back {
    width: 100vw;
  }

  .po-logo-back {
    width: 100vw;
    position: static;
  }

  .typography-po, .po-icons-back {
    width: 100vw;
    padding: 10vw 5vw;
  }

  .image-219-copy {
    width: 80vw;
    height: auto;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .social-media-comms-back {
    height: auto;
    padding: 0 20vw 10vw;
  }

  .image-223, .image-224, .image-225, .image-226 {
    width: 60vw;
  }

  .logo-and-icon-keeda {
    flex-direction: column;
  }

  .type-and-icons-keeda {
    flex-direction: column;
    height: 100vh;
  }

  .social-media-comms-keeda {
    background-image: linear-gradient(#ff48fb, #842bf8);
    height: auto;
  }

  .image-keeda {
    height: 50vh;
  }

  .keeda-logo-back {
    width: 100vw;
    position: static;
  }

  .keeda-icon-back {
    width: 100vw;
  }

  .icon-keeda {
    width: 20vw;
  }

  .social-media-comms-back-keeda {
    height: auto;
    padding: 0 20vw 10vw;
  }

  .sm-back-po, .sm-back-supari {
    background-image: none;
    padding-top: 20vw;
    padding-left: 5vw;
    padding-right: 5vw;
    position: static;
  }

  .poster-container {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64c358c398f9b238325f0023_keeda-poster-mockup-mobile.webp");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
  }

  .div-block-184 {
    width: 19vh;
    height: 23vh;
  }

  .div-block-185 {
    width: 45vw;
    height: 45vw;
  }

  .supari-container, .po-container, .div-block-186 {
    width: 100vw;
    height: 33.33vh;
  }

  .image-249, .image-250, .image-251 {
    width: 60vw;
  }

  .lottie-animation-34 {
    width: 50vw;
  }

  .div-block-187 {
    overflow: hidden;
  }

  .kulfi-collective-section-touch-devices {
    padding-top: 15vh;
  }

  .tab-info-container {
    width: 90vw;
    height: 45vw;
    margin-top: 5vh;
  }

  .lottie-animation-36 {
    width: 20vw;
  }

  .kulfi-logo-and-icon {
    flex-direction: column;
    height: 100vh;
  }

  .div-block-189 {
    width: 100vw;
  }

  .div-block-190 {
    width: 100vw;
    height: 60vh;
  }

  .kulfi-type-and-icons {
    flex-direction: column;
    height: 110vh;
  }

  .kulfi-type, .div-block-192 {
    width: 100vw;
  }

  .background-video-25 {
    width: 100vw;
    height: 100vw;
  }

  .info-container-what, .info-container-supari, .info-container-keeda {
    width: 90vw;
    height: 45vw;
    display: none;
  }

  .info-container-po, .info-container-why {
    width: 90vw;
    height: 45vw;
  }

  .kulfi-quote {
    height: auto;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .kulfi-quote-text {
    width: 80vw;
    font-size: 3vh;
  }

  .kulfi-quote-credit {
    font-size: 2vh;
  }

  .image-289 {
    width: 15vh;
  }

  .image-290 {
    width: 30vh;
  }

  .image-291 {
    width: 3vh;
  }

  .div-block-193 {
    width: 101vw;
    height: 101vh;
  }

  .sw-kulfi {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-kulfi.hide {
    display: none;
  }

  .sw-image-kulfi {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/64e49a32b08c08ca02359fb8_tote-and-socks.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sw-umami-brew-copy {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-umami-brew-copy.hide {
    display: none;
  }

  .div-block-194 {
    width: 20vh;
    height: 20vh;
    margin-top: -4%;
    margin-left: 65%;
  }

  .div-block-195 {
    height: 88vh;
  }

  .footer-updated {
    flex-direction: column;
    height: auto;
    position: relative;
  }

  .lottie-animation-38 {
    align-self: flex-end;
    width: 8vh;
    height: 3vh;
    margin-left: 10vw;
  }

  .we-intro {
    grid-column-gap: 4vh;
    grid-row-gap: 4vh;
  }

  .we-info {
    height: 50vh;
  }

  .we-logo {
    background-image: none;
    align-items: center;
    height: 50vh;
  }

  .we-intro-title {
    width: 80vw;
    font-size: 8vw;
    line-height: 1;
  }

  .we-intro-title.black.size, .we-intro-title.black.logo-intro-size, .we-intro-title.block, .we-intro-b {
    width: 80vw;
  }

  .we-info-wrapper {
    justify-content: flex-start;
    width: 100vw;
    height: 60vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .we-logo-lockups {
    justify-content: flex-end;
    align-items: center;
    height: auto;
  }

  .we-logos {
    flex-direction: column;
    align-content: start;
    height: auto;
    padding-top: 15vw;
    padding-bottom: 15vw;
    overflow: hidden;
  }

  .div-block-204 {
    align-items: center;
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .image-293 {
    width: 16.5vh;
  }

  .image-294 {
    width: 5.5vh;
  }

  .image-295 {
    width: 5vh;
  }

  .div-block-208 {
    justify-content: center;
    align-items: center;
    width: 90vw;
    display: flex;
  }

  .div-block-208.margins {
    height: auto;
  }

  .lottie-animation-39 {
    width: 90vw;
    position: static;
  }

  .div-block-210 {
    width: 150vh;
  }

  .lottie-animation-40 {
    width: 150vh;
    right: 9.9vw;
  }

  .div-block-211 {
    width: 70vw;
  }

  .image-297 {
    width: 75vw;
    margin-top: 15vh;
  }

  .div-block-216 {
    padding-top: 10vw;
    padding-bottom: 10vw;
    padding-left: 5vw;
  }

  .div-block-218 {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
  }

  .div-block-218-copy {
    grid-template-rows: 2vh;
    grid-template-columns: 1fr 1fr;
    width: 80vw;
  }

  .div-block-216-copy {
    justify-content: flex-start;
    padding: 10vw 0 10vw 5vw;
  }

  .div-block-219 {
    width: 90%;
    height: auto;
    margin-bottom: 4vh;
  }

  .div-block-220 {
    width: 90%;
    height: auto;
    margin-bottom: 5vh;
  }

  .div-block-221 {
    width: 100vw;
  }

  .div-block-224 {
    height: 55vh;
  }

  .div-block-225 {
    height: 45vh;
  }

  .mini-schematic {
    background-repeat: repeat;
    background-size: contain;
    height: auto;
  }

  .schematic {
    background-size: contain;
    height: 55vh;
  }

  .div-block-227 {
    height: auto;
    padding: 5vw;
  }

  .div-block-228 {
    background-size: auto 25vh;
    height: 30vh;
  }

  .cards {
    height: 45vh;
  }

  .we-packaging.margins {
    background-size: auto 40vh;
    padding-bottom: 33vw;
  }

  .we-title {
    font-size: 3.5vh;
  }

  .div-block-232 {
    top: 0;
  }

  .we-quote {
    height: auto;
  }

  .weidliwale-landing {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65c3441ee9e48164ef3bca99_we-landing-mobile.webp");
    background-size: cover;
  }

  .we-intro-body {
    width: 80vw;
  }

  .we-intro-body.white, .we-intro-body.center.width {
    width: 90vw;
  }

  .we-intro-body.center.width.white.center-align {
    width: 80vw;
  }

  .we-intro-body.center.width-2 {
    width: 90vw;
  }

  .we-intro-body.width-3 {
    width: 90vw;
    margin-top: 64vh;
  }

  .we-intro-body.width-4, .we-intro-body.width-of-logo-copy {
    width: 90vw;
  }

  .div-block-240 {
    height: 25vh;
  }

  .lottie-animation-44, .lottie-animation-45 {
    width: 60vw;
  }

  .image-327, .image-328 {
    display: none;
  }

  .image-329, .image-330 {
    display: block;
  }

  .image-331, .image-332, .image-333, .image-334 {
    width: 40%;
  }

  .we {
    width: 5vh;
  }

  .div-block-241 {
    height: 55vh;
  }

  .div-block-242 {
    width: 100vw;
    height: 45vh;
  }

  .div-block-244 {
    height: 75vh;
  }

  .sw-idli {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-idli.hide {
    display: none;
  }

  .sw-image-idli {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/65c0967b78c33935f5b8c157_weidliwale-landing.webp");
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .circus-container {
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    padding-top: 3vh;
    padding-bottom: 10vh;
  }

  .circus-container.mobile {
    justify-content: center;
    align-items: center;
    height: 50vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .circus-container.intro {
    height: 75vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .circus-logo-div {
    width: 90vw;
    padding-bottom: 10vh;
    padding-left: 5.5vw;
    display: none;
  }

  .circus-logo-div.before-after {
    height: 20vh;
    margin-bottom: 5vh;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .circus-colour {
    align-items: stretch;
    height: auto;
    padding-bottom: 5vh;
  }

  .circus-image-div {
    justify-content: center;
    align-items: center;
    height: 50vh;
  }

  .circus-image-div.before {
    width: 75%;
    max-width: 90%;
    height: auto;
    margin-top: 1vh;
    margin-bottom: 3vh;
    padding-left: 0;
    padding-right: 0;
  }

  .circus-image-div.before-copy {
    width: 75%;
    max-width: 90%;
    height: auto;
    margin-top: 1vh;
    padding-left: 0;
    padding-right: 0;
  }

  .circus-image-div.before-tnc, .circus-image-div.after-tnc {
    width: 75%;
    max-width: 90%;
    height: auto;
    margin-top: 1vh;
    margin-bottom: 3vh;
    padding-left: 0;
    padding-right: 0;
  }

  .circus-container-centre {
    overflow: hidden;
  }

  .circus-type-div {
    flex-direction: column;
    width: 80vw;
    margin-bottom: 4vh;
  }

  .circus-titles-type, .circus-body-type, .circus-accent-type {
    width: 80vw;
  }

  .image-344 {
    width: 60vw;
  }

  .image-345 {
    height: 6vh;
  }

  .image-346 {
    height: 8vh;
  }

  .image-347 {
    height: 6vh;
  }

  .div-block-248, .div-block-249 {
    margin-top: 1.5vh;
  }

  .circus-sidescroll-container {
    justify-content: center;
    align-items: flex-end;
    height: 100%;
  }

  .circus-before-after {
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-250 {
    height: 25vh;
  }

  .circus-rebrand {
    padding-top: 0;
    padding-bottom: 5vh;
  }

  .circus-quote-text {
    width: 80vw;
    font-size: 3vh;
  }

  .circus-full-image.circus-underwear {
    background-position: 20%;
  }

  .div-block-251 {
    height: 50vh;
  }

  .image-349 {
    width: 100%;
  }

  .div-block-254 {
    height: 50vh;
  }

  .circus-text-div {
    width: 100vw;
    padding-left: 5.5vw;
  }

  .circus-intro-title {
    width: 60vw;
    font-size: 8vw;
  }

  .circus-intro-title.dark {
    width: 70vw;
  }

  .circus-intro-body {
    width: 80vw;
  }

  .image-353 {
    height: 100%;
  }

  .circus-container-logo {
    justify-content: space-around;
    align-items: center;
    height: 80vh;
  }

  .circus-logos {
    grid-column-gap: 0vw;
    grid-row-gap: 0vh;
    flex-direction: column;
    grid-template-rows: 10vh 10vh 10vh;
    grid-template-columns: 1fr;
    grid-auto-columns: .75fr;
    grid-auto-flow: row dense;
    place-content: center;
    place-items: center;
    width: 100%;
    height: 60%;
    padding-top: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .circus-logo-desc {
    width: 80vw;
    margin-top: 5vh;
    margin-left: 0;
  }

  .image-357, .image-358, .image-359 {
    height: 7vh;
  }

  .mokai-landing {
    background-position: 50% 100%;
    background-size: cover;
    height: 100svh;
  }

  .mokai-packaging-parallax {
    display: none;
  }

  .mokai-mark {
    background-position: 50% 70%;
    height: 90svh;
    margin-bottom: -10vh;
    display: none;
  }

  .mokai-mark-text-container {
    width: 80vw;
  }

  .mokai-intro-body {
    width: 80vw;
    padding-top: 2.2vh;
    padding-bottom: 3vh;
  }

  .mokai-intro-body.mokai-light._20vw {
    width: 45vw;
    margin-top: 0;
  }

  .mokai-intro-body.mokai-light._20vw.mobile {
    text-align: center;
    width: 70%;
  }

  .mokai-intro-body.intro {
    width: 65vw;
  }

  .mokai-hanko {
    height: 70svh;
  }

  .image-362 {
    display: none;
  }

  .mokai-carousel-01 {
    display: flex;
  }

  .mokai-carousel-container-02 {
    width: 60vw;
    height: auto;
    margin-top: 2vh;
    margin-bottom: -5vh;
    margin-left: 0;
    position: static;
  }

  .showcase {
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    height: 103vw;
  }

  .mokai-slider-image._04 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d02fc4a154ee1424d315_7_Image%201.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mokai-slider-image._05 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d02f7f0471d6bab41cf0_7_Image%202.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mokai-slider-image._06 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d02e429fa6d1fe787e2d_7_Image%203.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mokai-palette-and-typography {
    height: 150vh;
  }

  .image-363, .image-364 {
    display: none;
  }

  .mokai-sashiko {
    height: auto;
  }

  .mokai-sashiko-text {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .mokai-sashiko-graphic {
    height: 50vh;
  }

  .mokai-ephemera {
    flex-flow: column-reverse;
  }

  .mokai-ephemera-text {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .mokai-showcase-4, .mokai-showcase-5 {
    height: 50vh;
  }

  .mokai-showcase-6 {
    display: none;
  }

  .mokai-coffee-cards-section {
    height: 150vh;
  }

  .mokai-coffee-cards-text-container {
    height: auto;
    padding-top: 5vh;
  }

  .mokai-coffee-cards-container {
    height: 30vh;
  }

  .mokai-coffee-card-01, .mokai-coffee-card-02, .mokai-coffee-card-03, .mokai-coffee-card-04, .mokai-coffee-card-05, .mokai-coffee-card-06, .mokai-coffee-card-07 {
    width: 80vw;
  }

  .div-block-270 {
    height: 100vh;
  }

  .mokai-co-branded-coffee-labels {
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 3vh 1vh;
  }

  .image-371 {
    width: 100vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .mokai-co-branded-coffee-labels-text-and-carousel {
    align-self: center;
    margin-top: 5vh;
    margin-left: 0;
    display: none;
  }

  .mokai-co-branded-coffee-labels-text-and-carousel.mobile {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .mokai-restroom {
    display: none;
  }

  .mokai-restroom-image-flood {
    height: 100vh;
  }

  .mokai-restroom-sticky-container {
    z-index: 1;
  }

  .image-372 {
    width: 40vw;
    margin-top: -17vh;
    margin-left: -4vw;
  }

  .image-373 {
    width: 35vw;
    margin-top: -15vh;
    display: none;
  }

  .image-374 {
    width: 40vw;
    margin-top: 34.6vh;
    margin-left: -4vw;
  }

  .image-375 {
    width: 40vw;
    margin-top: -9vh;
    margin-left: 46vw;
  }

  .image-376 {
    width: 40vw;
    margin-top: 8vh;
    margin-left: 2vw;
  }

  .image-377 {
    width: 40vw;
    margin-top: 38vh;
    margin-left: 43vw;
  }

  .image-378 {
    width: 35vw;
    margin-top: 40vh;
    margin-left: 59.3vw;
    display: none;
  }

  .image-379 {
    width: 40vw;
    margin-top: 16vh;
    margin-left: 34vw;
    display: block;
  }

  .image-380 {
    width: 35vw;
    margin-top: 51vh;
    display: none;
  }

  .image-381 {
    display: none;
  }

  .mokai-restroom-image-flood-container {
    height: 100vh;
  }

  .showcase-01 {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vw;
    padding: 10vw;
  }

  .showcase-02 {
    justify-content: flex-start;
    align-items: center;
    width: 60vw;
    height: auto;
  }

  .showcase-04 {
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    height: 103vw;
  }

  .showcase-03 {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
  }

  .mokai-showcase-8 {
    display: none;
  }

  .circus-showcase {
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
    height: 103vw;
  }

  .circus-mask {
    width: 50vw;
    height: 50vw;
  }

  .div-block-271 {
    z-index: 20;
  }

  .circus-flood-image-1 {
    width: 35vw;
    margin-left: 0;
    padding-right: 0;
  }

  .circus-flood-image-2 {
    width: 40vw;
    margin-top: 2vh;
    margin-left: 10vw;
  }

  .circus-flood-image-3 {
    width: 40vw;
    margin-top: 9vh;
    margin-left: 6vw;
  }

  .circus-flood-image-4 {
    width: 50vw;
    margin-top: 5vh;
    margin-left: -2vw;
  }

  .circus-flood-image-5 {
    width: 50vw;
    margin-top: -6vh;
    margin-left: 10vw;
  }

  .circus-flood-image-6 {
    width: 40vw;
    margin-top: 5vh;
  }

  .div-block-272 {
    padding: 1vh;
  }

  .circus-ui-mock, .circus-ui {
    height: 70vh;
  }

  .image-385 {
    height: 4vh;
  }

  .circus-moms-andcircus {
    width: 60vw;
    font-size: 12px;
  }

  .div-block-276 {
    margin-top: 1vh;
  }

  .div-block-278 {
    flex-flow: column-reverse;
    height: 50vh;
  }

  .div-block-279 {
    width: 100%;
    height: 50%;
  }

  .div-block-280 {
    width: 100%;
  }

  .div-block-281 {
    flex-flow: column;
    max-width: 100%;
    padding-left: 1vw;
    padding-right: 1vw;
    overflow: hidden;
  }

  .lottie-animation-48 {
    margin-bottom: 0;
    display: block;
  }

  .lottie-animation-49 {
    flex: 1;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .circus-colour-1 {
    height: 40vh;
  }

  .div-block-282 {
    width: 70vw;
    height: 100%;
  }

  .circus-images {
    background-color: #f2f0ed;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
  }

  .circus-palette-container {
    height: auto;
  }

  .circus-palette {
    max-width: 100%;
    height: 50vh;
    padding: 0;
  }

  .circus-colour-palette {
    width: 100vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .circus-carousel {
    width: 100vw;
    margin-top: 5vh;
    padding-bottom: 0;
  }

  .circus-colour-application {
    margin-bottom: 5vh;
  }

  .and-circus-dropdown {
    display: none;
  }

  .sw-circus {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-circus.hide {
    display: none;
  }

  .sw-image-circus {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66a3a859262e90bcddd0f49f_%26C-Social.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .circus-textblock {
    color: #000;
    letter-spacing: -.5px;
    font-family: Founders grotesk text, sans-serif;
    font-size: 7.5vw;
    font-weight: 300;
    line-height: 1;
  }

  .circus-sub-title {
    color: #000;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 1vh;
    font-family: Founders grotesk, sans-serif;
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1;
  }

  .text-block-31-copy {
    color: #868686;
    font-family: Founders grotesk text, sans-serif;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1;
  }

  .div-block-283 {
    width: 100%;
    height: 100%;
  }

  .circus-social.desktop-tab {
    display: none;
  }

  .circus-social.mobile {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-285 {
    width: 80%;
    max-height: 90%;
  }

  .circus-camera {
    height: 25vh;
    top: 75vh;
  }

  .image-397 {
    height: 25vh;
    line-height: 25px;
  }

  .div-block-286 {
    object-fit: contain;
    width: 100%;
    height: 40%;
  }

  .div-block-287 {
    padding-top: 25vh;
  }

  .image-398 {
    width: 90%;
  }

  .slide-28, .slide-29 {
    width: 100vw;
  }

  .sw-mokai {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-mokai.hide {
    display: none;
  }

  .sw-image-mokai {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/66b4a200f125e55ce650bc6b_Listing%20Page_Bag%20Shoot.webp");
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-400 {
    max-width: 40%;
  }

  .mokai-typography-mobile {
    width: 75%;
    display: block;
  }

  .mokai-titles-mobile {
    width: 90%;
  }

  .mokai-line {
    border-top-color: #fff;
  }

  .mokai-typo-1 {
    padding-bottom: 0;
  }

  .mokai-type-2 {
    padding-bottom: 2.2vh;
  }

  .image-401 {
    width: 75%;
    display: block;
  }

  .image-402 {
    margin-top: 0;
  }

  .div-block-288 {
    display: block;
  }

  .image-403 {
    width: 75%;
    margin-top: 2.2vh;
    margin-bottom: 2.2vh;
    display: block;
  }

  .mokai-showcase-6-mobile {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 200vh;
    padding: 0;
    display: block;
  }

  .mokai-sidescroll-camera {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .mokai-sidescroll-frame {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .item {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 2vh;
    display: flex;
  }

  .image-404 {
    object-fit: cover;
    width: 100%;
  }

  .mokai-restroom-mobile {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 200vh;
    display: flex;
    overflow: hidden;
  }

  .mokai-carousel-container-mobile {
    height: 100vh;
  }

  .mokai-showcase-8-mobile {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 200vh;
    padding: 0;
    display: block;
  }

  .mokai-showcase-2-mobile {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    background-color: #ba6fad;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 200vh;
    padding: 0;
    display: none;
  }

  .mokai-showcase-1-mobile {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 200vh;
    padding: 0;
    display: none;
  }

  .mokai-mark-mobile {
    background-image: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 90svh;
    display: flex;
  }

  .div-block-289 {
    width: 80vw;
    margin: 0 0 5vh;
  }

  .image-405 {
    margin-top: -6.5vh;
  }

  .image-406 {
    width: 90vw;
    margin-top: -2.5vh;
    display: block;
  }

  .mokai-showcase-2-mobile-2 {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0;
    display: flex;
  }

  .mokai-carousel-02 {
    background-color: #ba6fad;
    height: 50vh;
    display: flex;
  }

  .mokai-quote {
    height: auto;
  }

  .mokai-quote-text {
    width: 80vw;
    font-size: 3vh;
  }

  .caresmith-landing {
    justify-content: center;
    align-items: flex-end;
  }

  .caresmith-intro {
    flex-flow: column-reverse;
  }

  .caresmith-intro-logo {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 50vw;
  }

  .caresmith-logo {
    width: 80vw;
  }

  .caresmith-values {
    height: auto;
  }

  .cs-orchestra-writeup {
    height: auto;
    padding-top: 10vw;
    padding-bottom: 30vw;
  }

  .caresmith-sub-brands {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .cs-sub-brand-subtext {
    width: 80vw;
  }

  .image-410 {
    width: 80%;
  }

  .bloom-transparent-video {
    top: 21vw;
    left: 5vw;
  }

  .spark-transparent-video {
    top: 5vw;
    left: 54vw;
  }

  .revive-transparent-video {
    top: 42vw;
    left: 44vw;
  }

  .logo-comparison {
    height: 40vh;
  }

  .div-block-298 {
    background-size: 80vw;
    height: 40vh;
  }

  .after {
    background-size: 80vw;
  }

  .after.mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67dd7077151abd0641781be8_dd31ed6b3543329c748981350092d717_Caresmith_Wordmark_Before-01.svg");
    background-repeat: no-repeat;
    background-size: 80vw;
    display: block;
  }

  .wrapper {
    width: 80vw;
    display: none;
  }

  .wrapper.mobile, .wrapper.colour {
    display: block;
  }

  .wrapper.colour.px {
    width: 100vw;
    height: 100vw;
  }

  .handle_inner_circle {
    width: 2.75rem;
    height: 3rem;
  }

  .container-3 {
    width: 80vw;
  }

  .container-3.px {
    width: 100vw;
    height: 100vw;
  }

  .caresmith-playbook {
    height: auto;
  }

  .cs-playbook-writeup {
    height: auto;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .cs-playbook-creatives {
    height: auto;
    padding-bottom: 10vw;
  }

  .div-block-299 {
    height: auto;
  }

  .cs-a-plus-content {
    height: 40vh;
  }

  .caresmith-guidelines {
    width: auto;
    height: 40vh;
  }

  .cs-products {
    height: 40vh;
  }

  .product._3 {
    transform: rotate(0);
  }

  .image-420 {
    padding-right: 5vw;
  }

  .image-421 {
    height: 30vh;
    padding-left: 10vh;
  }

  .image-422 {
    height: 30vh;
  }

  .cs-playbook {
    height: auto;
  }

  .cs-playbook-descriptor {
    height: auto;
    padding-top: 30vw;
  }

  .before-copy {
    background-size: 80vw;
  }

  .before-copy.mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67dd705626e46be198d6ba20_ddc5ffdf98b76f037db85bbdf4e0eded_Caresmith_Wordmark_After-01-01.svg");
    display: block;
  }

  .ishaan, .shree {
    height: 40vh;
  }

  .option-01 {
    background-size: 80vw;
  }

  .option-01.mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67dd554c7662f57e72616feb_BW%20Pack-mobile.webp");
  }

  .option-02 {
    background-size: 80vw;
  }

  .option-02.mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67dd65123e3f650fe7417f67_Colour%20Pack-mobile.webp");
  }

  .cs-social-media {
    height: auto;
    padding-top: 10vw;
  }

  .cs-social-carousel {
    justify-content: flex-start;
    align-items: center;
  }

  .cs-packaging {
    height: 56vw;
  }

  .cs-packaging.desktop {
    display: none;
  }

  .cs-packaging.mobile {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67e109e999636bd05a0099b9_Packaging-Mobile.webp");
    height: 100vh;
    display: block;
  }

  .code-embed-11 {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: none;
  }

  .sw-caresmith {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-caresmith.hide {
    display: none;
  }

  .sw-caresmith.show {
    display: inline-block;
  }

  .sw-image-caresmith {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67b31234b57eea21ae98786c_Caresmith-listing-cover.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .dd-caresmith {
    padding-bottom: 8vw;
  }

  .sw-mokai-brew {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-mokai-brew.hide {
    display: none;
  }

  .code-embed-11-mobile {
    justify-content: center;
    align-items: flex-end;
    min-width: 110vw;
    margin-bottom: -2vw;
  }

  .big-little-landing {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100svh;
  }

  .background-video-56 {
    height: 70svh;
  }

  .bl-intro {
    height: auto;
  }

  .bl-intro-logo {
    background-size: 70vw;
    height: 50vh;
  }

  .bl-intro-text {
    height: 60vh;
  }

  .bl-intro-text.desktop {
    display: none;
  }

  .bl-intro-text.mobile {
    justify-content: center;
    align-items: flex-start;
    height: 45vh;
    margin-top: -45vh;
    padding-top: 5vh;
    display: flex;
    top: 55vh;
  }

  .bl-intro-body {
    width: 80vw;
  }

  .bl-intro-body.light._20vw {
    width: 45vw;
    margin-top: 0;
  }

  .bl-intro-body.light._20vw.mobile {
    text-align: center;
    width: 70%;
  }

  .bl-intro-body.intro {
    width: 65vw;
  }

  .bl-intro-body.light-bl._20vw {
    width: 45vw;
    margin-top: 0;
  }

  .bl-intro-body.light-bl._20vw.mobile {
    text-align: center;
    width: 70%;
  }

  .image-432, .image-433, .image-434 {
    width: 80vw;
    height: auto;
  }

  .bl-colour-palette {
    height: 88vh;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .bl-carousel-01 {
    display: flex;
  }

  .bl-showcase-01 {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vw;
    padding: 10vw;
  }

  .bl-slider-image._04 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d02fc4a154ee1424d315_7_Image%201.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bl-slider-image._05 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d02f7f0471d6bab41cf0_7_Image%202.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bl-slider-image._06 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6697d02e429fa6d1fe787e2d_7_Image%203.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bl-verbal-identity {
    height: auto;
  }

  .bl-verbal-identity-content {
    height: auto;
    padding-top: 30vw;
    padding-bottom: 10vw;
  }

  .bl-verbal-identity-images {
    place-items: end center;
    height: 60vh;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .bl-intro-head {
    font-size: 4vh;
    line-height: 1;
  }

  .image-435, .image-436 {
    height: 30vh;
  }

  .bl-bar {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/67fe5a27c39a459a65053776_7_Bar%402x.webp");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bl-bar-waterfall {
    height: auto;
  }

  .bl-waterfall {
    height: 65vh;
  }

  .image-437 {
    width: 40vw;
    top: -44vh;
    left: 15vw;
  }

  .image-438 {
    width: 40vw;
    top: -18.6vh;
    left: 15vw;
  }

  .image-439 {
    width: 40vw;
    top: 6.8vh;
    left: 15vw;
  }

  .image-440 {
    width: 40vw;
    height: auto;
    top: -32.2vh;
    left: -20vw;
  }

  .colour-palette-container {
    width: auto;
    height: auto;
  }

  .colour-strip, .bl-palette-fill, .bl-palette-value-container {
    width: 15vw;
  }

  .image-441 {
    width: 14.6vh;
  }

  .bl-yall-good {
    height: 30vh;
  }

  .bl-verbal-identity-container {
    height: auto;
  }

  .image-442 {
    width: 40vw;
    bottom: -10.7vh;
  }

  .bl-application {
    height: 30vh;
  }

  .image-443 {
    width: 40vw;
    height: auto;
    top: -2.8vh;
    left: -20vw;
    right: 0;
  }

  .bl-paradoxes {
    flex-flow: column;
    height: auto;
  }

  .revelations-menu {
    height: auto;
  }

  .image-overlay {
    width: 99%;
    box-shadow: 4px 4px 10px #00000003;
  }

  .left-side-back {
    padding-right: 0;
  }

  .right-side-front {
    padding-left: 0;
  }

  .right-side-front.cover {
    margin-right: -1px;
    padding-right: 0;
  }

  .open-notice {
    width: 29vw;
    left: 31vw;
  }

  .px-type-pairing {
    height: auto;
  }

  .lottie-animation-50 {
    width: 80vw;
  }

  .px-wordmark-text {
    height: 50svh;
  }

  .div-block-312 {
    width: 80vw;
  }

  .div-block-312.type-pairing {
    width: 80vw;
    overflow: hidden;
  }

  .div-block-312.opposing-forces {
    width: 80vw;
    top: -8.8vh;
  }

  .div-block-312.chippy {
    width: 80vw;
  }

  .px-intro-text {
    width: 80vw;
    height: auto;
  }

  .px-intro-text.white, .px-intro-text.white.opposing-forces, .px-intro-text.distorted-reality {
    width: 80vw;
  }

  .px-wordmark-animation {
    height: 50svh;
  }

  .px-intro-head {
    font-size: 4vh;
    line-height: 1;
  }

  .lottie-animation-52 {
    width: 80%;
  }

  .code-embed-16 {
    width: 80vw;
  }

  .image-450 {
    max-width: 70%;
  }

  .px-colour {
    overflow: hidden;
  }

  .image-454, .image-455, .image-456, .image-457, .image-458, .image-459 {
    height: 60svh;
  }

  .div-block-324 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .px-opposing-forces {
    height: auto;
  }

  .px-ankush-gamre {
    min-height: 60svh;
  }

  .px-opposing-forces-text {
    height: auto;
  }

  .px-distorted-reality {
    height: auto;
    overflow: hidden;
  }

  .px-distorted-reality-text {
    height: auto;
    padding-bottom: 5vh;
  }

  .px-distorted-reality-comparison {
    height: auto;
  }

  .image-460 {
    width: 80vw;
    height: auto;
    margin-top: 13vh;
  }

  .image-461 {
    width: 80vw;
    height: auto;
    margin-top: 60vh;
  }

  .image-463 {
    margin-left: 0;
  }

  .image-464 {
    position: relative;
    top: 20vh;
  }

  .image-465 {
    width: 50vw;
  }

  .image-466 {
    width: 60vw;
  }

  .image-467 {
    width: 80vw;
    margin-top: 0;
  }

  .image-468 {
    width: 50vw;
    margin-left: 40vw;
  }

  .image-469 {
    width: 50vw;
    margin-top: 90vh;
    margin-left: 40vw;
  }

  .px-brand-manual-container {
    transform: rotate(0);
  }

  .div-block-326 {
    justify-content: center;
    align-items: center;
    height: 50svh;
    display: flex;
  }

  .div-block-327, .image-470, .image-471 {
    display: none;
  }

  .px-chippy-can, .px-chippy-can-video {
    height: auto;
  }

  .px-chippy-can-text {
    height: auto;
    padding-bottom: 5vh;
  }

  .px-stage-set {
    height: 100vh;
    padding-bottom: 5vh;
  }

  .px-social-media-communications {
    height: auto;
    padding: 5vw 10vw;
  }

  .div-block-328 {
    width: 290vw;
  }

  .code-embed-17, .code-embed-18, .code-embed-19, .code-embed-20 {
    display: none;
  }

  .px-quote {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .px-quote-text {
    width: 80vw;
    line-height: 1.2;
  }

  .code-embed-23 {
    width: 100vw;
  }

  .div-block-330 {
    object-fit: cover;
    height: 100vh;
  }

  .image-473 {
    overflow: hidden;
  }

  .code-embed-24 {
    width: 100vw;
  }

  .code-embed-25 {
    display: none;
  }

  .lottie-animation-55 {
    height: 80svh;
  }

  .image-474 {
    max-width: 40%;
  }

  .px-landing-video-desktop {
    object-fit: cover;
  }

  .px-mobile-landing-video {
    object-fit: cover;
    height: 120vh;
    min-height: 120vh;
  }

  .background-video-64, .image-470-mobile, .image-471-mobile {
    display: none;
  }

  .dd-paradox {
    padding-bottom: 8vw;
  }

  .sw-paradox {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-paradox.hide {
    display: none;
  }

  .sw-paradox.show {
    display: inline-block;
  }

  .sw-image-paradox {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/685d2206babf908d7ba86db5_work-list-paradox-cover-image.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .code-embed-27 {
    display: none;
  }

  .code-embed-28 {
    top: -22%;
    left: 5%;
  }

  .mokai-pillow-flood {
    width: 30%;
    margin-top: -147%;
    margin-left: -6%;
    display: block;
  }

  .div-block-332 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68629cd15cbb95947b46bb5e_Ankush-Gamre-mobile.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60vh;
    width: 100%;
    height: 100vh;
    display: block;
  }

  .image-477 {
    max-width: none;
    height: 100vh;
    display: block;
  }

  .image-478, .image-479, .image-480, .image-481, .image-482 {
    max-width: none;
    height: 50vh;
    display: block;
  }

  .code-embed-29 {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    display: block;
  }

  .background-video-65 {
    width: 100vw;
    height: 100vh;
  }

  .sindhvi-intro {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    padding-top: 10vh;
    padding-bottom: 0;
    overflow: hidden;
  }

  .sindvi-logo-animation {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 40vw;
    overflow: hidden;
  }

  .sindhvi-intro-text {
    width: 100vw;
    height: auto;
    padding-bottom: 10vh;
    padding-left: 0;
  }

  .sindhvi-intro-text.monogram {
    padding-top: 10svh;
    padding-bottom: 10svh;
  }

  .sindhvi-intro-text-container {
    grid-column-gap: 1vh;
    grid-row-gap: 1vh;
    width: 100vw;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .sindhvi-intro-title {
    width: 80vw;
    font-size: 8vw;
    line-height: 1;
  }

  .sindhvi-intro-body {
    width: 80vw;
  }

  .sindhivi-image {
    width: 50vw;
    height: auto;
  }

  .sindvi-flex-box-bottom {
    z-index: 10;
    background-position: 102% 100%, 0 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: end;
    position: relative;
  }

  .sindhvi-logo-grid {
    background-image: none;
    height: auto;
  }

  .logo-grid-stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex: 1;
    height: auto;
  }

  .logo-grid-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    place-content: flex-start center;
    align-items: center;
  }

  .sindhvi-body-text.dark.we-bottom-margin {
    margin-bottom: 2vh;
  }

  .sindhvi-body-text.dark.circus, .sindhvi-body-text.we-top-margin {
    font-size: 12px;
  }

  .sindhvi-grid-image {
    width: 100%;
    max-height: none;
  }

  .sindhvi-wordmark {
    width: 28.8646vh;
  }

  .sindhvi-devnagari {
    width: 21.6042vh;
  }

  .sindhvi-monogram-image {
    width: 9.375vh;
  }

  .sindhvi-emblem {
    width: 20.8333vh;
  }

  .sindhvi-grid-text {
    margin-top: 0;
  }

  .sindhvi-color-section {
    background-color: #f2f0ed;
    flex-direction: column;
    height: auto;
    overflow: auto;
  }

  .sindhvi-color-section-container {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 580vw;
    height: 100vh;
    padding: 5vh 4vw;
    display: flex;
    overflow: auto;
  }

  .sindhvi-color-card {
    width: 60vw;
  }

  .sindhvi-packaging-image {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .sindhvi-caraousel {
    flex-flow: column;
    height: auto;
  }

  .sindhvi-sticky-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: auto;
  }

  .sindhvi-scroll-inner {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    flex-flow: column;
    width: 100vw;
    padding: 5vh;
  }

  .sindhvi-scroll-image-1 {
    border-radius: 2vh;
    width: 80vw;
    height: 30vh;
  }

  .sindhvi-posters-parallax {
    background-color: #dddfe0;
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6911cd5fea7c925baca46c5f_guidelines.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100svh;
  }

  .sindhvi-posters {
    display: none;
  }

  .sindhvi-quote {
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .sindhvi-quote-text {
    width: 80vw;
    line-height: 1.2;
  }

  .sindhvi-uniform {
    background-color: #f2f0ed;
  }

  .sindhvi-cursor-container, .sindhvi-cursor-div {
    display: none;
  }

  .sindhvi-palette-usage {
    border-radius: 2vw;
    width: 80vw;
    height: 60vh;
  }

  .sindhvi-mask-2 {
    border-radius: 2vh;
    width: 100%;
    height: 100%;
  }

  .sindhvi-social {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    flex-flow: column;
    height: auto;
    padding: 10vh 0;
  }

  .s-image-489 {
    border-radius: 2vh;
    width: 80vw;
  }

  .packaging-grid {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sindhvi-social-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .bl-quote {
    height: auto;
  }

  .bl-quote-text {
    width: 80vw;
    font-size: 3vh;
  }

  .bl-restroom {
    display: block;
  }

  .bl-sticky-container {
    z-index: 1;
    flex-flow: column;
  }

  .bl-restroom-image {
    width: 100vw;
  }

  .bl-image-flood {
    width: 50vw;
    height: 0;
  }

  .image-492 {
    left: -22.1vw;
  }

  .image-493 {
    top: -9vh;
    left: 38.3vw;
  }

  .image-494 {
    top: 25.6vh;
    left: -22.9vw;
  }

  .image-495 {
    left: 38.3vw;
  }

  .image-496 {
    top: 44vh;
    left: -5.7vw;
  }

  .bl-main {
    align-content: end;
    place-items: end center;
    height: 55vh;
    margin-bottom: 45vh;
    padding-bottom: 2vh;
  }

  .image-497 {
    width: 30vh;
  }

  .sindhvi-intro-head {
    font-size: 4vh;
    line-height: 1;
  }

  .sindhvi-intro-body-copy {
    width: 80vw;
  }

  .div-block-334 {
    margin-top: 35vh;
  }

  .sindhvi-poloroids {
    top: -5vh;
  }

  .div-block-335 {
    background-size: 45%;
  }

  .image-499 {
    z-index: 5;
    max-width: 90%;
    position: relative;
    overflow: visible;
  }

  .div-block-337 {
    grid-column-gap: 10vh;
    grid-row-gap: 10vh;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: auto;
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

  .logo-grid {
    grid-column-gap: 2.5vh;
    grid-row-gap: 2.5vh;
    height: auto;
  }

  .lottie-animation-57 {
    width: 80vw;
  }

  .sindhvi-cards-sticky-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .boxes-grid {
    flex-flow: column;
    width: 100vw;
    height: auto;
  }

  .image-500 {
    width: 100vw;
    height: auto;
    right: 0;
  }

  .image-501 {
    width: 130vw;
    height: auto;
    margin-top: -9vh;
    margin-bottom: -12vh;
  }

  .image-502 {
    width: 100vw;
    height: auto;
    left: 0;
  }

  .sindhvi-scroll-image-2 {
    border-radius: 2vh;
    width: 80vw;
  }

  .sindhvi-scroll-image-3 {
    border-radius: 2vh;
    width: 80vw;
    height: 30vh;
  }

  .sindhvi-scroll-image-4 {
    border-radius: 2vh;
    width: 80vw;
  }

  .sindhvi-scroll-image-5 {
    border-radius: 2vh;
    width: 80vw;
    height: 30vh;
  }

  .sindhvi-scroll-image-6 {
    border-radius: 2vh;
    width: 80vw;
  }

  .image-503 {
    max-width: 1vh;
  }

  .image-504 {
    max-width: 4vh;
  }

  .image-505 {
    width: 17.5vh;
  }

  .image-506 {
    width: 21.6vh;
  }

  .image-507 {
    width: 20.2vh;
  }

  .image-508 {
    width: 8vh;
  }

  .image-509 {
    width: 13.5vh;
  }

  .image-510 {
    width: 10.5vh;
  }

  .image-511 {
    width: 17.7vh;
  }

  .image-512 {
    width: 4.6vh;
  }

  .image-513 {
    width: 21vh;
  }

  .sindhvi-visual-language-section {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 210vh;
    display: grid;
  }

  .div-block-338, .div-block-339, .div-block-340, .div-block-341, .div-block-343 {
    height: 140vh;
  }

  .sindhvi-vl-trigger {
    flex-flow: column;
    height: 80vh;
    margin-top: 60vh;
    display: flex;
  }

  .div-block-344 {
    height: 60vh;
  }

  .div-block-349 {
    width: 100vw;
  }

  .sindhvi-packaging {
    flex-flow: column;
  }

  .div-block-351 {
    background-size: 80%;
    width: 100vw;
    height: 100vw;
  }

  .image-514 {
    height: 50vh;
  }

  .section-40 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    width: 100vw;
    height: 100vh;
    display: grid;
  }

  .div-block-352 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f252124d06d52c25d890dd_mobilelanding-map.webp");
    background-repeat: no-repeat;
    background-size: 100vw;
    width: 100vw;
    height: 100vh;
  }

  .lottie-animation-59 {
    width: 100vw;
    height: 100vh;
  }

  .div-block-353 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f252124d06d52c25d890dd_mobilelanding-map.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100vw;
    height: 100vh;
    display: grid;
    overflow: hidden;
  }

  .div-block-354 {
    width: 100vw;
    height: 100vh;
  }

  .div-block-355 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f2558c667f2c7bc9a64d27_path.svg");
    background-position: 50%;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    margin-bottom: -2px;
  }

  .section-41 {
    background-color: #ac6b00;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-bottom: 10vh;
    display: flex;
  }

  .section-42 {
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 60vh;
    display: flex;
    position: relative;
  }

  .temp-vl {
    width: 100vw;
    height: auto;
    display: none;
  }

  .div-block-356 {
    background-color: #750d00;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    margin-bottom: -2px;
    padding-bottom: 5vh;
    display: flex;
  }

  .image-515 {
    max-width: 80%;
  }

  .div-block-357 {
    background-color: #aa6e10;
    padding-top: 5vh;
    padding-bottom: 10vh;
  }

  .section-43 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/68f2551da801b784cf2d802a_BG%20Slides%402x.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: 80vh;
    display: flex;
    overflow: hidden;
  }

  .image-516 {
    max-width: none;
    height: 100vh;
    display: none;
  }

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

  .div-block-361 {
    height: 70vh;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .dd-sindhvi {
    padding-bottom: 8vw;
  }

  .sw-sindhvi {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-sindhvi.hide {
    display: none;
  }

  .sw-sindhvi.show {
    display: inline-block;
  }

  .sw-image-sindhvi {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69047351c81ed34dbe33bb5d_01_Sindhvi-Post.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-518 {
    max-width: none;
    height: 100svh;
    display: block;
    transform: rotate(-13.51deg);
  }

  .div-block-367 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 131.076vh;
    height: 100vh;
    display: grid;
  }

  .image-519 {
    z-index: 0;
    width: 30vw;
    margin-top: -24vh;
    position: relative;
  }

  .image-520 {
    top: 39.2vh;
    left: 9vw;
  }

  .image-521, .image-522, .image-523 {
    width: 30vh;
  }

  .bl-intro-text-copy {
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .div-block-368 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/69158aef9e29b59a86d47d47_illustration1x1.webp");
    width: 100vw;
    height: 100vw;
  }

  .dd-big-little {
    padding-bottom: 8vw;
  }

  .sw-big-little {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-big-little.hide {
    display: none;
  }

  .sw-big-little.show {
    display: inline-block;
  }

  .sw-image-big-little {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/691494c5ec028e7e7761bfc3_big-little-cover.webp");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 84vw;
    height: 84vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sw-tulua-copy {
    background-color: #fff;
    width: 84vw;
    height: auto;
    margin-bottom: 8vw;
  }

  .sw-tulua-copy.hide {
    display: none;
  }

  .div-block-388 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #373233;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100vw;
    height: 100vw;
    display: grid;
  }

  .div-block-389 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/697cbe99661059e42ca40f76_Tshirt.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .div-block-390 {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100vw;
    height: 100vw;
  }

  .div-block-390._1a {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a4639188f6ef47ef3_1A.svg");
    display: none;
  }

  .div-block-390._1b {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ad4419d7ac0b32a6f_1B.svg");
    display: none;
  }

  .div-block-390._1c {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88acb9cc30a656e871d_1C.svg");
    display: none;
  }

  .div-block-390._2a {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a60c15a1d4103c47b_2A.svg");
    display: none;
  }

  .div-block-390._2b {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d889b2f1eb26c7c0af34_2B.svg");
    display: none;
  }

  .div-block-390._2c {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a80812231a46eb8f0_2C.svg");
    display: none;
  }

  .div-block-390._3a {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a8d620840cb963913_3A.svg");
    display: none;
  }

  .div-block-390._3b {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a81c6ed4aa13ec21d_3B.svg");
    display: none;
  }

  .div-block-390._3c {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a0cf3d17f11d14377_3C.svg");
    display: none;
  }

  .div-block-390._4a {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88acc0f4215d9fc92f8_4A.svg");
    display: none;
  }

  .div-block-390._4b {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/697cbc962e442221488069aa_4B.svg");
    background-size: contain;
    display: none;
  }

  .div-block-390._4c {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88aed67c09c3df809ca_4C.svg");
    display: none;
  }

  .div-block-390._5a {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ad52140975be774e7_5A.svg");
    display: none;
  }

  .div-block-390._5b {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d891d37e570e9ae054e5_5B.svg");
    display: none;
  }

  .div-block-390._5c {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88ab49ec17bc203467f_5C.svg");
    display: none;
  }

  .div-block-390._6a {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a2c20ff8880fffaf1_6A.svg");
    display: none;
  }

  .div-block-390._6b {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a3a0f2e45023d193f_6B.svg");
    display: none;
  }

  .div-block-390._6c {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/6979d88a56f6bf87d436a2de_6C.svg");
    display: none;
  }

  .tabs-content-3 {
    display: none;
  }

  .tabs-menu-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: grid;
  }

  .tab-link-tab-1-2 {
    color: #ff0075;
    background-color: #373233;
    border: 1px solid #ff0075;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-link-tab-1-2.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-2-2 {
    color: #ff0075;
    background-color: #ddd0;
    border: 1px solid #ff0075;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-2-2.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-2-2.b {
    color: #00eb84;
  }

  .tab-link-tab-2-2.a {
    color: #ff0075;
    background-color: #373233;
    border: 1px solid #ff0075;
  }

  .tab-link-tab-2-2.a:active, .tab-link-tab-2-2.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-3-2 {
    color: #ff0075;
    background-color: #ddd0;
    border: 1px solid #ff0075;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-3-2.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-3-2.b {
    color: #00eb84;
    background-color: #0000;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-3-2.a {
    border-color: #ff0075;
  }

  .tab-link-tab-3-2.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-4 {
    color: #ff0075;
    background-color: #373233;
    border: 1px solid #ff0075;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-4.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-4.b {
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-4.a {
    color: #ff0075;
    -webkit-text-stroke-color: #ff0075;
    background-color: #ddd0;
    border: 1px solid #ff0075;
  }

  .tab-link-tab-4.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-5 {
    color: #ff0075;
    background-color: #645a5a00;
    border: 1px solid #ff0075;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-5.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-5.b {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-6 {
    color: #ff0075;
    background-color: #ff007500;
    border: 1px solid #ff0075;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-6.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-6.b {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .text-block-46, .text-block-47, .text-block-48, .text-block-49, .text-block-50, .text-block-51 {
    text-align: center;
    font-family: Founders grotesk, sans-serif;
  }

  .tabs-3, .tabs-4, .tabs-5 {
    width: 80vw;
    margin: 1vh;
  }

  .div-block-391, .div-block-392 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .planner-body {
    color: #373233;
    background-color: #373233;
  }

  .tab-link-tab-1-2-copy {
    color: #00eb84;
    background-color: #373233;
    border: 1px solid #00eb84;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-link-tab-1-2-copy.w--current {
    color: #373233;
    background-color: #00eb84;
  }

  .tab-link-tab-2-2-copy {
    color: #00eb84;
    text-align: left;
    background-color: #ddd0;
    border: 1px solid #00eb84;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-2-2-copy.w--current {
    color: #373233;
    background-color: #00eb84;
  }

  .tab-link-tab-2-2-copy.b {
    color: #00eb84;
  }

  .tab-link-tab-2-2-copy.a {
    color: #ff0075;
    background-color: #373233;
    border: 1px solid #ff0075;
  }

  .tab-link-tab-2-2-copy.a:active, .tab-link-tab-2-2-copy.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-3-2-copy {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-3-2-copy.w--current {
    color: #373233;
    background-color: #00eb84;
  }

  .tab-link-tab-3-2-copy.b {
    color: #00eb84;
    background-color: #0000;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-3-2-copy.a {
    border-color: #ff0075;
  }

  .tab-link-tab-3-2-copy.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-4-copy {
    color: #00eb84;
    background-color: #373233;
    border: 1px solid #00eb84;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-4-copy.w--current {
    color: #373233;
    background-color: #00eb84;
  }

  .tab-link-tab-4-copy.b {
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-4-copy.a {
    color: #ff0075;
    -webkit-text-stroke-color: #ff0075;
    background-color: #ddd0;
    border: 1px solid #ff0075;
  }

  .tab-link-tab-4-copy.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-5-copy {
    color: #00eb84;
    background-color: #645a5a00;
    border: 1px solid #00eb84;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-5-copy.w--current {
    color: #373233;
    background-color: #00eb84;
  }

  .tab-link-tab-5-copy.b {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-6-copy {
    color: #00eb84;
    background-color: #ff007500;
    border: 1px solid #00eb84;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-6-copy.w--current {
    color: #373233;
    background-color: #00eb84;
  }

  .tab-link-tab-6-copy.b {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-1-2-copy3 {
    color: #0af;
    background-color: #373233;
    border: 1px solid #0af;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-link-tab-1-2-copy3.w--current {
    color: #373233;
    background-color: #0af;
  }

  .tab-link-tab-2-2-copy3 {
    color: #0af;
    background-color: #ddd0;
    border: 1px solid #0af;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-2-2-copy3.w--current {
    color: #373233;
    background-color: #0af;
  }

  .tab-link-tab-2-2-copy3.b {
    color: #00eb84;
  }

  .tab-link-tab-2-2-copy3.a {
    color: #ff0075;
    background-color: #373233;
    border: 1px solid #ff0075;
  }

  .tab-link-tab-2-2-copy3.a:active, .tab-link-tab-2-2-copy3.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-3-2-copy3 {
    color: #0af;
    background-color: #ddd0;
    border: 1px solid #0af;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-3-2-copy3.w--current {
    color: #373233;
    background-color: #0af;
  }

  .tab-link-tab-3-2-copy3.b {
    color: #00eb84;
    background-color: #0000;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-3-2-copy3.a {
    border-color: #ff0075;
  }

  .tab-link-tab-3-2-copy3.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-4-copy3 {
    color: #0af;
    background-color: #373233;
    border: 1px solid #0af;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-4-copy3.w--current {
    color: #373233;
    background-color: #0af;
  }

  .tab-link-tab-4-copy3.b {
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-4-copy3.a {
    color: #ff0075;
    -webkit-text-stroke-color: #ff0075;
    background-color: #ddd0;
    border: 1px solid #ff0075;
  }

  .tab-link-tab-4-copy3.a.w--current {
    color: #373233;
    background-color: #ff0075;
  }

  .tab-link-tab-5-copy3 {
    color: #0af;
    background-color: #645a5a00;
    border: 1px solid #0af;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-5-copy3.w--current {
    color: #373233;
    background-color: #0af;
  }

  .tab-link-tab-5-copy3.b {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .tab-link-tab-6-copy3 {
    color: #0af;
    background-color: #ff007500;
    border: 1px solid #0af;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-link-tab-6-copy3.w--current {
    color: #373233;
    background-color: #0af;
  }

  .tab-link-tab-6-copy3.b {
    color: #00eb84;
    background-color: #ddd0;
    border: 1px solid #00eb84;
  }

  .jam-a {
    color: #ff0075;
    font-family: Founders grotesk, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
  }

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

  .jam-b {
    color: #00eb84;
    font-family: Founders grotesk, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
  }

  .jam-c {
    color: #01aaff;
    font-family: Founders grotesk, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
  }

  .div-block-394 {
    flex-flow: column;
    width: 100vw;
    height: 100svh;
    display: flex;
  }

  .div-block-395 {
    background-image: url("https://cdn.prod.website-files.com/63e691f2f473f75d8dea08fe/697e1e158576bde9c52a079c_planner%20header.svg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: flex-end;
    height: 10svh;
    margin-top: 2vw;
    margin-left: 2vw;
    margin-right: 2vw;
    display: flex;
  }

  .image-524 {
    width: 10vw;
    max-width: none;
    height: 3vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
  }
}

#w-node-_83a40a84-5f0f-6cea-73fe-a31c2e633812-a7a29742, #w-node-e599613c-dca3-91a4-e3c7-4445109e8bb3-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_27b8b297-3547-b5eb-f56a-8d8a6cac1149-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-d7c6279b-4716-6a92-1a26-a86009e6b752-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-d7b792b5-fcc8-850b-b17c-c07fa85931fb-a7a29742, #w-node-d7f232fb-0325-ec69-3c71-4a623d0eb2b2-a7a29742, #w-node-_4f1a085f-ac22-c93b-7577-af58e7166987-a7a29742, #w-node-_69672588-212c-2365-c48d-f6040530e0cf-a7a29742, #w-node-_68cb58b3-60a6-3287-fec7-cd1d9b2ec5a9-a7a29742, #w-node-_2d2e7d85-2e27-56f1-0d4b-36a1a2dcc0c2-a7a29742, #w-node-ec5c3934-892a-f651-901e-c0361d33b179-a7a29742, #w-node-c8cebaef-3197-ee5b-409d-da5d95d00874-a7a29742, #w-node-_30234033-c7f5-a9df-dcbc-f3f8c8f5cbba-a7a29742, #w-node-c67982a5-6ff1-b886-25c7-6217b48cf79a-a7a29742, #w-node-_3e26badf-e092-38f1-0086-a33adb63934f-a7a29742, #w-node-f5b6e974-8906-c5a9-8d02-f4b4a626bab8-a7a29742, #w-node-f29985f6-960c-2580-8741-6263eac82a7e-a7a29742, #w-node-cedb1f34-664f-dde1-585c-70d04c3566c3-a7a29742, #w-node-_6f58bdd1-21cd-2e36-7365-3a88c648b65c-a7a29742, #w-node-_8b266545-5074-9230-f37f-162ffecb057a-a7a29742, #w-node-_312cbeb9-0b0b-ce1b-0ab6-888a7ec22e92-a7a29742, #w-node-c01af753-deba-3e2b-da01-8cf3326fd665-a7a29742, #w-node-_312cbeb9-0b0b-ce1b-0ab6-888a7ec22e93-a7a29742, #w-node-b10891e4-a9ab-fef9-a34b-1a8be4f8eafe-a7a29742, #w-node-b10891e4-a9ab-fef9-a34b-1a8be4f8eaff-a7a29742, #w-node-b10891e4-a9ab-fef9-a34b-1a8be4f8eb01-a7a29742, #w-node-dd635e49-9b16-4791-2e78-ea88ff836d97-a7a29742, #w-node-dd635e49-9b16-4791-2e78-ea88ff836d98-a7a29742, #w-node-dd635e49-9b16-4791-2e78-ea88ff836d9a-a7a29742, #w-node-ac6aa582-31fd-7327-a8bc-1b026554325b-a7a29742, #w-node-ac6aa582-31fd-7327-a8bc-1b026554325c-a7a29742, #w-node-ac6aa582-31fd-7327-a8bc-1b026554325e-a7a29742, #w-node-c99c4773-d2be-6f6e-a325-84bbc2ccdc36-a7a29742, #w-node-c99c4773-d2be-6f6e-a325-84bbc2ccdc37-a7a29742, #w-node-c99c4773-d2be-6f6e-a325-84bbc2ccdc39-a7a29742, #w-node-_94a25f9e-4458-72d0-c1f4-b43e3d133f10-a7a29742, #w-node-_94a25f9e-4458-72d0-c1f4-b43e3d133f11-a7a29742, #w-node-_94a25f9e-4458-72d0-c1f4-b43e3d133f13-a7a29742, #w-node-_8b421c6e-08c8-9ffa-69c2-25b27b5b6fac-a7a29742, #w-node-_836e0c1b-99f0-ce57-cf2b-f568b87bee0e-a7a29742, #w-node-_8b421c6e-08c8-9ffa-69c2-25b27b5b6fad-a7a29742, #w-node-_16629e17-c854-a0e6-75ef-7548569bc206-a7a29742, #w-node-_6e5c7665-d7ad-1dc3-f4a6-10bba9181c4f-a7a29742, #w-node-ec1cf0a9-dfb6-98fe-65eb-ef80472ccee6-a7a29742, #w-node-_849b6581-de71-c54d-4659-998728fb7e58-a7a29742, #w-node-_433aed6a-e37e-0c81-ef47-21962fe80dd1-a7a29742, #w-node-_849b6581-de71-c54d-4659-998728fb7e59-a7a29742, #w-node-e9a188be-475f-0003-614e-8a7256f610cc-a7a29742, #w-node-_8d674957-0f5e-56f1-fbc1-92bead9f2bdb-a7a29742, #w-node-e9a188be-475f-0003-614e-8a7256f610cd-a7a29742, #w-node-e17a60b9-f7cc-bd93-aa15-f84ed366c98b-a7a29742, #w-node-_8f264ca7-d942-f900-8caa-e18ed559d712-a7a29742, #w-node-e17a60b9-f7cc-bd93-aa15-f84ed366c98c-a7a29742, #w-node-be999ed1-ba51-0182-30bb-371bc89a0005-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f9d06faa-788a-cbd7-e83e-d31add6224cd-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-ee1750b8-30fd-875a-9586-874832364f33-a7a29742, #w-node-_3070481f-a06e-e4a6-2c7d-34b0094db2cc-a7a29742, #w-node-_041e6ef2-7e5a-5cfb-e7c4-f2ded3ab36a3-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f7f746e3-fcb3-b9b4-040a-e0f3c2d322ec-a7a29742, #w-node-_1438a14b-6939-c1b2-2295-3500a2d700b6-a7a29742, #w-node-_9d5a4a5f-b8e6-4603-1b83-f7ab9fc3b5b4-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_16568f0b-219a-f392-3978-d3da5e645495-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_16568f0b-219a-f392-3978-d3da5e645496-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_16568f0b-219a-f392-3978-d3da5e645497-a7a29742, #w-node-_16568f0b-219a-f392-3978-d3da5e645498-a7a29742, #w-node-_16568f0b-219a-f392-3978-d3da5e645499-a7a29742 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_16568f0b-219a-f392-3978-d3da5e64549a-a7a29742, #w-node-_16568f0b-219a-f392-3978-d3da5e64549b-a7a29742, #w-node-_16568f0b-219a-f392-3978-d3da5e64549c-a7a29742, #w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b38f-53d8b36a, #w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b390-53d8b36a, #w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b391-53d8b36a {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b392-53d8b36a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b393-53d8b36a {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b394-53d8b36a, #w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b395-53d8b36a, #w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b396-53d8b36a, #w-node-b04d53db-979a-28a2-5939-4e771285d51e-1285d51b, #w-node-b04d53db-979a-28a2-5939-4e771285d51f-1285d51b, #w-node-b04d53db-979a-28a2-5939-4e771285d521-1285d51b, #w-node-b04d53db-979a-28a2-5939-4e771285d522-1285d51b, #w-node-b04d53db-979a-28a2-5939-4e771285d524-1285d51b, #w-node-b04d53db-979a-28a2-5939-4e771285d525-1285d51b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0e04838d-e1c2-fcc3-fa26-72cabd4dc806-02a29743, #w-node-_5e0bb1a8-4f7d-cc63-7f3e-f288bb648f82-02a29743, #w-node-eaf4e30a-49d9-acd7-36cb-c642f2abebca-02a29743, #w-node-a45e0d36-bfc7-7355-0cad-a14b6fd45257-02a29743, #w-node-a98f14db-8fed-8b62-b4a4-ccd0f215c81a-02a29743, #w-node-_4a31b14f-13b0-ff83-cb67-e01cf0eae52c-02a29743, #w-node-_8c58b46b-6c32-b9b6-dae6-69a973bec2ec-02a29743, #w-node-c9ff93ec-bff5-e63e-1fcf-86de95f0d8a7-02a29743, #w-node-_5d7bd8f0-472d-2757-2f03-ff8ab0b12945-02a29743, #w-node-_4fe4110f-c62a-686c-27bf-fe7bd7cdd3fc-02a29743, #w-node-c1768d88-8e07-d9f1-03d8-8fed675ce97b-02a29743 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_0434d244-99aa-fa3c-3dbd-307eb98554b3-02a29743 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da0000e4-eaf9-f116-80b4-277573e64eb1-02a29743 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start;
}

#w-node-da0000e4-eaf9-f116-80b4-277573e64eb3-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64eb5-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64eb7-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64eb9-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ebb-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ebe-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ec0-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ec2-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ec3-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ec4-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ec6-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ec8-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64eca-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ece-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ed0-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ed2-02a29743, #w-node-da0000e4-eaf9-f116-80b4-277573e64ed4-02a29743, #w-node-a19c0957-b7d8-25aa-5bbe-41cd967c7e9b-dfa29744, #w-node-a19c0957-b7d8-25aa-5bbe-41cd967c7e9c-dfa29744, #w-node-a19c0957-b7d8-25aa-5bbe-41cd967c7e9e-dfa29744, #w-node-a19c0957-b7d8-25aa-5bbe-41cd967c7e9f-dfa29744, #w-node-a19c0957-b7d8-25aa-5bbe-41cd967c7ea1-dfa29744, #w-node-a19c0957-b7d8-25aa-5bbe-41cd967c7ea2-dfa29744 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f0ce47af-4964-a91b-59f0-90cf9ead1cbc-13a29745 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end center;
}

#w-node-bae1ce32-f8d5-885a-9321-2b934f7fb597-13a29745, #w-node-adb5355c-6797-fa29-3203-61e351012389-13a29745, #w-node-_6c316493-75dd-b76b-96f5-3abaaa44b0a1-13a29745 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e89db8c5-d824-b78f-7a7a-db52b1a143ce-13a29745, #w-node-b7880472-4f1e-117b-bc86-d7503904de36-13a29745, #w-node-_790cbb7f-f766-f820-cbd2-e8c74bb6a44d-13a29745, #w-node-_94f25417-7cc8-7c4d-21e8-1938fe37b3bc-13a29745, #w-node-_74d8db1e-34fe-d755-e19a-df59b0ee7458-13a29745, #w-node-_3694eed5-0500-8855-1ff8-2891c0d7a5c5-13a29745, #w-node-c703c6b1-2209-cef3-a31e-ad31733cc168-13a29745, #w-node-_65c5b3a2-f16f-282e-cd42-6cc862699c2a-13a29745, #w-node-b09306ed-6b61-7bd9-2e28-d2f88395678d-13a29745, #w-node-_47c5dc75-2384-e5fe-f533-dc04080e82c8-13a29745, #w-node-_783080b7-5533-88e8-b960-32cd5ce7336a-13a29745, #w-node-d9ab7587-ae58-7e05-12c2-ad74f0ebccea-13a29745, #w-node-_66ea75ab-7368-66fa-daf6-953a2ff20fef-13a29745, #w-node-cefa3be6-b977-8e04-c6e9-f821001a8404-13a29745, #w-node-fc725f67-b1ad-e015-aa0c-205a124cc53c-13a29745, #w-node-_456eabef-a6c5-4863-58c2-22be355478ed-13a29745, #w-node-_37239c62-6aa5-eb66-8d7e-fb10dedf5d53-13a29745, #w-node-_058fd73e-7b42-3647-d8df-f18f03404fae-13a29745, #w-node-c2163a0e-942c-5d59-b0a8-0f0ac35acfe0-13a29745 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_1b7955b4-af64-1a47-7377-916e77f4464b-d3a29746 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_493a9c5f-3572-f8da-8894-720cc18cb0b7-d3a29746 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end center;
}

#w-node-_4d19bd47-03cd-e063-d4fa-d11a31d9821e-d3a29746, #w-node-_8c5a265c-8110-0f7a-c115-ab6ba384698a-d3a29746, #w-node-b08143eb-3d9a-2c8d-fca3-ac5ad58193f4-d3a29746, #w-node-_96369963-b606-c203-7920-7b357bb51143-d3a29746, #w-node-_886f02aa-f038-b3e0-896b-841db2717cc2-d3a29746, #w-node-_9892768e-4c3d-e947-166d-6087ac29af78-d3a29746 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96818baa-e46c-e710-5803-5c73278136a7-fba29747, #w-node-_96818baa-e46c-e710-5803-5c73278136a8-fba29747, #w-node-_96818baa-e46c-e710-5803-5c73278136aa-fba29747, #w-node-_96818baa-e46c-e710-5803-5c73278136ab-fba29747, #w-node-_96818baa-e46c-e710-5803-5c73278136ad-fba29747, #w-node-_96818baa-e46c-e710-5803-5c73278136ae-fba29747, #w-node-f124a44f-7768-fe68-82d6-ecb8bbdfe4e8-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-db464931-fd0e-eef1-c547-8ad7bacd70ce-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-db464931-fd0e-eef1-c547-8ad7bacd70eb-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d1d-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d1e-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d1f-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d20-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d21-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d22-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d23-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d24-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d25-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dac-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dc7-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83de6-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83de7-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83de8-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83de9-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83deb-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dec-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83ded-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83def-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df0-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df1-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df3-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df4-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df5-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df7-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df8-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df9-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dfb-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dfc-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dfd-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83dff-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83e00-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83e01-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83e03-fba29747, #w-node-e2713b1c-425d-913c-3370-4da8fa9d301e-fba29747, #w-node-e2713b1c-425d-913c-3370-4da8fa9d301f-fba29747, #w-node-e2713b1c-425d-913c-3370-4da8fa9d3020-fba29747, #w-node-eeeeb402-d0f4-24fe-63f5-cf3a077a93c4-fba29747, #w-node-eeeeb402-d0f4-24fe-63f5-cf3a077a93cb-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb426b-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb42ae-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb42af-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb42b0-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb42b1-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb42b2-fba29747, #w-node-d2956ebd-69ab-d103-2bf1-dd0d07bb42b3-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4a91be15-900e-423d-ba7a-147e217b8d79-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start;
}

#w-node-_5baa0ea6-82ca-063d-98f6-bd1cc9fee405-fba29747, #w-node-ef86e146-8da5-ba85-76b6-625ff9915dd0-fba29747, #w-node-_57b1f258-cfba-8351-7934-95f0ecb03fe9-fba29747, #w-node-_6b53bd2a-f067-869c-ffd4-a3541cbfc188-fba29747, #w-node-_9281532f-667c-b8ff-836c-8e1c90a4689a-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ffcc0e8b-f2ef-906d-c1b8-0a4aea959ca7-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start;
}

#w-node-ffcc0e8b-f2ef-906d-c1b8-0a4aea959ca9-fba29747, #w-node-ffcc0e8b-f2ef-906d-c1b8-0a4aea959cab-fba29747, #w-node-ffcc0e8b-f2ef-906d-c1b8-0a4aea959cad-fba29747, #w-node-ffcc0e8b-f2ef-906d-c1b8-0a4aea959caf-fba29747, #w-node-ffcc0e8b-f2ef-906d-c1b8-0a4aea959cb1-fba29747, #w-node-_253e6144-dac7-0da6-0f25-a110fa27413c-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_253e6144-dac7-0da6-0f25-a110fa27413d-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_253e6144-dac7-0da6-0f25-a110fa27413e-fba29747, #w-node-_253e6144-dac7-0da6-0f25-a110fa27413f-fba29747, #w-node-_253e6144-dac7-0da6-0f25-a110fa274140-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_253e6144-dac7-0da6-0f25-a110fa274141-fba29747, #w-node-_253e6144-dac7-0da6-0f25-a110fa274142-fba29747, #w-node-_253e6144-dac7-0da6-0f25-a110fa274143-fba29747 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_9e03191e-2184-c563-24a0-eb9587749786-11a29748, #w-node-_2788e7bd-88df-73e0-1ad4-0735694ffe8e-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2d66792f-779c-913b-7a7d-3f0cd27f5a44-11a29748 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33b8b57a-65f4-63e1-af0d-55e422bd30ba-11a29748, #w-node-_70508edf-a9a0-1dbc-d523-79f5bfda3984-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ee1fb238-10e2-fe77-0a0b-2aab0f596c1c-11a29748, #w-node-bfe2f185-0018-a657-a96f-cc52b9e2d417-11a29748, #w-node-_4b521d03-2367-8c89-b184-fb996fb9e603-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_3a6303d0-b1b0-3573-c8fc-a3559d2c51a0-11a29748 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-ff0c7cc7-66ec-0a64-0344-895c7d950c9e-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_380d761a-f0d4-35a2-67e2-2aa6f7a19e01-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end center;
}

#w-node-_8784f04d-beeb-68ce-ebc3-594ef59dd875-11a29748 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_8784f04d-beeb-68ce-ebc3-594ef59dd876-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_8784f04d-beeb-68ce-ebc3-594ef59dd87b-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end center;
}

#w-node-a0c7b538-a914-7648-03a9-2d74ef31664e-11a29748 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-a0c7b538-a914-7648-03a9-2d74ef31664f-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-a0c7b538-a914-7648-03a9-2d74ef316655-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end center;
}

#w-node-_36ed108b-9338-b7ff-b881-ab992b61f131-11a29748 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_36ed108b-9338-b7ff-b881-ab992b61f132-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end start;
}

#w-node-_36ed108b-9338-b7ff-b881-ab992b61f137-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end center;
}

#w-node-_5fc3e081-6607-bbdc-0884-e5ab51cd45f1-11a29748 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
}

#w-node-_0b6f0a34-a31d-1eb5-dfa8-cb9fe9cc0e51-11a29748, #w-node-c08662e0-d3ab-c288-b7cd-d5cb7bbcfd86-11a29748, #w-node-_81a1201e-aa31-f217-6f85-5e1a29fc8905-cba29749, #w-node-_81a1201e-aa31-f217-6f85-5e1a29fc8906-cba29749, #w-node-_81a1201e-aa31-f217-6f85-5e1a29fc8908-cba29749, #w-node-_81a1201e-aa31-f217-6f85-5e1a29fc8909-cba29749, #w-node-_81a1201e-aa31-f217-6f85-5e1a29fc890b-cba29749, #w-node-_81a1201e-aa31-f217-6f85-5e1a29fc890c-cba29749, #w-node-_874a08ab-81e7-aec4-a96c-e2678a932246-cba29749, #w-node-d9216fba-b8ae-6036-9ee5-0d69a1a23bac-cba29749, #w-node-dd975b63-4ead-fd96-6052-3e8193c09eec-cba29749, #w-node-c1d782c4-2d8e-24c1-e386-e136bd27bde2-cba29749, #w-node-_34ed9f31-d65f-b562-c4c8-ad1b360dd2e0-cba29749, #w-node-_3c8ab12f-bef5-9446-694a-874e11bb65d7-cba29749, #w-node-def36165-e597-0a3c-ff34-640ab5b5f4ad-cba29749, #w-node-_947c1631-19a4-0064-ff4e-68b952bc8ce3-cba29749, #w-node-a35626b2-2425-e5aa-649d-3cb5f893e8bc-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a35626b2-2425-e5aa-649d-3cb5f893e8be-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_593d37a0-9702-8564-cea1-e5de1de96c23-cba29749, #w-node-_593d37a0-9702-8564-cea1-e5de1de96c2b-cba29749, #w-node-_593d37a0-9702-8564-cea1-e5de1de96c31-cba29749, #w-node-_593d37a0-9702-8564-cea1-e5de1de96c37-cba29749, #w-node-_593d37a0-9702-8564-cea1-e5de1de96c3d-cba29749, #w-node-fc91f75c-491b-d27c-92c5-f5d0cd5ef9e8-cba29749, #w-node-_25142fa1-2d5e-52df-9cf1-8694b4470024-cba29749, #w-node-_68015a27-16c8-0228-a0d2-8038a252e474-cba29749, #w-node-ab5eaa76-b61c-5839-1475-61bdda2c524a-cba29749, #w-node-daf28baf-a25a-376e-b7e9-8772d894b66f-cba29749, #w-node-_1237eb63-41ec-a249-2e56-d99a443d9e7c-cba29749, #w-node-cbbe6321-097b-1ec9-97cf-0eba0daccd8b-cba29749, #w-node-a5e53859-b3c0-80b1-4273-32e44710f1f9-cba29749, #w-node-d56713a8-3733-c8d2-7dd0-1df3998f7c7e-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3da74567-4c45-2164-630d-369df76677f7-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8cf9b390-8db3-bb7b-5194-47633c1776bb-cba29749, #w-node-c9e02f6f-3fe7-6487-5320-2e832f68cd43-cba29749, #w-node-b4818949-5df1-848f-053f-14687debec22-cba29749, #w-node-d7a5613a-b176-ada9-ad0f-292879a00c8d-cba29749, #w-node-_38618209-8dfe-d998-2a5e-a110ec95941a-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ab8e2182-e265-ab5d-68f9-ed61cb2ab84e-cba29749, #w-node-_32420468-740a-8a94-04bd-e505ead6cfd8-cba29749, #w-node-d23183c3-81d3-1b21-fd53-df8049597d4a-cba29749, #w-node-_6b04ced2-798b-b118-5f1c-28dd088e0a77-cba29749, #w-node-_241ae8f5-1f50-7b47-ddf9-3000cbaadfea-cba29749, #w-node-_9b92ab17-a179-e1fb-e614-b6c03bd6205c-cba29749, #w-node-_491666da-3c5d-245f-7edf-3f0dd455a53f-cba29749, #w-node-_3f926e7e-5d26-dcaa-409c-e559966da31b-cba29749, #w-node-_6665cc07-5794-192d-0c66-ebc1704e391c-cba29749, #w-node-b1cd240f-2120-5c73-4b10-9ad658cda1e2-cba29749, #w-node-_641d745e-8f8f-d35e-8726-ce598f7c393c-cba29749, #w-node-_1b5c8c7a-c5ec-48d7-00a1-ba74bd6251ef-cba29749, #w-node-_5f14b30c-374e-cd00-57f0-94e7bdb9df01-cba29749, #w-node-b10efce1-7bda-f5a6-a927-c9a833916e8a-cba29749, #w-node-_40903855-e30e-3c86-8401-ba55fc595f71-cba29749, #w-node-_588d5822-eb16-8a38-186c-4ef338561d81-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53578c1d-2129-fca6-ff35-fd2282e5ec79-cba29749, #w-node-a90f7c52-250e-c9bd-f874-bf8f72100576-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_317589ba-9a26-cebc-db35-3a5bdb1f1f0e-cba29749, #w-node-fbbe8fa3-c195-fd27-0379-79393daaadf5-cba29749, #w-node-_869d1afa-67cd-4301-fbad-4775f3b82673-cba29749, #w-node-_6752aac9-ac23-4f58-e3bd-4a643d0a0337-cba29749, #w-node-aa4fe3ea-3283-59a1-8bb4-e41af8aa8fcb-cba29749, #w-node-_407c5d1d-a55c-76a5-ccc2-667ab062b324-cba29749, #w-node-_0c2f5ba7-614a-f27d-9a6d-a8169371a301-cba29749, #w-node-_68716897-b8d4-d54a-7f98-f5f14acf965d-cba29749, #w-node-_600ae8e2-4343-48e0-654b-f329064b14c6-cba29749, #w-node-ecfd7c1d-f2de-1eac-eece-1eaa72cef686-cba29749, #w-node-_64bbe8fb-b31f-ab1f-17bb-c446a5edaa41-cba29749, #w-node-b89a48a1-5828-d276-e8ef-27b7c6769be1-cba29749, #w-node-_654d866c-1adf-1563-2afb-8c2a65877fe8-cba29749, #w-node-_3b98210d-5910-5f46-0758-0dff0a3c09d3-cba29749, #w-node-fe5b54fd-9001-f4f6-ae1d-628d4424699c-cba29749, #w-node-_0e484731-23af-1ee9-411f-52ad75b4e8da-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_467c70c8-e4b3-07ff-8777-c5f0459ab4fe-cba29749, #w-node-a418cd64-8eb1-4fd3-ba60-40d13365ca25-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_849d4aad-6ea7-01cf-f573-fb7cbadf51f3-cba29749, #w-node-f47aa5dd-aa00-9b20-0ebe-b8599f1d4a66-cba29749, #w-node-_6f34ca58-3502-8018-d248-36c3868ecb20-cba29749, #w-node-f175db21-e6fe-4d68-10a3-3cae74fb7c50-cba29749, #w-node-_0e618f54-612c-fc23-e546-b7066e2db16d-cba29749, #w-node-_7d327b95-fa3e-530b-1005-785a399821e0-cba29749, #w-node-c9fcd8eb-908c-2043-6598-f3175a170e02-cba29749, #w-node-_27578b80-0dba-54cb-0e9b-06f45ffab279-cba29749, #w-node-_7708d11d-93c4-34fe-497d-dc8028c6c62b-cba29749, #w-node-a3b82bfa-9cd4-75a4-4384-18ac55611fa5-cba29749, #w-node-d88a24fc-bd25-d10e-5680-5a9aa4e64464-cba29749, #w-node-_8a170776-acf4-1db9-f7a1-7f130f330b9c-cba29749, #w-node-_64b60e91-63bf-a28a-8b32-9087a3bfe594-cba29749, #w-node-_989e5660-f306-06bd-aca0-ee8d7a339453-cba29749, #w-node-_7be3358f-8233-346b-240d-7fc222b4dcfa-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_463bc06b-6977-03d7-5aa3-912f7f8450b7-cba29749, #w-node-_463bc06b-6977-03d7-5aa3-912f7f8450bb-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_463bc06b-6977-03d7-5aa3-912f7f8450bd-cba29749, #w-node-_463bc06b-6977-03d7-5aa3-912f7f8450be-cba29749, #w-node-_463bc06b-6977-03d7-5aa3-912f7f8450bf-cba29749, #w-node-f2805b26-d5dc-730c-d0db-63d9527831b8-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa39398-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa39399-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa3939a-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa3939b-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa3939d-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa3939e-cba29749, #w-node-_060b4f86-dd09-85ed-0a7d-88064fa3939f-cba29749, #w-node-_3d336a17-7989-f5cb-d098-66e8151a9b21-cba29749, #w-node-_7fbdee9f-b375-77c2-f043-4ab37cff29d3-cba29749, #w-node-_45282231-2a54-8b6a-7a22-a0bdbcfd01c9-cba29749, #w-node-ca537d30-d273-daff-f29d-82177b8d70ab-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30cf0344-626b-e7ac-10db-6910016a90dd-cba29749, #w-node-_30cf0344-626b-e7ac-10db-6910016a90e1-cba29749 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_30cf0344-626b-e7ac-10db-6910016a90e3-cba29749, #w-node-_30cf0344-626b-e7ac-10db-6910016a90e4-cba29749, #w-node-_520673ff-63a5-a2ea-14b7-7dd8c7cbc733-cba29749, #w-node-a9f047ed-8143-9fe0-2914-09c8c7c9b2f6-cba29749, #w-node-_412ab460-f0c5-8c99-13e8-5843d8badfb2-cba29749, #w-node-_3eb0d375-04c5-541a-a0cb-4db998429635-cba29749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-faae79be-47fe-35c1-0adf-019fa301d452-cba29749, #w-node-_8b4521c1-4647-1938-e7cb-5476f0c5ed9d-cba29749, #w-node-ee476ad4-fdbb-3b68-cc8b-94e6cc027ca8-1ba2974a, #w-node-_4711f75e-004c-8c90-eb46-117f0f354c86-1ba2974a, #w-node-c4765196-2e20-d301-29fd-9839bff37f8f-1ba2974a, #w-node-_0b71671a-a4d0-6612-7cb6-9f790142a4d5-1ba2974a, #w-node-_3f62a03b-336f-214c-4f71-66a682301f9b-1ba2974a, #w-node-e4517ef2-1bb9-8da3-1e77-89681707dede-1ba2974a, #w-node-_1656c6c6-7d61-c720-4edf-5e4e58135827-1ba2974a, #w-node-ae66eb4f-9f8d-db41-9a74-49b0e342bd01-1ba2974a, #w-node-_741140c7-4ca8-51d0-e81c-33f5e4cee1c5-1ba2974a, #w-node-_93f0e7f6-287b-e99e-25a0-3221d33434b3-1ba2974a, #w-node-f79c3c45-9f0c-fe24-7de2-2d0d46f43900-1ba2974a, #w-node-cbcbc508-9d46-376c-65c1-308d4b8f848c-f1a2974b, #w-node-cbcbc508-9d46-376c-65c1-308d4b8f848d-f1a2974b, #w-node-cbcbc508-9d46-376c-65c1-308d4b8f848f-f1a2974b, #w-node-cbcbc508-9d46-376c-65c1-308d4b8f8490-f1a2974b, #w-node-cbcbc508-9d46-376c-65c1-308d4b8f8492-f1a2974b, #w-node-cbcbc508-9d46-376c-65c1-308d4b8f8493-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a0faec02-0513-60c5-9f37-bd76520494e8-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-e1a47cae-ff4e-78bc-43b0-204e1b214d0d-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_709406f0-d4bc-3bd1-197d-eff47aae6288-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-_6b01a2a4-5968-4e47-24fb-95cb95078ce9-f1a2974b, #w-node-_07a2c212-e90c-2c8d-9972-79cad4881e69-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a6e2e38c-3707-7d56-5ccf-2ca162cd0d75-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_055730a6-9bb7-8ac0-56b8-a4728544c304-f1a2974b, #w-node-_6a9c329e-b51b-de72-1641-0ddd6555592e-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e50c2741-f089-e166-62f3-e17a12c9df31-f1a2974b, #w-node-e50c2741-f089-e166-62f3-e17a12c9df32-f1a2974b, #w-node-e50c2741-f089-e166-62f3-e17a12c9df33-f1a2974b {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_7b7dabbd-438b-6a83-091b-664c0665e798-f1a2974b, #w-node-_72338d8a-c58e-d8ad-d071-63176fab3068-f1a2974b, #w-node-c96adc51-02c0-97e7-0d8d-e71fee3da06d-f1a2974b, #w-node-_143ba625-f041-df14-7f18-8557977cf030-f1a2974b, #w-node-e42616f1-810e-1515-dc0f-b911f50c06d8-f1a2974b, #w-node-_0473b1e1-f620-a31b-4f54-cd8cbc7cc076-f1a2974b, #w-node-c91c6acc-a756-136a-67ac-352d744f9dd0-21a2974c, #w-node-_3f742a76-d438-15e3-9f52-0bcbfd8c1929-21a2974c, #w-node-_9c76fae6-fadf-c784-52ea-0d6f598e3168-21a2974c, #w-node-_7887b3b1-b705-019c-fdd7-3b5900b6b693-21a2974c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a5d824a9-09d1-0663-0fe1-367a7a3e8223-21a2974c {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
}

#w-node-_0801e599-98c9-6bac-ad9f-4bba1df825f2-21a2974c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a747b1a7-41fc-4420-20cb-31c3b1f1f751-21a2974c, #w-node-_04914d1e-3c21-7fff-12e9-89dc3af0a090-21a2974c, #w-node-_688c6260-dc89-368a-363b-30a674f986ae-21a2974c, #w-node-_731ac5f3-aab9-3a4f-9960-8ec4b2031ce1-21a2974c, #w-node-_78957d09-a832-5894-ba3e-e91e94f526ae-21a2974c, #w-node-_82d4c217-ac5b-260b-8957-82863c1701df-21a2974c, #w-node-a85d08bb-fb62-f20e-5a75-97d161349d9b-21a2974c, #w-node-_2d562b92-6968-728a-d0a0-dbc03fd21719-21a2974c, #w-node-_9ca9695b-1f6d-d914-cac7-ee6108c4e7ad-53a29750, #w-node-_1c711c8b-59d7-0831-84a7-d82327a93041-53a29750, #w-node-f765f611-7839-8994-5e80-1635a9ab14ac-53a29750, #w-node-db4e1995-3322-a4a0-6985-d2ec6e424a46-53a29750, #w-node-_099847b5-61e6-ac66-af53-9c669caf31ad-53a29750, #w-node-_1162963b-9b99-7eb4-903e-eb22a3881beb-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cf7-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cf8-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cf9-53a29750, #w-node-_58236b4d-7ab0-4c03-59b5-69b7d7188c46-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cfa-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cfb-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cfc-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cfd-53a29750, #w-node-ce14eff9-560c-4de9-3e05-6f3c2cb2d73a-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cfe-53a29750, #w-node-e7db5a2a-7240-030d-f2cc-a05c027b4a05-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cff-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721d86-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721da1-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc0-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc1-53a29750, #w-node-_93da9ad2-4094-db5b-ea64-785d6c29b8d3-53a29750, #w-node-_93da9ad2-4094-db5b-ea64-785d6c29b8d4-53a29750, #w-node-_93da9ad2-4094-db5b-ea64-785d6c29b8d6-53a29750, #w-node-_407134c5-d2f2-daca-e015-884bd8a856d1-53a29750, #w-node-_407134c5-d2f2-daca-e015-884bd8a856d2-53a29750, #w-node-_407134c5-d2f2-daca-e015-884bd8a856d4-53a29750, #w-node-ffa4cf67-5bc6-fe3b-8494-ac3ac5adc104-53a29750, #w-node-ffa4cf67-5bc6-fe3b-8494-ac3ac5adc105-53a29750, #w-node-ffa4cf67-5bc6-fe3b-8494-ac3ac5adc107-53a29750, #w-node-_08e0e29d-e1bd-f674-248d-33f0926ec245-53a29750, #w-node-_08e0e29d-e1bd-f674-248d-33f0926ec246-53a29750, #w-node-_08e0e29d-e1bd-f674-248d-33f0926ec248-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc2-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc3-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc5-53a29750, #w-node-a3bcfa04-422e-9056-028d-5808d953348b-53a29750, #w-node-a3bcfa04-422e-9056-028d-5808d953348c-53a29750, #w-node-a3bcfa04-422e-9056-028d-5808d953348e-53a29750, #w-node-_0c52c57f-3c08-6ac3-0027-bc11bb24093d-53a29750, #w-node-_0c52c57f-3c08-6ac3-0027-bc11bb24093e-53a29750, #w-node-_0c52c57f-3c08-6ac3-0027-bc11bb240940-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc6-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc7-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dc9-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dca-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dcb-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dcd-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dce-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dcf-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd1-53a29750, #w-node-_1130ea58-02ec-ff95-f113-f05a076e3a9d-53a29750, #w-node-_1130ea58-02ec-ff95-f113-f05a076e3a9e-53a29750, #w-node-_1130ea58-02ec-ff95-f113-f05a076e3aa0-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd2-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd3-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd5-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd6-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd7-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dd9-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dda-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721ddb-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721ddd-53a29750, #w-node-a65e7462-1805-34a2-fb36-974dcbe4f270-53a29750, #w-node-a65e7462-1805-34a2-fb36-974dcbe4f271-53a29750, #w-node-a65e7462-1805-34a2-fb36-974dcbe4f273-53a29750, #w-node-_75946450-0a26-599a-170d-a3610dda9725-53a29750, #w-node-_75946450-0a26-599a-170d-a3610dda9726-53a29750, #w-node-_75946450-0a26-599a-170d-a3610dda9728-53a29750, #w-node-_25f418e0-4b05-cad6-8d65-f3a8ddbec10e-f99b3a4f, #w-node-f2f1c124-23d0-ce83-dc77-2731b62d2cb0-f99b3a4f, #w-node-_4e8329c3-aed8-cf8e-210b-52f0ef209d16-f99b3a4f, #w-node-_2e7d8ae9-1ffa-be02-adc7-724ee1d02199-f99b3a4f, #w-node-_1a98bc2c-8496-d153-7cf1-0def40c77b27-f99b3a4f, #w-node-aabc221e-4bd3-2cd2-0c4d-0fe00b5f3932-f99b3a4f, #w-node-cc671a97-f978-d9a0-4812-64331fa312c9-f99b3a4f, #w-node-a975ce9c-bed3-61d3-6219-64728851b8cd-bbd5268f, #w-node-f93f0e52-dea3-ac57-99e8-37c108d7f3b3-bbd5268f, #w-node-_034693f4-93d1-3bd7-1084-9fe310036248-bbd5268f, #w-node-_6f89f3cb-030c-6ce1-2c67-62652e1f7c8c-bbd5268f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ff362993-5802-4495-9e85-cad7bc7deb91-bbd5268f, #w-node-aa583b55-420b-c814-ed0f-2a12daff33c0-bbd5268f, #w-node-_17369ba8-ad86-6a56-c023-5ed63e1b79de-bbd5268f, #w-node-_4cd96c29-7a8e-8a11-bea5-17283ae44eff-bbd5268f, #w-node-_24b286fb-9c52-6176-a673-29c696ad42f4-bbd5268f, #w-node-_24b286fb-9c52-6176-a673-29c696ad42f6-bbd5268f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_997e2bfe-e2fd-c522-2eb5-78b9c1465557-bbd5268f, #w-node-fb6bda5b-30f7-7d7a-d48b-c235e193fde5-bbd5268f, #w-node-c1cee920-e78e-0e70-6418-daf6c64326f9-bbd5268f, #w-node-_006186b3-3eb5-f51f-84dc-3cd79a33d000-bbd5268f, #w-node-f0eb9049-2170-f915-0d5a-f67afb2b9817-bbd5268f, #w-node-b01212b3-5d20-60f4-6532-080959e375ac-bbd5268f, #w-node-_08cbfdc4-2d9f-b768-3fec-eb32aa3a85ce-bbd5268f, #w-node-_5af03d39-01d4-8cbb-aee6-c089895c52c2-bbd5268f, #w-node-_96b83c58-26b7-aa19-114e-bfe4c31374ac-bbd5268f, #w-node-_300e9a0f-ca41-2595-b2a5-5b4decd34f33-bbd5268f, #w-node-_8f1aab42-39ca-888e-b574-de0cafcafaad-bbd5268f, #w-node-_249c1069-17d7-c2e2-97bb-1559431247e4-bbd5268f, #w-node-_5ebeefc4-d904-2a84-db1a-4be356f4c5ff-bbd5268f, #w-node-_9cb607fa-de6e-406f-44e7-e49d73149d0b-bbd5268f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2cf43722-5ef5-66ac-5f6b-47c7e73a4204-bbd5268f, #w-node-e3842370-5578-7c07-a991-52ece0ca0269-bbd5268f, #w-node-af3140a0-9388-c2f1-b9d9-fd237205445c-bbd5268f, #w-node-_376168f6-536c-5122-3442-883e1bb1d2e0-bbd5268f, #w-node-_59bf4c6f-1100-c31b-c6f6-ab27e3a0387b-bbd5268f, #w-node-f4e14bda-dfdb-13b0-bbb6-bb7082c1c6a0-bbd5268f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9303f419-b278-69ae-c5f5-02a4a4d16164-bbd5268f, #w-node-fb81bfa8-ba4c-a240-5af1-65ffdfd131b3-bbd5268f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ad02138d-8f41-222e-7665-53ad569feffb-4d4ae635 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fdf571e6-62b6-6ec3-e634-77df62edd5ec-4d4ae635 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ce74b92a-09df-c5de-8fc4-0e6359545428-4d4ae635, #w-node-ce74b92a-09df-c5de-8fc4-0e635954542a-4d4ae635, #w-node-_738d6ea1-1402-da7e-17d1-98201709b99a-4d4ae635, #w-node-_35827332-7382-51ce-cddf-97c18a2a93f0-4d4ae635, #w-node-f3095148-a17d-7256-e95b-992a85f934de-4d4ae635, #w-node-_271d0e91-1c7a-b14c-369f-517460b77a88-4d4ae635, #w-node-ef6ecf8f-548c-d2d8-2eda-ec558b088074-4d4ae635, #w-node-_8b6e9d50-b25f-ae89-f3b1-64630ed9c2d5-4d4ae635, #w-node-_38b1e6ac-6264-7747-a7e0-f49e5ca6f9a5-4d4ae635, #w-node-_62c9d35f-ab44-2171-5121-d76d62e1fcc8-4011458f, #w-node-_62c9d35f-ab44-2171-5121-d76d62e1fcca-4011458f, #w-node-_7a6756ce-8252-9ccd-df25-81b6b4da226c-4011458f, #w-node-_7a6756ce-8252-9ccd-df25-81b6b4da226e-4011458f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1cf87873-2c3c-d5db-80de-110851711d6a-4011458f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_432ab4f5-a945-3311-480b-674f9aefd45a-4011458f, #w-node-_432ab4f5-a945-3311-480b-674f9aefd45c-4011458f, #w-node-_58733493-fd28-2248-60d3-414ac04ca2f6-4011458f, #w-node-_58733493-fd28-2248-60d3-414ac04ca2f8-4011458f, #w-node-_7a17f380-51a2-77df-5066-838e5450e17b-4011458f, #w-node-_7a17f380-51a2-77df-5066-838e5450e17d-4011458f, #w-node-_60060f49-e8b9-6495-8b27-cf1495653ef7-4011458f, #w-node-_60060f49-e8b9-6495-8b27-cf1495653ef9-4011458f, #w-node-_5f566c8a-c9fd-8a3f-dc4a-63768a0e69c5-23c06c2f, #w-node-_6e2bbcfb-af72-d363-6f96-6d51cb3058b4-23c06c2f, #w-node-_976e94e9-5f0d-2d4b-0da5-66b87bb813a7-23c06c2f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b3c2a79e-b568-90a4-8114-7d0f40b93fdc-23c06c2f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd7c8029-925d-060c-34c8-916351d4d942-23c06c2f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center start;
}

#w-node-b55dd686-4be2-8230-d492-9fc5795342c2-23c06c2f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center end;
}

#w-node-_6dd177c8-5f19-2821-39be-c10fec0a3a12-23c06c2f {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_6c6f7abd-c72d-a33a-87f5-b3bafe4c6eb9-23c06c2f, #w-node-_44ed6343-28ba-e652-2fa6-a80263b42e36-23c06c2f, #w-node-_0522e056-ed1b-657c-fc5e-67023e383d65-23c06c2f, #w-node-be22ec1d-4cf7-7eb9-3b9d-934f96680753-23c06c2f, #w-node-caad277f-b2f0-a306-66cd-de3194da962c-23c06c2f, #w-node-f80090db-b036-aa10-ba8e-f34d4f1bb74e-23c06c2f, #w-node-f80090db-b036-aa10-ba8e-f34d4f1bb752-23c06c2f, #w-node-f80090db-b036-aa10-ba8e-f34d4f1bb756-23c06c2f, #w-node-f80090db-b036-aa10-ba8e-f34d4f1bb75a-23c06c2f, #w-node-_32652378-cca9-03fe-ea81-116c5a016391-23c06c2f, #w-node-_32652378-cca9-03fe-ea81-116c5a016393-23c06c2f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c93f2cba-3d54-4393-cf6f-c625fe4674b5-23c06c2f {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_422329e9-7814-4336-2453-3449ba1fd687-b5e139c9, #w-node-afecaf7d-9f23-9825-de3c-9b02f9653171-b5e139c9, #w-node-_303fe0d4-a674-a0f9-5715-986fbd2b92b2-b5e139c9, #w-node-cfe86c22-f95f-1bf5-5a3b-76ece2f88ba1-b5e139c9, #w-node-f22cf52b-6323-d549-1b6f-ba551e39cac8-b5e139c9, #w-node-_69ecc00e-bf97-fe38-bca2-9dc6a6f1132b-b5e139c9, #w-node-_121fb3c0-e287-b41e-1dc6-491ce515b849-b5e139c9, #w-node-_8255301f-6f5d-ac72-764b-0e340df977d7-b5e139c9, #w-node-cd27f7ac-1cf6-cce2-cc5d-2a8d99617018-b5e139c9, #w-node-_756164ca-e158-ef92-44e1-44a877d33af3-b5e139c9, #w-node-_894f2583-3cd3-a8cb-3e61-4aab4a299568-b5e139c9, #w-node-_4219ecad-77e2-e848-af0c-027cf13e6a54-b5e139c9, #w-node-f549154f-8cfb-ba05-d9ee-adaa295f187c-b5e139c9, #w-node-_8a5d23ac-45bf-de39-b13a-6bbf0fa201d1-b5e139c9, #w-node-f65bb192-f4a9-af5d-968a-c64d84c05a94-b5e139c9, #w-node-_3ed3159d-ad13-fd5c-0978-818a7c1ee2a8-b5e139c9, #w-node-_081b94eb-3f6f-13fe-7f0f-eb0dced09988-b5e139c9, #w-node-_57953b0a-65f1-cd01-02ce-c8823335c0cf-b5e139c9, #w-node-_6ce76cc2-39a4-c116-1172-ecd038d05203-b5e139c9, #w-node-f7befb14-78f0-1633-701f-82de386049a8-b5e139c9, #w-node-e2a122b7-40dc-a5ea-7504-59d87ac3370c-b5e139c9, #w-node-e2a122b7-40dc-a5ea-7504-59d87ac3370e-b5e139c9, #w-node-_8b86aa60-44b3-63a4-132f-84be75ef38ba-b5e139c9, #w-node-ad0cfef8-f0ca-6cfd-2f9d-715c358280ce-b5e139c9, #w-node-_608c45cd-ad22-c3c7-8e61-90a4dde4397e-b5e139c9, #w-node-_6f8e6753-a13e-a839-90b1-eedfea8b7c39-b5e139c9, #w-node-fadc6ad2-3799-9116-b3fd-e883ab99682e-b5e139c9, #w-node-_8c4f5e92-feca-fae1-98cc-f1c8a37a1052-b5e139c9, #w-node-_5d3843ea-1a40-351f-880e-9acc516e2f35-b5e139c9, #w-node-_3154982d-b304-ea19-54d3-87119faec0ad-b5e139c9, #w-node-de3dd26d-2143-26dd-f74e-7f174be748f6-b5e139c9, #w-node-_56632aab-d68e-fb52-c190-e9fab825acb0-b5e139c9, #w-node-d068151f-141b-8aa2-7159-452535cdc0ee-b5e139c9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5c906d9a-83ef-cb62-bfe1-e5b5d4281f01-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_3288d4fa-591c-70b9-e74f-c259fd46610a-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch stretch;
}

#w-node-_5c906d9a-83ef-cb62-bfe1-e5b5d4281f02-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5c906d9a-83ef-cb62-bfe1-e5b5d4281f03-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_2715d90d-dbfd-48cd-7f9c-95e7a7b7f56a-20cf26a0, #w-node-_61bc7f25-31eb-9e03-79d9-eb8512bde12e-20cf26a0, #w-node-ae3cb991-37a8-fa0a-409f-9b617f54f02a-20cf26a0, #w-node-_9d4b455b-abd2-9856-d8e6-8415ba25e25f-20cf26a0, #w-node-_396c66d0-f08c-73ae-d247-08a40d01c371-20cf26a0, #w-node-_7881f2c1-0d34-526e-09fe-19caf856bd5e-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6ecdd6d7-eda0-a8e9-1e2c-ce962c0b364d-20cf26a0, #w-node-_9933ab31-b9e6-303a-f27e-ae790b915ea6-20cf26a0, #w-node-_6f8da5d3-bb58-c96e-7b1d-833ee552aede-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-f96b2f9c-0c3f-b8d1-3971-9b82fc81301f-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_683c7c96-4b6e-a0bd-b07d-ec050bbf0fd5-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_9a953fb9-ec7c-b556-40d9-0b1b10592b26-20cf26a0, #w-node-_64246508-dac8-ff5a-c658-5d3deb7f9870-20cf26a0, #w-node-_24939c0c-b2e4-eaec-2601-e999628c744f-20cf26a0, #w-node-_9d3ad3e5-2e83-6d9f-b35c-aabbf5649470-20cf26a0, #w-node-_2867519e-2f30-e9c6-0f81-a00b58c64850-20cf26a0, #w-node-bb2e7ec0-6e25-17f6-8b1f-8839893331cb-20cf26a0, #w-node-_0e19bc76-4597-2a98-c32b-05256994c8cd-20cf26a0, #w-node-_36bc7b58-23b2-3d91-15ce-189cca1860c6-20cf26a0, #w-node-_87cff596-6733-b95e-7020-b84468ab84f2-20cf26a0, #w-node-fae9baa4-cf6f-e422-9fbc-f730fd1e4aad-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ab28f459-ff11-8c04-466e-228187733052-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: center;
}

#w-node-ab28f459-ff11-8c04-466e-228187733055-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-228187733059-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: center;
}

#w-node-ab28f459-ff11-8c04-466e-22818773305c-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-228187733060-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-228187733063-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-228187733067-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-22818773306a-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-22818773306e-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-228187733071-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-228187733075-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-228187733078-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-22818773307c-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-22818773307f-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-228187733083-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-228187733086-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-22818773308a-20cf26a0, #w-node-ab28f459-ff11-8c04-466e-228187733091-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-ab28f459-ff11-8c04-466e-228187733094-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#w-node-ab28f459-ff11-8c04-466e-2281877330d7-20cf26a0 {
  grid-area: 1 / 1 / 2 / 3;
  justify-self: start;
}

#w-node-_53e75955-9d51-ef12-bf95-cf406fb15cfc-20cf26a0, #w-node-_5601a011-5701-391c-9965-371b8b2251e2-20cf26a0, #w-node-_1108d005-477f-aec3-88b3-0118e4975722-20cf26a0, #w-node-_877135fe-228f-7185-09ac-324248998e34-20cf26a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-aa9748e3-e613-3ef7-70e8-689cb6ee6a60-20cf26a0, #w-node-_23c097ab-b026-d3c9-509e-67f00b5e3485-20cf26a0, #w-node-ea9e1745-cceb-ecf7-e690-92c26c10cb2d-20cf26a0, #w-node-_6bdae57c-a8fe-b675-431c-b56b15054ee6-20cf26a0 {
  place-self: center;
}

#w-node-_20d988bc-7629-8cf0-3820-e8bac758d76f-2003c1fd, #w-node-cb2cf910-4602-a469-cf3d-2bd77c657f25-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d5b-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d5c-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d5d-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d5e-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d5f-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d60-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d61-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d62-2003c1fd, #w-node-_766123bd-3087-bf36-edef-157247ba5d63-2003c1fd, #w-node-_295e0b44-7ee1-caaa-d421-8a4e0bb55235-2003c1fd, #w-node-_7158a178-3b50-acc9-5809-5c01b21eac21-2003c1fd, #w-node-_33761d70-6019-1c84-43fc-6dcb20b5d8b5-2003c1fd, #w-node-_61ba94ed-b4fe-817c-3683-bf8ead235782-2003c1fd, #w-node-bc2df9ad-b996-d233-5662-06336d5d3adc-2003c1fd, #w-node-_4eed344e-0dd9-6fb3-7170-5832ff2dd5fe-2003c1fd, #w-node-_53dab076-c80b-c595-4c13-5b5cfb8346a1-2003c1fd, #w-node-a70a58a4-2612-50c2-bc47-eaead2bb9dc0-2003c1fd, #w-node-ab1d6f5a-fb53-d25c-e291-21b5a890331f-2003c1fd, #w-node-ef5d6d7f-e38c-6360-8a7b-0dc0674df205-2003c1fd, #w-node-_995dbf59-0988-225f-d030-215231dc8313-2003c1fd, #w-node-_8531e407-99b1-e190-5a09-04a4bc85c6fb-2003c1fd, #w-node-_72bdf1a8-1ace-c64b-a1c0-4748a42f5b4a-2003c1fd, #w-node-_1af868af-a4b3-92fa-1f12-d36e634d508a-2003c1fd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-db8f097e-c640-a6d6-782c-97d4f35dbc15-2003c1fd {
  grid-area: 1 / 1 / 2 / 2;
  place-self: end start;
}

#w-node-_85ea5d76-c5d3-effc-2899-117b716f5042-2003c1fd, #w-node-_1989f975-efbe-a88e-b492-0bada6d22bd7-2003c1fd, #w-node-a6aacd39-8124-2701-f036-d2294bcf68cd-2003c1fd, #w-node-a139d0fd-7ad1-5311-069f-ddbf5f35055d-2003c1fd, #w-node-_7f2d376d-7fc0-50a5-17d3-5a3a44cd18f6-2003c1fd, #w-node-_22e9a004-0f89-36b1-aa54-f0187c63083e-2003c1fd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_210634bf-1ba5-fcbe-1b29-6d72a1f0a655-2003c1fd, #w-node-fed67742-2fe7-f3a6-07b0-b7f5511a66f4-2003c1fd, #w-node-_53ff48cf-b068-2f8e-488c-ec924f3dc55c-2003c1fd, #w-node-_25f58956-f601-5347-abfe-89b2b9b83b52-2003c1fd, #w-node-_7b3e295a-c1d2-7165-2a02-2f7f6859c0a9-2003c1fd {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-a65bda6c-25f8-68f0-3696-e1397b5868ba-2003c1fd, #w-node-_688c6260-dc89-368a-363b-30a674f986ae-2003c1fd, #w-node-_731ac5f3-aab9-3a4f-9960-8ec4b2031ce1-2003c1fd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0801e599-98c9-6bac-ad9f-4bba1df825f2-2003c1fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c446690c-cb29-22fb-28b8-46a2174bf9a9-2003c1fd, #w-node-_1fd6fb81-0c68-d56a-a477-eba5c58e0721-2003c1fd, #w-node-eb5ac014-4f6f-6615-0946-df15915f43e4-2003c1fd, #w-node-_000ed472-0018-e1fd-f65c-4ab429151c99-2003c1fd, #w-node-_8b4807df-abd6-68b8-8ade-d499ed141ab8-2003c1fd, #w-node-_5bd44e77-1d30-d3f5-c350-0cd142b0d1fc-2003c1fd, #w-node-ba60b174-d548-4925-293a-92cc467b9ab8-2003c1fd, #w-node-_6e5cca80-4a37-924a-3726-de656b96c404-2003c1fd, #w-node-c4ed2a18-f284-d6ca-d4df-ce396a2e95f2-2003c1fd, #w-node-_0ac142b2-1060-adfa-7817-51d3bfc21e9b-2003c1fd, #w-node-f0b3d072-50a5-5e9b-ff76-a23a06aba989-2003c1fd, #w-node-ff0317fd-6ca3-a4d4-9714-1dc6893e330f-2003c1fd, #w-node-b6268a57-ec1c-2da0-a28c-153897ae105a-2003c1fd, #w-node-c9245fb5-97d1-d2a5-3815-2f99c91bd18b-2003c1fd, #w-node-_2244ce78-436a-4298-2871-0ad9bd48c1c5-2003c1fd, #w-node-e2271755-ad56-c2f9-8616-d327ffa3a3f8-2003c1fd, #w-node-_12edb2af-9499-05fb-1cf4-4c1eb07cadfa-2003c1fd, #w-node-fb8a2667-72ab-8f45-e07f-e43e0e934e30-cc34ff6a, #w-node-_1b66bb5e-fef6-e111-d8bf-03c373c9fe4b-cc34ff6a, #w-node-_50003890-2be1-4b14-407e-63e2e7c978de-cc34ff6a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-edc9c6db-a466-7a9e-736b-4d0a96b20587-cc34ff6a, #w-node-edc9c6db-a466-7a9e-736b-4d0a96b20585-cc34ff6a {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-e4e9c4b0-7dcf-ec74-bee2-9f1397e3c607-cc34ff6a, #w-node-a3dcd17a-14ba-08eb-c647-75c4a3117350-cc34ff6a, #w-node-_08acc0ff-a013-7562-90d0-6a97506d6a0e-cc34ff6a, #w-node-dbf3b438-b93a-41f5-f841-dfe4993bb6e3-cc34ff6a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a2e02900-6728-93fe-25bf-7373518761c2-cc34ff6a {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-daf44873-a1c4-ef7e-273a-cee8423e0447-cc34ff6a, #w-node-f3ad5d22-71cc-c8d4-600d-5cb35bdf15fc-cc34ff6a, #w-node-_010c4b91-0b8f-d603-8b5f-0ba1875185ae-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c249-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c24a-cc34ff6a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c24b-cc34ff6a {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c24c-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c24d-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c24e-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c24f-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c250-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c251-cc34ff6a, #w-node-_950ceb1f-d0aa-9421-2ac8-78ca5cc2c252-cc34ff6a, #w-node-_490e1f9e-39d8-fab3-388d-e524f791dd69-85bc7145, #w-node-_32144a8a-ca51-22e5-3e49-519951e455ec-85bc7145, #w-node-_63a9724e-cbfb-b771-bf8b-dd86095ff516-85bc7145, #w-node-_1a2e748c-e6cc-5d07-bdb8-690fde419ad9-85bc7145, #w-node-d913e195-2ed7-edb7-0757-82b635f40d9d-85bc7145, #w-node-f5ff51eb-1aad-0672-fd65-33ffaae26f02-85bc7145, #w-node-e8ae575e-cc9b-9672-de67-9b7d40be53da-85bc7145, #w-node-_01520112-eb1c-3472-dfca-83f081203c2c-85bc7145, #w-node-_54075156-259e-7a8f-c859-1ef3e0599312-85bc7145, #w-node-_19ffccda-0df5-568d-22a9-331822855d61-85bc7145, #w-node-f137191b-6d37-1d01-09f8-36a97be7a6f9-85bc7145, #w-node-_7075bb83-dcc5-6e60-2785-ca3bbad48ba5-85bc7145, #w-node-ef8b2b85-85aa-445b-385d-1b038416ddaf-85bc7145, #w-node-ac7cac9d-f4d1-9182-0835-4ad20f2e0e94-85bc7145, #w-node-_07c35348-b968-80cc-6b60-81a2fd11024e-85bc7145, #w-node-c2c12fa7-9efa-4e7d-ccfe-1005bf4c3a75-85bc7145, #w-node-_86db26ac-ed0f-4c12-0650-b986f41a36dd-85bc7145, #w-node-_43eeecea-d9b0-c8b2-cbf4-83a9577f7254-85bc7145, #w-node-_83fab6d4-d9d0-fcee-92aa-2108a26788fa-85bc7145 {
  grid-area: 1 / 1 / 2 / 2;
}

@media screen and (max-width: 991px) {
  #w-node-d7c6279b-4716-6a92-1a26-a86009e6b752-a7a29742, #w-node-_69672588-212c-2365-c48d-f6040530e0cf-a7a29742, #w-node-c8cebaef-3197-ee5b-409d-da5d95d00874-a7a29742, #w-node-_1446bf3d-3ab7-d2df-c963-00dc0d4f68af-a7a29742, #w-node-_1446bf3d-3ab7-d2df-c963-00dc0d4f68ce-a7a29742, #w-node-cedb1f34-664f-dde1-585c-70d04c3566de-a7a29742, #w-node-b2284000-7c14-0825-ac42-65f1dce2faf0-a7a29742, #w-node-ac6aa582-31fd-7327-a8bc-1b026554325b-a7a29742, #w-node-e17a60b9-f7cc-bd93-aa15-f84ed366c98b-a7a29742 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a6182ce4-ee24-ae9a-a279-2c7eedab249f-a7a29742 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f7f746e3-fcb3-b9b4-040a-e0f3c2d322ec-a7a29742, #w-node-_16568f0b-219a-f392-3978-d3da5e64549a-a7a29742, #w-node-f677be77-e12f-b6b9-1e75-fd8f53d8b38f-53d8b36a {
    place-self: start center;
  }

  #w-node-_2b458073-2bcb-4e80-803f-736f79fa7590-1285d51b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47f59420-53d4-e5a3-3081-f6e796ab2dac-02a29743, #w-node-_26329a51-c288-9995-d6b8-53dac5993daa-02a29743 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-db464931-fd0e-eef1-c547-8ad7bacd70ce-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83d1c-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83de5-fba29747, #w-node-_1aeed4da-df38-6bf6-0b00-e6ca2fb83df4-fba29747 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_253e6144-dac7-0da6-0f25-a110fa274141-fba29747 {
    place-self: start center;
  }

  #w-node-_0bd832ed-0f6c-9dcc-b2ef-52faf1d87f5c-cba29749, #w-node-c44ab180-bc96-db8a-9c80-9559df9e09d1-cba29749, #w-node-f0f9e774-d665-0371-da5d-be3c0fb37df8-cba29749, #w-node-_2121498d-404a-d885-58c3-93ce6a3273b1-cba29749, #w-node-c9992076-6818-b7e5-41df-cda3b6011765-cba29749, #w-node-_470a3a51-15d1-35bd-fbdd-872da8c0e8b1-cba29749, #w-node-e8592e46-4c60-55f1-a17b-e59118011d17-cba29749, #w-node-_4afb076f-3da2-6494-265d-eeef93979183-cba29749, #w-node-b3d41c12-2aac-c62f-e746-dd35f0ca1f96-cba29749, #w-node-b81e78b0-cf80-a625-d32a-db4705e06022-cba29749, #w-node-a35626b2-2425-e5aa-649d-3cb5f893e8bc-cba29749, #w-node-_17cc9f87-05d7-c6ba-db91-0de769cfac8f-1ba2974a, #w-node-d1de9d19-f94b-57b6-483e-25d674921547-1ba2974a, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cf6-53a29750, #w-node-_099847b5-61e6-ac66-af53-9c669caf31ad-53a29750, #w-node-_1162963b-9b99-7eb4-903e-eb22a3881beb-53a29750, #w-node-_6ac8684a-89cd-b5fe-0920-9ef5c90fd30a-53a29750, #w-node-_6ac8684a-89cd-b5fe-0920-9ef5c90fd325-53a29750, #w-node-f9f392d9-2fef-fa4b-c23a-37d025174518-53a29750, #w-node-f9f392d9-2fef-fa4b-c23a-37d025174533-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dbf-53a29750, #w-node-eade7d37-7c02-5db2-66c6-4b0a09721dce-53a29750, #w-node-_1130ea58-02ec-ff95-f113-f05a076e3a9d-53a29750, #w-node-_75946450-0a26-599a-170d-a3610dda9725-53a29750, #w-node-b3f1ac63-3b40-a653-3a84-2970e8541117-bbd5268f, #w-node-_6cb0fc33-88c2-72fe-5a20-cd87c4d0ee51-bbd5268f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ad02138d-8f41-222e-7665-53ad569fefff-4d4ae635 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6e2bbcfb-af72-d363-6f96-6d51cb3058b4-23c06c2f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_683c7c96-4b6e-a0bd-b07d-ec050bbf0fd5-20cf26a0 {
    align-self: start;
  }

  #w-node-ef5d6d7f-e38c-6360-8a7b-0dc0674df205-2003c1fd, #w-node-bf2610d6-e7fb-fab4-690a-02d334609385-2003c1fd {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_210634bf-1ba5-fcbe-1b29-6d72a1f0a655-2003c1fd {
    place-self: start;
  }

  #w-node-fed67742-2fe7-f3a6-07b0-b7f5511a66f4-2003c1fd, #w-node-_53ff48cf-b068-2f8e-488c-ec924f3dc55c-2003c1fd, #w-node-_25f58956-f601-5347-abfe-89b2b9b83b52-2003c1fd, #w-node-_7b3e295a-c1d2-7165-2a02-2f7f6859c0a9-2003c1fd {
    justify-self: start;
  }

  #w-node-a65bda6c-25f8-68f0-3696-e1397b5868ba-2003c1fd {
    align-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_971db19f-f878-b0de-27e4-1071dec79cfd-a7a29742 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a35626b2-2425-e5aa-649d-3cb5f893e8bc-cba29749 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a418cd64-8eb1-4fd3-ba60-40d13365ca25-cba29749, #w-node-_463bc06b-6977-03d7-5aa3-912f7f8450bb-cba29749, #w-node-_30cf0344-626b-e7ac-10db-6910016a90e1-cba29749 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_731ac5f3-aab9-3a4f-9960-8ec4b2031ce1-21a2974c, #w-node-_78957d09-a832-5894-ba3e-e91e94f526ae-21a2974c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-eade7d37-7c02-5db2-66c6-4b0a09721cc1-53a29750 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6f9a6544-9f01-7c18-5f2f-49d2bdfd16c3-bbd5268f, #w-node-_2ab18b63-ab6d-bbda-679d-d43d110f3b88-bbd5268f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ad02138d-8f41-222e-7665-53ad569feffb-4d4ae635 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fdf571e6-62b6-6ec3-e634-77df62edd5ec-4d4ae635 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-ce74b92a-09df-c5de-8fc4-0e635954542a-4d4ae635, #w-node-_62c9d35f-ab44-2171-5121-d76d62e1fcc8-4011458f, #w-node-_7a6756ce-8252-9ccd-df25-81b6b4da226c-4011458f, #w-node-_432ab4f5-a945-3311-480b-674f9aefd45a-4011458f, #w-node-_58733493-fd28-2248-60d3-414ac04ca2f6-4011458f, #w-node-_7a17f380-51a2-77df-5066-838e5450e17b-4011458f, #w-node-_60060f49-e8b9-6495-8b27-cf1495653ef7-4011458f, #w-node-_32652378-cca9-03fe-ea81-116c5a016391-23c06c2f, #w-node-e2a122b7-40dc-a5ea-7504-59d87ac3370c-b5e139c9, #w-node-_608c45cd-ad22-c3c7-8e61-90a4dde4397e-b5e139c9, #w-node-fadc6ad2-3799-9116-b3fd-e883ab99682e-b5e139c9, #w-node-_3154982d-b304-ea19-54d3-87119faec0ad-b5e139c9, #w-node-de3dd26d-2143-26dd-f74e-7f174be748f6-b5e139c9, #w-node-_56632aab-d68e-fb52-c190-e9fab825acb0-b5e139c9, #w-node-d068151f-141b-8aa2-7159-452535cdc0ee-b5e139c9, #w-node-_74386533-9491-5ca4-6c93-50cf4bd9f6ce-20cf26a0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ab28f459-ff11-8c04-466e-228187733052-20cf26a0 {
    justify-self: start;
  }

  #w-node-_5601a011-5701-391c-9965-371b8b2251e2-20cf26a0, #w-node-_877135fe-228f-7185-09ac-324248998e34-20cf26a0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-db8f097e-c640-a6d6-782c-97d4f35dbc15-2003c1fd {
    grid-area: 1 / 1 / 2 / 2;
    place-self: end start;
  }

  #w-node-_731ac5f3-aab9-3a4f-9960-8ec4b2031ce1-2003c1fd, #w-node-_490e1f9e-39d8-fab3-388d-e524f791dd69-85bc7145, #w-node-_32144a8a-ca51-22e5-3e49-519951e455ec-85bc7145, #w-node-_63a9724e-cbfb-b771-bf8b-dd86095ff516-85bc7145, #w-node-_1a2e748c-e6cc-5d07-bdb8-690fde419ad9-85bc7145, #w-node-d913e195-2ed7-edb7-0757-82b635f40d9d-85bc7145, #w-node-f5ff51eb-1aad-0672-fd65-33ffaae26f02-85bc7145, #w-node-e8ae575e-cc9b-9672-de67-9b7d40be53da-85bc7145, #w-node-_01520112-eb1c-3472-dfca-83f081203c2c-85bc7145, #w-node-_54075156-259e-7a8f-c859-1ef3e0599312-85bc7145, #w-node-_19ffccda-0df5-568d-22a9-331822855d61-85bc7145, #w-node-f137191b-6d37-1d01-09f8-36a97be7a6f9-85bc7145, #w-node-_7075bb83-dcc5-6e60-2785-ca3bbad48ba5-85bc7145, #w-node-ef8b2b85-85aa-445b-385d-1b038416ddaf-85bc7145, #w-node-ac7cac9d-f4d1-9182-0835-4ad20f2e0e94-85bc7145, #w-node-_07c35348-b968-80cc-6b60-81a2fd11024e-85bc7145, #w-node-c2c12fa7-9efa-4e7d-ccfe-1005bf4c3a75-85bc7145, #w-node-_86db26ac-ed0f-4c12-0650-b986f41a36dd-85bc7145, #w-node-_43eeecea-d9b0-c8b2-cbf4-83a9577f7254-85bc7145, #w-node-_83fab6d4-d9d0-fcee-92aa-2108a26788fa-85bc7145 {
    grid-area: 1 / 1 / 2 / 2;
  }
}