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

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

@font-face {
  font-family: Aktivgrotesk light;
  src: url('../fonts/AktivGrotesk-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Aktivgrotesk;
  src: url('../fonts/AktivGrotesk-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Aktivgrotesk;
  src: url('../fonts/AktivGrotesk-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Canela Trial thin;
  src: url('../fonts/Canela-Thin-Trial.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  --link-color--link-primary: var(--base-color-brand--blue);
  --background-color--background-primary: var(--base-color-neutral--black);
  --text-color--text-alternate: var(--base-color-neutral--white);
  --text-color--text-primary: var(--base-color-neutral--black);
  --text-color--text-secondary: var(--base-color-neutral--neutral-darker);
  --background-color--background-success: var(--base-color-system--success-green);
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --base-color-neutral--white: #fff;
  --border-color--border-primary: var(--base-color-neutral--neutral-lightest);
  --background-color--background-alternate: var(--base-color-neutral--white);
  --background-color--background-secondary: var(--base-color-brand--blue);
  --background-color--background-tertiary: var(--base-color-brand--pink);
  --text-color--canela-trial-thin: "Canela Trial thin", Impact, sans-serif;
  --background-color--background-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --border-color--border-alternate: var(--base-color-neutral--neutral-darker);
  --background-color--background-warning: var(--base-color-system--warning-yellow);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
  --border: 0rem;
  --text-color--h1: 5.625rem;
  --text-color--sub-heading: 2.5rem;
  --text-color--aktivgrotesk-regular: "Aktivgrotesk regular", Arial, sans-serif;
  --text-color--18px-font: 1.125rem;
  --text-color--aktivgrotesk-light: "Aktivgrotesk light", Georgia, sans-serif;
  --base-color-neutral--neutral-lightest: #eee;
  --text-color--aktivgrotesk-medium: "Aktivgrotesk medium", "Palatino Linotype", sans-serif;
  --text-color--canela-trial: "Canela Trial", Georgia, sans-serif;
  --text-color--italic-font: Aktivgrotesk, Georgia, sans-serif;
  --base-color-neutral--black: #000;
  --text-color--delcy-font: Delcy, Arial, sans-serif;
  --link-color--link-alternate: var(--base-color-neutral--white);
  --base-color-neutral--neutral-darkest: #111;
  --base-color-neutral--neutral-dark: #444;
  --base-color-brand--blue-light: #d9e5ff;
  --text-color--h2: 5.25rem;
  --text-color--paragraph: 1rem;
  --base-color-brand--blue: #2d62ff;
  --base-color-brand--blue-dark: #080331;
  --base-color-brand--pink-light: #ffaefe;
  --base-color-brand--pink: #dd23bb;
  --text-color--faq-content: 2.125rem;
  --text-color--inner-pages: 5.75rem;
  --base-color-brand--pink-dark: #3c043b;
  --text-color--delcy: 3rem;
  --base-color-neutral--neutral-lighter: #ccc;
  --base-color-neutral--neutral-light: #aaa;
  --base-color-neutral--neutral: #666;
  --text-color--aktivgrotesk-light-italic: Aktivgrotesk, Georgia, sans-serif;
  --base-color-neutral--neutral-darker: #222;
  --base-color-system--success-green: #cef5ca;
  --base-color-system--success-green-dark: #114e0b;
  --base-color-system--warning-yellow: #fcf8d8;
  --base-color-system--warning-yellow-dark: #5e5515;
  --base-color-system--error-red: #f8e4e4;
  --base-color-system--error-red-dark: #3b0b0b;
  --base-color-system--focus-state: #2d62ff;
  --border-color--border-secondary: var(--base-color-brand--blue);
  --link-color--link-secondary: var(--base-color-neutral--black);
}

.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;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--link-color--link-primary);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: 1rem;
  font-weight: 500;
}

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

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

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

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

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

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

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

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

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

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

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

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

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

.margin-xxlarge {
  margin: 5rem;
}

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

.margin-xhuge {
  margin: 8rem;
}

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

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
}

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

.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;
}

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

.overflow-auto {
  overflow: auto;
}

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

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

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

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

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

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

.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;
}

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

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

.background-color-primary {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
}

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

.text-color-primary {
  color: var(--text-color--text-primary);
}

.text-color-secondary {
  color: var(--text-color--text-secondary);
}

.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;
}

.form_message-success {
  background-color: var(--background-color--background-success);
  color: var(--text-color--text-success);
  padding: 1.25rem;
}

.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;
}

.heading-style-h3 {
  color: #ffffff1a;
  font-size: 3.4375rem;
  font-weight: 500;
  line-height: 75px;
}

.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text ul, .text-rich-text ol {
  margin-bottom: 1.5rem;
}

.text-rich-text blockquote {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

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

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

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

.heading-style-h1 {
  color: #fff;
  font-family: Poppins, Arial, sans-serif;
  font-size: 58px;
  font-weight: 500;
  line-height: 68px;
}

.padding-global {
  background-color: #0000;
  height: 100%;
  padding-top: 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.bg-white {
  background-color: var(--base-color-neutral--white);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-global.no-h {
  height: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-global.pad-c {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

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

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

.text-color-alternate {
  color: var(--text-color--text-alternate);
}

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

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

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

.overflow-hidden {
  display: none;
  overflow: clip;
}

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

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

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

.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;
}

.overflow-visible {
  overflow: visible;
}

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

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

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

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

.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;
}

.text-size-regular {
  color: #fff;
  font-size: 1.25rem;
  line-height: 30px;
}

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

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

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

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

.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;
}

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

.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;
}

.background-color-alternate {
  background-color: var(--background-color--background-alternate);
}

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

.text-size-small {
  font-size: 1.125rem;
  line-height: 30px;
}

.heading-style-h4 {
  color: #000;
  font-size: 6.5625rem;
  font-weight: 400;
  line-height: 105px;
}

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

.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;
}

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

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

.background-color-secondary {
  background-color: var(--background-color--background-secondary);
}

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

.form_input::placeholder, .form_input.is-select-input {
  color: var(--text-color--text-secondary);
}

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

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

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

.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;
}

.text-style-link {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

.text-size-large {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 40px;
}

.text-size-large.color-w {
  color: var(--base-color-neutral--white);
}

.text-size-large.color-w.slide_up {
  font-family: Aktivgrotesk light, Georgia, sans-serif;
}

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

.heading-style-h2 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-weight: 500;
  line-height: 65px;
}

.page-wrapper {
  overflow: visible;
}

.fs-styleguide_label {
  background-color: var(--background-color--background-secondary);
  color: var(--text-color--text-alternate);
  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: var(--background-color--background-tertiary);
}

.heading-style-h5 {
  color: #fff;
  font-size: 4.0625rem;
  font-weight: 400;
  line-height: 1.3;
}

.container-large {
  z-index: 16;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  font-family: var(--text-color--canela-trial-thin);
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
  position: static;
}

.container-large.padding-hero {
  padding-top: 0;
  padding-bottom: 0;
}

.container-large.padding-hero.flex-center {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-large.padding-hero.d-flex {
  align-items: center;
  display: flex;
  position: relative;
}

.container-large.h-no {
  height: auto;
}

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

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

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

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  background-color: var(--background-color--background-error);
  color: var(--text-color--text-error);
  margin-top: .75rem;
  padding: .75rem;
}

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

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

.form_component {
  margin-bottom: 0;
}

.main-wrapper.custom-margin, .main-wrapper.neg-t-margin {
  margin-top: 0;
}

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

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

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

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

.button {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

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

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

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

.button.is-secondary {
  border: 1px solid var(--border-color--border-alternate);
  color: var(--text-color--text-primary);
  background-color: #0000;
}

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

.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;
}

.text-size-medium {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 34px;
}

.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;
}

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

