@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Italic.woff2') format("woff2"), url('../fonts/GeneralSans-VariableItalic.woff2') format("woff2"), url('../fonts/GeneralSans-VariableItalic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Semibold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-BoldItalic.woff2') format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-LightItalic.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Extralight.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans Variable;
  src: url('../fonts/GeneralSans-Variable.woff2') format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white-otazen: #f5f5f5;
  --black-otazen: #252525;
  --black: #121212;
  --light-cream-otazen: #f0ede8;
  --transparent: transparent;
  --grey-otazen: #a5a5a5;
  --f0ede8: #f0ede8;
}

/* ADJUST */
.text_underline {
  text-underline-offset: 5px;
  text-decoration: underline;
}

.wp-block-image {
  display: flex;
  justify-content: center;
}


/* Skeleton Base */
.skeleton {
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
}

/* Skeleton Shapes */
.skeleton-img {
  width: 100%;
  padding-top: 100%;
  height: 100%;
  /* 1:1 aspect ratio for square image */
}

.skeleton-text {
  width: 100%;
  height: 16px;
  margin: 5px 0;
}

.skeleton-text.small {
  width: 50%;
  height: 12px;
}

.skeleton-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  /* margin-top: 5px; */
}

.sap_story_card_image.skeleton-img,
.inspir_p_related_card_video .skeleton-img {
  aspect-ratio: unset;
  padding-top: 50%;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media screen and (max-width: 767px) {
  .search_result_container {
    overflow: unset !important;
    height: auto !important;
  }

  .pop_like_title_content {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
  }

}

span.count {
  margin-left: 3px;
  margin-bottom: -1px;
  font-weight: 400;
  font-size: 12px;
  color: var(--grey-otazen) !important;
}

@media screen and (max-width: 767px) {
  span.count {
    margin-bottom: 0px !important;
  }
}

.search_button_wrapper {
  padding-top: .5rem;
  background: var(--white-otazen);
  display: flex;
  width: 100%;
  position: sticky;
  bottom: 0;
}

.loader {
  width: 48px;
  height: 48px;
  border: 5px solid var(--black-otazen);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

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

.loader-card {
  grid-column: span 4;
}

.loader-card-3{
  grid-column: span 3;
}

@media screen and (max-width: 767px) {
  .loader-card, .loader-card-3 {
    grid-column: span 2;
  }
}

.ms-checkbox-wrap.is-disabled {
  opacity: .5;
  pointer-events: none;
}

/* END OF ADJUST */

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

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

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #7e7e7e;
  letter-spacing: 0;
  background-color: #f5f5f5;
  font-family: Generalsans Variable, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  color: var(--white-otazen);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
}

h2 {
  color: var(--black-otazen);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 130%;
}

h3 {
  color: var(--black-otazen);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}

h4 {
  color: var(--black-otazen);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 150%;
}

h5 {
  color: var(--black-otazen);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

a {
  color: #7e7e7e;
  font-family: Generalsans Variable, Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .3em;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.hero {
  padding: 5rem 6%;
}

.overflow-scroll-div {
  background-color: #222;
  border-radius: 1rem;
  width: 100%;
  height: 18.3em;
  padding: 3rem 2.1rem;
  overflow: scroll;
}

.tag {
  color: var(--green-yellow);
  background-color: #c6fb501a;
  border-radius: .5em;
  padding: .8em 1em;
  font-size: .9em;
  line-height: 1;
  display: inline-block;
}

.button {
  color: var(--white-otazen);
  text-align: center;
  background-color: #0000;
  border: 2px solid #eaeaea33;
  border-radius: 100vw;
  width: 100%;
  margin-top: auto;
  padding: 1em 1.2em;
  font-size: 1.4em;
  line-height: 1;
  transition: border-color .15s, color .15s, background-color .15s;
}

.button:hover {
  border-color: var(--green-yellow);
  background-color: var(--green-yellow);
  color: var(--black-otazen);
}

.wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.heading {
  letter-spacing: -.07em;
  font-size: 18vw;
  line-height: .8;
}

.text {
  max-width: 35em;
  margin-left: auto;
  margin-right: auto;
}

.image {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.padding-top,
.padding-top.padding-xxlarge,
.padding-top.padding-xxhuge,
.padding-top.padding-small {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-small.modify {
  padding-top: 1.5rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

.text-size-tiny {
  font-size: .75rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

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

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.padding-custom3 {
  padding: 3.5rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.background-color-secondary {
  background-color: #2d62ff;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.overflow-hidden {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-xsmall {
  margin: .5rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.padding-bottom,
.padding-bottom.padding-xxlarge,
.padding-bottom.padding-huge,
.padding-bottom.padding-large,
.padding-bottom.padding-xxhuge,
.padding-bottom.padding-xlarge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-small {
  padding: 1rem;
}

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-small.modify {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xxlarge.second_section {
  padding-top: 10rem;
}

.padding-vertical.padding-xxlarge.modify {
  padding-bottom: 10rem;
}

.padding-vertical.padding-xxlarge.bg_cream {
  background-color: var(--light-cream-otazen);
}

.padding-vertical.padding-medium,
.padding-vertical.padding-large {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-large.mobile-footer.width-100.footer-desktop {
  padding-bottom: 1.5rem;
}

.padding-vertical.padding-xlarge,
.padding-vertical.padding-huge,
.padding-vertical.padding-xhuge,
.padding-vertical.padding-xxhuge {
  padding-left: 0;
  padding-right: 0;
}

.pointer-events-auto {
  pointer-events: auto;
}

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

.max-width-medium.text-align-center.modify {
  max-width: 30rem;
}

.text-color-alternate {
  color: #fff;
}

.padding-horizontal,
.padding-horizontal.padding-medium {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-horizontal.padding-medium.designer {
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-horizontal.padding-large {
  padding-top: 0;
  padding-bottom: 0;
}

.text-weight-medium {
  font-weight: 500;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-style-muted {
  opacity: .6;
}

.margin-custom1 {
  margin: 1.5rem;
}

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

.text-size-regular {
  font-size: 1rem;
}

.fs-styleguide_spacing-all {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.text-align-left {
  text-align: left;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-small {
  margin: 1rem;
}

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

.hide {
  display: none;
}

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.overflow-scroll {
  overflow: scroll;
}

.margin-tiny {
  margin: .125rem;
}

.padding-xhuge {
  padding: 8rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.icon-height-small {
  height: 1rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-color-primary {
  color: #000;
}

.padding-large {
  padding: 3rem;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

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

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

.text-align-right {
  text-align: right;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-custom1 {
  padding: 1.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.text-weight-light {
  font-weight: 300;
}

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

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.padding-0 {
  padding: 0;
}

.overflow-auto {
  overflow: auto;
}

.text-style-italic {
  font-style: italic;
}

.max-width-xlarge {
  width: 100%;
  max-width: 50rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.padding-custom2 {
  padding: 2.5rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

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

.text-color-secondary {
  color: #222;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.margin-large {
  margin: 3rem;
}

.margin-0 {
  margin: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.background-color-alternate {
  background-color: #fff;
}

.heading-style-h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-2.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button-2.is-secondary {
  color: #000;
  background-color: #0000;
  border: 1px solid #222;
}

.button-2.is-large {
  padding: 1rem 2rem;
}

.button-2.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-2.is-small {
  padding: .5rem 1.25rem;
}

.margin-medium {
  margin: 2rem;
}

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

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-custom2 {
  margin: 2.5rem;
}

.nav_button {
  padding: 1rem;
}

.text-weight-bold {
  font-weight: 700;
}

.padding-medium {
  padding: 2rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

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

.padding-xxlarge {
  padding: 7rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-size-large {
  font-size: 1.5rem;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.padding-xsmall {
  padding: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

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

.spacing-clean {
  margin: 0;
  padding: 0;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.text-style-nowrap {
  white-space: nowrap;
}

.margin-huge {
  margin: 6rem;
}

.page-wrapper {
  pointer-events: auto;
  overflow-x: clip;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.padding-xxsmall {
  padding: .25rem;
}

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

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

.margin-xhuge {
  margin: 8rem;
}

.padding-huge {
  padding: 7rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.form_input::placeholder,
.form_input.is-select-input {
  color: #222;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  font-size: 1rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.padding-tiny {
  padding: .125rem;
}

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

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

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.background-color-tertiary {
  background-color: #dd23bb;
}

.text-size-medium {
  font-size: 1.25rem;
}

.padding-xlarge {
  padding: 5rem;
}

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

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-large {
  padding-top: 3rem;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

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

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_logo {
  width: 10rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

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

.icon-height-medium {
  height: 2rem;
}

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

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

.section {
  z-index: 1;
  background-color: var(--white-otazen);
  position: relative;
}

.section.filler.ls-2 {
  justify-content: center;
  align-items: center;
  height: 65rem;
  display: flex;
  position: relative;
}

.section.bg_cream {
  background-color: var(--light-cream-otazen);
}

.section.bg_cta {
  background-image: none;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 44rem;
  display: flex;
}

.section.bg_cta.section_cta {
  z-index: 1;
  width: 100%;
  height: 80vh;
  min-height: 80vh;
}

.section.hp_hero {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.section.modify {
  margin-top: 0;
  position: relative;
}

.section.pdp {
  z-index: 3;
  transition: all .4s;
  position: sticky;
  top: 0;
}

.navbar {
  z-index: 3;
  color: var(--white-otazen);
  flex-flow: row;
  margin-top: -2px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.navbar.modify {
  background-color: #f5f5f5;
}

.navbar_container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: all .4s;
  display: grid;
}

.navbar_container.modify,
.navbar_container.inverted {
  filter: invert();
}

.navbar_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  transition: all .4s;
  display: flex;
}

.navbar_wrapper.inverted {
  color: var(--black-otazen) !important;
}

.navbar_right_wrapper {
  display: flex;
}

.navbar_logo_wrapper {
  justify-content: center;
  align-items: center;
  width: 8rem;
  display: flex;
}

.navbar_logo {
  object-fit: cover;
  width: 100%;
}

.hp_filler_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hp_filler_container.ls-1 {
  width: 56rem;
}

.hp_filler_text_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.uppercase {
  text-transform: uppercase;
}

.uppercase.text-left--mobille.anim-slide-in.modify {
  color: var(--black-otazen);
  font-weight: 500;
}

.uppercase.anim-slide-in.modify {
  text-align: center;
}

.uppercase.anim-slide-in.modify_font.modif {
  margin-left: -.5rem;
}

.uppercase.is2 {
  position: absolute;
}

.uppercase.text_black.font_bold {
  font-weight: 500;
}

.uppercase.text_black.font_bold.anim-slide-in.modify_h2 {
  font-size: 25px;
}

.uppercase.text_1 {
  display: flex;
}

.uppercase.text_2 {
  position: absolute;
}

.filler_text {
  text-align: center;
  font-size: 19px;
  line-height: 140%;
}

.filler_text.split-word {
  z-index: 1;
  position: relative;
}

.btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom_btn {
  color: var(--black-otazen);
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 2em;
  font-weight: 200;
  text-decoration: none;
  display: flex;
}

.custom_btn.is-icon {
  z-index: 0;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.custom_btn.is-icon.white {
  filter: invert();
  pointer-events: auto;
  color: var(--black-otazen);
}

.custom_btn.is-icon.mm {
  display: none;
}

.custom_btn.is-icon.align-center {
  justify-content: center;
  align-items: flex-start;
}

.custom_btn.is-icon.portrait-item {
  display: none;
}

.button-icon {
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
}

.button-icon.button-icon-bottom {
  position: absolute;
  bottom: -100%;
  left: -100%;
}

.button-icon.button-icon-bottom.download {
  top: -100%;
  bottom: auto;
  left: auto;
}

.button-icon.white {
  filter: none;
}

.divider_horizontal {
  background-color: var(--black-otazen);
  width: 100%;
  height: 1px;
}

.divider_horizontal.button-3 {
  height: 1px;
  min-height: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.divider_horizontal.button-3.white {
  background-color: var(--white-otazen);
  color: var(--white-otazen);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.text-size-tiny-2 {
  font-size: 1em;
}

.btn_wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  height: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-1x1-tiny {
  width: .7em;
  height: .7em;
}

.icon-1x1-tiny.download {
  width: .9em;
  height: .9em;
}

.button-text.button-text-bottom {
  position: absolute;
  bottom: -100%;
}

.clip {
  z-index: 10;
  flex-direction: column;
  padding-right: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tes100vh {
  height: 100vh;
}

.navbar_menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar_menu_img {
  width: 1rem;
  height: 1rem;
}

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

.navbar_search_img {
  object-fit: contain;
  width: 1.2rem;
  height: 1.2rem;
}

.navbar_cart_img {
  width: 1.2rem;
}

.hp_hero_video {
  background-color: #00000080;
  height: 100%;
}

.hp_hero_container {
  width: 100vw;
  height: 100%;
  position: relative;
}

.hp_hero_content {
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hp_collections_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.hp_collections_heading {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.hp_collections_heading.designer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 32rem;
}

.hp_collections_heading.home {
  justify-content: space-between;
  align-items: flex-end;
}

.splide {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.splide.instagram,
.splide.mam {
  width: 100%;
}

.splide.mam-slider-2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.splide.mam-slider-2.gap_progres.gallery {
  height: 100%;
}

.splide.product {
  height: 100em;
}

.splide.gap_product {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.splide.mobile_full {
  margin-left: -2rem;
  margin-right: -2rem;
}

.splide__track {
  width: 100%;
  height: 100%;
}

.splide__track.gap_tarck {
  height: 100%;
}

.splide__track.materials.pdp_galery {
  overflow: hidden;
}

.splide__track.product {
  width: 100%;
}

.splide__track.hp_collection {
  padding-top: 4vh;
  padding-bottom: 4vh;
  display: flex;
}

.splide__list {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.splide__list.instagram {
  width: 100%;
}

.splide__list.collections {
  justify-content: flex-start;
  align-items: center;
}

.splide__list.collections.modify {
  justify-content: flex-start;
  align-items: flex-start;
}

.splide__list.designers.cursor-grab {
  cursor: grab;
}

.splide__list.mam {
  width: 100%;
  min-width: 0;
  height: auto;
}

.splide__list.mam.hight {
  height: 23.7rem;
}

.splide__list.dsgn_detail {
  justify-content: flex-start;
  align-items: flex-start;
}

.splide__list.dsgn_detail.modify {
  justify-content: flex-start;
  align-items: flex-end;
  height: 82vh;
}

.splide__list.product_detail {
  justify-content: flex-start;
  align-items: center;
  height: auto;
}

.splide__list.product_detail.modify {
  justify-content: flex-start;
  align-items: flex-end;
  height: 82vh;
}

.splide__list.product {
  height: auto;
}

.splide__list.product.hight {
  height: 23.7rem;
}

.splide__list.pdp {
  justify-content: flex-start;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.splide__list.home {
  justify-content: flex-start;
  align-items: center;
}

.splide__list.home.modify {
  justify-content: flex-start;
  align-items: flex-end;
  height: 82vh;
}

.splide__slide {
  flex: none;
  transition: all 1.5s;
}

.splide__slide.mam {
  width: 100%;
}

.my-carousel-progress {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 40%;
  margin-top: 2rem;
}

.my-carousel-progress.product {
  margin-top: 0;
  margin-bottom: auto;
}

.my-carousel-progress.project {
  background-color: #e6e6e6;
  margin-top: 2rem;
}

.my-carousel-progress.strories {
  background-color: #e7e7e7;
  margin-top: auto;
  margin-bottom: auto;
}

.my-carousel-progress.stories_detail {
  background-color: #e7e7e7;
}

.hp_collections_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  transition: all 1.5s;
  display: flex;
}

.hp_collections_item_description {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.hp_collections_item_description.center {
  align-items: center;
}

.hp_collections_item_heading {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.arrow {
  object-fit: contain;
  width: .76rem;
  height: .76rem;
  position: static;
}

.arrow.submit {
  width: 100%;
  height: 100%;
}

.arrow.splide {
  visibility: visible;
  height: 1.4rem;
}

.arrow.splide.hp_instagram {
  margin-left: 0;
}

.arrow.collections.is2 {
  position: absolute;
  bottom: -1rem;
  left: -1rem;
}

.arrow.collections.modify {
  width: .8rem;
  height: .8rem;
  transform: rotate(0);
}

.arrow.collections.product {
  margin-top: 0;
}

.arrow.collections.homepage {
  margin-top: .3rem;
}

/* ADJUST */
.arrow.products {
  margin-top: .3rem;
  width: .7rem;
  height: .7rem;
}

.arrow.is2 {
  position: absolute;
}

.arrow.product {
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(-43deg);
}

.arrow.product.is2 {
  position: absolute;
  bottom: -.8rem;
  left: -.8rem;
}

.arrow.product.modify {
  width: 1rem;
  height: 1rem;
  transform: rotate(0);
}

.arrow.dd {
  margin-top: .4rem;
}

.hp_products_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

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

.hp_products_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hp_products_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hp_products_item.designer {
  height: 50rem;
}

.hp_products_item_img {
  object-fit: cover;
  object-position: 6% 50%;
  width: 100%;
  height: 43rem;
}

.hp_products_item_img.image_hover.modify {
  object-position: 50% 50%;
}

.hp_products_item_img.modify {
  aspect-ratio: auto;
  height: 100%;
}

.hp_products_item_img.modify.designer {
  height: 100%;
}

.hp_products_item_heading {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.hp_products_item_heading.ls-1.modify {
  justify-content: space-between;
  align-items: flex-start;
}

.hp_products_item_heading.ls-2 {
  position: absolute;
  inset: 0%;
}

.text_black {
  color: var(--black-otazen);
}

.text_black.modify_size {
  font-size: 14px;
}

.text_black.date {
  font-size: 13px;
}

.hp_values_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hp_values_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 38rem;
  display: flex;
}

.hp_values_item_wrapper {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hp_values_item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
  position: sticky;
  top: 3rem;
}

.hp_values_item.end {
  opacity: 0;
  pointer-events: none;
  height: 25rem;
}

.hp_values_left_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 23rem;
  display: flex;
}

.hp_values_right_wrapper {
  width: 100%;
}

.hp_values_img {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.hp_filler_img_wrapper {
  width: 30rem;
}

.hp_filler_img_wrapper.absolute.ls-1 {
  height: 19rem;
  inset: 0% auto auto 8rem;
  overflow: hidden;
}

.hp_filler_img_wrapper.absolute.ls-2 {
  height: 18rem;
  inset: 0% 4rem auto auto;
  overflow: hidden;
}

.hp_filler_img_wrapper.absolute.ls-3 {
  height: 19rem;
  inset: auto auto 0% 3rem;
  overflow: hidden;
}

.hp_filler_img_wrapper.absolute.ls-4 {
  height: 17rem;
  inset: auto 4rem 0% auto;
  overflow: hidden;
}

.hp_filler_img {
  width: 100%;
  height: 125%;
}

.hp_filler_img.parallax_anim {
  position: absolute;
  bottom: 0;
}

.absolute {
  position: absolute;
}

.hp_projects_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.hp_projects_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

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

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

.hp_projects_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all .4s;
  display: flex;
}

.hp_projects_item_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hp_projects_img {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.hp_projects_img.landscape {
  aspect-ratio: 3 / 2;
}

.hp_projects_img.square {
  height: 110%;
}

.hp_projects_item_heading {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  width: 100%;
  max-width: 23rem;
  display: flex;
}

.hp_designer_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hp_designer_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 26rem;
  display: flex;
}

.hp_instagram_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.hp_instagram_upper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hp_instagram_heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hp_instagram_icon {
  width: 2.5rem;
}

.hp_instagram_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hp_cta_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  pointer-events: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hp_cta_heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text_white {
  color: var(--white-otazen);
}

.footer {
  z-index: 0;
  background-color: var(--light-cream-otazen);
  align-items: flex-end;
  display: flex;
  position: sticky;
  bottom: 0;
}

.footer_container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.footer_left_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  justify-content: space-between;
}

.footer_logo {
  width: 11rem;
}

.footer_right_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

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

.footer_link_wrapper.subscribe {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.footer_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_upper {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 2.5rem;
  padding-left: 2em;
  padding-right: 2rem;
  display: flex;
}

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

.bg_transparent {
  background-color: var(--transparent);
  border: 0 #000;
  border-bottom: 1px solid #000;
  padding-left: 0;
}

.bg_transparent::placeholder {
  color: var(--black-otazen);
}

.bg_transparent.form {
  border-radius: 0;
  margin-bottom: 0;
}

.submit_button {
  background-color: var(--transparent);
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

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

.form_wrapper {
  width: 18rem;
}

.hp_collections_img {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.hp_collections_img.parallax_anim {
  height: 110%;
}

.splide__arrows {
  pointer-events: none;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: auto 2% 55%;
}

.splide__arrows.designers {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  inset: auto auto 0%;
}

.splide__arrows.instagram {
  bottom: 45%;
  left: -1%;
  right: -1%;
}

.splide__arrow {
  background-color: var(--white-otazen);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.splide__arrow.splide__arrow--prev {
  pointer-events: auto;
}

.splide__arrow.splide__arrow--prev.designers {
  background-color: var(--transparent);
}

.splide__arrow.splide__arrow--next {
  pointer-events: auto;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.splide__arrow.splide__arrow--next.designers {
  background-color: var(--transparent);
}

.hp_designer_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hp_designer_item_heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.hp_designer_img {
  aspect-ratio: 4/5;
  object-fit: cover;
  width: 100%;
  max-width: none;
}

.hp_instagram_item {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
}

.hp_instagram_img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.parallax_anim {
  position: absolute;
  bottom: 0;
}

.hp_hero_logo {
  opacity: .7;
  width: 29rem;
}

.overflow_hidden {
  aspect-ratio: 4 / 5;
  width: 100%;
  overflow: hidden;
}

.overflow_hidden.designer {
  aspect-ratio: 3/2;
  height: 100%;
}

.overflow_hidden.square {
  aspect-ratio: 1;
}

.blur {
  z-index: -1;
  filter: blur();
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-image: url('../images/MacBook-Pro-14_---822.svg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.hp_products_item_heading_text {
  max-width: 12rem;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
}

.hp_products_item_heading_text.homepage {
  max-width: 18rem;
}

.hp_products_item_text_wrapper {
  /* height: 1.4rem; */
  position: relative;
  overflow: hidden;
}

.hp_products_item_text_wrapper.designer {
  height: 2.6rem;
}

.hp_products_item_text_wrapper.search_text {
  height: auto;
}

.navbar_link_logo {
  width: 100%;
}

.hp_instagram_item_hover {
  z-index: 0;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #000000b3;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding: 3rem 3rem 2rem 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hp_instagram_text_hover {
  color: var(--white-otazen);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 300;
  display: flex;
}

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

.hp_instagram_profile_img_wrapper {
  width: 4rem;
}

.hp_instagram_profile_img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100rem;
  width: 4rem;
}

.hp_instagram_profile_heading {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hp_instagram_profile_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.circle {
  background-color: var(--grey-otazen);
  border-radius: 200rem;
  width: .3rem;
  height: .3rem;
}

.text_gray {
  color: var(--grey-otazen);
}

.portrait-item {
  display: none;
}

.hp_values_text {
  text-align: center;
}

.page-divider {
  background-color: var(--grey-otazen);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: flex;
}

.page-divider-text {
  text-align: center;
  font-size: 100px;
}

.abt_hero_container {
  height: 100vh;
  position: relative;
}

.abt_hero_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.abt_hero_heading {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  background: rgba(0, 0, 0, 0.5);
}

.abt_hero_heading_text {
  color: var(--white-otazen);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.abt_essence_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.abt_essence_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abt_essence_content_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.abt_essence_content_wrapper.ls-2 {
  grid-template-columns: 1.1fr 1.25fr;
}

.abt_essence_img {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.abt_essence_img.right {
  aspect-ratio: 2 / 2.3;
  height: 130%;
}

.abt_essence_right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 90%;
  height: 100%;
  display: flex;
}

.abt_filler_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 56rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.abt_filler_container.modify {
  padding-top: 3rem;
}

.abt_sustainability_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 300vh;
  display: flex;
  position: relative;
}

.abt_sustainability_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 33rem;
  display: flex;
}

.abt_sustainability_img_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 4.5rem;
}

.abt_sustanability_img {
  aspect-ratio: 2.2;
  object-fit: cover;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}

.abt_sustanability_img.ls-1 {
  z-index: 3;
  position: absolute;
}

.abt_sustanability_img.ls-2 {
  z-index: 2;
  position: absolute;
}

.abt_sustanability_img.ls-3 {
  z-index: 1;
  position: absolute;
}

.abt_sustainability_content {
  z-index: 4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.abt_detail_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abt_detail_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 26rem;
  display: flex;
}

.abt_detail_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.abt_detail_item_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start center;
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  display: grid;
}

.abt_detail_img {
  width: 55rem;
}

.abt_detail_item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-right: 1px solid var(--grey-otazen);
  grid-template-rows: .5fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 3rem;
  display: grid;
}

.abt_detail_item.center {
  border-right: 1px solid var(--grey-otazen);
  border-left: 1px solid var(--grey-otazen);
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 3rem;
  padding-right: 3rem;
}

.abt_detail_item.left {
  padding-left: 2rem;
}

.abt_detail_item.right {
  padding-right: 2rem;
}

.divider_vertical {
  background-color: var(--grey-otazen);
  width: 1px;
  height: 100%;
}

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

.abt_faq_img {
  object-fit: cover;
  width: 100%;
  height: 125%;
}

.abt_faq_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.accordion-body {
  color: #9096a4;
  display: block;
}

.accordion-body.js-accordion-body {
  color: #9096a4;
}

.accordion {
  border-top: 1px #7f7f7f;
  border-bottom-width: 1px;
  border-bottom-color: #7f7f7f;
}

.accordion.js-accordion {
  width: 100%;
}

.js-accordion-icon {
  width: 1.3em;
  height: 1.3em;
  transition: transform .2s;
}

.js-accordion-icon.active {
  transform: rotate(135deg);
}

.question-text {
  color: #000;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.accordion-header {
  color: #2e323c;
  align-items: center;
  display: flex;
}

.accordion-header.js-accordion-header {
  cursor: pointer;
}

.accordion-body__contents {
  opacity: 1;
  max-width: 54em;
  margin-top: 8px;
}

.accordion__item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  text-align: left;
  background-color: #121212;
  border-width: 1px;
  border-color: #717171 #717171 #7f7f7f;
  border-bottom-style: solid;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: grid;
  overflow: hidden;
}

.accordion__item:hover {
  box-shadow: 0 3px 9px #2e323c17;
}

.accordion__item.js-accordion-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  cursor: pointer;
  background-color: #0000;
  padding-bottom: 1.5em;
  display: flex;
}

.accordion__item.js-accordion-item:hover {
  box-shadow: none;
}

.abt_reduce_container {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abt_reduce_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 29rem;
  display: flex;
}

.abt_reduce_item_wrapper {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: 1.5rem;
  display: flex;
}

.abt_reduce_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-right: 1px solid var(--grey-otazen);
  flex-flow: column;
  grid-template-rows: 3.25rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 2rem;
  display: grid;
}

.abt_reduce_item.last {
  border-right: 0 #0000;
}

.abt_reduce_item_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: 3rem;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.abt_reduce_img {
  object-fit: contain;
  height: 100%;
}

.abt_certification_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start stretch;
  display: flex;
}

.abt_certification_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  max-width: 30rem;
  display: flex;
  position: sticky;
  top: 7rem;
}

.abt_certification_item_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start end;
  display: grid;
}

.abt_certification_item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  aspect-ratio: auto;
  background-color: var(--f0ede8);
  grid-template-rows: .5fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: grid;
}

.abt_certification_img {
  object-fit: contain;
  width: 9.4rem;
}

.abt_certification_img.ls-2 {
  width: 5rem;
}

.abt_certification_img.ls-3 {
  width: 4rem;
}

.abt_certification_img.ls-4 {
  width: 5rem;
}

.abt_certification_img.big_image {
  aspect-ratio: 1;
  width: auto;
  height: 5rem;
}

.abt_certification_item_heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: .5fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.abt_projects_container {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  display: flex;
}

.abt_projects_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.abt_projects_marquee {
  overflow: clip auto;
  display: flex;
}

.abt_projects_marquee_item {
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  display: flex;
}

.abt_projects_marquee_item.scroll.first {
  margin-right: 3rem;
}

.abt_projects_img {
  filter: grayscale();
  object-fit: contain;
  width: 12rem;
  margin-right: 7rem;
}

.abt_projects_img.modify {
  width: 9rem;
}

.abt_sustainability_wrapper {
  width: 100%;
  height: 80vh;
  position: sticky;
  top: 0;
}

.abt_sustainability_img_anim {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 80vh;
}

.overlay_gradient {
  z-index: 3;
  background-image: linear-gradient(#12121200 52%, #121212);
  width: 110%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% -5%;
}

.overlay_gradient.sustainability {
  background-color: #0000004d;
  background-image: none;
}

.hp_cta_bg_wrapper {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.hp_cta_bg_img {
  object-fit: cover;
  width: 100%;
  height: 130%;
}

.hp_cta_bg_img.parallax_anim {
  position: absolute;
  bottom: 0;
}

.abt_essence_img_wrapper {
  aspect-ratio: 2 / 2.3;
  width: 100%;
  position: relative;
}

.abt_essence_img_wrapper.big {
  width: 100%;
}

.hp_collections_img_wrapper {
  aspect-ratio: 4 / 5;
  width: 100%;
  position: relative;
}

.hp_values_img_wrapper {
  aspect-ratio: 3 / 2;
  width: 100%;
  position: relative;
}

.full-width {
  width: 100%;
}

.full-width.relative.overflow-hidden.full-height.try {
  aspect-ratio: 4 / 5;
  height: auto;
  min-height: auto;
}

.full-width.hp_designer_height {
  aspect-ratio: 1 / 1.1;
  height: 35rem;
}

.relative {
  position: relative;
}

.full-height {
  height: 100%;
}

.mam_teak_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.mam_teak_top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 60rem;
  display: flex;
}

.footer_wrapper {
  pointer-events: auto;
  flex-flow: column;
  display: flex;
  position: relative;
}

.width-100 {
  width: 100%;
}

.mam_teak_bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr;
  grid-auto-columns: 1fr;
  min-height: 100%;
  display: flex;
  overflow: hidden;
}

.mam_teak_bottom.modify {
  overflow: visible;
}

.mam_teak_bottom_left_is2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11rem;
  padding-top: 1.5rem;
  display: flex;
}

.mam_teak_bottom_right {
  z-index: 0;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--light-cream-otazen);
  opacity: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  /* height: 100%; */
  transition: all .4s;
  display: grid;
  position: absolute;
  transform: translate(100vw);
}

.mam_teak_bottom_right.padding-small {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mam_teak_bottom_right.padding-medium.modify.menu_materials,
.mam_teak_bottom_right.padding-medium.teak_menu_is1,
.mam_teak_bottom_right.padding-medium.teak_menu_is2,
.mam_teak_bottom_right.padding-medium.teak_menu_is3,
.mam_teak_bottom_right.padding-medium.teak_menu_is4 {
  position: absolute;
}

.mam_teak_bottom_right.padding-medium.menu_slide {
  grid-template-columns: 1fr 1fr;
  position: absolute;
}

.mam_teak_bottom_right.padding-medium.menu_slide_is2,
.mam_teak_bottom_right.padding-medium.menu_slide_is3,
.mam_teak_bottom_right.padding-medium.menu_slide_is4,
.mam_teak_bottom_right.padding-medium.detail_materials {
  position: absolute;
}

.mam_teak_bottom_right.active {
  z-index: 1;
  opacity: 1;
  transform: none;
}

.mam_teak_bottom_right_img_wrapper {
  width: 100%;
  height: 48rem;
  position: relative;
}

.mam_teak_bottom_right_img_wrapper.overflow-hidden.modify_hight.tray {
  width: 50vh;
  min-width: 50vh;
}

.mam_teak_bottom_right_img_wrapper.overflow-hidden.modify_hight.no_slider {
  aspect-ratio: 1;
  height: auto;
}

.mam_teak_bottom_right_img_wrapper.materials {
  aspect-ratio: 1 / 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  height: auto;
  display: flex;
}

.mam_teak_bottom_right_img_wrapper.materials.overflow-hidden.modify_ratio {
  aspect-ratio: 1;
  height: auto;
}

.mam_teak_bottom_right_img {
  aspect-ratio: 3 / 3;
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.mam_teak_bottom_right_img.parallax_anim.modify {
  aspect-ratio: 2 / 3;
}

.mam_teak_bottom_right_img.parallax_anim.no_slider {
  aspect-ratio: auto;
}

.mam_teak_bottom_right_description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mam_teak_bottom_right_description.modify {
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}

.is-active-1 {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  color: var(--black-otazen);
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.mam_teak_bottom_right_button_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  display: flex;
}

.mam_material_img {
  aspect-ratio: 3 / 3;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
}

.mam_material_img.zoomable {
  object-fit: contain;
}

.mam_material_img.product {
  aspect-ratio: 5 / 5;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100%;
}

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

.is-active-line {
  background-color: #999;
  width: 100%;
  height: 1px;
  transform: translate(-120%);
}

.is-active-line-is2 {
  background-color: #999;
  width: 100%;
  height: 1px;
  position: absolute;
}

.text-button {
  color: #000;
  text-transform: uppercase;
}

.text-button.modify {
  text-align: left;
  font-weight: 400;
}

.text-button.modify.center {
  text-align: center;
}

.text-button.sidebar {
  text-transform: capitalize;
}

.preloader {
  z-index: 99999;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.my-slider-progress {
  background-color: #ffffff4a;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 3px;
  margin-top: -3rem;
  display: flex;
  position: absolute;
  bottom: 2.5rem;
  overflow: hidden;
}

.my-slider-progress-bar {
  background-color: #fff;
  width: 100%;
  height: 2px;
}

.main-preloader {
  background-color: #f0ede8;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image_wrapper {
  width: 30rem;
  height: 30rem;
  overflow: hidden;
}

.image_preloader {
  object-fit: cover;
  width: 120%;
  max-width: none;
  height: 120%;
}

.track_image {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pre_logo {
  z-index: 3;
  width: 19rem;
}

.bg_white {
  z-index: 2;
  background-color: #f0ede8;
  width: 100%;
  height: 55%;
  position: absolute;
  top: -24em;
}

.bg_white_is2 {
  z-index: 2;
  background-color: #f0ede8;
  width: 100%;
  height: 55%;
  position: absolute;
  bottom: -24em;
}

.pre_logo_wrapper {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 31rem;
  padding-top: 2vh;
  display: flex;
  position: absolute;
  top: 40.5vh;
  overflow: hidden;
}

.colec_hero_container {
  height: 100vh;
  margin-top: 0;
  position: relative;
}

.colec_hero_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.colec_hero_heading {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.colec_collections_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.colec_collections_heading {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.colec_hero_heading_text {
  max-width: 30rem;
  color: var(--white-otazen);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.colec_collections_item,
.hp_collections_item-copy,
.hp_collections_item-copy,
.hp_collections_item-copy,
.hp_collections_item-copy {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  transition: all .4s;
  display: flex;
}

.colec_oc_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.colec_oc_top_content {
  z-index: 3;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-image: radial-gradient(circle, #0000, #f5f5f5);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.colec_oc_top_main_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.colec_show_detail {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  border: 1px solid #8a8a8a;
  justify-content: center;
  align-items: center;
  padding: .5em 1em;
  display: flex;
}

.colec_oc_card_wrapper {
  z-index: 0;
  grid-column-gap: 1.5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
  inset: 0%;
}

.colec_oc_card_wrapper.product_archive {
  padding-left: 2rem;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
}

.colec_card {
  flex-flow: column;
  display: flex;
}

.colec_image_wrapper {
  width: 100%;
  height: 33rem;
  overflow: hidden;
}

.colec_image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

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

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

.colec_collections_img_wrapper {
  aspect-ratio: 3/4;
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
}

.colec_collections_img_wrapper.stories {
  aspect-ratio: 2.1/1;
}

.colec_collections_img_wrapper.overflow_hidden.modify {
  aspect-ratio: 2 / 2.5;
}

.hp_collections_item_description-copy {
  justify-content: space-between;
  display: flex;
}

.colec_collections_item_heading {
  max-width: 20rem;
  width: 100%;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.title_wrapper {
  text-transform: uppercase;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.title_wrapper.modify {
  margin-top: 0;
}

.arrow_wrapper {
  justify-content: center;
  align-items: center;
  width: 1.3rem;
  height: 1.3rem;
  padding-top: .1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow_wrapper.product {
  padding-top: 0;
}

.drop_down_content {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  scrollbar-width: none;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 13rem;
  max-height: 12.9rem;
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 0;
  overflow: clip auto;
  box-shadow: -4px 3px 9px 1px #00000036;
}

.drop_down_content.padding-small.dropdown-content {
  box-shadow: -2px 1px 12px 1px #00000040;
}

.colec_oc_dropdown {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.colec_oc {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text_is2 {
  position: absolute;
}

.show_logo_center {
  justify-content: center;
  align-items: flex-end;
  height: 4rem;
  display: flex;
}

.image-2 {
  z-index: 430;
  position: absolute;
}

.image-3 {
  z-index: 999999;
  position: absolute;
}

.loottie_wrapper {
  filter: invert();
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.7rem;
  display: flex;
}

.loottie_wrapper.hide_invert {
  filter: none;
  justify-content: center;
  align-items: center;
  height: 2rem;
}

.lottie-animation {
  padding-top: .5vw;
}

.megamenu_defaulte {
  z-index: 2147483647;
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 20rem;
  height: 100%;
  display: flex;
}

.megamenu_defaulte_menu_wrapper {
  flex-flow: column;
  display: flex;
}

.megamenu_defaulte_menu_wrapper.medium_gap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.megamenu_logo {
  width: 10rem;
  margin-left: 2rem;
}

.megamenu_defaulte_wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.megamenu {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  color: var(--black-otazen);
  cursor: pointer;
  flex-flow: column;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hamburger {
  object-fit: contain;
  width: 1.2rem;
}

.prev_megamenu_product {
  z-index: 99991;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  pointer-events: none;
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33rem;
  height: 100%;
  margin-left: 20rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.prev_megamenu_product.padding-medium {
  justify-content: flex-start;
  align-items: flex-start;
}

.category {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 28rem;
  max-width: 28rem;
  display: grid;
}

.main_category {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main_category_detail {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.prev_megamenu_image {
  width: 25rem;
  max-width: 25rem;
}

.prev_megamenu {
  border-left: 1px solid #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 29rem;
  max-width: 29rem;
  height: 100%;
  padding-top: 0;
  padding-left: 4rem;
  display: flex;
}

.prev_megamenu_buy {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 25rem;
  max-width: 25rem;
  display: flex;
}

.prev_megamenu_detail {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.megamenu_prev_is1 {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  color: var(--black-otazen);
  cursor: pointer;
  flex-flow: column;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prev_megamenu_product_collection {
  z-index: 99991;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  pointer-events: none;
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33rem;
  height: 100%;
  margin-left: 20rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.category_colec {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 28rem;
  max-width: 28rem;
  display: grid;
}

.prev_megamenu-copy {
  border-left: 1px solid #000;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 29rem;
  max-width: 29rem;
  height: 100%;
  padding-left: 4rem;
  display: flex;
}

.video_container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video_wrapper {
  width: 100vw;
  height: 100%;
  position: relative;
}

.video_muted_button_wrapper {
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100vh;
  padding-bottom: 4rem;
  padding-left: 5rem;
  padding-right: 2rem;
  display: flex;
}

.video_mute_button {
  z-index: 9;
  pointer-events: auto;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10em;
  height: 10em;
  display: flex;
  position: relative;
  bottom: -4.5rem;
  right: -2rem;
}

.video_mute_bg {
  opacity: .9;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video_mute_lottie {
  filter: invert();
  width: 29em;
  position: absolute;
}

.main_selected_menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main_selected_menu.modify {
  margin-bottom: 0;
  position: absolute;
}

.selected_menu.modify {
  color: #fff;
}

.fillters_menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #aaa;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .1rem;
  padding: .3rem 1rem;
  display: flex;
}

.pa_filters_menu_wrapper {
  z-index: 9999;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-otazen);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  height: 100vh;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: clip auto;
  transform: translate(100%);
}

.pa_filters_menu_wrapper.desktop {
  position: relative;
  transform: none;
  width: 100%;
  height: calc(100vh - 4.5rem);
}

.pa_filters_menu_wrapper.slide-in {
  transform: none;
}

.pa_collection_wrapper {
  border-top: 1px solid #a0a0a0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 24rem;
  padding: 2rem 1rem;
  display: flex;
}

.pa_collection {
  border-bottom: 1px solid #acacac;
  width: 100%;
  height: .1rem;
  overflow: hidden;
}

.pa_desinger_wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 24rem;
  padding: 2rem 1rem;
  display: flex;
}

.pa_designer {
  border-bottom: 1px solid #acacac;
  width: 100%;
  height: .1rem;
  overflow: hidden;
}

.pa_family_wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 24rem;
  padding: 2rem 1rem;
  display: flex;
}

.pa_family,
.pa_subfamily {
  border-bottom: 1px solid #acacac;
  width: 100%;
  height: .1rem;
  overflow: hidden;
}

.pa_subfamily_wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 24rem;
  padding: 2rem 1rem;
  display: flex;
}

.pa_collection_check_box_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: .9rem;
  padding-left: 1rem;
  display: flex;
}

.pa_collection_check_box {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.check_box {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.lottie-animation-2 {
  width: 12rem;
  min-width: 12rem;
}

.like_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.like_wrapper.products {
  justify-content: center;
  align-items: flex-start;
  width: 1.3rem;
  margin-top: .1rem;
}

.like_wrapper.products.search_fav {
  margin-bottom: -.2rem;
}

.pagenation_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagenation_wrapper.project {
  margin-top: 2rem;
}

.prev,
.next {
  cursor: pointer;
}

.pagenation {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.page_number {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  padding-bottom: .1rem;
  display: flex;
}

.page_number.is-active {
  border-bottom: 1px solid #000;
}

.transition-ease {
  transition: all .4s;
}

.rotate-180 {
  transform: rotate(-180deg);
}

.like {
  opacity: 0;
  position: absolute;
}

.designer_hero_container {
  height: 100vh;
  position: relative;
}

.desinger_hero_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.designer_hero_heading_text {
  color: var(--white-otazen);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.text-bottom-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: -6rem;
  display: flex;
}

.text-top-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.text-1st-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: -6rem;
  display: flex;
}

.icon {
  opacity: 0;
  pointer-events: none;
  color: #fff;
  width: 4rem;
  font-size: 4rem;
  line-height: 1.2;
}

.scroll-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 400vh;
  display: flex;
  position: relative;
}

.text-container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 40vh;
}

.section_letters {
  background-color: #f0ede8;
  position: relative;
}

.text-large {
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.2;
}

.text-large.is-link {
  color: #fff;
  cursor: pointer;
}

.text-2 {
  color: #fff3;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.section_header-text {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: -11.875rem 2.5rem 6.25rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.text-block {
  color: #fff9;
}

.text-segment {
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
  transform: translate(0, -50%);
}

.designer_lesenning_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.designer_lesenning_content {
  flex-flow: row;
  display: flex;
  position: relative;
}

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

.designer_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.designer_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.designer_image {
  aspect-ratio: 2 / 2.5;
  object-fit: cover;
  width: 100%;
  transition: all .4s;
}

.line_block_is1,
.line_block_is2,
.line_block_is3 {
  background-color: #ffffffb0;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
}

.track {
  position: sticky;
  top: 22rem;
}

.div-block {
  width: 100%;
  height: 100vh;
  position: relative;
}

.none {
  display: none;
}

.overlay {
  background-color: #00000080;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay.pa_overlay {
  z-index: 9999;
  cursor: pointer;
  display: none;
  position: fixed;
  inset: 0%;
}

.overlay.designer_overlay {
  background-color: #00000078;
  width: 100%;
}

.overlay.mm {
  z-index: 3;
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: none;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: .4s;
  transition-timing-function: ease;
  position: fixed;
}

.overlay.mm.active {
  z-index: 98;
  opacity: 1;
  pointer-events: auto;
}

.overlay.pp_black_bg {
  z-index: 4;
  cursor: pointer;
  display: none;
}

.overlay.config {
  justify-content: center;
  align-items: center;
  display: flex;
}

.open-modal.transition-ease.none {
  display: flex;
}

.cursor-pointer {
  cursor: pointer;
}

.designer_img_wrapper {
  aspect-ratio: 2 / 2.5;
  width: 100%;
  position: relative;
}

.designer_img_wrapper:hover {
  background-color: var(--transparent);
}

.designer_highlight_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.dtp_about_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dtp_about_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

.dtp_cta_container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 30rem;
  display: flex;
  position: relative;
}

.dtp_filler_image_is1 {
  width: 28rem;
  position: absolute;
  bottom: 0%;
  right: -2%;
  transform: rotate(-9deg);
}

.dtp_filler_image_is2 {
  width: 28rem;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: rotate(-9deg);
}

.dtp_image_wrapper {
  flex-flow: column;
  display: flex;
}

.dtp_image_wrapper.responsive-item {
  display: none;
}

.preload_another_page {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.logo_preload {
  position: absolute;
}

.abt_hero_body_text {
  text-align: center;
  max-width: 25rem;
}

.abt_hero_body_text.designer {
  max-width: 30rem;
  bottom: 40.5vh;
}

.blur_nav_bg {
  z-index: 2;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.4rem;
  display: flex;
  position: fixed;
  top: 0;
}

.blur_bg {
  width: 100%;
  height: 100%;
}

.blur_bg.magic-blur {
  margin-top: -.2rem;
}

.button_speaker {
  background-color: #3030307d;
  border-radius: 30rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.image_speaker {
  width: 1.1rem;
}

.arrow_button_wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 2rem;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.arrow_button_wrapper.modify {
  display: none;
  left: 0;
}

.arrow_button_wrapper.modify.w--current {
  bottom: 3rem;
  left: 0;
}

.arrow_image {
  width: 1.5rem;
}

.arrow_image.is2 {
  position: absolute;
}

.modify_font {
  font-weight: 500;
}

.modify_font.uppercase {
  display: flex;
}

.modify_font.uppercase.modify_size {
  font-size: 25px;
}

.mam_teak_image {
  aspect-ratio: 3 / 3;
  width: auto;
  height: 100%;
}

.mam_teak_image.no_slider {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}

.div-block-3 {
  flex-flow: column;
  display: flex;
}

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

.div-block-4.modify {
  padding-left: .2rem;
}

.mam_teak_option_wrapper {
  width: 100%;
  height: 55rem;
  position: relative;
  overflow: hidden;
}

.mam_teak_option_wrapper_is2 {
  width: 100%;
  height: 55rem;
  position: relative;
  overflow: visible;
}

.mam_teak_bottom_left,
.mam_teak_bottom_left_is3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11rem;
  padding-top: 1.5rem;
  display: flex;
}

.mam_teak_option_wrapper_is3 {
  width: 100%;
  height: 52rem;
  position: relative;
  overflow: visible;
}

.mam_teak_bottom_left_is4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.5rem;
  display: flex;
}

.mam_teak_option_content_wrapper {
  /* aspect-ratio: 1651 / 832; */
  width: 100%;
  position: relative;
  overflow: visible;
}

.modify_h2 {
  font-weight: 500;
}

.modify_h2.uppercase.max-width-large.modify_align {
  max-width: 38rem;
}

.pdp_product_container {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  margin-top: 5rem;
  display: flex;
  position: relative;
}

.pdp_nav {
  z-index: 2;
  background-color: var(--white-otazen);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.pdp_back {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pdp_arrow {
  width: .9em;
  height: .9em;
  transform: rotate(90deg);
}

.pdp_nav_menu_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.pdp_nav_menu {
  border-bottom: 1px solid #000;
}

.pdp_product_content {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider_wrapper {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 10rem;
  overflow: hidden;
}

.pdp_product_detail {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-otazen);
  flex-flow: column;
  width: 100%;
  max-width: 40rem;
  display: flex;
}

.pdp_pgntion_wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  display: flex;
}

.pdp_product_detail_c1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.pdp_detail_title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.pdp_main_title {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  display: flex;
}

.pdp_product_detail_c2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.pdp_product_detail_prev_wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.pdp_product_detail_prev_tt-copy {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  display: flex;
}

.adjust_logo {
  cursor: pointer;
  display: flex;
}

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

.pdp_product_detail_prev_tbnl {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.pdp_product_detail_prev_tbnl_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.pdp_product_button_wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
}

.pdp_filler-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pdp_filler_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

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

.pdp_detail_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 27rem;
  height: 100%;
  display: flex;
}

.pdp_detail_contnet_detail {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 1em;
  padding-right: 1.5em;
  display: flex;
}

.pdp_info {
  display: flex;
}

.pdp_detail_contnet_detail_spek {
  border-bottom: 1px solid #919191;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.pdp_detail_contnet_detail_spek.download {
  cursor: pointer;
}

.pdp_detail_contnet_detail_spek.end {
  border-bottom-style: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.pdp_detail_contnet_detail-copy {
  flex-flow: column;
  padding-right: 1.5em;
}

.pdp_detail_contnet_detail_is1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pdp_detail_contnet_detail_spek_wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.pdp_galery_container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider_spilde {
  width: 100%;
}

.pdp_download {
  display: flex;
}

.pdp_download_image {
  width: 1rem;
}

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

.love {
  filter: invert();
  width: 1.2em;
  height: 1.2em;
}

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

.card_similar_product_content_wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card_similar_product_content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.card_similar_product_content_is2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.card_similar_arrow {
  object-fit: contain;
  width: 1.2rem;
  height: 1.2rem;
  position: static;
  transform: rotate(-137deg);
}

.card_similar_like {
  filter: invert();
  object-fit: contain;
  width: 1.2em;
  height: 1.2em;
}

.card_similar_product_image {
  aspect-ratio: 1/1;
  width: 100%;
}

.pdp_product_similar_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.pdp_product_similar_container.stories {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.projects_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.projects_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

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

.div-block-6 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.products_card {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.product_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.product_img_wrapper {
  aspect-ratio: 2 / 2.5;
  width: 100%;
  position: relative;
}

.product_img_wrapper:hover {
  background-color: var(--transparent);
}

.creations_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.creation_content_wrapper {
  border-top: 1px solid #a0a0a0;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1rem;
  display: grid;
}

.creation_list_wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.creation_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  padding-bottom: 1em;
  display: grid;
}

.project_d_bc_container {
  flex-flow: column;
  display: flex;
}

.project_d_bc_content_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 1.5rem;
  display: grid;
}

.project_d_bc_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.project_d_bc_detail_wrapper {
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 5rem;
  display: flex;
}

.project_d_bc_detail {
  flex-flow: column;
  display: flex;
}

.project_d_text_wrapper {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-flow: column;
  display: flex;
}

.project_collections_img_wrapper {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
}

.project_collections_img_wrapper.overflow_hidden.modify {
  aspect-ratio: auto;
  height: 37vh;
  min-height: 37vw;
}

.project_collections_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  transition: all .4s;
  display: flex;
}

.projects_collections_img_wrapper {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
}

.projects_collections_img_wrapper.overflow_hidden.modify {
  aspect-ratio: auto;
  height: 37vh;
  min-height: 37vw;
}

.project_d_container {
  justify-content: center;
  align-items: flex-start;
  padding-left: 10rem;
  padding-right: 10rem;
  display: flex;
  position: relative;
}

.my-carousel-progress_is2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 40%;
  margin-top: 1.5rem;
}

.my-carousel-progress_is2.modify {
  margin-top: -4.5rem;
}

.my-carousel-progress_is2.product {
  margin-top: -20rem;
  margin-bottom: 8rem;
}

.my-carousel-progress_is2.project {
  background-color: #e6e6e6;
  margin-top: -14rem;
  margin-bottom: 9rem;
}

.my-carousel-progress_is2.projects {
  margin-top: -8rem;
}

.my-carousel-progress_is2.designer {
  margin-top: 2rem;
}

.button_add {
  z-index: 999;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #303030;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .5rem 1rem;
  display: flex;
  position: sticky;
  bottom: 0;
}

.button_add.filters {
  justify-content: center;
  align-self: center;
  width: 100%;
  position: sticky;
  bottom: 0;
}

.button_add.config {
  position: static;
}

.button_add.fav {
  position: static;
  bottom: auto;
}

.button_add.fav_novalue {
  width: auto;
  position: static;
}

.button_add.newsletter {
  width: auto;
}

.button_add_llike {
  width: 1rem;
}

.inspir_p_vid_gallery_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inspir_p_vid_gallery_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.inspir_p_vid_gallery {
  width: 100%;
}

.button_play {
  position: absolute;
}

.video_play_button_wrapper {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-bottom: 5rem;
  padding-left: 1rem;
  padding-right: 4rem;
  display: flex;
}

.video_play_button {
  z-index: 9;
  pointer-events: auto;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10em;
  height: 10em;
  display: flex;
  position: relative;
  bottom: -4.5rem;
  right: -2rem;
}

.button_playy {
  background-color: #3030307d;
  border-radius: 30rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.vid_gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}

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

.inspir_p_realed_video_container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

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

.inspir_p_related_card_video {
  grid-column-gap: .5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.heading-2 {
  width: 323.5px;
}

.inspir_p_realed_card_video_content {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.inspir_p_realed_card_video_title {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  display: flex;
}

.related_video_title,
.related_video_button_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.related_video_button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-bottom: .5rem;
  display: flex;
  position: relative;
}

.related_video_button_arrow {
  width: .8rem;
  transform: rotate(180deg);
}

.related_line {
  background-color: #00000080;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}

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

.inspir_p_explore_editor_title_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.inspir_p_explore_edit_prev_card,
.inspir_p_explore_edit_prev_card-copy {
  flex-flow: column;
  display: flex;
}

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

.inspir_p_card_image_wrapper {
  aspect-ratio: 4 / 5;
  width: 100%;
  overflow: hidden;
}

.inspir_p_button_wrapper {
  padding-top: .5rem;
}

.inspir_p_image {
  width: 100%;
  height: 100%;
}

.nav_wrapper {
  z-index: 4;
  transition: all .4s;
  position: relative;
}

.abt_certification_title {
  display: flex;
}

.galery_image {
  object-position: 50% 100%;
  width: 100%;
  /* aspect-ratio: 2/1; */
  aspect-ratio: 16/9;
}

.card_product_image {
  aspect-ratio: 2 / 2.5;
  width: 100%;
}

.inspir_p_inspiration_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inspir_p_inspiration_image {
  padding-top: 2rem;
}

.idp_design_container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

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

.idp_design_image_wrapper {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.idp_design_image_wrapper.modify {
  aspect-ratio: 2 / 1.5;
}

.idp_design_image {
  width: 100%;
  height: 120%;
}

.idp_design_image_content,
.idp_design_content_bottom,
.idp_design_content_ideal_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.idp_design_content_ideal {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.idp_design_content_ideal_point_wrapper {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.idp_design_content_ideal_point {
  border-bottom: 1px solid #0000004a;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.idp_value_container {
  flex-flow: column;
  display: flex;
}

.idp_value_content_prev {
  aspect-ratio: 2;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.idp_value_content_prev_image {
  width: 100%;
  height: 120%;
  position: absolute;
}

.idp_value_content_prev_gradiant {
  background-image: linear-gradient(90deg, #000, #0000);
  display: block;
  position: absolute;
  inset: 0%;
}

.idp_value_content_prev_title {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.idp_value_content_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #f0ede8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 4rem;
  display: grid;
}

.idp_value_content {
  padding: 2rem 2rem 0;
}

.idp_value {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid #bdbdbd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 24rem;
  padding-top: 1rem;
  display: flex;
}

.idp_value_number {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.regist_icon {
  margin-top: -.3rem;
  margin-left: .1rem;
  padding-right: .3rem;
  font-size: 20px;
}

.cap_experience_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.cap_experience_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

.cap_experience_card_image_wrapper {
  aspect-ratio: 4 / 5;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cap_experience_card_image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

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

.cap_experience_card_content {
  flex-flow: column;
  display: flex;
}

.sap_story_container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.sap_story_title_sub {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

.sap_story_content_card {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  flex-flow: column;
  display: flex;
}

.sap_story_card_image {
  aspect-ratio: 2 / 1;
  width: 100%;
}

.sap_story_card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.sap_pagination_wrapper,
.pagination {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagin_number {
  border-bottom: 1px #777;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.7rem;
  display: flex;
}

.pagin_number.active {
  border-bottom-style: solid;
}

.number.active {
  color: #000;
}

.more {
  border-bottom: 1px #777;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.7rem;
  display: flex;
}

.more.active {
  border-bottom-style: solid;
}

.end {
  border-bottom: 1px #777;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.7rem;
  display: flex;
}

.end.active {
  border-bottom-style: solid;
}

.sdp_detail_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
}

.sdp_detail_sticky {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #f0ede8;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2rem 2rem 5rem;
  display: flex;
}

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

.sdp_detail_bar_wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sdp_detail_point_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  margin-top: -4px;
  margin-bottom: -3px;
  display: flex;
}

.sdp_detail_content {
  flex-flow: column;
  width: calc(100% - 19rem);
  display: flex;
}

.sdp_detail_cont_title_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding-bottom: 4rem;
  display: flex;
}

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

.sdp_detail_cont_date {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.spd_years {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spd_share {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #535353;
  padding-bottom: .5rem;
  display: flex;
}

.sdp_detail_cont_choosing {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.sdp_detail_main_cont_choosing {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

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

.sdp_detail_cont_how_choosing {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.sdp_detail_cont_how_choosing.modify {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.sdp_track {
  width: 23rem;
  height: 100%;
  position: sticky;
  top: 4.5rem;
}

.sdp_bar {
  background-color: #000;
  width: 2px;
  height: 0%;
  position: absolute;
}

.track_bar {
  height: 100%;
}

.sdp_track_point_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  left: -1.5px;
}

.sdp_track_point {
  aspect-ratio: 1;
  border: 1px solid var(--black-otazen);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: .6rem;
  text-decoration: line-through;
  display: flex;
  position: absolute;
}

.sdp_track_point.is-active {
  background-color: var(--black-otazen);
}

.point_check,
.point_check_is1,
.point_check_is2,
.point_check_is3,
.point_check_is4 {
  opacity: 0;
  position: absolute;
}

.color_white_low_opacity {
  opacity: .5;
  color: #fff;
}

.pdp_product_detail_c2_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.creation_sticky_content {
  position: sticky;
  top: 5rem;
}

.creation_track {
  height: 100%;
  padding-bottom: 1rem;
  position: relative;
}

.pop_up_container {
  z-index: 5;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  scrollbar-width: none;
  background-color: #f5f5f5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 45vw;
  height: 100dvh;
  padding-top: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  overflow: clip auto;
  transform: translate(100vw);
}

.pop_up_container.is-active {
  transform: none;
}

.back_container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pop_up_content {
  flex-flow: column;
  width: 100%;
}

.pp_title_wrapper {
  /* border-bottom: 1px solid #9e9e9e; */
  flex-flow: column;
  padding-bottom: 3rem;
  display: flex;
}

.body-large {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 160%;
  text-decoration: none;
}

.body-large.text-color-light {
  color: #d6d6d6;
}

.what-question {
  color: #fff;
  flex: 1;
  font-size: 18px;
}

.plus-icon {
  width: 100%;
  max-width: 1.3rem;
  height: 1.3rem;
  margin-top: 0;
}

.what-answer-block {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

/* ADJUST */
.materials_dropdown_title {
  display: flex;
  justify-content: space-between;
}

.materials_dropdown_item {
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.materials_dropdown_content {
  display: none;
  flex-direction: column;
  gap: 1rem;
}

.materials_dropdown_title {
  cursor: pointer;
}

.materials_dropdown_item_wrapper {
  border-top: 1px solid var(--grey-otazen);
  /* border-bottom: 1px solid var(--grey-otazen); */
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.plus-icon {
  transition: all .4s ease;
}

.materials_dropdown_item_wrapper.is-active .plus-icon {
  transform: rotate(45deg);
}

/* END OF ADJUST */

.drop_down_wrapper {
  width: 100%;
}

.selectd_materials {
  background-color: #0000;
  display: block;
  position: relative;
  overflow: hidden;
}

.title_wrapper_materials {
  grid-column-gap: 2rem;
  white-space: pre-wrap;
  width: 100%;
  padding: 0;
  display: flex;
}

.title_wrapper_materials.top {
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
}

.question-inner {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.materials_wrapper {
  border-bottom: 1px solid #bebebe;
  flex-direction: column;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.selectd_container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  /* justify-content: space-between; */
  align-items: center;
  display: flex;
}

.selectd_name {
  border-bottom: 1px #7c7c7c;
  flex-flow: column;
  padding-bottom: .2rem;
  display: flex;
}

.selectd_image_wrapper {
  cursor: pointer;
  border: 1px solid var(--transparent);
  padding: .5rem;
}

/* ADJUST */
.selectd_image_wrapper.selected {
  border: 1px solid var(--black-otazen);

}

.selectd_image {
  aspect-ratio: 1;
  width: 100%;
}

.quanty_number_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-top: 2rem;
  display: flex;
}

.add_number_wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.number-input-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #494949;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.min {
  cursor: pointer;
  align-items: center;
  margin-right: -1rem;
  display: flex;
}

.number-input {
  color: var(--black-otazen);
  background-color: #fff0;
  border: 1px #000;
  width: 3rem;
  margin-bottom: 0;
  padding: 0 0 0 1.2rem;
}

.add {
  cursor: pointer;
  align-items: center;
  margin-left: -1rem;
  display: flex;
}

.line_input_number {
  background-color: #00000073;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}

.pdp_image_detail {
  width: 100%;
}

.pdp_image_detail_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.toggle-button-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

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

.cap_experience_card_titlewrapper {
  height: 3rem;
}

.megamenu_wrapper {
  z-index: 2147483647;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.prev_megamenu_product_wrapper {
  z-index: 98;
  width: 40vw;
  height: 61rem;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  transform: translate(-100%);
}

.megamenu_defaulte_cont_wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hm_mega_menu_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.div-block-7 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.project_d_bc_image {
  aspect-ratio: 2;
  width: 100%;
  max-width: none;
}

/* ADJUST */
.pa_item_wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: .2fr 1fr;
}

.pa_filter_wrapper {
  position: sticky;
  top: 4.5rem;
  transform: none;
  width: 100%;
  height: calc(100vh - 4.5rem);
}

/* END OF ADJUST */

.pa_filter_menu_item {
  border-top: 1px solid var(--grey-otazen);
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.pa_filter_plus {
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
}

.pa_filter_plus.close {
  display: none;
}

.pa_filter_heading {
  text-transform: capitalize;
  cursor: pointer;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  display: flex;
}

.pa_filter_content_wrapper {
  display: none;
}

.fs-dropdown_group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: stretch stretch;
  width: 100%;
  padding-bottom: 1.5rem;
  padding-left: .7rem;
  padding-right: .7rem;
  display: grid;
}

.ms-checkbox-wrap {
  color: var(--black-otazen);
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  margin-right: -10px;
  display: flex;
}

.ms-checkbox-wrap.co {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
}

.ms-checkbox-wrap.co.margin-0 {
  margin-bottom: 0;
}

.ms-checkbox {
  border: 1.5px solid var(--black-otazen);
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 10px;
}

.ms-checkbox:hover {
  border: 1.5px solid var(--black-otazen);
  background-image: linear-gradient(to bottom, #ffffffe6, #ffffffe6), linear-gradient(to bottom, var(--black-otazen), var(--black-otazen));
}

.ms-checkbox.w--redirected-checked {
  border-style: solid;
  border-color: var(--black-otazen);
  background-color: var(--black-otazen);
  background-image: url('../images/smallcheck.svg');
  background-size: 70%;
}

.ms-checkbox.w--redirected-focus {
  box-shadow: 0 0 #0003;
}

.ms-checkbox.radio.w--redirected-checked {
  background-image: none;
  background-size: auto;
}

.checkbox-label {
  display: none;
}

.checkbox-label.co {
  display: block;
}

.pa_filter_icon {
  aspect-ratio: 1;
  width: 1.2rem;
  display: flex;
}

.colec_oc_sort_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  padding: .5rem 1.5rem;
  display: flex;
}

.colec_oc_sort_item.is-active {
  color: var(--black-otazen);
}

.colec_oc_img {
  opacity: 0;
  object-fit: contain;
  width: 1rem;
}

.mm_wrapper {
  z-index: 99;
  max-width: calc(16rem + 35%);
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: flex;
  position: fixed;
  inset: 0% auto 0% calc(max(-33.33vw, -30rem));
  transform: translate(-120%);
}

.mm_wrapper.active {
  left: 0;
  transform: none;
}

.mm_content {
  z-index: 10;
  border-right: 1px solid var(--grey-otazen);
  background-color: #f7f7f7;
  width: 33.333vw;
  max-width: 16rem;
  height: 100dvh;
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.mm_container {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.mm_link_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: 100%;
  padding-top: 1rem;
  padding-right: 3rem;
  display: flex;
  overflow: clip auto;
}

.mm_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.mm_link.is-active {
  text-underline-offset: 5px;
  text-decoration: underline;
}

.mm_inside_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  scrollbar-width: thin;
  width: 100%;
  max-height: 100%;
  display: flex;
  overflow: clip auto;
}

.mm_menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.mm_menu_img_wrapper {
  aspect-ratio: 16/9;
  width: 100%;
  /* height: 30vh; */
  display: flex;
}

.mm_menu_img {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.mm_menu_product_link_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mm_menu_product_link_wrapper.collections {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.mm_menu_product_link_text_content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.mm_top {
  flex-flow: row;
  height: 100%;
  display: flex;
}

.mm_bottom {
  display: flex;
  position: sticky;
  bottom: 0;
}

.mm_bottom.right {
  justify-content: space-between;
  margin-bottom: -.3rem;
  padding-top: 2rem;
  display: flex;
}

.mm_bottom.left {
  margin-bottom: .15rem;
  padding-top: 2rem;
}

.mm_left_wrapper {
  z-index: 1;
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-left: 3rem;
  padding-right: 0;
  display: flex;
  position: relative;
}

.mm_logo {
  width: 7rem;
}

.mm_right_wrapper {
  z-index: 1;
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: space-between;
  width: calc(50vw - 16rem);
  height: 100dvh;
  padding: 4rem 3rem 2rem;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  inset: 0% auto auto -100dvw;
}

.mm_right_wrapper.active {
  left: 16rem;
}

.mm_close {
  z-index: 99;
  cursor: pointer;
  width: 1.2rem;
  position: absolute;
  inset: 1.7rem auto auto 3rem;
}

.mm_close.product_filter_close {
  display: none;
  inset: 2.3rem 2rem auto auto;
}

.search {
  z-index: 99;
  background-color: #f5f5f5;
  transition: all .4s;
  display: none;
  position: relative;
}

.search.open {
  display: block;
}

.c_search_clear-icon {
  width: 1em;
  height: 1.1em;
}

.c_search_results {
  height: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.c_search_clear-text {
  display: none;
}

.c_search_clear {
  z-index: 3;
  color: #000;
  background-color: #e9e9e9;
  border-radius: .5em;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1.5em;
  transition: color .1s, background-color .1s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.c_search_clear:hover {
  color: #fff;
  background-color: silver;
}

.c_search_icon {
  z-index: 2;
  width: 1.6em;
  height: 1.6em;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 1.5em;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.c_search_component {
  width: 100%;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.c_search_results-container {
  background-color: #fff;
  border-top: 1.5px solid #e6e6e6;
  border-radius: 0 0 .6em .6em;
  max-height: 25em;
  transition: opacity .2s;
  overflow: auto;
}

.c_search_button {
  display: none;
}

.c_search_bar {
  position: relative;
}

.c_search_input {
  z-index: 1;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: .6em;
  height: 3.5em;
  margin-bottom: 0;
  padding: 0 1.6em 0 3.6em;
  font-size: 1.2em;
  position: relative;
}

.c_search_input:focus {
  outline-offset: 0px;
  outline-style: none;
}

.search_input_wrapper {
  z-index: 999;
  background-color: #f5f5f5;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.search_input {
  border-top: 0px solid var(--transparent);
  border-right: 0px solid var(--transparent);
  border-left: 0px solid var(--transparent);
  background-color: var(--transparent);
  border-radius: 0;
  margin-bottom: 0;
  /* padding-left: 2rem; */
}

.search_input:focus {
  border-bottom: 1px solid var(--black-otazen);
}

.search_icon {
  aspect-ratio: 1;
  width: 1rem;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.search_icon.right {
  cursor: pointer;
  inset: 0% 0% 0% auto;
}

.search_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  max-height: calc(100dvh - 7.5rem);
  display: flex;
  overflow: auto;
}

.search_results {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 1fr;
  grid-template-columns: .25fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  height: 0;
  transition: height .5s;
  display: grid;
  overflow: hidden;
}

.search_result_wrapper {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.search_product_icon {
  overflow: hidden;
}

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

.search_result_history {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.search_result_item {
  color: var(--black-otazen);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .5em 1em;
  transition: all .25s;
  display: flex;
}

.search_result_item:hover {
  background-color: #ececec;
}

.frame-style {
  overflow: hidden;
}

.search_result_icon {
  cursor: pointer;
  height: .5rem;
}

.stories_item_heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.sdp_icon {
  width: 1.1rem;
}

.portrait_img {
  aspect-ratio: 4 / 5;
  width: 100%;
}

.img_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header_wrapper {
  z-index: 4;
  width: 100%;
  transition: all .4s;
  position: fixed;
  top: 0;
}

.product_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.pdp_wrapper {
  z-index: 4;
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.pdp_wrapper.is-active {
  pointer-events: auto;
}

.pdp_nav_link.w--current {
  text-underline-offset: 5px;
  text-decoration: underline;
}

.pdp_nav_link.is-active {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.close-btn {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.pop_like_container {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white-otazen);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 48rem;
  max-height: 100dvh;
  padding-left: 2rem;
  padding-right: 2rem;
  transition-property: all;
  transition-duration: .75s;
  transition-timing-function: ease;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: clip auto;
  transform: translate(100vw);
}

.pop_like_container.is-active {
  transform: none;
}

.pop_back_button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pop_back_button_image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}

.pop_like_content_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.pop_like_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: .5px solid #12121280;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 2rem;
  display: grid;
  position: relative;
}

.pop_like_image {
  aspect-ratio: 1;
  height: 100%;
}

.pop_like_content_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pop_like_title_content {
  width: 100%;
  max-width: 18rem;
}

.pop_like_title {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.pop_like_quantity {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: .5px solid #12121280;
  flex-flow: column;
  width: 100%;
  padding-top: .5rem;
  display: flex;
}

.pop_like_confi {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.pop_like_confi_materials {
  grid-column-gap: .25rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
  position: relative;
}

.pop_like_materials {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: 4.25rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  padding-left: .25rem;
  padding-right: .25rem;
  display: grid;
}

.pop_like_materials.center {
  border-right: 1px solid var(--black-otazen);
  border-left: 1px solid var(--black-otazen);
}

.pop_like_materials_image {
  aspect-ratio: 3 / 2;
  height: 100%;
}

.pop_like_line {
  border-right: 1px solid var(--black-otazen);
  border-left: 1px solid var(--black-otazen);
  pointer-events: none;
  width: 35%;
  height: 100%;
  position: absolute;
}

.quote_pop {
  z-index: 5;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-otazen);
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 35rem;
  max-height: 100dvh;
  padding: 1.5rem 2rem 0;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: clip auto;
  transform: translate(100vw);
}

.quote_pop.is-active {
  transform: none;
}

.pop_quote_cover_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: url('../images/Rectangle-231.png');
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  width: 100%;
  padding: 3rem 2rem;
  display: flex;
  position: relative;
}

.pop_quote_cover_title {
  flex-flow: column;
  display: flex;
  position: relative;
}

.pop_quote_gradiant_bg {
  z-index: 0;
  background-image: linear-gradient(97deg, #000, #fff0);
  position: absolute;
  inset: 0%;
}

.pop_quote_cover_text {
  position: relative;
}

.quote_pop_cover {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.quote_pop_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.quote_pop_form_wrapper {
  flex-flow: column;
  display: flex;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--black-otazen);
  background-color: var(--white-otazen);
  margin-bottom: 0;
  padding: 0;
}

.text-field-2 {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--black-otazen);
  background-color: var(--white-otazen);
}

.text-field-3 {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--black-otazen);
}

.form-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.form-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-field {
  margin-bottom: 0;
}

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

.quote_pop_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid var(--black-otazen);
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 1.5rem;
  display: flex;
}

.quote_pop_message {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.quote_message {
  border: 1px solid var(--black-otazen);
}

.quote_message_style_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: .5px solid #00000080;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  display: flex;
}

.messages_text {
  border: 1px #000;
  width: 100%;
  margin-bottom: 0;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
}

.quote_message_style {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 1px solid var(--black-otazen);
  padding-right: 1rem;
  display: flex;
}

.form-4 {
  height: 15rem;
}

.popup_back_wrapper {
  z-index: 2;
  background-color: #f5f5f5;
  align-self: flex-start;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2em;
  position: sticky;
  top: 0;
}

.align-left {
  align-self: flex-start;
}

.idp_design_content_wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.catalog {
  margin-top: 4.6rem;
}

.code-embed {
  display: none;
}

.idp_design_content_text_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.idp_design_content_line {
  background-color: var(--black-otazen);
  width: 100%;
  height: .5px;
}

.sap_story_content_bottom_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sap_story_content_top {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-end;
  /* display: flex;
  width: fit-content; */
  display: grid;
  grid-template-columns: .75fr 1fr;
}

.favorite {
  color: #fff;
  text-transform: uppercase;
}

.text_wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button_add_llike_love {
  width: 1.2rem;
}

.like_number {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: flex-end;
  margin-top: -.15rem;
  display: flex;
}

.submit_button_wrapper {
  width: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.user_information {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.user_information_wrapper,
.user_messages {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.projects_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.moving-up {
  transform: translate(0, -20%);
}

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

.inspir_p_vid_heading {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.article_heading {
  height: 3rem;
  overflow: hidden;
}

.sdp_detail_cont_title_top_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.mm_icon_cfront {
  transform: rotate(-90deg);
}

.pop_like_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.pop_like_quantity_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: .2rem;
  padding-bottom: .2rem;
  display: flex;
}

.pop_like_quantity_number {
  color: #000;
  background-color: #fff0;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  margin-bottom: 0;
  margin-right: -1rem;
  padding: 0 0 0 .5rem;
  display: flex;
}

.pop_like_quantity_add,
.pop_like_quantity_min {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1rem;
  font-size: 18px;
  display: flex;
}

.pop_like_quantity_remove {
  cursor: pointer;
  height: .8rem;
}

.form-block-2 {
  margin-bottom: 0;
}

.search_result_container {
  /* height: 40em; */
  overflow: clip auto;
}

.button_bold,
.button_italic,
.button_underline {
  width: 1rem;
  height: 1rem;
  display: flex;
}

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

.button_attach,
.button_image {
  width: 1rem;
  height: 1rem;
  display: flex;
}

.rich-text-block {
  width: 100%;
  height: 3rem;
}

.editable_area {
  width: 100%;
  height: 5rem;
  padding: .5rem;
}

.tool_btn {
  opacity: .3;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.like_fly {
  inset: 0%;
  z-index: 9;
  opacity: 0;
  pointer-events: auto;
  /* margin-top: -.015rem; */
  /* margin-left: -.05rem; */
  position: absolute;
}

.like_fly.liked {
  opacity: 1;
}

.swiper {
  width: 100dvw;
}

.swiper.slider-type-1 {
  width: 100vw;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.swiper.materials-carousel {
  width: 100%;
}

.swiper.slider-type-2,
.swiper.slider-type-3 {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.swiper.slider-type-4 {
  margin-left: -2rem;
  margin-right: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.swiper-wrapper {
  width: 100%;
}

.swiper-wrapper.hp_collection {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.swiper-pagination {
  max-width: 40%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  height: 2px !important;
  position: static !important;
}

.swiper-button-prev {
  background-color: var(--white-otazen);
  padding: .5rem;
}

.swiper-button-next {
  background-color: var(--white-otazen);
  transform-style: preserve-3d;
  padding: .5rem;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.shadow {
  box-shadow: -1px -1px 20px #0000001a, 1px 1px 20px #0000001a;
}

.hero_heading_wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 26rem;
  display: flex;
}

.sdp_timeline_wrapper {
  width: 100%;
  position: relative;
}

.sdp_timeline_line_dotted {
  border-left: 1px dashed #000;
  width: 1px;
  height: 30rem;
}

.sdp_timeline_line {
  background-color: var(--black-otazen);
  width: 2px;
  height: 72%;
  margin-left: -1px;
}

.sdp_timeline_description_wrapper {
  z-index: 2;
  position: absolute;
  inset: 0% 0% 0% -4px;
}

.sdp_timeline_point {
  aspect-ratio: 1;
  border: 1px solid #000;
  border-radius: 100rem;
  height: .6rem;
}

.sdp_timeline_point.is-active {
  background-color: var(--black-otazen);
}

.sdp_timeline_description_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
  position: absolute;
}

.sdp_timeline_description_text {
  text-transform: uppercase;
  margin-top: -5px;
}

.sdp_timeline_description_text.is_past {
  color: var(--black-otazen);
}

.sdp_timeline_description_text.is_active {
  color: var(--black-otazen);
  font-weight: 500;
}

.sdp_copy_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 11rem;
  display: flex;
  position: relative;
}

.pdp_config_item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-top: 1rem;
  display: flex;
}

.inspir_video_popup_wrapper {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.inspir_video {
  z-index: 5;
  aspect-ratio: 2;
  width: 70vw;
  display: flex;
  position: relative;
}

.inspir_close_video {
  z-index: 5;
  width: 1.2rem;
  position: absolute;
  inset: -2rem 0 auto auto;
}

.cta_info_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

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

.cta_address {
  max-width: 14.4rem;
}

.cta_item_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.cta_phone {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta_img {
  object-fit: contain;
  width: .9rem;
}

.filter_icon {
  width: .8rem;
}

.pa_filter_menu_item_wrapper {
  width: 100%;
}

.pop_like_value_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.pop_like_novalue_wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 7rem;
  display: flex;
}

.button_sticky_wrapper {
  z-index: 999;
  background-color: var(--white-otazen);
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 2rem;
  position: sticky;
  bottom: 0;
}

.pop_like_novalue_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fav_novalue_icon {
  width: 2.3rem;
}

.pop_like_novalue_heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pdp_product_detail_wrapper {
  aspect-ratio: 1;
  position: relative;
}

.config-edit {
  width: 1rem;
}

.pop_like_remove {
  cursor: pointer;
  width: 1rem;
  position: absolute;
  inset: .3rem 0% auto auto;
}

.newsletter_popup {
  pointer-events: auto;
}

.newsletter_popup.overlay {
  z-index: 99;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.newsletter_popup_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--white-otazen);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 31rem;
  padding: 5rem;
  display: flex;
}

.newsletter_description {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inspir_video_wrapper {
  position: relative;
}

@media screen and (max-width: 991px) {
  .grid {
    grid-row-gap: 4rem;
    grid-template-columns: 100%;
  }

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

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

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge.padding-bottom-two-times {
    padding-bottom: 8rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .text-align-center.max-width-xlarge {
    max-width: 41rem;
  }

  .padding-xhuge,
  .padding-xxhuge {
    padding: 6rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

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

  .nav_button {
    color: #fff;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-top.padding-xxlarge.pa {
    padding-top: 6rem;
  }

  .container-large.stories {
    max-width: 40rem;
  }

  .fs-styleguide_4-col,
  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .margin-huge {
    margin: 5rem;
  }

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

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

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

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

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-xlarge {
    padding: 3rem;
  }

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

  .spacer-large {
    padding-top: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

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

  .section {
    margin-top: -1px;
  }

  .section.filler.ls-2 {
    height: 54rem;
  }

  .section.bg_cta {
    min-height: 36rem;
  }

  .hp_filler_container.ls-1 {
    width: auto;
  }

  .hp_filler_text_wrapper {
    width: 38rem;
  }

  .uppercase.anim-slide-in.modify_font.abt_pack {
    height: 3.3rem;
  }

  .splide.mobile_full {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .my-carousel-progress {
    width: 60%;
  }

  .hp_collections_item_description {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .arrow.collections {
    margin-top: .4rem;
  }

  .arrow.products {
    width: .8rem;
    height: .8rem;
  }

  .hp_products_item_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hp_products_item.products_hover {
    height: 100%;
  }

  .hp_products_item_img {
    object-position: 31% 50%;
  }

  .hp_products_item_heading.ls-2 {
    flex-flow: column;
    display: none;
  }

  .hp_products_item_heading.ls-1 {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_products_item_heading.ls-1.modify {
    flex-flow: row;
    width: 100%;
  }

  .hp_values_item_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hp_values_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: .75fr 1fr;
  }

  .hp_values_left_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: auto;
  }

  .hp_filler_img_wrapper.absolute.ls-1 {
    width: 20rem;
    height: 14rem;
    left: 0;
  }

  .hp_filler_img_wrapper.absolute.ls-2 {
    width: 23rem;
    height: 15rem;
    right: 2rem;
  }

  .hp_filler_img_wrapper.absolute.ls-3 {
    width: 24rem;
    height: 15rem;
    left: 1rem;
  }

  .hp_filler_img_wrapper.absolute.ls-4 {
    width: 21rem;
    height: 13rem;
    right: 0;
  }

  .hp_projects_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .footer_right_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer_upper {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    padding-left: 0;
    padding-right: 0;
  }

  .form_wrapper {
    width: 20rem;
  }

  .splide__arrows.instagram {
    left: 0%;
    right: 0%;
  }

  .overflow_hidden.square.ratio {
    aspect-ratio: 4 / 5;
  }

  .hp_products_item_heading_text,
  .hp_products_item_heading_text.homepage {
    max-width: 9rem;
    text-align: left;
  }

  .hp_products_item_text_wrapper {
    height: auto;
  }

  .hp_products_item_text_wrapper.designer {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .page-divider {
    background-image: linear-gradient(135deg, var(--grey-otazen), var(--light-cream-otazen) 50%, var(--grey-otazen));
    height: 8.9rem;
  }

  .page-divider-text {
    font-size: 75px;
    line-height: 150%;
  }

  .abt_hero_img {
    aspect-ratio: 3 / 2;
  }

  .abt_essence_content_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr .7fr;
  }

  .abt_essence_content_wrapper.ls-2 {
    grid-template-columns: .7fr 1fr;
  }

  .abt_essence_right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .abt_filler_container {
    width: 34rem;
  }

  .abt_sustanability_img {
    aspect-ratio: 3 / 2;
  }

  .abt_detail_item_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .abt_detail_item {
    padding: 2rem;
  }

  .abt_faq_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .abt_reduce_container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .abt_reduce_item_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 0;
    display: grid;
  }

  .abt_reduce_item,
  .abt_reduce_item.ls-1 {
    border-bottom: 1px solid var(--grey-otazen);
  }

  .abt_reduce_item.ls-2 {
    border-right: 0px none var(--transparent);
    border-bottom: 1px solid var(--grey-otazen);
  }

  .abt_reduce_item.modify {
    border-bottom: 1px solid #00000054;
  }

  .abt_reduce_item_heading {
    grid-template-rows: .25fr;
  }

  .abt_certification_container {
    flex-flow: column;
    display: flex;
  }

  .abt_certification_heading {
    position: static;
  }

  .abt_certification_item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 6.5rem auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: grid;
  }

  .abt_certification_img.big_image {
    aspect-ratio: 1;
    width: auto;
    height: 100%;
  }

  .abt_projects_container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .abt_projects_img {
    width: 9rem;
    margin-right: 4rem;
  }

  .overlay_gradient {
    background-image: linear-gradient(#12121200 52%, #121212);
    left: -6%;
  }

  .full-width.relative.overflow-hidden.full-height {
    height: 27rem;
    min-height: 27rem;
  }

  .mam_teak_top {
    width: 43rem;
  }

  .mam_teak_bottom {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-columns: .35fr 1.5fr;
    display: flex;
  }

  .mam_teak_bottom_left_is2 {
    flex-flow: row;
    width: 100%;
  }

  .mam_teak_bottom_right {
    z-index: 1;
    opacity: 1;
    scroll-snap-align: center;
    flex-flow: column;
    flex: none;
    display: flex;
    position: relative;
    transform: none;
  }

  .mam_teak_bottom_right.padding-medium.modify.menu_materials,
  .mam_teak_bottom_right.padding-medium.teak_menu_is1,
  .mam_teak_bottom_right.padding-medium.menu_slide,
  .mam_teak_bottom_right.padding-medium.detail_materials {
    position: relative;
  }

  .is-active-1.toggle-button {
    flex: none;
  }

  .mam_teak_bottom_right_button_wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .pre_logo {
    width: 16.8rem;
  }

  .colec_hero_img {
    aspect-ratio: 3 / 2;
  }

  .colec_oc_top_main_content {
    width: 100%;
  }

  .colec_oc_top_main_content.pa {
    justify-content: flex-end;
    align-items: center;
  }

  .colec_oc_card_wrapper.product_archive {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .colec_oc_card_wrapper {
    grid-row-gap: 2rem;
  }

  .colec_collections_item_description {
    opacity: 1;
  }

  .colec_collections_img_wrapper.overflow_hidden.modify {
    height: 28rem;
  }

  .colec_collections_item_heading {
    max-width: 90%;
  }

  .title_wrapper {
    height: auto;
  }

  .video_container {
    pointer-events: none;
  }

  .fillters_menu.cursor-pointer {
    margin-bottom: .5rem;
  }

  .pa_filters_menu_wrapper {
    /* width: 50vw; */
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pagenation_wrapper {
    margin-top: 1rem;
  }

  .pagenation {
    grid-column-gap: .2rem;
  }

  .desinger_hero_img {
    aspect-ratio: 3 / 2;
  }

  .section_letters {
    margin-top: 4rem;
  }

  .designer_container,
  .designer_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_hero_body_text {
    bottom: 18rem;
  }

  .mam_teak_option_wrapper {
    height: 62rem;
  }

  .mam_teak_option_wrapper_is2 {
    height: 60rem;
  }

  .mam_teak_bottom_left,
  .mam_teak_bottom_left_is3 {
    flex-flow: row;
    width: 100%;
  }

  .mam_teak_option_wrapper_is3 {
    height: 64rem;
  }

  .mam_teak_bottom_left_is4 {
    flex-flow: row;
  }

  .mam_teak_option_content_wrapper {
    aspect-ratio: auto;
    background-color: var(--light-cream-otazen);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-behavior: smooth;
    display: flex;
    overflow: auto clip;
  }

  .modify_h2.uppercase.max-width-large.modify_align {
    max-width: 31rem;
    font-size: 23px;
  }

  .pdp_product_container {
    margin-top: 0;
  }

  .pdp_nav {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pdp_nav_menu_wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    scrollbar-width: none;
    width: 100%;
    max-width: 100%;
    overflow: auto;
  }

  .pdp_product_content {
    margin-top: 5rem;
  }

  .slider_wrapper {
    top: 13rem;
  }

  .pdp_product_detail {
    max-width: 24rem;
  }

  .pdp_product_detail_prev {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .projects_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .projects_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .project_top_contnet {
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .product_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .creation_list {
    grid-template-columns: 1fr .5fr;
  }

  .project_d_bc_content_wrapper {
    padding-bottom: 0;
  }

  .project_d_bc_content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .project_d_bc_detail_wrapper {
    padding-right: 0;
  }

  .project_collections_img_wrapper.overflow_hidden.modify,
  .projects_collections_img_wrapper.overflow_hidden.modify {
    height: 28rem;
  }

  .project_d_container {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .my-carousel-progress_is2 {
    width: 60%;
  }

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

  .inspir_p_explore_editor_container {
    grid-row-gap: 2rem;
  }

  .idp_value_content_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-bottom: 3rem;
  }

  .idp_value_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .idp_value {
    max-width: 26rem;
  }

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

  .sap_story_container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .sap_story_content_wrapper {
    grid-row-gap: 2rem;
  }

  .sdp_detail_container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .sdp_detail_sticky {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1rem;
    top: 0;
  }

  .sdp_detail_point_wrapper {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
  }

  .sdp_detail_content {
    width: 100%;
  }

  .sdp_track {
    width: 26vw;
  }

  .pop_up_container {
    width: 60vw;
  }

  .what-answer-block {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .megamenu_defaulte_cont_wrapper {
    display: none;
  }

  .mm_wrapper.active {
    max-width: none;
  }

  .mm_link {
    justify-content: flex-start;
  }

  .mm_inside_content {
    scrollbar-width: none;
  }

  .mm_menu_img_wrapper {
    /* height: 20rem; */
  }

  .mm_right_wrapper,
  .mm_right_wrapper.active {
    width: calc(100vw - 14rem);
  }

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

  .img_wrapper {
    aspect-ratio: 4 / 5;
    height: auto;
  }

  .pop_like_container,
  .pop_like_container.is-active {
    width: 100vw;
  }

  .pop_like_materials.center {
    border-right: 1px solid var(--black-otazen);
    border-left: 1px solid var(--black-otazen);
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pop_like_materials.right {
    padding-left: .5rem;
  }

  .pop_like_materials.left {
    padding-right: .5rem;
  }

  .quote_pop {
    width: 80vw;
  }

  .align-right {
    align-self: flex-end;
  }

  .projects_item_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
  }

  .like_fly {
    margin-top: 0;
    margin-left: 0;
  }

  .swiper.slider-type-1,
  .swiper.bigger.slider-type-2,
  .swiper.slider-type-3,
  .swiper.slider-type-4 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .swiper-pagination {
    max-width: 60%;
  }

  .inspir_video {
    width: 90vw;
  }

  .inspir_close_video {
    right: -1rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 13px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 16px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 14px;
  }

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

  .heading-style-h2 {
    font-size: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

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

  .heading-style-h6 {
    font-size: .75rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge.padding-bottom-two-times {
    padding-bottom: 6rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .text-align-center.max-width-xlarge {
    max-width: 30rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .aspect-ratio-square.full-width.overflow-hidden.relative {
    aspect-ratio: 2 / 2;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

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

  .padding-medium {
    padding: 1.25rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .margin-huge {
    margin: 3.5rem;
  }

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

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

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

  .padding-xlarge {
    padding: 2rem;
  }

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

  .spacer-large {
    padding-top: 1.5rem;
  }

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

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

  .section.hp_hero {
    height: 100vh;
  }

  .hp_filler_container.ls-1 {
    width: 100%;
  }

  .hp_filler_text_wrapper {
    width: 29rem;
  }

  .hp_filler_text_wrapper.project_d {
    top: 11rem;
  }

  .uppercase.max-width-medium {
    max-width: 22rem;
  }

  .uppercase.max-width-medium.text-align-center.max-width--mobile {
    max-width: 23rem;
  }

  .uppercase.anim-slide-in.modify_font.abt_pack {
    height: auto;
  }

  .uppercase.fav_heading {
    height: auto;
  }

  .filler_text {
    font-size: 16px;
  }

  .custom_btn.is-icon.mm {
    display: flex;
    position: absolute;
    top: 2rem;
  }

  .custom_btn.is-icon.hide-mobile-landscape {
    display: none;
  }

  .button-icon.mm {
    filter: none;
  }

  .icon-1x1-tiny.mm {
    object-fit: contain;
    transform: none;
  }

  .navbar_menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .navbar_menu.fav {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .hp_collections_heading.home {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .splide.mobile_full {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .splide__track.gap_tarck {
    height: 100%;
  }

  .my-carousel-progress {
    width: 70%;
  }

  .hp_collections_item_description {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .arrow,
  .arrow.products {
    width: .6rem;
    height: .6rem;
  }

  .hp_products_item_wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hp_products_item {
    grid-row-gap: 1rem;
  }

  .hp_products_item.designer {
    height: 100%;
  }

  .hp_products_item_img {
    object-position: 30% 50%;
  }

  .text_black.date {
    font-size: 12px;
  }

  .hp_values_heading {
    justify-content: center;
    align-items: center;
    max-width: 26rem;
  }

  .hp_values_item {
    flex-flow: column;
    display: flex;
  }

  .hp_filler_img_wrapper.absolute.ls-1 {
    width: 17rem;
    height: 12rem;
  }

  .hp_filler_img_wrapper.absolute.ls-2 {
    width: 17rem;
    height: 11rem;
    right: -1rem;
  }

  .hp_filler_img_wrapper.absolute.ls-3 {
    width: 17rem;
    height: 13rem;
  }

  .hp_filler_img_wrapper.absolute.ls-4 {
    width: 16rem;
    height: 11rem;
  }

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

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

  .hp_designer_heading {
    justify-content: center;
    align-items: center;
    max-width: 27rem;
  }

  .hp_instagram_upper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hp_instagram_icon {
    width: 1.5rem;
  }

  .hp_cta_heading {
    width: 25rem;
  }

  .footer_logo {
    width: 10rem;
  }

  .footer_upper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .footer_left_wrapper{
    justify-content: flex-start;
    gap: 2rem;
  }

  .hp_designer_item_heading {
    padding-left: 1em;
  }

  .navbar_link_logo.w--current {
    width: 80%;
  }

  .abt_hero_img {
    aspect-ratio: 2 / 2.5;
  }

  .abt_essence_content_wrapper {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .abt_essence_right {
    background-color: var(--white-otazen);
    order: 1;
    position: relative;
  }

  .abt_sustainability_heading {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .abt_detail_item_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .abt_detail_item {
    border-right: 0px none var(--transparent);
    border-bottom: 1px solid var(--grey-otazen);
    justify-content: flex-start;
    align-items: center;
  }

  .abt_detail_item.center {
    border-style: solid none;
    border-width: 1px 0;
    border-color: var(--grey-otazen) var(--transparent);
  }

  .abt_detail_item.left {
    height: 18rem;
  }

  .accordion-body__contents {
    max-width: 41em;
  }

  .accordion__item {
    padding-left: 1em;
    padding-right: 1em;
  }

  .accordion__item.js-accordion-item {
    padding-left: 0;
    padding-right: 0;
  }

  .abt_reduce_item_heading {
    grid-template-rows: 2.5rem;
  }

  .abt_certification_container {
    justify-content: space-between;
    align-items: center;
  }

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

  .abt_certification_item_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    place-items: center;
    display: flex;
  }

  .abt_certification_item {
    aspect-ratio: 2;
    height: auto;
    position: sticky;
    top: 5rem;
  }

  .abt_certification_item_heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_projects_img {
    width: 8rem;
    margin-right: 3rem;
  }

  .abt_sustainability_wrapper {
    height: 80vh;
  }

  .overlay_gradient {
    height: 102%;
  }

  .overlay_gradient.sustainability {
    height: 100%;
  }

  .abt_essence_img_wrapper {
    aspect-ratio: 2 / 2;
  }

  .full-width.relative.overflow-hidden.full-height {
    height: 20rem;
    min-height: 20rem;
  }

  .mam_teak_top {
    width: 28rem;
  }

  .mam_teak_bottom_right_description.modify {
    justify-content: space-between;
    align-items: flex-start;
  }

  .colec_hero_img {
    aspect-ratio: 2 / 2.5;
  }

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

  .colec_oc_card_wrapper.product_archive {
    padding-left: 0rem;
    grid-template-columns: 1fr 1fr;
  }

  .hp_collections_item_description-copy {
    padding-left: 1em;
    padding-right: 1em;
  }

  .arrow_wrapper {
    padding-top: 0;
  }

  .text_is2 {
    font-size: 14px;
  }

  .video_mute_button {
    width: 5rem;
    height: 5rem;
    bottom: 15vh;
  }

  .fillters_menu.cursor-pointer {
    margin-bottom: .5rem;
  }

  .pa_filter_wrapper {
    display: none;
  }

  .pa_item_wrapper {
    display: flex;
  }

  .pa_filters_menu_wrapper {
    width: 100vw;
    padding-top: 5rem;
  }

  .like_wrapper {
    margin-top: 0;
  }

  .like_wrapper.products {
    width: 1.1rem;
    margin-top: .2rem;
  }

  .desinger_hero_img {
    aspect-ratio: 2 / 2.5;
  }

  .text-bottom-wrapper {
    flex-flow: wrap;
    align-self: center;
    max-width: 90vw;
    margin-top: -5rem;
  }

  .text-top-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: wrap;
    align-self: center;
    max-width: 80vw;
  }

  .text-1st-wrapper {
    flex-flow: wrap;
    align-self: center;
    max-width: 28rem;
    margin-top: -5rem;
  }

  .text-container {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    padding-left: 0;
    top: 10vh;
  }

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

  .section_header-text {
    flex-flow: column;
  }

  .text-segment {
    justify-content: flex-end;
    align-items: center;
    height: 3rem;
    margin-top: -.75rem;
    margin-bottom: 0;
  }

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

  .dtp_sc_content {
    display: flex;
  }

  .dtp_filler_image_is1,
  .dtp_filler_image_is2 {
    width: 20rem;
  }

  .modify_font.uppercase.modify_size {
    font-size: 24px;
  }

  .modify_font.uppercase.text_black.max-width-xsmall {
    max-width: 19rem;
  }

  .mam_teak_option_wrapper {
    height: 55rem;
  }

  .mam_teak_option_wrapper_is2 {
    height: 63rem;
  }

  .mam_teak_bottom_left {
    grid-row-gap: 1rem;
    scrollbar-width: none;
    flex-flow: row;
    overflow: auto clip;
  }

  .mam_teak_option_wrapper_is3 {
    height: 56rem;
  }

  .modify_h2.uppercase.max-width-large.modify_align {
    max-width: 29.5rem;
    font-size: 20px;
  }

  .pdp_product_container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .pdp_nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pdp_product_content {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    grid-template-columns: .75fr;
    display: flex;
  }

  .slider_wrapper {
    position: sticky;
    top: 11rem;
  }

  .pdp_product_detail {
    z-index: 2;
    width: calc(100% + 4px);
    max-width: none;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 3rem;
    position: relative;
  }

  .pdp_product_detail_prev_tt-copy {
    max-width: 20rem;
  }

  .pdp_product_detail_prev {
    scrollbar-width: none;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100vw;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    overflow: auto clip;
  }

  .pdp_product_detail_prev_tbnl {
    flex: none;
    max-width: 22%;
  }

  .pdp_filler-wrapper {
    grid-template-columns: 1fr;
  }

  .pdp_filler_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .projects_content {
    grid-template-columns: 1fr 1fr;
    place-items: stretch stretch;
  }

  .creations_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .project_d_bc_detail_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .project_d_container {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .my-carousel-progress_is2 {
    width: 70%;
  }

  .inspir_p_gallery_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .inspir_p_realed_video_container {
    grid-row-gap: 2rem;
  }

  .inspir_p_realed_card_video_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }

  .inspir_p_explore_edit_prev_card_wrapper {
    grid-column-gap: 1rem;
  }

  .abt_certification_title {
    height: auto;
  }

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

  .idp_design_image_wrapper {
    aspect-ratio: 3 / 2;
  }

  .idp_design_image_content,
  .idp_design_content_bottom,
  .idp_design_content_ideal_wrapper,
  .idp_value_content_wrapper {
    grid-template-columns: 1fr;
  }

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

  .sap_story_content_wrapper {
    grid-column-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .pagin_number.hide_page_number {
    display: none;
  }

  .sdp_detail_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .sdp_detail_sticky {
    width: 100%;
  }

  .sdp_detail_point_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .sdp_detail_content {
    width: auto;
  }

  .sdp_detail_cont_date_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .sdp_track {
    z-index: 1;
    background-color: #f5f5f5;
    width: 100%;
    padding-bottom: 2rem;
    position: sticky;
    top: 0;
  }

  .pop_up_container {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .selectd_image_wrapper {
    padding: .3rem;
  }

  .mm_wrapper {
    max-width: none;
    left: -100vw;
  }

  .mm_content {
    width: 100vw;
    max-width: none;
  }

  .mm_left_wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mm_right_wrapper {
    z-index: 11;
    width: 100vw;
    padding-top: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mm_right_wrapper.active {
    width: 100vw;
    left: 0%;
  }

  .mm_close {
    left: 2rem;
  }

  .mm_close.product_filter_close {
    display: block;
    top: 2rem;
    left: auto;
    right: 2rem;
  }

  .search_results {
    flex-flow: column;
    display: flex;
    overflow: clip auto;
  }

  .search_product_icon {
    width: 1.1rem;
  }

  .search_result_product {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .pop_like_container.is-active {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .pop_back_button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .pop_back_button_image {
    width: .7rem;
    height: .7rem;
  }

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

  .pop_like_content_wrapper.homepage {
    display: flex;
  }

  .pop_like_content {
    flex-flow: column;
    padding-top: 3rem;
    display: flex;
  }

  .pop_like_content_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .quote_pop {
    width: 100vw;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .toggle-button {
    flex: none;
  }

  .sap_story_content_top {
    margin-right: 2px;
  }

  .projects_item_wrapper {
    grid-template-columns: 1fr 1fr;
    margin-top: -1rem;
  }

  .heading-3 {
    font-size: 26px;
  }

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

  .article_heading {
    height: 2.7rem;
  }

  .swiper.slider-type-1,
  .swiper.bigger.slider-type-2,
  .swiper.slider-type-3,
  .swiper.slider-type-4 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .swiper-pagination {
    max-width: 70%;
  }

  .swiper-button-prev,
  .swiper-button-next {
    padding: .8rem;
  }

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

@media screen and (max-width: 479px) {
  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge.padding-top-two-times {
    padding-top: 7rem;
  }

  .padding-vertical.padding-large.mobile-footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .max-width-medium.text-align-center.anim-slide-in,
  .max-width-medium.text-align-center.modify {
    text-align: left;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-align-center.text-left--mobille,
  .text-align-center.text-left--mobille.anim-slide-in {
    text-align: left;
  }

  .text-align-center.max-width-xlarge {
    max-width: 17rem;
  }

  .aspect-ratio-landscape.full-width.overflow-hidden.relative {
    height: 20rem;
    min-height: 20rem;
  }

  .max-width-large.text-align-center.modify {
    text-align: left;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

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

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

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

  .hide-mobile-portrait {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

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

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

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

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

  .section {
    overflow-y: clip;
  }

  .section.bg_cta.section_cta {
    width: calc(100vw + 2px);
    margin-left: -1px;
  }

  .section.hp_hero {
    margin-top: 0;
  }

  .navbar_container {
    grid-template-columns: .5fr 1fr .5fr;
  }

  .navbar_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .navbar_logo_wrapper {
    width: 9rem;
  }

  .hp_filler_text_wrapper {
    width: 20rem;
  }

  .uppercase.max-width-medium.text-align-center.max-width--mobile {
    max-width: 16.2rem;
  }

  .uppercase.max-width-medium.text-align-center.max-width--mobile.anim-slide-in {
    text-align: center;
  }

  .uppercase.text-left--mobille {
    align-self: flex-start;
  }

  .uppercase.text-left--mobille.anim-slide-in.modify {
    text-align: left;
  }

  .uppercase.anim-slide-in.modify {
    text-align: center;
  }

  /* .uppercase.fav_heading {
    height: 4.2rem;
  } */

  .filler_text {
    text-align: center;
  }

  .custom_btn.is-icon {
    max-width: 22em;
  }

  .custom_btn.is-icon.collections {
    justify-content: center;
    align-items: flex-start;
  }

  .custom_btn.is-icon.hide-mobile-portrait {
    display: none;
  }

  .custom_btn.is-icon.mm {
    top: 1.6rem;
  }

  .custom_btn.is-icon.portrait-item {
    align-self: center;
    display: flex;
  }

  .divider_horizontal.button-3 {
    width: 100%;
  }

  .btn_wrapper {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    justify-content: flex-start;
    align-items: center;
  }

  .icon-1x1-tiny {
    width: .7em;
    height: .7em;
  }

  .navbar_search_img {
    margin-top: .1rem;
  }

  .hp_collections_container.designer {
    margin-top: -2rem;
    padding-bottom: 5rem;
  }

  .hp_collections_heading {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_collections_heading.designer {
    margin-bottom: 1rem;
  }

  .hp_collections_heading.home {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .splide.mobile_full {
    width: 100vw;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .splide__track.hp_collection {
    padding-top: 0;
    padding-bottom: 0;
  }

  .splide__track.mobile_full {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .splide__list.collections.modify {
    height: 60vh;
  }

  .my-carousel-progress {
    width: 80%;
  }

  .hp_collections_item_heading {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .arrow.collections {
    margin-top: .1rem;
    transform: rotate(0);
  }

  .arrow.collections.homepage {
    margin-top: .3rem;
  }

  .arrow.products {
    margin-top: 0rem;
  }

  .hp_products_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .hp_products_heading {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_products_item_wrapper {
    grid-column-gap: .5rem;
  }

  .hp_products_item_img.image_hover {
    object-fit: cover;
  }

  .hp_products_item_heading.ls-1 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .text_black.max-width-medium.text-align-center.align_left {
    text-align: left;
  }

  .hp_values_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hp_values_heading {
    justify-content: center;
    /* align-items: flex-start; */
  }

  .hp_values_item_wrapper {
    height: 105rem;
  }

  .hp_values_item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    top: 2rem;
  }

  .hp_values_item.end {
    display: none;
  }

  .hp_values_left_wrapper {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .hp_filler_img_wrapper.absolute.ls-1 {
    left: -6rem;
  }

  .hp_filler_img_wrapper.absolute.ls-2 {
    right: -4rem;
  }

  .hp_filler_img_wrapper.absolute.ls-3 {
    left: -2rem;
  }

  .hp_filler_img_wrapper.absolute.ls-4 {
    right: -7rem;
  }

  .hp_projects_heading {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hp_projects_text {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .hp_projects_item_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hp_projects_img.square {
    aspect-ratio: 3 / 2;
  }

  .hp_projects_item_heading {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .hp_projects_item_heading.products {
    margin-top: 0;
  }

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

  .hp_cta_heading {
    width: 100%;
    max-width: 18rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer_logo {
    width: 9rem;
  }

  .footer_link_wrapper.subscribe {
    width: 100%;
    max-width: 19rem;
  }

  .footer_upper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-bottom: 3rem;
  }

  .footer_bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
  }

  .footer_right_wrapper{
    display: flex;
    flex-direction: column;
  }

  .form_wrapper {
    width: 100%;
  }

  .splide__arrows.instagram {
    bottom: 42%;
  }

  .hp_designer_item {
    opacity: 1;
  }

  .hp_designer_item_heading {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .navbar_link_logo {
    max-width: 80%;
  }

  .portrait-item {
    display: block;
  }

  .abt_hero_img {
    aspect-ratio: 1 / 1.7;
  }

  .abt_hero_heading {
    padding-left: 1.2rem;
    padding-right: 1.25rem;
    inset: 0%;
  }

  .abt_essence_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: center;
  }

  .abt_essence_heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
    position: sticky;
    top: 5rem;
  }

  .abt_essence_content_wrapper {
    background-color: #f5f5f5;
    padding-top: 2rem;
    position: relative;
  }

  .abt_essence_img {
    position: absolute;
  }

  .abt_essence_right {
    z-index: 1;
  }

  .abt_filler_container {
    width: 18rem;
    margin-left: auto;
    margin-right: auto;
  }

  .abt_filler_container.modify {
    justify-content: flex-start;
    align-items: flex-start;
    width: 19rem;
  }

  .abt_sustainability_heading {
    width: auto;
  }

  .abt_sustainability_img_wrapper {
    padding-top: 2vh;
  }

  .abt_sustanability_img {
    aspect-ratio: 2 / 3;
  }

  .abt_detail_heading {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .abt_detail_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_detail_item_wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .abt_detail_item {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .abt_detail_item.center {
    height: auto;
  }

  .abt_detail_item.center.modify {
    padding-left: 0;
    padding-right: 1rem;
  }

  .abt_detail_item.left.modify {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .abt_detail_item.right.modify {
    height: auto;
    padding-left: 0;
    padding-right: 1rem;
  }

  .accordion-body {
    padding-left: 56px;
  }

  .accordion-body.js-accordion-body {
    border-top: 0px none var(--transparent);
    padding-left: 0;
    padding-right: 0;
  }

  .js-accordion-icon {
    width: 1em;
    height: 1em;
  }

  .question-text {
    flex: 0 100%;
  }

  .accordion__item.js-accordion-item {
    padding-left: 0;
    padding-right: 0;
  }

  .abt_reduce_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .abt_reduce_heading {
    width: auto;
  }

  .abt_reduce_item_wrapper {
    flex-flow: column;
    display: flex;
  }

  .abt_reduce_item {
    border-right: 0px none var(--transparent);
    border-bottom: 1px solid var(--grey-otazen);
    padding: 2rem 1rem 2rem 0;
  }

  .abt_reduce_item.last {
    border-bottom: 0px none var(--transparent);
  }

  .abt_reduce_item.ls-1 {
    border-right: 0px none var(--transparent);
    padding-left: 0;
    padding-right: 0;
  }

  .abt_reduce_item_heading {
    grid-template-rows: auto;
  }

  .abt_certification_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: center;
  }

  .abt_certification_heading {
    max-width: 19rem;
    position: sticky;
    top: 4rem;
  }

  .abt_certification_item_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .abt_certification_item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    top: 14.5rem;
  }

  .abt_certification_img.big_image {
    height: 5.9rem;
  }

  .abt_projects_heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .abt_projects_img {
    width: 6rem;
    margin-right: 2rem;
  }

  .abt_sustainability_wrapper {
    height: 72vh;
  }

  .overlay_gradient {
    width: 125%;
    height: 102%;
    bottom: -2%;
    left: -3%;
  }

  .overlay_gradient.sustainability {
    height: 100%;
  }

  .mam_teak_top {
    width: 18rem;
  }

  .mam_teak_top.materials {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .mam_teak_bottom_left_is2 {
    grid-row-gap: 1rem;
    flex-flow: row;
    width: 100%;
    padding-bottom: .5rem;
    overflow: scroll;
  }

  .mam_teak_bottom_right_img_wrapper {
    height: 35rem;
  }

  .is-active-1 {
    flex: none;
  }

  .mam_teak_bottom_right_button_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .mam_material_img {
    object-position: 50% 59%;
  }

  .mam_material_img.modify {
    aspect-ratio: 9 / 9;
  }

  .anim-slide-in.text-align-center.max-width-large {
    text-align: left;
  }

  .colec_hero_img {
    aspect-ratio: 1;
  }

  .colec_collections_container {
    padding-top: 3rem;
  }

  .colec_collections_heading {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .colec_hero_heading_text {
    line-height: 124%;
  }

  .colec_hero_heading_text.uppercase.text-align-center.align_left {
    text-align: left;
    bottom: -6%;
  }

  .colec_oc_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .colec_oc_top_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    order: -1;
    justify-content: space-between;
    align-items: flex-start;
  }

  .colec_oc_top_content.pa {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .colec_oc_top_main_content.sa {
    justify-content: flex-end;
    align-items: center;
  }

  .colec_oc_card_wrapper {
    grid-column-gap: .5rem;
  }

  .colec_collections_item_heading {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    margin-top: -.3rem;
  }

  .drop_down_content.sa {
    top: 2.5rem;
  }

  .colec_oc {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .video_wrapper {
    width: calc(100vw + 2px);
    margin-left: -1px;
  }

  .video_muted_button_wrapper {
    padding-bottom: 0;
    padding-left: 3em;
  }

  .video_mute_button {
    bottom: 0;
  }

  .video_mute_bg {
    bottom: 0;
    left: 0;
  }

  .video_mute_lottie {
    width: 20em;
    top: -7.4em;
    left: -7.6em;
  }

  .fillters_menu.cursor-pointer {
    margin-bottom: 0;
  }

  .pa_filters_menu_wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .like_wrapper.products.search_fav {
    margin-top: .15rem;
    margin-bottom: 0;
  }

  .pagenation_wrapper {
    flex-flow: row;
    margin-top: 1rem;
  }

  .pagenation {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .page_number.modify {
    display: none;
  }

  .desinger_hero_img {
    aspect-ratio: 1 / 1.7;
  }

  .text-bottom-wrapper {
    max-width: 80vw;
    margin-top: -4.9rem;
  }

  .text-top-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: wrap;
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .text-1st-wrapper {
    margin-top: -5rem;
  }

  .scroll-container {
    padding: 3rem 5%;
  }

  .text-container {
    top: 30vh;
  }

  .section_letters {
    margin-top: 3.8rem;
  }

  .text-2 {
    white-space: nowrap;
  }

  .section_header-text {
    margin: -9rem 0 -2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .text-segment {
    height: 2rem;
    margin-top: 0;
  }

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

  .designer_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .designer_card {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .dtp_about_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .dtp_sc_container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: -3rem;
  }

  .dtp_filler_image_is1,
  .dtp_filler_image_is2 {
    width: 15rem;
  }

  .dtp_image_wrapper.responsive-item {
    display: flex;
  }

  .dekstop-item {
    display: none;
  }

  .abt_hero_body_text {
    max-width: 16rem;
  }

  .abt_hero_body_text.designer {
    bottom: 39vh;
  }

  .arrow_button_wrapper {
    bottom: 4rem;
  }

  .modify_font.uppercase.max-width-large.text-align-center.modify {
    text-align: left;
  }

  .modify_font.uppercase.modify {
    text-align: center;
  }

  .mam_teak_bottom_left {
    grid-row-gap: 1rem;
    flex-flow: row;
    width: 100%;
    padding-bottom: .5rem;
  }

  .mam_teak_bottom_left_is3 {
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .mam_teak_bottom_left_is4 {
    grid-row-gap: 1rem;
    flex-flow: row;
    padding-bottom: .5rem;
    overflow: scroll;
  }

  .modify_h2 {
    font-size: 23px;
  }

  .modify_h2.uppercase.text-align-center.max-width-small {
    text-align: left;
  }

  .pdp_product_container {
    margin-top: -1.5rem;
  }

  .pdp_product_detail_c1 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .pdp_product_detail_prev_tt {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pdp_product_detail_prev_tt-copy {
    flex-flow: column;
  }

  .adjust_logo {
    align-self: flex-end;
  }

  .pdp_product_detail_prev {
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .pdp_product_detail_prev_tbnl {
    width: 100%;
    flex: none;
    max-width: 30vw;
  }

  .pdp_product_detail_prev_tbnl_image {
    aspect-ratio: 1;
  }

  .pdp_detail_content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .pdp_detail_contnet_detail_is1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .pdp_galery_container {
    width: 100%;
  }

  .projects_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .creation_content_wrapper {
    flex-flow: column;
    display: flex;
  }

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

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

  .project_d_bc_content_wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .project_d_bc_content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .project_d_bc_detail_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding-right: 0;
  }

  .project_d_container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .my-carousel-progress_is2 {
    width: 80%;
  }

  .inspir_p_vid_gallery_container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .inspir_p_vid_gallery_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .video_play_button_wrapper {
    width: 25em;
    height: 25em;
    padding-bottom: 2.2em;
    padding-left: 3em;
  }

  .video_play_button {
    width: 5em;
    height: 5em;
  }

  .inspir_p_gallery_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .inspir_p_realed_video_container {
    justify-content: space-between;
    place-items: center start;
    display: flex;
  }

  .inspir_p_realed_card_video_wrapper {
    grid-column-gap: .5rem;
  }

  .inspir_p_related_card_video {
    flex: 1;
  }

  .inspir_p_explore_editor_title_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .inspir_p_explore_edit_prev_card_wrapper {
    grid-column-gap: .5rem;
    grid-template-columns: 1fr 1fr;
  }

  .abt_certification_body {
    height: auto;
  }

  .galery_image {
    aspect-ratio: 4/3;
  }

  .idp_design_container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .idp_design_image_wrapper {
    aspect-ratio: 3 / 4;
  }

  .idp_design_image_wrapper.modify {
    aspect-ratio: 2 / 2;
  }

  .idp_value_content_prev {
    aspect-ratio: 4 / 5;
  }

  .idp_value_content {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }

  .cap_experience_card_wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    width: 100%;
    padding-bottom: 1rem;
    display: flex;
  }

  .cap_experience_card {
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cap_experience_card_image_wrapper {
    height: 100%;
  }

  .cap_experience_card_button_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .cap_experience_card_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .sap_story_container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .sap_story_content_wrapper {
    grid-column-gap: .5rem;
  }

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

  .sap_pagination_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pagination {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .sdp_detail_container {
    flex-flow: column;
    grid-template-columns: .4fr;
    display: flex;
    position: relative;
  }

  .sdp_detail_sticky {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: 100vw;
    margin-left: -1.5rem;
    padding-top: .5rem;
  }

  .sdp_detail_bar_wrapper {
    height: 9em;
  }

  .sdp_detail_point_wrapper {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .sdp_detail_cont_date {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sdp_track {
    position: sticky;
    top: 0;
  }

  .pop_up_container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .body-large {
    font-size: 16px;
  }

  .what-answer-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .add_number_wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .cap_experience_card_titlewrapper {
    height: 1.6rem;
  }

  .project_d_bc_image {
    aspect-ratio: 3 / 2;
  }

  .ms-checkbox-wrap {
    display: flex;
  }

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

  .mm_menu_product_link_wrapper.collections {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .mm_bottom.right {
    grid-row-gap: .4rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    display: grid;
  }

  .mm_left_wrapper,
  .mm_right_wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .mm_close {
    left: 1.25rem;
  }

  .mm_close.product_filter_close {
    right: 1.25rem;
  }

  .stories_item_heading {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    margin-top: -.4rem;
  }

  .sdp_icon {
    width: 1.1rem;
  }

  .pop_like_container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .pop_like_container.is-active {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .pop_like_content_wrapper {
    grid-column-gap: .5rem;
  }

  .pop_like_content {
    padding-bottom: 1.5rem;
  }

  .pop_like_confi {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pop_like_confi_materials {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
  }

  .pop_like_materials {
    place-items: start;
    width: 100%;
  }

  .pop_like_materials.center {
    border-right: 0px none var(--transparent);
    border-left: 0px none var(--transparent);
    padding-left: 0;
    padding-right: 0;
  }

  .pop_like_materials.right {
    padding-left: 0;
  }

  .pop_like_materials.left {
    padding-right: 0;
  }

  .sap_story_content_top {
    display: flex;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    width: 100%;
  }

  .article_heading {
    height: 2.6rem;
  }

  .swiper-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .swiper-pagination {
    max-width: 80%;
  }

  .inspir_close_video {
    right: -.5rem;
  }

  .cta_item_wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
  }

  .newsletter_popup_content {
    max-width: 80vw;
    padding: 3rem 1.25rem;
  }
}

#w-node-_34f96255-1c52-3562-acd1-9cd34abefc6a-99bf4de3,
#w-node-f6ed54e5-436e-22ef-06ee-cc912a6d1373-99bf4de3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cd52e611-16c0-65e4-79d1-92ebd77f1390-d77f1285 {
  justify-self: center;
}

#w-node-cd52e611-16c0-65e4-79d1-92ebd77f1393-d77f1285 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-e634c8e8-4ef5-3eda-059e-a9d6cdd15e83-99304956 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_8409001f-178c-de78-00d2-9e1729466717-99304956,
#w-node-_777196a0-b20d-09ec-52d2-5c68f058d198-99304956 {
  justify-self: center;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed52-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed71-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed76-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed7b-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed80-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed86-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed8c-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eed92-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eee74-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eee7c-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eee93-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeac-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeaf-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeb1-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeeb4-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef04-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef0e-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef0f-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef81-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef86-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef8b-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef90-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef95-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eef9a-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefa4-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefa9-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefae-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefb3-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefb8-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefbd-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefc2-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefc7-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefcc-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefd1-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefd6-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefda-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefdb-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefe0-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefe5-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eefea-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283eeffe-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef003-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef008-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef00d-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef012-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef017-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef021-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef026-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef02b-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef030-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef035-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef03a-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef03f-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef044-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef049-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef04e-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef053-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef057-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef058-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef05d-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef062-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef067-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef078-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef07d-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef082-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef087-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef08c-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef091-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef096-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef09b-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0a0-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0a5-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0a9-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0aa-99bf4de5 {
  justify-self: start;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef0ad-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef12e-99bf4de5,
#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef15b-99bf4de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac9b9f18-d5a9-d44d-6993-a899283ef199-99bf4de5 {
  justify-self: start;
}

#w-node-_30486d79-b4e4-93be-752f-10aa068937c0-e12f66a0,
#w-node-_8c799bef-1f4c-e53a-5313-40cdfa1d132a-e12f66a0,
#w-node-a063b8b8-222b-58e5-cfb3-64ea17fc2c42-e12f66a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09e3db58-c965-0866-66c6-2e9de431732a-991b579a {
  justify-self: end;
}

#w-node-_09e3db58-c965-0866-66c6-2e9de431733e-991b579a {
  justify-self: start;
}

#w-node-_09e3db58-c965-0866-66c6-2e9de4317381-991b579a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9da91297-338c-85bc-0802-c8eda81c9dd7-1f5338a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67413d2c-290c-3ed3-aa45-8c0fa5f2564b-fae9ea79 {
  place-self: center;
}

#w-node-c4928220-2eff-ffe2-141e-571211efb66a-fae9ea79 {
  justify-self: center;
}

#w-node-_7dd0dc58-9f08-5742-a9d1-8ca61e94da0a-fae9ea79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto end;
}

#w-node-_34f96255-1c52-3562-acd1-9cd34abefc6a-3d5a8585,
#w-node-f6ed54e5-436e-22ef-06ee-cc912a6d1373-3d5a8585,
#w-node-bc6f9ed4-a0c7-187c-97c1-f96cf7637712-3d5a8585,
#w-node-ae8ab2ba-3f04-4332-9a91-873806c32f47-3d5a8585 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-deeddccf-c2b1-6e06-acd4-76adedc9983d-edc9982e {
  justify-self: center;
}

#w-node-deeddccf-c2b1-6e06-acd4-76adedc99840-edc9982e {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

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

  #w-node-_34f96255-1c52-3562-acd1-9cd34abefc6a-99bf4de3,
  #w-node-f6ed54e5-436e-22ef-06ee-cc912a6d1373-99bf4de3 {
    grid-column: span 1 / span 1;
  }

  #w-node-_40c3dc62-c74b-4716-4f04-4b8ff17d7c8e-f17d7c5d {
    grid-column: span 2 / span 2;
  }

  #w-node-cd52e611-16c0-65e4-79d1-92ebd77f1393-d77f1285 {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_09e3db58-c965-0866-66c6-2e9de431732a-991b579a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1957de24-5288-acac-9b1a-5d2d753aa0d3-d77f1285 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cd52e611-16c0-65e4-79d1-92ebd77f1390-d77f1285 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_9da91297-338c-85bc-0802-c8eda81c9dd7-1f5338a2 {
    grid-column: span 1 / span 1;
  }

  #w-node-_7dd0dc58-9f08-5742-a9d1-8ca61e94da0a-fae9ea79 {
    justify-self: start;
  }

  #w-node-_34f96255-1c52-3562-acd1-9cd34abefc6a-3d5a8585,
  #w-node-f6ed54e5-436e-22ef-06ee-cc912a6d1373-3d5a8585 {
    grid-column: span 1 / span 1;
  }
}

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

  #w-node-e634c8e8-4ef5-3eda-059e-a9d6cdd15e83-99304956,
  #w-node-_8409001f-178c-de78-00d2-9e1729466717-99304956 {
    justify-self: start;
  }

  #w-node-_777196a0-b20d-09ec-52d2-5c68f058d198-99304956 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_5d6a5221-8f48-56d7-5b1c-e65ddb729a4c-831aa457,
  #w-node-_07257232-0229-b486-070e-5b10f5fd7a43-831aa457 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Italic.woff2') format('woff2'), url('../fonts/GeneralSans-VariableItalic.woff2') format('woff2'), url('../fonts/GeneralSans-VariableItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans Variable';
  src: url('../fonts/GeneralSans-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}