.hide {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-styleguide_message {
  background-color: var(--background-color--background-warning);
  color: var(--text-color--text-warning);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

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

.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;
}

.nav_logo {
  width: 10rem;
}

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

.nav_button {
  padding: 1rem;
}

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

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

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

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

.background-color-tertiary {
  background-color: var(--background-color--background-tertiary);
}

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

.section_hero {
  z-index: 1;
  border-radius: var(--border);
  color: #fff;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 90vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.body {
  font-family: Montserrat, sans-serif;
}

.vector-image {
  width: 23px;
  height: 28px;
}

.about-section {
  z-index: 2;
  background-color: #f8f7e4;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: static;
}

.heading-2 {
  max-width: 48.4375rem;
  font-family: var(--text-color--canela-trial-thin);
  font-size: var(--text-color--h1);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
}

.heading-2.hero-animated-text {
  z-index: 10;
  position: relative;
}

.heading-2.hero-animated-text.animated-text {
  opacity: 1;
  color: #000;
  position: relative;
  transform: translate(0, 130px);
}

.heading-2.hero-animated-text.animated-text.text-white {
  color: #fff;
  max-width: none;
}

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

.about-content {
  max-width: 45rem;
  font-family: var(--text-color--canela-trial-thin);
  font-size: var(--text-color--sub-heading);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
  line-height: 2.8125rem;
}

.logo-section {
  background-color: #000;
  padding-top: 5.5rem;
  padding-bottom: 4.5rem;
}

.splide__list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.slider_wrapper {
  width: 100%;
}

.splide__slide {
  display: block;
}

.splide__slide.ml-1 {
  margin-left: 10px;
}

.splide__slide.slides {
  aspect-ratio: 4 / 5;
}

.splide__slide.slides.inner-div-video {
  aspect-ratio: 4 / 5;
  width: 100%;
  max-width: 394px;
  height: 100%;
  max-height: 431px;
}

.splide__track {
  position: relative;
  overflow: hidden;
}

.hero-content {
  z-index: 11;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.visuals-section {
  background-color: #000;
  padding-top: 3rem;
  padding-bottom: 8rem;
  position: relative;
}

.visuals-content {
  max-width: 43.6rem;
  font-family: var(--text-color--canela-trial-thin);
  color: #fff;
  font-size: var(--text-color--sub-heading);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
  line-height: 3.4rem;
}

.visuals-image.d-none {
  display: none;
}

.image-2 {
  position: absolute;
  inset: auto 0% -45% auto;
}

.image-2.scroll-translate {
  position: absolute;
  inset: auto 10% 15% auto;
}

.image-2.scroll-translate.d-none {
  display: none;
}

.gallery-section {
  position: relative;
}

.main-galler-wrapper-1, .main-gallery-wrapper-3 {
  display: flex;
}

.gallery-img-1 {
  width: 60%;
  position: relative;
}

.gallery-img-2 {
  width: 40%;
  position: relative;
}

.gallery-img-3 {
  width: 100%;
  position: relative;
}

.gallery-img-4 {
  width: 40%;
  position: relative;
}

.gallery-img-5 {
  width: 60%;
  position: relative;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  height: 33.125rem;
}

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

.testimonial_wrap.slide_up {
  grid-column-gap: 2.9rem;
  grid-row-gap: 2.9rem;
}

.slider_content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Aktivgrotesk light, Georgia, sans-serif;
  display: flex;
}

.heading-style-h1-2 {
  font-family: var(--text-color--canela-trial-thin);
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
  line-height: 1.2;
}

.slider_mask {
  height: 100%;
}

.section_testimonial {
  z-index: 99;
  background-color: #f8f7e4;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

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

.slider_wraper {
  background-color: #fff0;
  max-width: 37rem;
  height: 100%;
}

.heading-style-h3-2 {
  font-family: var(--text-color--aktivgrotesk-regular);
  font-size: var(--text-color--18px-font);
  font-weight: 400;
  line-height: 1.2;
}

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

.text-block {
  font-family: var(--text-color--aktivgrotesk-light);
}

.slide-nav {
  justify-content: center;
  align-items: center;
  margin-bottom: -3.8rem;
  padding-top: 0;
  display: flex;
}

.approach-section {
  background-color: #000;
  height: 1050px;
  position: relative;
}

.approach-image {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-4 {
  z-index: 1;
  object-fit: cover;
  width: 416px;
  height: 296px;
  position: absolute;
  inset: auto 0% 5% auto;
}

.nav_fixed-2 {
  z-index: 9999999;
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_fixed-2.new-footer-color {
  background-color: #f8f7e4;
}

.nav_fixed-2.nav-fixed-bg.menu-bg-new, .nav_fixed-2.transparent-header {
  background-color: #0000;
}

.nav_component-2 {
  z-index: 8;
  background-color: #0000;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

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

.padding-global-3.header-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-wrapper {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.main-menu-wrapper {
  z-index: 2147483647;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.main-button-wrapper {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-approuch-heading {
  z-index: 2;
  color: #fff;
  max-width: 47.6875rem;
  font-size: 5.75rem;
  font-weight: 100;
  line-height: 6.375rem;
  position: absolute;
  inset: auto auto 26% 0%;
}

.custom-approuch-heading.approunch-content {
  max-width: 54.9375rem;
}

.custom-approuch-heading.approunch-content.slide_up {
  position: static;
}

.custom-approuch-heading.approunch-content.slide_up.test {
  font-family: Canela Trial thin, Impact, sans-serif;
  position: static;
}

.our-approach {
  background-color: #000;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.custom-white-block {
  width: 7.5rem;
  height: 2.125rem;
  font-family: var(--text-color--aktivgrotesk-regular);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.text-block-2 {
  color: #000;
  text-transform: uppercase;
  font-size: .75rem;
}

.brings-heading {
  color: #fff;
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
}

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

.approuch-content {
  max-width: 36rem;
  font-family: var(--text-color--aktivgrotesk-light);
  color: var(--base-color-neutral--neutral-lightest);
  font-size: 1rem;
  line-height: 1.5rem;
}

.approuch-content.slide_up {
  font-size: 1rem;
}

.how-we-work {
  background-color: #f8f7e4;
  padding-top: 6rem;
}

.work-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.heading-4 {
  color: #000;
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
}

.work-para {
  width: 26.1875rem;
  font-family: var(--text-color--aktivgrotesk-light);
  font-size: .875rem;
}

.work-para.slide_up {
  font-size: 1rem;
}

.services-section {
  background-color: #f8f7e4;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.services-wrapper {
  grid-column-gap: 2.125rem;
  grid-row-gap: 2.125rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 876px;
  margin-left: auto;
  display: grid;
}

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

.services-1.slide_up {
  justify-content: flex-start;
  align-items: flex-start;
}

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

.services-2.slide_up {
  justify-content: flex-start;
  align-items: flex-start;
}

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

.services-4.slide_up {
  justify-content: flex-start;
  align-items: flex-start;
}

.content-services {
  font-size: 1.875rem;
  font-weight: 100;
}

.text-span {
  font-family: var(--text-color--aktivgrotesk-light);
}

.text-block-3 {
  font-family: var(--text-color--aktivgrotesk-light);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.wrapper-boxes {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.custom-box-wrapper {
  border: 1px solid #000;
  width: 2.25rem;
  height: 2.25rem;
}

.text-span-2, .text-span-3, .text-span-4 {
  font-family: var(--text-color--aktivgrotesk-light);
}

.custom-services-4 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  display: flex;
}

.sevices-wrapper-3 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: flex;
}

.collbration-section {
  background-color: #000;
  padding-top: 6rem;
}

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

.feedback-section {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40.4375rem;
  margin-left: auto;
  padding-top: 0;
  display: flex;
}

.custom-feedback-section {
  background-color: #000;
  padding-top: 1.3rem;
  padding-bottom: 6rem;
}

.feed-back-content {
  max-width: 39.7rem;
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-size: .875rem;
  font-weight: 300;
}

.feed-back-content.slide_up {
  font-size: 1rem;
}

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

.define-content {
  font-family: var(--text-color--aktivgrotesk-medium);
  color: #fff;
  font-size: 1rem;
}

.define-button-wrapper {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

.button-3 {
  width: 48%;
  font-family: var(--text-color--aktivgrotesk-regular);
  text-align: center;
  background-color: #0000;
  border: 1px solid #fff;
  padding: .8rem 1rem;
  font-size: .875rem;
  font-weight: 400;
}

.button-3.active {
  text-align: center;
  width: 48%;
}

.our-vision-section {
  background-color: #f8f7e4;
  height: auto;
  padding-top: 4.5rem;
  padding-bottom: 12rem;
  position: relative;
}

.vision-wrapper {
  grid-column-gap: 3.8rem;
  grid-row-gap: 3.8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4rem;
  display: flex;
  position: absolute;
}

.vision-wrapper.slide_up {
  padding-bottom: 4rem;
  position: relative;
}

.vision-block {
  width: 10.625rem;
  height: 2.125rem;
  font-family: var(--text-color--aktivgrotesk-regular);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.vision-heading {
  width: 34.875rem;
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
}

.vision-sub-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1rem;
  display: flex;
}

.text-block-4 {
  font-family: var(--text-color--aktivgrotesk-medium);
  font-size: var(--text-color--18px-font);
}

.paragraph-6 {
  width: 31.875rem;
  font-family: var(--text-color--aktivgrotesk-light);
  font-size: 1rem;
  font-weight: 300;
}

.image-6 {
  object-fit: cover;
  width: 46%;
  height: 47rem;
  position: absolute;
  inset: 13% 0% auto auto;
}

.image-6.slide_up {
  height: 54rem;
  position: absolute;
  top: 10%;
}

.portfolio_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 890px;
  display: grid;
  overflow: hidden;
}

.portfolio_grid.slide_up {
  background-color: #000;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  position: relative;
}

.portfolio_img-wrapper {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

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

.portfolio_img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.faqs_header {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-5 {
  font-family: var(--text-color--canela-trial-thin);
  color: #fff;
  white-space: nowrap;
  word-break: keep-all;
  font-size: 13.3125rem;
  font-weight: 100;
  position: relative;
}

.heading-5.custom-margin {
  z-index: 55555555;
  margin-top: 0;
  position: relative;
  inset: auto 0% 0% auto;
}

.heading-5.custom-margin.custom-marque-new {
  font-size: 11.6rem;
  overflow: hidden;
}

.text-span-5 {
  font-family: var(--text-color--aktivgrotesk-light);
}

.services-menu {
  background-color: #f8f7e4;
  padding-bottom: 4.5rem;
}

.services-menu-wrapper {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.menu-services-block {
  width: 5.125rem;
  height: 2.125rem;
  font-family: var(--text-color--aktivgrotesk-regular);
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.all-menu-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1.2fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.menu-1 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

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

.menu-3 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

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

.menu-5 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.menu-sub-heading {
  font-family: var(--text-color--aktivgrotesk-medium);
  font-size: .875rem;
  font-weight: 500;
}

.para-content {
  font-family: var(--text-color--aktivgrotesk-light);
}

.services-wrapper-para {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.art-content {
  width: 28.0625rem;
  font-family: var(--text-color--aktivgrotesk-light);
  font-size: 1rem;
}

.art-section {
  background-color: #f8f7e4;
  padding-top: 5rem;
}

.faq-content {
  padding-top: 3rem;
  padding-bottom: 6rem;
}

.faq-wrapper {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  flex-flow: column;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.question-1 {
  border-bottom: 1px solid #000;
  padding-bottom: 1.1rem;
}

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

.question-content {
  min-height: auto;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.faq-heading {
  font-size: 2.125rem;
  font-weight: 100;
  line-height: 1.6;
}

.paragraph-7 {
  font-family: var(--text-color--aktivgrotesk-light);
  font-size: 1rem;
  font-weight: 300;
}

.image-7 {
  margin-top: 9px;
}

.text-span-6 {
  font-family: var(--text-color--aktivgrotesk-light);
  font-weight: 300;
}

.hover-color {
  z-index: 1;
  opacity: .45;
  background-color: #000;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 4rem;
  padding-left: 4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hover-content {
  z-index: 2147483647;
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.hover-headig {
  z-index: 2147483647;
  font-family: var(--text-color--aktivgrotesk-medium);
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  position: relative;
}

.sub-hover {
  font-family: var(--text-color--canela-trial-thin);
  color: #fff;
  font-size: 1rem;
  font-weight: 100;
}

.full-width-menu {
  z-index: 99;
  color: #fff;
  background-color: #0000;
  width: 100%;
  transition: all .3s;
  display: none;
  position: absolute;
  top: 0%;
  overflow: hidden;
}

.full-width-menu.bg-black {
  background-color: #000;
  padding-bottom: 40px;
  display: none;
}

.left-menu-items {
  z-index: 0;
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  background-color: #000;
  flex-flow: column;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  display: flex;
  position: relative;
}

.right-menu-item {
  background-color: #093a3f;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-left: 1rem;
  display: none;
  position: relative;
}

.menu-item {
  z-index: 4;
  font-family: var(--text-color--canela-trial-thin);
  font-size: 3rem;
  font-weight: 100;
  transition: all .3s;
  position: relative;
}

.menu-item:hover {
  color: #ffffffab;
}

.menu-item.st-mob {
  margin-top: 1rem;
}

.image-8 {
  position: absolute;
  right: 0;
}

.image-8.menu-left-image {
  object-fit: contain;
  width: 83%;
  height: 31.3125rem;
  display: none;
}

.right-menu-wrapper {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  flex-flow: column;
  margin-top: -5rem;
  display: flex;
}

.all-contact-infor {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: flex;
}

.heading-6 {
  font-family: var(--text-color--canela-trial-thin);
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
}

.heading-7 {
  font-family: var(--text-color--aktivgrotesk-regular);
  padding-bottom: 12px;
  font-size: 1.375rem;
  font-weight: 400;
}

.paragraph-9 {
  font-family: var(--text-color--aktivgrotesk-light);
  font-weight: 300;
}

.hamgurger-menu {
  z-index: 2147483647;
  position: relative;
}

.hamgurger-menu.none-menu {
  -webkit-text-stroke-color: white;
  display: none;
}

.hamgurger-menu.desktop-none {
  display: none;
}

.home-text {
  color: #fff;
}

.home-text.footer-black-color {
  color: #000;
}

.button-5 {
  z-index: -1;
  background-color: #fff;
  border: .6px solid #fff;
  border-radius: 60px;
  position: relative;
}

.button-5.block-button {
  display: block;
}

.button-5.block-button.none-button {
  text-transform: capitalize;
}

.button-5.block-button.none-button.nav-btn {
  z-index: 3;
  background-color: var(--base-color-neutral--white);
  color: var(--background-color--background-primary);
  cursor: auto;
  position: relative;
}

.button-5.block-button.none-button.nav-btn.nav-btn-active {
  z-index: 1;
  color: var(--background-color--background-primary);
  cursor: auto;
}

.button-5.block-button.none-button.nav-btn.black-btn {
  background-color: #000;
}

.button-5.block-button.none-button.nav-btn.black-btn:hover {
  color: var(--background-color--background-primary);
  background-color: #0000;
  border-color: #000;
}

.button-5.black-btn {
  z-index: 1;
  text-transform: capitalize;
  background-color: #000;
  border-color: #000;
  padding: 10px 20px;
  font-family: Aktivgrotesk regular, Arial, sans-serif;
  transition: all .3s;
}

.button-5.black-btn:hover {
  color: var(--background-color--background-primary);
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
}

.about-block-button {
  width: 9.625rem;
  height: 2.125rem;
  font-family: var(--text-color--aktivgrotesk-regular);
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.about-wrapper-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-wrapper-content.slide_up {
  justify-content: center;
  align-items: flex-start;
}

.about-bg-image {
  background-color: #000;
  height: 43.625rem;
}

.bg-about {
  background-image: url('../images/Rectangle-92-1_1Rectangle 92 (1).avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.bg-about.slide_up {
  background-image: url('../images/Photo-Nov-28-2025-12-41-32-PM_1Photo Nov 28 2025, 12 41 32 PM.avif');
  background-position: 50%;
  background-size: cover;
}

.collective-section {
  background-color: #000;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

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

.collective-content {
  max-width: 78.125rem;
  font-family: var(--text-color--canela-trial-thin);
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 4.625rem;
  font-weight: 100;
  line-height: 5.5rem;
}

.collective-content.slide_up {
  font-size: 2.4rem;
  line-height: 3rem;
}

.custom-new-text {
  color: #fff;
  width: 29.1875rem;
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
}

.custom-new-text.slide_up {
  width: 100%;
  max-width: 26rem;
}

.collective-para {
  color: #fff;
  max-width: 25.625rem;
}

.collective-para.slide_up {
  max-width: 35rem;
  font-family: var(--text-color--canela-trial-thin);
  text-align: center;
  font-size: 1.5rem;
}

.text-span-7, .text-span-8, .text-span-9 {
  font-family: var(--text-color--aktivgrotesk-light);
}

.our-parthner-section {
  background-color: #000;
  padding-bottom: 4.5rem;
}

.parthner-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.parthner-heading {
  font-family: var(--text-color--canela-trial);
  color: #fff;
  text-align: center;
  font-weight: 400;
}

.about-heading-new {
  z-index: 2;
  color: #fff;
  max-width: 47.6875rem;
  font-size: 5.75rem;
  font-weight: 100;
  line-height: 6.375rem;
  position: absolute;
  inset: auto auto 26% 0%;
}

.about-heading-new.slide_up {
  position: static;
  bottom: 20%;
}

.about-heading-new.slide_up.contact-heading {
  text-transform: capitalize;
  max-width: 60rem;
  position: static;
}

.main-footer {
  background-color: #000;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

.footer-col-1 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.footer-col-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 50%;
  max-width: 29.0625rem;
  display: flex;
}

.number-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: none;
}

.instagram-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.contact-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: none;
}

.copy-wrappper {
  margin-top: 0;
}

.copy-wrappper.mobile-shown {
  display: none;
}

.copy-wrappper.desktop-shown {
  font-weight: 100;
}

.footer-all-sub-contnet {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
}

.footer-menu-content {
  font-family: var(--text-color--aktivgrotesk-regular);
  color: #fff;
}

.footer-menu-content.ps-16 {
  font-family: var(--text-color--aktivgrotesk-light);
  font-size: 1.2rem;
}

.copy-menu-content {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
}

.form-details-wrapper {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  display: flex;
}

.form-details-wrapper.d-none {
  display: none;
}

.form-details {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  font-family: var(--text-color--aktivgrotesk-medium);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.instagram-header {
  background-color: #f8f7e4;
  justify-content: space-between;
  align-items: center;
  padding: 1.3rem 2rem;
  display: flex;
}

.instagram-images {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-8 {
  font-family: var(--text-color--canela-trial-thin);
  font-size: var(--text-color--sub-heading);
  font-weight: 100;
}

.paragraph-11 {
  font-family: var(--text-color--canela-trial);
  font-size: 1.125rem;
  font-weight: 400;
}

.insta-image {
  object-fit: cover;
  width: 100%;
  height: 22.5rem;
}

.lab-section {
  background-image: url('../images/Group-87_1Group 87.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  min-height: 800px;
  margin-top: 0;
}

.story-wrapper {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.story-content {
  font-family: var(--text-color--aktivgrotesk-regular);
  color: #fff;
  font-size: 1.125rem;
}

.lab-content {
  color: #fff;
  font-size: 7.25rem;
  font-weight: 100;
  position: absolute;
  inset: auto 0% 3% auto;
}

.persona-heading {
  color: #fff;
  font-size: 7.25rem;
  font-weight: 100;
  position: absolute;
  inset: 25% auto auto 0%;
}

.branding-section {
  background-color: #f8f7e4;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.branding-wrapper {
  max-width: 48.0625rem;
  margin-left: auto;
}

.brand-content {
  font-family: var(--text-color--italic-font);
  font-size: var(--text-color--sub-heading);
  font-weight: 400;
  line-height: 3.125rem;
}

.brand-content.slide_up {
  font-family: var(--text-color--canela-trial-thin);
  font-weight: 400;
}

.how-we-made-section {
  background-image: url('../images/Rectangle-104-1_1Rectangle 104 (1).avif');
  background-position: 50%;
  background-size: cover;
  height: 38.75rem;
}

.how-marque {
  align-items: center;
  height: 100%;
  display: flex;
  overflow: visible;
}

.trust-section {
  background-color: #f8f7e4;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.trust-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

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

.trust-heading {
  font-size: var(--text-color--sub-heading);
  text-align: center;
  font-weight: 100;
}

.trust-image {
  width: 100%;
}

.ready-section {
  background-color: #f8f7e4;
  padding-bottom: 6rem;
}

.ready-section.bg-transaprent {
  background-color: #fbf5ed;
  padding-top: 6rem;
}

.text-span-11 {
  font-family: var(--text-color--aktivgrotesk-light);
}

.ready-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.ready-content {
  max-width: 43.4rem;
  font-family: var(--text-color--canela-trial-thin);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 4.125rem;
  font-weight: 400;
}

.ready-content.custom-width {
  max-width: 46rem;
  font-size: 2.5rem;
}

.schdule-button {
  font-family: var(--text-color--aktivgrotesk-regular);
  text-transform: uppercase;
  background-color: #0073aa;
  padding: 15px 19px;
  font-size: 1.125rem;
}

.schdule-button.bg-color-w {
  color: var(--base-color-neutral--black);
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 100px;
}

.text-span-12 {
  font-family: var(--text-color--aktivgrotesk-regular);
}

.link {
  color: var(--base-color-neutral--white);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.link.link-hover {
  transition: all .3s;
}

.link.link-hover:hover {
  color: #ffffffab;
}

.link-2 {
  color: var(--base-color-neutral--white);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.link-2.link-hover {
  transition: all .3s;
}

.link-2.link-hover:hover {
  color: #ffffffab;
}

.link-3 {
  z-index: 777777;
  color: var(--base-color-neutral--white);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  transition: all .3s;
  position: relative;
}

.link-3:hover {
  color: #ffffffab;
}

.heading-11 {
  font-family: var(--text-color--canela-trial-thin);
  color: #fff;
  font-size: 3.375rem;
  font-weight: 100;
  line-height: 1;
}

.heading-13 {
  font-family: var(--text-color--canela-trial-thin);
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  font-weight: 100;
  line-height: 1.1;
  display: block;
  position: sticky;
}

.heading-13.li-active {
  opacity: 1;
}

.heading-13.sticky_first_heading {
  top: 20vh;
}

.heading-13.remaining_sticky_heading {
  opacity: 1;
  top: 20vh;
}

.section {
  position: relative;
}

.section.d-none {
  display: none;
}

.content-our-wrapper {
  opacity: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 80rem;
  height: 110vh;
  display: flex;
  position: relative;
  top: 0;
}

.content-our-wrapper.div-second {
  z-index: 1;
  justify-content: flex-start;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: clip;
}

.footer-form-heading {
  color: #fff;
  margin-bottom: 10px;
  font-size: 1.5rem;
}

.name-wrappper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.message-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 0;
  display: flex;
}

.text-field {
  font-family: var(--text-color--delcy-font);
  color: #fff;
  text-overflow: clip;
  background-color: #0000;
  border: 1px solid #000;
  border-bottom: 2px solid #d9d9d9;
  padding-left: 0;
  font-size: .875rem;
  font-weight: 400;
}

.text-field.input-font {
  font-family: var(--text-color--delcy-font);
}

.message-box {
  font-family: var(--text-color--delcy-font);
  text-overflow: clip;
  background-color: #0000;
  border: 1px solid #000;
  border-bottom: 2px solid #d9d9d9;
  margin-bottom: 0;
  padding-bottom: 3.1rem;
  padding-left: 0;
  font-size: .875rem;
  font-weight: 400;
}

.submit-button {
  width: 14rem;
  font-family: var(--text-color--delcy-font);
  background-color: #0073aa;
  padding: 0 0 0;
  font-size: 1.125rem;
  font-weight: 400;
}

.submit-button.p-d {
  margin-top: 20px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.form, .all-social-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.all-social-wrapper.mob-social {
  display: flex;
}

.image-10 {
  position: absolute;
  right: 0;
}

.image-10.menu-left-image {
  z-index: 2;
  object-fit: contain;
  width: 83%;
  height: 31.3125rem;
}

.paragraph-12 {
  font-family: Aktivgrotesk light, Georgia, sans-serif;
  font-weight: 300;
}

.nav_component-3 {
  z-index: 2147483647;
  background-color: #0000;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  inset: 0% 0% auto;
}

.button-6 {
  z-index: -1;
  background-color: #fff;
  border: .6px solid #fff;
  border-radius: 60px;
  position: relative;
}

.button-6.block-button {
  display: block;
}

.button-6.block-button.none-button.button-new {
  color: var(--background-color--background-primary);
  text-transform: capitalize;
  background-color: #0000;
  border-color: #000;
}

.menu-item-2 {
  z-index: 5;
  font-family: Canela Trial thin, Impact, sans-serif;
  font-size: 3.75rem;
  font-weight: 100;
  position: relative;
}

.heading-14 {
  padding-bottom: 12px;
  font-family: Aktivgrotesk regular, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
}

.link-4, .link-5 {
  color: #fff;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.heading-15 {
  font-family: Canela Trial thin, Impact, sans-serif;
  font-size: 2.5rem;
  font-weight: 100;
}

.sub-hover-content {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-size: .6875rem;
  font-weight: 100;
}

.link-6 {
  color: var(--background-color--background-primary);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.tell-us-content {
  font-family: var(--text-color--aktivgrotesk-regular);
  color: #fff;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 400;
}

.scroll-trigger-animtion {
  font-family: var(--text-color--delcy-font);
  color: #fff;
  white-space: nowrap;
  font-size: 10.75rem;
  font-weight: 400;
}

.cusotm-wrapper-slider {
  z-index: 88;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  height: auto;
  display: flex;
  position: absolute;
  bottom: 0%;
  overflow: hidden;
}

.feed-back-content2, .feed-back-content4, .feed-back-content3 {
  max-width: 39.7rem;
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-size: .875rem;
  font-weight: 300;
}

.feedback-text {
  max-width: 39.7rem;
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-size: .875rem;
  font-weight: 300;
  display: none;
}

.servicess-content222-copy {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 120vh;
  display: flex;
  position: sticky;
  top: 0;
}

.image-consulting {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.image-consulting.sec-block {
  z-index: 3;
  height: 100vh;
  overflow: clip;
}

.image-consulting-1 {
  background-image: url('../images/Rectangle-7-2_1Rectangle 7 (2).avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
}

.image-consulting-1.padding-around {
  padding: 20px;
}

.image-consulting-1.img-pl {
  background-image: linear-gradient(#00000047, #00000047), url('../images/Photo-Sep-27-2025-1-39-59-AM.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.image-consulting-content {
  z-index: 2;
  width: 100%;
  height: 500vh;
  position: absolute;
  top: -400vh;
  overflow: visible;
}

.image-consulting-content.padding-around {
  padding: 20px;
}

.confidence-amplified {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.confidence-amplified.sec-block {
  z-index: 3;
  height: 100vh;
  overflow: clip;
}

.confidence-amplified-1 {
  background-image: url('../images/Photo-Aug-07-2024-11-47-09-AM.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
}

.confidence-amplified-1.video-con {
  background-image: none;
}

.confidence-amplified-content {
  z-index: 2;
  width: 100%;
  height: 300vh;
  position: absolute;
  top: -200vh;
  overflow: visible;
}

.confidence-amplified-content.padding-around {
  padding: 20px;
  position: absolute;
}

.social-magnetism {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.social-magnetism.sec-block {
  z-index: 3;
  height: 100vh;
  overflow: clip;
}

.social-magnetism-1 {
  background-image: linear-gradient(#00000047, #00000047), url('../images/Rectangle-45.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
}

.social-magnetism-1.video-img {
  background-image: linear-gradient(#00000047, #00000047);
}

.social-magnetism-content {
  z-index: 2;
  width: 100%;
  height: 400vh;
  position: absolute;
  top: -300vh;
  overflow: visible;
}

.social-magnetism-content.padding-around {
  padding: 20px;
  position: absolute;
}

.brand-identity {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.brand-identity.sec-block {
  z-index: 3;
  height: 100vh;
  overflow: clip;
}

.brand-identity-1 {
  background-image: linear-gradient(#00000047, #00000047), url('../images/Rectangle-46.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
}

.brand-identity-1.video-social {
  background-image: linear-gradient(#00000047, #00000047);
}

.brand-identity-content {
  z-index: 2;
  width: 100%;
  height: 500vh;
  position: absolute;
  top: -400vh;
  overflow: visible;
}

.brand-identity-content.padding-around {
  padding: 20px;
}

.link-block {
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.site-logo-svg {
  width: 180px;
  max-width: 100%;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.site-logo-svg.w--current {
  text-decoration-color: #0000;
}

.link-block-3 {
  z-index: 5;
  color: var(--link-color--link-alternate);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  position: relative;
}

.link-block-3.st-p {
  display: none;
}

.ideas-services {
  z-index: 4;
  height: 100vh;
  position: relative;
  top: 0;
}

.ideas-services.fi-div {
  z-index: 2;
  position: sticky;
}

.ideas-services-1 {
  background-image: url('../images/Rectangle-106_1Rectangle 106.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
}

.ideas-services-1.img-1 {
  background-image: url('../images/Rectangle-7-2_1Rectangle 7 (2).avif');
  background-size: cover;
  width: 100%;
  position: absolute;
}

.ideas-services-1.img-1.digital-bg {
  background-image: linear-gradient(#00000047, #00000047), url('../images/Rectangle-7-2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.ideas-services-1.video-brand {
  background-image: none;
}

.ideas-services-content-1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.ideas-services-content-1.first-div {
  justify-content: center;
  align-items: center;
  position: sticky;
}

.define-consulting {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.define-consulting.sec-block {
  z-index: 3;
  height: 100vh;
  position: relative;
  overflow: clip;
}

.define-consulting-1 {
  background-image: url('../images/Rectangle-43_1Rectangle 43.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.details-content {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

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

.direction.sec-block {
  z-index: 2;
  height: 100vh;
  position: relative;
  overflow: clip;
}

.direction-1 {
  background-image: url('../images/Rectangle-44_1Rectangle 44.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
  bottom: 0;
}

.direction-content {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

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

.visuals.sec-block {
  z-index: 1;
  height: 100vh;
  position: relative;
  overflow: clip;
}

.visuals-1 {
  background-image: url('../images/Rectangle-46_1Rectangle 46.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.visuals-content--111 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.content-our-wrapper-center-new {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.content-our-wrapper-center-new.div-second {
  justify-content: flex-start;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  overflow: clip;
}

.new-custom-content-centert {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.new-custom-content-centert.div-second {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  position: sticky;
  overflow: clip;
}

.social-content-center-new {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.social-content-center-new.div-second {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  position: sticky;
  overflow: clip;
}

.brand-content-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.brand-content-center.div-second {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  overflow: clip;
}

.background-video {
  z-index: 5;
  opacity: .64;
  width: 100%;
  height: 90vh;
  position: absolute;
}

.digital-services {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100vh;
  display: flex;
  position: static;
  top: 0;
}

.digital-services.padding-around {
  padding: 20px;
  position: sticky;
}

.text-span-13, .text-span-14 {
  font-family: var(--text-color--aktivgrotesk-medium);
  font-weight: 500;
}

.text-span-15, .text-span-16, .text-span-17, .text-span-18, .text-span-19 {
  font-family: var(--text-color--aktivgrotesk-medium);
}

.porforlio-section {
  background-color: #000;
  padding-top: 50px;
  padding-bottom: 50px;
}

.porforlio-section.bg-transparent {
  background-color: #fbf5ed;
}

.porforlio-heading {
  color: #fff;
  text-align: center;
  margin-top: 8rem;
  font-family: Canela Trial thin, Impact, sans-serif;
  font-size: 8.375rem;
  font-weight: 100;
}

.porforlio-heading.color-black {
  color: var(--base-color-neutral--black);
}

.portforlio-wrpper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3rem;
  display: grid;
}

.porforlio-image {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 30rem;
  overflow: hidden;
}

.porforlio-text {
  color: #fff;
  padding-top: 8px;
  font-size: 1.75rem;
  font-weight: 100;
}

.porforlio-text.color-black {
  color: var(--base-color-neutral--black);
}

.text-span-20 {
  font-family: var(--text-color--aktivgrotesk-light);
}

.casestudy-section {
  background-image: url('../images/Group-113.png');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  margin-top: -7.3rem;
}

.casestudy-section.change-bg {
  background-image: url('../images/Group-97_1Group 97.avif');
  background-position: 50% 0;
}

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

.case-image {
  width: 32.7686rem;
}

.our-work-section {
  background-color: #000;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.our-new-work-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 1.5rem;
  align-items: start;
}

.our-new-work-wrapper > .dinner-date-content-wrapper-2 {
  display: contents;
}

.our-new-work-wrapper > .dinner-date-content-wrapper-2 > .col-1 {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
}

.our-new-work-wrapper > .dinner-date-content-wrapper-2 > .col-2 {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
}

.our-new-work-wrapper.no-gap {
  column-gap: 4rem;
  row-gap: 1.5rem;
}

.our-work-1, .our-work-2 {
  display: contents;
}

.our-work-1.grid {
  display: contents;
}

.our-work-2.hide {
  display: none;
}

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

.our-work-1-wrapper.our-work-wrapper-none {
  display: none;
}

.our-work-1-wrapper.width {
  width: auto;
}

.new-our-work-1 {
  grid-column: 2;
  grid-row: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  gap: 2rem;
  display: flex;
}

.new-our-work-1.our-work-wrapper-none {
  display: none;
}

.new-our-work-1.width {
  width: 100%;
}

.new-our-work-1.slide_up {
  width: 100%;
  grid-column-gap: 1.25rem;
}

.industry-block, .loacation-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  min-width: 0;
  width: 100%;
  overflow-wrap: break-word;
  display: flex;
}

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

.how-did-block {
  grid-column: 2;
  grid-row: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.our-work-1-heading {
  color: #fff;
  font-size: 2.875rem;
  font-weight: 100;
}

.our-work-1-heading.work-3-h {
  text-align: center;
}

.our-work-heading-3 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 100;
}

.heading-17 {
  font-family: var(--text-color--aktivgrotesk-medium);
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
}

.heading-17.mt-t {
  margin-top: 0;
}

.our-industry-content {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-weight: 300;
}

.object-content {
  font-family: var(--text-color--aktivgrotesk-medium);
  color: #fff;
  font-size: .875rem;
  font-weight: 400;
  text-transform: uppercase;
}

.object-para {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-weight: 300;
  line-height: 1.65;
  margin-bottom: 1rem;
}

.object-para:last-child {
  margin-bottom: 0;
}

.object-para:empty {
  display: none;
}

.object-para.padding-work-custom {
  padding-top: 2rem;
}

.object-para.work-3 {
  text-align: center;
  width: 100%;
  max-width: 45rem;
}

.object-para.video-txt {
  width: 100%;
  max-width: 460px;
}

.object-para.text-2 {
  font-family: var(--text-color--canela-trial-thin);
}

.how-div-content {
  font-family: var(--text-color--aktivgrotesk-medium);
  color: #e8d9b8;
  text-transform: uppercase;
  font-weight: 300;
}

.how-div-content.mb-b {
  margin-bottom: 1rem;
}

.how-paragrpgh {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-size: 1rem;
  display: block;
}

.our-work-gallery {
  background-color: #000;
}

.our-work-gallary-1 {
  height: 46.25rem;
}

.our-gallwey-wrapper {
  display: flex;
}

.our-gallery-2, .our-gallery-work-3 {
  width: 50%;
  height: 56.25rem;
}

.our-gallery-image-1, .our-gallery-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.custom-logo-section {
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 36rem;
  display: flex;
}

.show-case-image {
  height: 51.25rem;
  display: flex;
}

.show-case-image1 {
  object-fit: cover;
  width: 50%;
  height: 100%;
}

.color-plate-section {
  background-color: #f3f2f1;
  height: 38.75rem;
}

.color-plate-wrapper {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.bottle-section {
  height: 45rem;
}

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

.hero-work {
  height: 100vh;
  margin-top: -7.3rem;
}

.hero-work-wrapper {
  height: 100%;
}

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

.work-bold {
  font-family: var(--text-color--aktivgrotesk-regular);
  font-weight: 400;
}

.secondcase-gallery {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #000;
  flex-flow: column;
  padding-bottom: 6.5rem;
  display: flex;
}

.work-secondcase-image {
  object-fit: cover;
  width: 50%;
  height: 43.75rem;
}

.second-case-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.work-log-section {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 38.75rem;
  display: flex;
}

.work-logo-wrapper {
  width: 40.75rem;
}

.concepts-section {
  background-color: #ff46a2;
  height: 38.75rem;
  position: relative;
}

.concepts-wrapper {
  position: absolute;
  inset: 15% auto auto 3%;
}

.concepts-heading {
  color: #fff;
  font-family: Aktivgrotesk regular, Arial, sans-serif;
  font-size: 2.125rem;
}

.new-custom-section {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 10% 7% auto;
}

.paragraph-13 {
  color: #fff;
  width: 100%;
  max-width: 14.625rem;
  font-family: Aktivgrotesk light, Georgia, sans-serif;
  font-weight: 300;
}

.paragraph-14 {
  color: var(--base-color-neutral--white);
  font-family: Aktivgrotesk light, Georgia, sans-serif;
  font-weight: 300;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.work-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  display: flex;
}

.work-link.position-absoulute {
  display: none;
  position: absolute;
  inset: auto 0% 6% auto;
}

.work-button {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #0073aa;
}

.onalaja-image {
  object-fit: cover;
  width: 50%;
  height: 58.75rem;
}

.refine-section {
  background-color: #000;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.refine-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.refine-heading {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  font-weight: 300;
}

.refine-sub-heading {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 100;
  line-height: 1.3;
}

.custom-sub-image {
  object-fit: cover;
  width: 50%;
  height: 38.75rem;
}

.image-14, .image-15 {
  width: 21.875rem;
}

.image-16 {
  width: 26.9375rem;
}

.marquee_img-wrap {
  width: 100%;
}

.marquee_images {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 450%;
  display: flex;
}

.marquee_wrapper {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: start space-between;
  align-items: center;
  max-width: 100%;
  display: flex;
  position: relative;
}

.section_marquee {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee_imag {
  object-fit: cover;
  border-radius: 1.125rem;
  flex: none;
  width: 100%;
  height: 100%;
}

.grid-layout-1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 16%;
  display: flex;
}

.grid-layout-wrapper {
  background-color: #f8f7e4;
  justify-content: space-between;
  align-items: stretch;
  height: 65rem;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: clip;
}

.image-17 {
  width: 100%;
  height: auto;
}

.work-video {
  height: 57.5rem;
}

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

.describtion-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.descrbtion-heading {
  font-family: var(--text-color--aktivgrotesk-regular);
  color: #fff;
  font-weight: 400;
}

.decrbtion-icons {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.all-font-style {
  height: auto;
  display: flex;
}

.link-block-4 {
  color: var(--base-color-neutral--white);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.link-block-5, .link-block-6 {
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.font-style-right-section-custom {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 29.75rem;
  display: flex;
}

.link-block-7 {
  -webkit-text-stroke-color: transparent;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
}

.peach_care-section {
  background-image: url('../images/Group-132_1.png');
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.text-span-21 {
  font-family: var(--text-color--aktivgrotesk-regular);
}

.peech-image-style {
  object-fit: contain;
  background-color: #0000;
  width: 23.4375rem;
}

.peech_products {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  background-color: #f8f7e4;
  flex-flow: column;
  display: flex;
}

.peech_products-wrapper {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  display: flex;
  overflow: hidden;
}

.products_image {
  object-fit: cover;
  width: 45%;
  height: 21.6875rem;
}

.peech_products-wrapperes {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.peach_gallery {
  padding-top: 6rem;
}

.peach_gallery-wrapper {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.peach_col1, .peach_col2 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  justify-content: center;
  height: 38.75rem;
  display: flex;
}

.peach_col3 {
  width: 100%;
  height: 38.75rem;
}

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

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

.new_peach-image.d-none {
  display: none;
}

.wash_section {
  padding-top: 12rem;
}

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

.wash_image {
  width: 49.1%;
  height: 40.8125rem;
}

.wash_image.h-f {
  height: auto;
}

.new_wash-image {
  object-fit: cover;
  width: 49.1%;
  height: 40.8125rem;
  margin-top: -6rem;
}

.new_wash-image.h-f {
  height: auto;
}

.section_boric {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

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

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

.product_card-content {
  max-width: 17.375rem;
  font-family: var(--text-color--aktivgrotesk-medium);
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.product_images {
  width: 100%;
}

.peach_full-width {
  background-color: #fbf5ed;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.custom_image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: auto;
}

.mswim_section {
  background-image: url('../images/Rectangle-103.png');
  background-size: cover;
  height: 100vh;
}

.mswim_logo {
  background-color: #000;
  height: auto;
  display: flex;
}

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

.mswim_image-1 {
  object-fit: cover;
  width: 100%;
  height: 73.125rem;
}

.mswim_image-2 {
  object-fit: cover;
  width: 50%;
  height: 66.875rem;
}

.mswim_new-gallery {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mswim_col1 {
  height: 68.125rem;
  display: flex;
}

.mswim_col2 {
  height: 57.5rem;
}

.mswim_col3 {
  height: 81.625rem;
}

.mswim_col4 {
  height: 68.125rem;
}

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

.inner_loader {
  z-index: 99999;
  background-color: #0000;
  border-radius: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 18rem;
  max-width: 18rem;
  height: 70vh;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.loader_text-wrap {
  z-index: 1;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.loader_text {
  color: var(--base-color-neutral--white);
  font-family: Canela Trial thin, Impact, sans-serif;
  font-size: 3.5rem;
  line-height: 1.1;
}

.loader_inner-bg {
  background-color: #000;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.hero_section-wrap {
  z-index: 5;
  background-color: #f8f7e4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin: auto;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.vector_img-wrap {
  z-index: 3;
  width: 25px;
  height: 30px;
  position: absolute;
  inset: auto auto 6% 50%;
  overflow: hidden;
  transform: translateX(50%);
}

.vector_img-wrap.d-none {
  display: none;
}

.image-21 {
  width: 100%;
  height: 100%;
}

.image-21.d-none {
  display: none;
}

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

.mswim_col4-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 50%;
  height: 100%;
}

.heading-18 {
  z-index: 4;
  display: block;
  position: absolute;
}

.list {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 10px solid #e22222;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 400vh;
  padding-top: 25.8rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: absolute;
}

.div-block {
  z-index: 5;
  border: 10px solid #ef1111;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 400vh;
  display: flex;
  position: absolute;
}

.fixed_section_list_item {
  opacity: 0;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  max-width: 80rem;
  display: block;
  position: sticky;
  top: 20.6rem;
}

.fixed_section_list_item.li-active {
  opacity: 100;
  position: sticky;
}

.cls-menu {
  color: #fff;
  flex-flow: row;
  order: -9999;
  justify-content: center;
  align-items: center;
  display: none;
}

.footer-email {
  color: var(--background-color--background-alternate);
  -webkit-text-stroke-width: 0px;
  text-decoration: none;
}

.footer-email:hover {
  text-decoration: underline;
}

.footer-logo {
  width: 300px;
  margin-bottom: 40px;
}

.footer-menu {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 40px;
  display: flex;
}

.foot-menu-item {
  color: var(--background-color--background-alternate);
  font-size: 1.6rem;
  text-decoration: none;
}

.text-block-5 {
  margin-bottom: 15px;
}

.yellow-overlay {
  z-index: 40;
  pointer-events: none;
  background-color: #f5e31a;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.yellow-overlay.coming-soon {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-darkest);
  display: flex;
}

.article {
  display: flex;
}

.overlay-beige {
  z-index: 7;
  background-color: #f8f7e4;
  width: 100%;
  height: 200vh;
  display: block;
  position: absolute;
}

.coming-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.coming-soon-t {
  color: #fff;
  font-family: Canela Trial thin, Impact, sans-serif;
  font-size: 4.5rem;
  font-weight: 100;
}

.heading-19 {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: Canela Trial thin, Impact, sans-serif;
  font-size: 4rem;
  font-weight: 100;
  line-height: 1.1;
  display: block;
  position: sticky;
}

.img-pages-link {
  vertical-align: baseline;
  width: 100%;
  display: inline;
}

.link-block-9 {
  width: 100%;
}

.link-block-10, .link-block-11, .link-block-12, .link-block-13, .link-block-14, .link-block-15, .link-block-16, .link-block-17, .link-block-18, .link-block-19, .link-block-20, .link-block-21, .link-block-22, .link-block-23, .link-block-24 {
  text-decoration: none;
}

.section-2, .contact-section {
  background-color: var(--base-color-neutral--black);
}

.contact-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-transform: capitalize;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4rem;
  display: flex;
}

.content-text {
  font-family: var(--text-color--aktivgrotesk-light);
  color: var(--base-color-neutral--white);
  text-transform: capitalize;
  font-size: 1.2rem;
}

.e-mail {
  color: var(--base-color-neutral--white);
}

.phone-number {
  color: var(--base-color-neutral--white);
  text-decoration: none;
}

.text-span-22 {
  text-decoration: none;
}

.contact-form-wrapper {
  text-align: left;
  justify-content: center;
  align-items: center;
  max-width: 55rem;
  display: flex;
}

.contact-form {
  font-family: var(--text-color--aktivgrotesk-light);
  color: var(--base-color-neutral--black);
  font-weight: 300;
}

.form-checkbox-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.form-field {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom-width: 1px;
  margin-bottom: 2rem;
  padding-top: 20px;
  padding-bottom: 20px;
}

.form-field:focus {
  border-color: var(--base-color-neutral--neutral-dark);
  border-bottom-width: 1px;
}

.form-field::placeholder {
  color: var(--base-color-neutral--black);
}

.form-field.select-feild {
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius: 5px;
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
}

.form-field.select-feild:hover {
  background-color: var(--base-color-neutral--white);
  color: var(--base-color-neutral--black);
}

.form-field.form-select {
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.chckbox:active {
  background-color: var(--base-color-neutral--black);
}

.field-label {
  display: none;
}

.logo {
  width: 220px;
  max-width: 100%;
}

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

.color-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.color-col-img {
  background-color: #eed1aa;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-inner-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.color-block {
  height: 17rem;
}

.color-block.emerald-color {
  background-color: #045c5d;
  padding: 2rem;
}

.color-block.golden-color {
  background-color: #e3b272;
  padding: 2rem;
}

.color-block-sml {
  height: 8.75rem;
}

.color-block-sml.emerald-600-dark {
  background-color: #034a4a;
  padding: 2rem;
}

.color-block-sml.golden-600-dark {
  background-color: #cca067;
  padding: 2rem;
}

.color-block-sml.black-dark {
  background-color: #1d1d1b;
  padding: 2rem;
}

.color-block-sml.black-light {
  background-color: #e2e2e2;
  padding: 2rem;
}

.color-block-sml.back-grey {
  background-color: #565654;
  padding: 2rem;
  font-family: Aktivgrotesk light, Georgia, sans-serif;
}

.color-block-sml.white {
  background-color: var(--base-color-neutral--white);
  padding: 2rem;
}

.block-color-name-white {
  color: var(--base-color-neutral--white);
  font-family: Aktivgrotesk light, Georgia, sans-serif;
}

.block-color-name-black {
  font-family: Aktivgrotesk light, Georgia, sans-serif;
}

.bg-dark-color-img-wrpr {
  background-color: #e3b272;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 6.25rem;
  padding-left: 5rem;
  display: flex;
  position: relative;
}

.dark-green-block-absolute {
  background-color: #045c5d;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 10rem;
  height: 10rem;
  display: flex;
  position: absolute;
  inset: auto auto 5% 5%;
}

.desktop-img-sec {
  background-color: #fbf5ed;
  justify-content: center;
  align-items: center;
  height: 45rem;
  display: flex;
}

.desktop-img {
  width: 100%;
  max-width: 52rem;
}

.app-sec {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 5rem;
  display: flex;
}

.app-content-wrpr {
  background-color: #eed1aa;
  border-top-left-radius: 9rem;
  border-bottom-left-radius: 9rem;
  width: 85vw;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 4rem;
}

.app-content-white-wrpr {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--base-color-neutral--white);
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 6rem;
  justify-content: flex-start;
  align-items: center;
  height: 34rem;
  padding-left: 4rem;
  display: flex;
}

.app-sec-img {
  height: 36rem;
}

.jade-optical-img, .jade-service-img, .jade-img {
  max-width: 15vw;
}

.portfolio-categories {
  font-family: var(--text-color--aktivgrotesk-light);
  color: var(--base-color-neutral--black);
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 300;
  text-decoration: none;
}

.approach-main-section {
  background-color: var(--base-color-neutral--black);
  position: relative;
}

.approach-main-sec-img {
  position: absolute;
  inset: 0% 0% auto auto;
}

.content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  min-height: 700px;
  display: flex;
  position: relative;
}

.approach-main-sec-img-2 {
  object-fit: cover;
  width: 416px;
  height: 296px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.prev-next-section {
  background-color: var(--base-color-neutral--black);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.prev-div {
  color: var(--base-color-neutral--white);
  cursor: not-allowed;
}

.nxt-prev-text {
  font-family: var(--text-color--aktivgrotesk-light);
  color: var(--base-color-neutral--white);
  text-transform: uppercase;
  text-decoration: none;
}

.nxt-prev-text.no-cur {
  opacity: .5;
  cursor: not-allowed;
}

.div-block-2 {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  display: flex;
}

.images-gallery-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.imges-box.color-box {
  background-color: #045c5d;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-23, .image-24, .image-25 {
  width: 100%;
}

.images-sec-2 {
  background-color: var(--base-color-neutral--black);
}

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

.image-26, .image-27, .image-28, .image-29 {
  width: 100%;
}

.dinner-date-main-sec {
  background-image: url('../images/Rectangle-103-2.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.dinner-date-logo-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.dinner-date-content-sec {
  background-color: var(--base-color-neutral--black);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.dinner-content-wrapper {
  display: contents;
}

.dinner-date-content-sec .container-large {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 1.5rem;
  align-items: start;
}

.dinner-content-wrapper > .col-1 {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
}

.dinner-content-wrapper > .col-2 {
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  column-gap: 2rem;
  width: 100%;
}

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

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

.col-2.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.dinner-date-content-wrapper-2 {
  display: contents;
}

.dinner-date-content-sec .dinner-date-content-wrapper-2 > .col-1 {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
}

.dinner-date-content-sec .dinner-date-content-wrapper-2 > .col-2 {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
}

.dinner-date-content-wrapper-2.p-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.dinner-list {
  font-family: var(--text-color--aktivgrotesk-light);
  color: #fff;
  margin-top: 1rem;
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.animation-logo-sec {
  background-color: var(--base-color-neutral--black);
  justify-content: center;
  align-items: center;
  min-height: 450px;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.animation-logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.insta-slides-sec {
  background-color: #eb3323;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.slides-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.tab-images-sec {
  background-color: var(--base-color-neutral--black);
  padding-top: 4rem;
  padding-bottom: 0;
}

.tabs-img-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.tab-img-2 {
  position: absolute;
  inset: auto 0% -12% auto;
}

.dinner-text-sec {
  background-color: var(--base-color-neutral--black);
}

.text-wrapper {
  margin-top: -7rem;
}

.big-text-h {
  color: var(--base-color-neutral--white);
  text-align: center;
  letter-spacing: -2rem;
  font-family: Aktivgrotesk regular, Arial, sans-serif;
  font-size: 31.938vw;
  font-weight: 400;
  line-height: 80%;
}

.video-section {
  background-color: var(--base-color-neutral--black);
}

.text-col {
  padding: 2rem;
}

.content-wrpr {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  display: grid;
}

.text-block-6 {
  display: inline-block;
}

.image-31 {
  width: 100%;
}

.image-31.d-none {
  display: none;
}

.font-style-sec {
  background-color: #eb3323;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

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

.divider-line {
  background-color: var(--base-color-neutral--white);
  height: 2px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.img-section {
  background-image: url('../images/image-23.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
}

.slider-1 {
  height: 760px;
}

.slide-bg-img {
  background-image: url('../images/image-24.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-bg-img.slide-2 {
  background-image: url('../images/image-24-1.png');
}

.slide-bg-img.slide-3 {
  background-image: url('../images/image-25.png');
}

.slide-bg-img.slide-4 {
  background-image: url('../images/image-26.png');
}

.slide-bg-img.slide-5 {
  background-image: url('../images/image-27.png');
}

.slide {
  background-image: url('../images/image-24-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dinner-service-section {
  background-color: var(--base-color-neutral--black);
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.service-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.service-name {
  font-family: var(--text-color--aktivgrotesk-medium);
  color: var(--base-color-neutral--white);
  text-align: center;
  font-size: 1.625rem;
}

.mobile-mockup-sec {
  background-color: #f8f7e4;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

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

.try-dinner-sec {
  background-image: url('../images/Photo-Nov-05-2025-12-05-10-PM-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 480px;
}

.video-gallery-sec {
  background-color: var(--base-color-neutral--black);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.imges-video-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.imges-video-wrapper.img-2 {
  display: block;
}

.img-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.image-32, .image-33 {
  width: 100%;
}

.video-gallery-v {
  display: block;
}

.image-34 {
  object-fit: fill;
  width: 98%;
}

.image-34.img-dimension {
  aspect-ratio: 4 / 5;
  object-fit: fill;
}

.image-35, .image-36, .image-37 {
  width: 98%;
}

.border-img.d-none {
  display: none;
}

.insta-slider-img {
  height: 100%;
}

.insta-slider-img.img-dimension {
  aspect-ratio: 4 / 5;
}

.insta-feed-top {
  background-color: var(--base-color-neutral--white);
  width: 100%;
  height: 50px;
}

.insta-feed-top.btm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.insta-feed-top.top {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.profile-img {
  width: 27px;
}

.insta-feed-video {
  aspect-ratio: 4 / 4;
  object-fit: fill;
  width: 400px;
  max-width: 100%;
  height: 100%;
  max-height: 400px;
}

.div-block-4 {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.insta-feed-img-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 400px;
  overflow: clip;
}

.video_sec-content {
  background-color: var(--base-color-neutral--black);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.video-sec-content-wapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.col-right-video {
  height: 700px;
}

.background-video-4, .background-video-5 {
  height: 100%;
}

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

@media screen and (max-width: 991px) {
  img {
    width: 30%;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

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

  .padding-global.padding-section-large.cus-pad {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-global.no-h {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

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

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

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

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .text-size-large.color-w {
    font-size: 1.2rem;
    line-height: 30px;
  }

  .main-wrapper.custom-margin {
    margin-top: 0;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

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

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

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

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

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .nav_button {
    color: #fff;
  }

  .section_hero {
    height: 800px;
    padding-top: 0;
  }

  .fs-styleguide_heading-header, .heading-2 {
    font-size: 4rem;
  }

  .about-content {
    font-size: 1.88rem;
  }

  .visuals-image {
    width: 3px;
    height: 80px;
  }

  .image-2.scroll-translate {
    display: block;
    bottom: 10%;
    right: 5%;
  }

  .approach-image {
    width: 100%;
    height: 23.5rem;
  }

  .image-4 {
    object-fit: cover;
    width: 100%;
    height: 21.3rem;
    bottom: 4%;
  }

  .nav_component-2 {
    min-height: 7svh;
  }

  .nav_component-2.no-height {
    min-height: 0;
  }

  .padding-global-3.header-padding {
    padding: 25px 1rem;
  }

  .main-button-wrapper {
    justify-content: flex-end;
    align-items: center;
  }

  .custom-approuch-heading {
    max-width: 21.25rem;
    font-size: 2.625rem;
    line-height: 3rem;
    bottom: 44%;
  }

  .our-approach {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .custom-white-block.width-c {
    width: 12rem;
    height: 2.5rem;
  }

  .text-block-2 {
    font-size: 1rem;
  }

  .brings-heading {
    font-size: 1.75rem;
  }

  .how-we-work {
    padding-top: 4rem;
  }

  .work-wrapper {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
  }

  .heading-4 {
    font-size: 1.75rem;
  }

  .services-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .services-wrapper {
    grid-template-columns: 1fr;
  }

  .services-1 {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .content-services {
    font-size: 1.375rem;
  }

  .collbration-section {
    padding-top: 4rem;
  }

  .feedback-section {
    align-items: flex-start;
    margin-left: 0;
  }

  .custom-feedback-section {
    padding-bottom: 4rem;
  }

  .our-vision-section {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .vision-wrapper {
    grid-column-gap: 1.7rem;
    grid-row-gap: 1.7rem;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 3rem;
    position: absolute;
    top: 44%;
  }

  .vision-wrapper.slide_up {
    padding-top: 0;
    top: 0%;
  }

  .vision-block.width-v {
    width: 15rem;
    height: 2.6rem;
  }

  .vision-heading {
    font-size: 1.5rem;
  }

  .text-block-4, .paragraph-6 {
    font-size: 1rem;
  }

  .image-6 {
    width: 100%;
    height: 22.5rem;
    position: absolute;
    top: 0%;
  }

  .image-6.slide_up {
    height: 100%;
    margin-top: -.1rem;
    position: static;
    top: 0%;
  }

  .portfolio_grid {
    height: 490px;
  }

  .faqs_header {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .heading-5.custom-margin {
    font-size: 6.375rem;
    bottom: -1%;
  }

  .heading-5.custom-margin.custom-marque-new {
    font-size: 6.9rem;
    bottom: 0%;
  }

  .services-menu {
    padding-top: 4rem;
  }

  .services-menu-wrapper {
    flex-flow: column;
  }

  .menu-services-block {
    display: none;
  }

  .all-menu-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .faq-content {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .faq-wrapper {
    max-width: 23rem;
  }

  .faq-heading {
    font-size: 1.5rem;
  }

  .image-7 {
    width: 20px;
    height: 20px;
  }

  .left-menu-items {
    width: 100%;
  }

  .right-menu-item {
    display: none;
  }

  .menu-item {
    font-size: 2.75rem;
  }

  .image-8.menu-left-image {
    inset: auto 0% 0%;
  }

  .hamgurger-menu.none-menu {
    display: none;
  }

  .hamgurger-menu.desktop-none {
    display: block;
  }

  .hamgurger-menu.desktop-none.hiide, .home-text.footer-black-color.menu-display-none, .home-text.menu-display-none, .button-5.block-button.none-button {
    display: none;
  }

  .about-block-button.slide_up {
    width: 12rem;
    height: 2.3rem;
  }

  .about-wrapper-content {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: column;
  }

  .about-bg-image {
    height: 19.25rem;
  }

  .collective-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .collective-content {
    font-size: 1.88rem;
    line-height: 2.8rem;
  }

  .collective-content.slide_up {
    font-size: 1.88rem;
  }

  .collective-image {
    width: 3px;
    height: 80px;
  }

  .custom-new-text {
    width: 19rem;
    font-size: 1.75rem;
  }

  .about-heading-new {
    max-width: 21.25rem;
    font-size: 2.625rem;
    line-height: 3rem;
    bottom: 44%;
  }

  .about-heading-new.slide_up {
    width: 100%;
    max-width: 100rem;
    bottom: 44%;
  }

  .footer-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: center;
  }

  .footer-col-1 {
    align-items: center;
    width: 100%;
  }

  .footer-col-2 {
    width: 100%;
    max-width: 100%;
  }

  .copy-wrappper.mobile-shown {
    text-align: center;
    display: block;
  }

  .copy-wrappper.desktop-shown {
    width: 100%;
  }

  .footer-all-sub-contnet {
    align-self: center;
  }

  .copy-menu-content {
    text-align: center;
  }

  .copy-menu-content.d-none {
    display: none;
  }

  .instagram-images {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .insta-image {
    height: auto;
  }

  .lab-section {
    min-height: 700px;
  }

  .lab-content, .persona-heading {
    font-size: 3.25rem;
  }

  .branding-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .brand-content {
    font-size: 1.75rem;
    line-height: 2.4rem;
  }

  .how-we-made-section {
    height: 30rem;
  }

  .trust-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .trust-gallery {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .trust-heading {
    font-size: 1.75rem;
  }

  .ready-section {
    padding-bottom: 4rem;
  }

  .ready-section.bg-transaprent {
    padding-top: 4rem;
  }

  .ready-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .ready-content {
    max-width: 20.3rem;
    font-size: 1.875rem;
  }

  .ready-content.custom-width {
    font-size: 2rem;
  }

  .schdule-button {
    font-size: .875rem;
  }

  .heading-13 {
    font-size: 2rem;
  }

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

  .new-form {
    width: 100%;
  }

  .message-wrapper {
    flex-flow: column;
  }

  .submit-button {
    width: 100%;
    padding: 1rem;
  }

  .all-social-wrapper {
    justify-content: center;
    align-self: auto;
    align-items: center;
  }

  .image-10.menu-left-image {
    inset: auto 0% 0%;
  }

  .nav_component-3 {
    min-height: 7svh;
  }

  .button-6.block-button.none-button {
    display: none;
  }

  .menu-item-2, .scroll-trigger-animtion {
    font-size: 2.75rem;
  }

  .cusotm-wrapper-slider {
    bottom: -4%;
  }

  .image-consulting.sec-block {
    height: 500px;
    min-height: 500px;
  }

  .image-consulting-1 {
    height: 500px;
  }

  .image-consulting-1.img-pl {
    background-image: linear-gradient(#0000, #0000), url('../images/Photo-Sep-27-2025-1-39-59-AM.jpg');
    background-position: 0 0, 50% 0;
    height: 500px;
    min-height: 500px;
  }

  .image-consulting-content.padding-around {
    height: 500px;
    min-height: 500px;
    top: 0;
  }

  .confidence-amplified.sec-block {
    height: 500px;
    min-height: 500px;
  }

  .confidence-amplified-1 {
    height: 500px;
  }

  .confidence-amplified-1.video-con {
    height: 500px;
    min-height: 500px;
  }

  .confidence-amplified-content.padding-around {
    height: 500px;
    min-height: 500px;
    top: 0;
  }

  .social-magnetism.sec-block {
    height: 500px;
    min-height: 500px;
  }

  .social-magnetism-1 {
    height: 500px;
  }

  .social-magnetism-1.video-img {
    height: 500px;
    min-height: 500px;
  }

  .social-magnetism-content.padding-around {
    height: 500px;
    min-height: 500px;
    top: 0;
  }

  .brand-identity.sec-block {
    height: 500px;
    min-height: 500px;
  }

  .brand-identity-1 {
    height: 500px;
  }

  .brand-identity-1.video-social {
    height: 500px;
    min-height: 500px;
  }

  .brand-identity-content.padding-around {
    height: 500px;
    min-height: 500px;
    top: 0;
  }

  .ideas-services.fi-div {
    height: 500px;
    min-height: 500px;
  }

  .ideas-services-1.img-1.digital-bg {
    height: 500px;
  }

  .ideas-services-1.video-brand, .ideas-services-content-1.first-div, .content-our-wrapper-center-new.div-second, .new-custom-content-centert.div-second, .social-content-center-new.div-second, .brand-content-center.div-second {
    height: 500px;
    min-height: 500px;
  }

  .background-video {
    height: 800px;
  }

  .digital-services.padding-around {
    height: 500px;
    min-height: 500px;
  }

  .porforlio-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .porforlio-heading {
    font-size: 6rem;
  }

  .portforlio-wrpper {
    grid-template-columns: 1fr 1fr;
  }

  .porforlio-image {
    width: 100%;
    height: 25rem;
  }

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

  .casestudy-section {
    height: 600px;
  }

  .casestudy-section.change-bg {
    height: 700px;
  }

  .case-image {
    width: 25rem;
    margin-top: 140px;
  }

  .our-new-work-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .our-work-1.grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .our-work-1-wrapper, .new-our-work-1 {
    width: 45%;
  }

  .new-our-work-1.width.slide_up {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .new-our-work-1.slide_up {
    width: 48%;
  }

  .object-block, .how-did-block {
    width: 45%;
  }

  .object-para.video-txt {
    width: 100%;
  }

  .our-work-gallary-1, .our-gallery-2, .our-gallery-work-3 {
    height: 38rem;
  }

  .custom-logo-section, .show-case-image {
    height: 30rem;
  }

  .color-plate-section {
    height: 28rem;
  }

  .bottle-section {
    height: 30rem;
  }

  .hero-work {
    height: 550px;
  }

  .secondcase-gallery {
    padding-bottom: 4.5rem;
  }

  .work-secondcase-image {
    height: 30rem;
  }

  .work-log-section {
    height: 28rem;
  }

  .work-logo-wrapper {
    width: 30rem;
  }

  .concepts-section {
    height: 28rem;
  }

  .concepts-heading {
    font-size: 1.6rem;
  }

  .onalaja-image {
    height: 30rem;
  }

  .refine-sub-heading {
    font-size: 1.7rem;
  }

  .custom-sub-image {
    height: 30rem;
  }

  .image-14, .image-15 {
    width: 15rem;
  }

  .marquee_images {
    flex: 1;
    min-width: 550%;
  }

  .grid-layout-wrapper {
    height: 35rem;
  }

  .work-video {
    height: 40rem;
  }

  .all-font-style {
    flex-flow: column;
    height: auto;
  }

  .font-style-right-section-custom {
    width: 100%;
  }

  .peach_care-section {
    height: 600px;
  }

  .peach_col3 {
    height: 20rem;
  }

  .mswim_section {
    height: 600px;
  }

  .mswim_logo {
    flex-flow: column;
    height: auto;
  }

  .mswim_image-1 {
    height: 50rem;
  }

  .mswim_col2 {
    height: 500px;
  }

  .loader_text {
    font-size: 3rem;
  }

  .image-22, .mswim_col4-image {
    object-fit: cover;
  }

  .footer-email {
    margin-top: 20px;
  }

  .footer-menu {
    justify-content: flex-start;
    align-items: center;
  }

  .coming-soon-t {
    text-align: center;
    font-size: 3.5rem;
  }

  .img-pages-link {
    display: block;
  }

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

  .color-wrapper {
    grid-template-columns: 1fr;
  }

  .desktop-img-sec {
    height: auto;
  }

  .app-sec {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
  }

  .app-content-wrpr {
    border-top-left-radius: 2.5rem;
    border-bottom-left-radius: 2.5rem;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }

  .app-content-white-wrpr {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    height: 18rem;
    padding-left: 1rem;
  }

  .app-sec-img {
    height: 20rem;
  }

  .jade-optical-img, .jade-service-img, .jade-img {
    max-width: 20vw;
  }

  .approach-main-sec-img {
    width: 100%;
    position: static;
  }

  .content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    min-height: 0;
  }

  .approach-main-sec-img-2 {
    width: 100%;
    position: static;
  }

  .img-spin {
    width: 100px;
  }

  .image-24 {
    height: 100%;
  }

  .dinner-date-main-sec {
    height: 600px;
  }

  .dinner-content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .dinner-date-content-wrapper-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 0;
  }

  .tabs-img-wrapper {
    flex-flow: row;
  }

  .tab-img-1 {
    width: 50%;
  }

  .tab-img-2 {
    width: 50%;
    position: static;
  }

  .big-text-h {
    letter-spacing: -1rem;
  }

  .content-wrpr {
    place-items: stretch stretch;
  }

  .image-31 {
    height: 100%;
    overflow: clip;
  }

  .image-31.d-none {
    display: none;
  }

  .img-section {
    height: 50vh;
  }

  .slider-1 {
    height: 450px;
  }

  .dinner-service-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .service-name {
    font-size: 1.2rem;
  }

  .mobile-mockup-sec {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .mockup-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
  }

  .try-dinner-sec {
    height: 300px;
  }

  .image-38, .image-39 {
    width: 50%;
  }

  .image-40 {
    width: 30%;
  }

  .border-img {
    width: 3px;
    height: 80px;
  }

  .image-45, .image-46, .image-47, .image-48, .image-49, .image-50, .image-51, .marq-img {
    width: 100%;
  }

  ._3-dot {
    width: 24px;
  }

  .share-icon {
    width: 17px;
  }

  .insta-feed-video, .insta-feed-img-video {
    width: 300px;
    max-height: 300px;
  }

  .video-sec-content-wapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image-54, .image-55, .image-56, .image-57, .image-58, .image-59 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-mobile-landscape {
    display: none;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

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

  .padding-global.padding-section-large.cus-pad {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

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

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

  .heading-style-h4 {
    font-size: 1rem;
  }

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

  .heading-style-h6 {
    font-size: .75rem;
  }

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

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

  .heading-style-h2 {
    font-size: 2rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

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

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

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

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

  .section_hero {
    height: 600px;
  }

  .about-section {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .heading-2 {
    font-size: 3.375rem;
  }

  .about-content {
    max-width: 21.25rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .splide__slide {
    width: 60px;
  }

  .visuals-section {
    padding-bottom: 3rem;
  }

  .visuals-content {
    max-width: 18.25rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
  }

  .image-2 {
    height: 10.625rem;
    right: -4%;
  }

  .image-2.scroll-translate {
    object-fit: cover;
    width: 20%;
    height: 6.8rem;
    display: block;
  }

  .main-gallery-wrapper-2 {
    height: 400px;
  }

  .main-gallery-wrapper-3 {
    height: 200px;
  }

  .gallery-img-3 {
    height: 400px;
  }

  .image-3 {
    height: 11rem;
  }

  .image-3.custom-height {
    height: 100%;
  }

  .testimonial_wrap.slide_up {
    grid-column-gap: 1.9rem;
    grid-row-gap: 1.9rem;
  }

  .heading-style-h1-2 {
    font-size: 1.375rem;
  }

  .section_testimonial {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .heading-style-h3-2 {
    font-size: .875rem;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .text-block.slide_up {
    font-size: 1rem;
  }

  .slide-nav {
    font-size: .7rem;
  }

  .padding-global-3, .padding-global-3.header-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .our-approach {
    padding-bottom: 2rem;
  }

  .our-approuch-wrapper {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .approuch-content {
    font-size: 1rem;
  }

  .how-we-work {
    padding-top: 2.5rem;
  }

  .work-para {
    width: 100%;
    max-width: 19.9375rem;
    font-size: .75rem;
  }

  .work-para.slide_up {
    max-width: 100%;
  }

  .services-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .text-block-3 {
    max-width: 100%;
    font-size: 1rem;
  }

  .collbration-section {
    padding-top: 2.5rem;
  }

  .custom-feedback-section {
    padding-bottom: 2.5rem;
  }

  .button-3 {
    width: 47%;
    font-size: .9rem;
  }

  .vision-wrapper {
    position: relative;
  }

  .vision-heading {
    width: 100%;
    max-width: 34.875rem;
  }

  .paragraph-6 {
    width: 100%;
    max-width: 31.875rem;
  }

  .image-6.slide_up {
    height: 100%;
  }

  .portfolio_grid {
    height: 375px;
  }

  .portfolio_grid.slide_up {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .services-menu {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .all-menu-wrapper {
    font-size: .8rem;
  }

  .menu-sub-heading {
    font-size: 1.1rem;
  }

  .para-content {
    font-size: 1rem;
  }

  .art-content {
    width: 100%;
    max-width: 28.0625rem;
  }

  .art-section {
    padding-top: 2.5rem;
  }

  .hover-color {
    justify-content: flex-start;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }

  .hover-color.h-500 {
    height: 100%;
  }

  .left-menu-items {
    padding-top: 11.1rem;
  }

  .button-5.black-btn {
    display: none;
  }

  .collective-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .collective-wrapper {
    grid-column-gap: 2.6rem;
    grid-row-gap: 2.6rem;
  }

  .collective-content {
    max-width: 32.7rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .collective-content.slide_up {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .collective-para {
    font-size: .75rem;
  }

  .collective-para.slide_up {
    font-size: 1.1rem;
  }

  .main-footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-col-1, .copy-wrappper {
    width: 100%;
  }

  .copy-wrappper.desktop-shown {
    display: none;
  }

  .footer-menu-content {
    font-size: .875rem;
  }

  .footer-menu-content.ps-16 {
    font-size: 1rem;
  }

  .copy-menu-content {
    text-align: center;
    width: 100%;
    font-size: .875rem;
  }

  .form-details {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
  }

  .instagram-header {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }

  .instagram-images {
    grid-template-columns: 1fr 1fr;
  }

  .heading-8 {
    font-size: 1.375rem;
  }

  .paragraph-11 {
    font-size: .8rem;
  }

  .lab-section {
    height: 600px;
  }

  .story-wrapper {
    padding-top: 60px;
  }

  .persona-heading {
    top: 30%;
  }

  .how-we-made-section {
    height: 25rem;
  }

  .trust-gallery {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .schdule-button {
    font-size: .875rem;
  }

  .heading-11 {
    font-size: 2.125rem;
  }

  .footer-form-heading {
    font-size: 1.2rem;
  }

  .name-wrappper {
    flex-flow: column;
  }

  .submit-button {
    font-size: .875rem;
  }

  .vector-image-1 {
    width: 1.1875rem;
  }

  .cusotm-wrapper-slider {
    margin-top: 0;
    bottom: -1%;
  }

  .image-consulting.sec-block, .image-consulting-1, .image-consulting-1.img-pl, .image-consulting-content.padding-around, .confidence-amplified.sec-block, .confidence-amplified-1, .confidence-amplified-1.video-con, .confidence-amplified-content.padding-around, .social-magnetism.sec-block, .social-magnetism-1, .social-magnetism-1.video-img, .social-magnetism-content.padding-around, .brand-identity.sec-block, .brand-identity-1, .brand-identity-1.video-social, .brand-identity-content.padding-around {
    height: 400px;
    min-height: 400px;
  }

  .link-block-3.st-p {
    display: block;
  }

  .ideas-services.fi-div, .ideas-services-1.img-1.digital-bg, .ideas-services-1.video-brand, .ideas-services-content-1.first-div, .content-our-wrapper-center-new.div-second, .new-custom-content-centert.div-second, .social-content-center-new.div-second, .brand-content-center.div-second {
    height: 400px;
    min-height: 400px;
  }

  .background-video {
    height: 600px;
  }

  .custom-bg-video {
    height: 500px;
  }

  .custom-bg-video.ch-400 {
    height: 400px;
  }

  .digital-services.padding-around {
    height: 400px;
    min-height: 400px;
  }

  .porforlio-heading {
    font-size: 4rem;
  }

  .porforlio-image {
    width: 100%;
    height: 20rem;
  }

  .porforlio-text {
    font-size: 1.2rem;
  }

  .casestudy-section.change-bg {
    height: 600px;
  }

  .case-image {
    width: 20rem;
  }

  .our-new-work-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .our-work-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

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

  .our-work-2 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .our-work-1-wrapper {
    width: 100%;
  }

  .our-work-1-wrapper.our-work-wrapper-none {
    display: block;
  }

  .new-our-work-1 {
    width: 100%;
  }

  .new-our-work-1.our-work-wrapper-none {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .object-block, .how-did-block {
    width: 100%;
  }

  .object-para.padding-work-custom {
    padding-top: 1.3rem;
  }

  .our-work-gallary-1, .our-gallery-2, .our-gallery-work-3 {
    height: 27rem;
  }

  .custom-logo-section {
    height: 25rem;
  }

  .show-case-image {
    height: 27rem;
  }

  .color-plate-section {
    height: 20rem;
  }

  .bottle-section {
    height: 27rem;
  }

  .hero-work {
    height: 400px;
  }

  .work-secondcase-image {
    height: 27rem;
  }

  .work-logo-wrapper {
    width: 20rem;
  }

  .onalaja-image {
    height: 27rem;
  }

  .refine-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .refine-sub-heading {
    font-size: 1.3rem;
  }

  .custom-sub-image {
    height: 27rem;
  }

  .image-14, .image-15 {
    width: 11rem;
  }

  .image-16 {
    width: 20rem;
  }

  .marquee_images {
    flex: none;
    min-width: 700%;
  }

  .section_marquee {
    margin-top: -3rem;
    padding-bottom: 3rem;
  }

  .marquee_imag {
    border-radius: .75rem;
  }

  .grid-layout-wrapper {
    height: 27rem;
  }

  .work-video, .background-video-3 {
    height: 500px;
  }

  .all-font-style {
    flex-flow: column;
    height: auto;
  }

  .font-style-right-section-custom {
    width: 100%;
    height: 15rem;
  }

  .peach_care-section {
    height: 500px;
  }

  .peach_col1, .peach_col2, .peach_col3 {
    height: 20rem;
  }

  .product_card-content {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .mswim_section {
    background-position: 50%;
    height: 500px;
  }

  .mswim_logo {
    flex-flow: column;
    height: auto;
  }

  .mswim_image-1, .mswim_image-2, .mswim_col1, .mswim_col2, .mswim_col3 {
    height: 25rem;
  }

  .mswim_col4 {
    height: 30rem;
  }

  .loader_text {
    font-size: 2.75rem;
  }

  .hero_section-wrap {
    height: 600px;
  }

  .mswim_col4-image {
    object-fit: cover;
  }

  .footer-menu {
    font-size: .8rem;
  }

  .foot-menu-item {
    color: var(--background-color--background-alternate);
    font-size: 1.2rem;
  }

  .coming-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .coming-soon-t {
    font-size: 3rem;
  }

  .img-pages-link.h-500 {
    height: 400px;
  }

  .img-pages-link.h-200 {
    height: 100%;
  }

  .color-block.emerald-color, .color-block.golden-color {
    height: 7rem;
  }

  .color-block-sml.emerald-600-dark, .color-block-sml.golden-600-dark, .color-block-sml.black-dark, .color-block-sml.black-light, .color-block-sml.back-grey, .color-block-sml.white {
    height: 5rem;
  }

  .bg-dark-color-img-wrpr {
    padding-bottom: 3.5rem;
    padding-left: 2.5rem;
  }

  .dark-green-block-absolute {
    max-width: 8rem;
    height: 8rem;
  }

  .color-sec-img {
    width: 100%;
  }

  .desktop-img-sec {
    height: auto;
  }

  .app-content-white-wrpr {
    height: 14rem;
  }

  .app-sec-img {
    height: 15rem;
  }

  .images-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .dinner-date-main-sec {
    height: 500px;
  }

  .dinner-content-wrapper, .dinner-date-content-wrapper-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .tab-images-sec {
    padding-top: 2rem;
  }

  .text-wrapper {
    margin-top: -4rem;
  }

  .big-text-h {
    letter-spacing: 0;
    font-size: 25vw;
  }

  .content-wrpr {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .font-style-sec {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .font-col-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
  }

  .img-section {
    height: 40vh;
  }

  .slider-1 {
    height: 350px;
  }

  .dinner-service-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .service-name {
    font-size: 1rem;
    line-height: 1.2;
  }

  .mobile-mockup-sec {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .try-dinner-sec {
    background-size: cover;
    height: 200px;
  }

  .video-gallery-sec {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .image-41, .image-42, .image-43, .image-44 {
    width: 50%;
  }

  .border-img {
    width: 2px;
  }

  .image-45, .image-46, .image-47, .image-48, .image-49, .image-50 {
    width: 60px;
  }

  .marq-img {
    width: 100px;
  }

  .video_sec-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .video-sec-content-wapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .left-arrow, .right-arrow {
    font-size: .9rem;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

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

  .padding-global.padding-section-large.cus-pad {
    padding-bottom: 2rem;
  }

  .padding-global.no-h {
    padding-top: 2.5rem;
  }

  .padding-global.pad-c {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .text-size-large.color-w {
    font-size: 1rem;
  }

  .container-large {
    height: 100%;
  }

  .container-large.padding-hero.d-flex {
    justify-content: flex-start;
    align-items: center;
  }

  .section_hero {
    height: 500px;
  }

  .about-section {
    padding-top: 4rem;
  }

  .heading-2 {
    font-size: 2rem;
  }

  .heading-2.hero-animated-text.animated-text {
    font-size: 2.5rem;
    transform: translate(0, 100px);
  }

  .about-content {
    font-size: 1rem;
  }

  .logo-section {
    padding-top: 3.5rem;
    padding-bottom: 2rem;
  }

  .splide__slide {
    width: 80px;
  }

  .visuals-section {
    padding-top: 0;
  }

  .visuals-content {
    font-size: 1rem;
  }

  .visuals-image {
    width: 2px;
  }

  .image-2.scroll-translate {
    object-fit: cover;
    height: 7rem;
    right: 0%;
  }

  .gallery-section {
    z-index: 2147483647;
    position: relative;
  }

  .main-gallery-wrapper-2, .gallery-img-3 {
    height: 200px;
  }

  .slider_content {
    font-family: Aktivgrotesk light, Georgia, sans-serif;
  }

  .heading-style-h1-2 {
    font-size: 1rem;
  }

  .slider_wraper {
    width: 100%;
    max-width: 37rem;
  }

  .approach-section {
    height: 900px;
  }

  .image-4 {
    height: 18.3rem;
    bottom: 10%;
  }

  .image-4.slide_up {
    bottom: 2%;
  }

  .nav-wrapper {
    z-index: 1;
  }

  .main-button-wrapper {
    width: 120px;
    height: 14.17px;
  }

  .custom-approuch-heading {
    font-size: 2rem;
  }

  .custom-approuch-heading.approunch-content.slide_up {
    font-size: 2.625rem;
  }

  .our-approach {
    padding-top: 0;
  }

  .text-block-2 {
    font-size: .8rem;
  }

  .approuch-content, .approuch-content.slide_up, .work-para.slide_up, .text-block-3, .feed-back-content.slide_up {
    font-size: .9rem;
  }

  .define-button-wrapper {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .button-3 {
    width: 100%;
    font-size: .8rem;
  }

  .button-3.active {
    width: 100%;
  }

  .our-vision-section {
    height: 100%;
    padding-top: 0;
    padding-bottom: 4rem;
    position: relative;
  }

  .vision-wrapper {
    top: 0%;
  }

  .vision-wrapper.slide_up {
    padding-bottom: 0;
  }

  .vision-heading {
    width: 100%;
  }

  .paragraph-6 {
    font-size: .9rem;
  }

  .image-6 {
    display: inline-flex;
    position: relative;
    top: 0%;
  }

  .image-6.slide_up {
    height: 100%;
    margin-top: 0;
  }

  .portfolio_grid {
    grid-template-columns: 1fr 1fr;
    height: 310px;
  }

  .portfolio_grid.slide_up, .portfolio_img-wrapper {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .heading-5.custom-margin {
    display: none;
    position: relative;
    top: 0;
    bottom: 0%;
    left: 0;
  }

  .heading-5.custom-margin.custom-marque-new {
    font-size: 4.8rem;
    display: block;
    bottom: 0%;
  }

  .services-menu {
    padding-top: 4.9rem;
  }

  .all-menu-wrapper {
    grid-template-columns: 1fr;
    font-size: .7rem;
  }

  .menu-sub-heading {
    font-size: 1rem;
  }

  .para-content, .art-content {
    font-size: .9rem;
  }

  .faq-heading {
    font-size: 1.3rem;
  }

  .paragraph-7 {
    font-size: .9rem;
  }

  .hover-color {
    padding-bottom: .8rem;
    padding-left: .8rem;
  }

  .hover-headig, .sub-hover {
    font-size: .6rem;
  }

  .menu-item {
    font-size: 1.9rem;
  }

  .hamgurger-menu.desktop-none.hiide {
    display: none;
  }

  .about-block-button.slide_up {
    width: 10rem;
  }

  .collective-wrapper {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
  }

  .collective-content {
    font-size: 1rem;
  }

  .collective-image {
    width: 2px;
    height: 60px;
  }

  .collective-para.slide_up {
    font-size: .9rem;
  }

  .about-heading-new, .about-heading-new.slide_up {
    font-size: 2rem;
  }

  .about-heading-new.slide_up.contact-heading {
    line-height: 2.5rem;
  }

  .footer-col-1 {
    flex-flow: column;
    align-items: center;
  }

  .heading-8 {
    font-size: 1rem;
  }

  .paragraph-11 {
    font-size: .7rem;
  }

  .insta-image {
    height: 100%;
  }

  .lab-section {
    height: 500px;
  }

  .story-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .story-content.none-block {
    display: none;
  }

  .branding-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .brand-content {
    font-size: 1.03rem;
    line-height: 1.5rem;
  }

  .how-we-made-section {
    height: 20rem;
  }

  .trust-gallery {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    grid-template-columns: 1fr 1fr;
  }

  .ready-content {
    font-size: 1.6rem;
  }

  .ready-content.custom-width {
    font-size: 1.5rem;
  }

  .link, .link-2 {
    color: var(--base-color-neutral--white);
    -webkit-text-decoration: overline #0000;
    text-decoration: overline #0000;
  }

  .link-3 {
    color: var(--base-color-neutral--white);
    -webkit-text-decoration: underline #0000;
    text-decoration: underline #0000;
  }

  .heading-11 {
    font-size: 1.9rem;
  }

  .heading-13, .heading-13.slide_up {
    font-size: 1.5rem;
  }

  .name-wrappper {
    flex-flow: column;
  }

  .menu-item-2 {
    font-size: 1.9rem;
  }

  .link-4 {
    color: #fff;
    -webkit-text-decoration: overline #0000;
    text-decoration: overline #0000;
  }

  .link-5 {
    color: #fff;
    -webkit-text-decoration: underline #0000;
    text-decoration: underline #0000;
  }

  .sub-hover-content {
    font-size: .6rem;
  }

  .cusotm-wrapper-slider {
    bottom: -4%;
  }

  .image-consulting.sec-block, .image-consulting-1, .image-consulting-1.img-pl {
    height: 200px;
    min-height: 200px;
  }

  .image-consulting-content.padding-around {
    height: 200px;
    min-height: 200px;
    padding: 0;
  }

  .confidence-amplified.sec-block, .confidence-amplified-1, .confidence-amplified-1.video-con {
    height: 200px;
    min-height: 200px;
  }

  .confidence-amplified-content.padding-around {
    height: 200px;
    min-height: 200px;
    padding: 0;
  }

  .social-magnetism.sec-block, .social-magnetism-1, .social-magnetism-1.video-img {
    height: 200px;
    min-height: 200px;
  }

  .social-magnetism-content.padding-around {
    height: 200px;
    min-height: 200px;
    padding: 0;
  }

  .brand-identity.sec-block, .brand-identity-1, .brand-identity-1.video-social {
    height: 200px;
    min-height: 200px;
  }

  .brand-identity-content.padding-around {
    height: 200px;
    min-height: 200px;
    padding: 0;
  }

  .ideas-services.fi-div, .ideas-services-1.img-1.digital-bg, .ideas-services-1.video-brand, .ideas-services-content-1.first-div {
    height: 200px;
    min-height: 200px;
  }

  .content-our-wrapper-center-new.div-second, .new-custom-content-centert.div-second {
    height: 200px;
    min-height: 200px;
    padding-right: 1rem;
  }

  .social-content-center-new.div-second {
    height: 200px;
    min-height: 200px;
    padding: 0 1rem;
  }

  .brand-content-center.div-second {
    height: 200px;
    min-height: 200px;
    padding-right: 1rem;
  }

  .background-video {
    height: 500px;
  }

  .custom-bg-video.ch-400 {
    height: 200px;
  }

  .digital-services.padding-around {
    height: 200px;
    min-height: 100px;
  }

  .porforlio-heading {
    font-size: 2.5rem;
  }

  .portforlio-wrpper {
    grid-column-gap: 10px;
  }

  .porforlio-image {
    height: 15rem;
  }

  .porforlio-text {
    font-size: 1rem;
    line-height: 1.3;
  }

  .casestudy-section, .casestudy-section.change-bg {
    height: 500px;
  }

  .case-image {
    width: 15rem;
  }

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

  .our-new-work-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .our-work-2 {
    grid-column-gap: 1.9rem;
    grid-row-gap: 1.9rem;
  }

  .new-our-work-1.slide_up, .industry-block, .loacation-block {
    width: 100%;
  }

  .our-work-1-heading {
    font-size: 2rem;
  }

  .our-work-heading-3 {
    font-size: 1rem;
  }

  .heading-17, .our-industry-content {
    font-size: .8rem;
  }

  .object-content {
    font-size: 1rem;
  }

  .object-para {
    font-size: .88rem;
  }

  .how-paragrpgh {
    font-size: 1rem;
  }

  .our-work-gallary-1, .our-gallery-2, .our-gallery-work-3, .custom-logo-section, .show-case-image, .color-plate-section {
    height: 20rem;
  }

  .bottle-section {
    height: 320px;
  }

  .bottle-image {
    height: 300px;
  }

  .hero-work {
    height: 400px;
  }

  .secondcase-gallery {
    padding-bottom: 3rem;
  }

  .work-secondcase-image {
    height: 15rem;
  }

  .work-log-section {
    height: 20rem;
  }

  .work-logo-wrapper {
    width: 12rem;
  }

  .concepts-section {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 20rem;
    padding: 20px;
    display: flex;
  }

  .concepts-wrapper {
    position: relative;
    top: 0%;
    left: 0%;
  }

  .concepts-heading {
    font-size: 1.2rem;
  }

  .new-custom-section {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    width: 100%;
    margin-left: auto;
    position: relative;
    bottom: 0%;
    right: 0%;
  }

  .paragraph-13 {
    max-width: 12.8rem;
    font-size: .8rem;
  }

  .onalaja-image {
    height: 20rem;
  }

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

  .refine-sub-heading {
    font-size: 1.1rem;
  }

  .custom-sub-image {
    height: 20rem;
  }

  .image-14, .image-15 {
    width: 8rem;
  }

  .image-16 {
    width: 12rem;
  }

  .marquee_images {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: 1200%;
  }

  .marquee_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .marquee_imag {
    border-radius: .5rem;
  }

  .grid-layout-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 23%;
  }

  .grid-layout-1.display-none-grid {
    display: none;
  }

  .grid-layout-wrapper {
    height: 20rem;
    padding-left: 15px;
    padding-right: 15px;
  }

  .work-video, .background-video-3 {
    height: 300px;
  }

  .peach_care-section {
    height: 400px;
  }

  .peech-image-style {
    width: 80%;
  }

  .products_image, .peach_col1, .peach_col2 {
    height: 10rem;
  }

  .peach_col3 {
    height: 200px;
  }

  .products_card {
    width: 100%;
  }

  .products_card-wrapper {
    flex-flow: wrap;
  }

  .mswim_section {
    height: 300px;
  }

  .mswim_col2 {
    height: 15rem;
  }

  .inner_loader {
    width: 18rem;
  }

  .loader_text {
    font-size: 2.5rem;
  }

  .hero_section-wrap {
    height: 500px;
  }

  .vector_img-wrap {
    transform: translateX(50%);
  }

  .mswim_col4-image {
    object-fit: cover;
  }

  .footer-logo {
    width: 100%;
    max-width: 250px;
  }

  .footer-menu {
    justify-content: flex-start;
    align-items: center;
  }

  .foot-menu-item {
    color: var(--background-color--background-alternate);
  }

  .overlay-beige {
    display: block;
  }

  .coming-soon-t {
    font-size: 2.2rem;
    font-weight: 100;
  }

  .heading-19 {
    font-size: 2rem;
  }

  .img-pages-link.h-500 {
    height: 200px;
  }

  .site-logo {
    width: 150px;
  }

  .block-color-name-white, .block-color-name-black {
    font-size: .8rem;
  }

  .app-sec {
    padding-left: .5rem;
  }

  .app-content-wrpr {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
  }

  .app-content-white-wrpr {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    height: 9rem;
    padding-left: .5rem;
  }

  .app-sec-img {
    height: 11rem;
  }

  .content-wrapper {
    min-height: 500px;
  }

  .nxt-prev-text {
    font-size: .8rem;
  }

  .dinner-date-main-sec {
    height: 300px;
  }

  .dinner-date-content-wrapper-2 {
    grid-template-rows: auto;
  }

  .animation-logo-sec {
    min-height: 350px;
  }

  .animation-logo-wrapper {
    justify-content: center;
    align-items: center;
  }

  .text-wrapper {
    margin-top: -2rem;
  }

  .big-text-h {
    font-size: 22vw;
  }

  .service-content-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .mockup-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .try-dinner-sec {
    height: 100px;
  }

  .image-45, .image-46, .image-47 {
    width: 40px;
  }

  .image-48 {
    width: 60px;
  }

  .image-49 {
    width: 40px;
  }

  .image-50 {
    width: 80px;
  }

  .marq-img {
    width: 60px;
  }

  .col-right-video {
    height: 500px;
  }

  .image-52 {
    width: 30%;
    margin-left: 50px;
    display: block;
  }

  .image-53 {
    width: 30%;
    display: block;
  }
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-211da26b {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-211da26b, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-211da26b {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-211da26b {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-211da26b {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-211da26b {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-211da26b, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-211da26b {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-211da26b {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-211da26b, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-211da26b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-211da26b {
  justify-self: start;
}

#w-node-ecb511d1-d9d3-b922-7907-1945c13be806-211da271 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ecb511d1-d9d3-b922-7907-1945c13be807-211da271, #w-node-ecb511d1-d9d3-b922-7907-1945c13be809-211da271, #w-node-ecb511d1-d9d3-b922-7907-1945c13be824-211da271 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_485b5b47-107f-0975-6a39-197c495d3dbf-211da273, #w-node-ed7cf8c1-f0a4-c574-d2a6-2604743dae6b-211da273 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed7cf8c1-f0a4-c574-d2a6-2604743dae6e-211da273, #w-node-ed7cf8c1-f0a4-c574-d2a6-2604743dae89-211da273, #w-node-ed7cf8c1-f0a4-c574-d2a6-2604743daea2-211da273 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1ce87b87-354e-ed8b-11ed-2cac3d53d2f9-211da278 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_488d2cf9-5806-fa6c-1f5d-d011a8b6d38f-211da278, #w-node-_9331d51d-b53e-859f-22bb-9106a277ace9-211da278, #w-node-c28dc72e-2f5d-e9c1-469e-3450fc56a563-211da278, #w-node-f3bab07c-b898-aeae-faf2-2fae8b8be4d6-211da278 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d432428a-f0bf-26da-b815-c0004c9d1480-211da278 {
  align-self: center;
}

#w-node-fa5ea061-501e-de3b-8e72-5917f26c4fc3-211da278 {
  place-self: center;
}

@media screen and (max-width: 479px) {
  #w-node-ecb511d1-d9d3-b922-7907-1945c13be806-211da271, #w-node-_1ce87b87-354e-ed8b-11ed-2cac3d53d2f9-211da278 {
    grid-row: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgrotesk light';
  src: url('../fonts/AktivGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgrotesk regular';
  src: url('../fonts/AktivGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgrotesk medium';
  src: url('../fonts/AktivGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgrotesk';
  src: url('../fonts/AktivGrotesk-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Aktivgrotesk';
  src: url('../fonts/AktivGrotesk-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela Trial';
  src: url('../fonts/Canela-Regular-Trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Delcy ';
  src: url('../fonts/Delcy-Regular-BF65fba6c9b769c.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela Trial thin';
  src: url('../fonts/Canela-Thin-Trial.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}