:root {
  --color--background: var(--brand--off-white);
  --main--main-font: Gilroy, Arial, sans-serif;
  --color--text: var(--brand--gray-antarctic);
  --typography--text: 1rem;
  --typography--line-height-m: 1.2em;
  --main--regular-weight: 400;
  --spacings--no-space: 0rem;
  --main--secondary-font: "Runalto Final", Arial, sans-serif;
  --typography--h1: 5rem;
  --typography--line-height-s: 1.1em;
  --typography--letter-spacing-l: .02em;
  --typography--h2: 4rem;
  --typography--h3: 3.25rem;
  --typography--h4: 2.625rem;
  --spacings--xs: .75rem;
  --typography--h5: 2rem;
  --spacings--3xs: .25rem;
  --typography--h6: 1.5rem;
  --typography--text-2xl: 1.5rem;
  --typography--line-height-l: 1.3em;
  --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
  --spacings--m: 1rem;
  --spacings--2xs: .5rem;
  --spacings--4xl: 4rem;
  --neutral--neutral-dark: black;
  --color--text-alternative: var(--neutral--neutral-white);
  --brand--burgundy-dust: #8d5343;
  --brand--off-white: #fffbf3;
  --spacings--5xl: 5rem;
  --brand--gray-antarctic: #2a2928;
  --brand--wall-white: #f7ecdd;
  --brand--transp-kaki: #74583d99;
  --brand--kaki: #74583d;
  --spacings--3xl: 3rem;
  --brand--gray-lines: #bebebe;
  --container--main-size: 90rem;
  --container--size-padding: 2.5rem;
  --container--grid-gap: 1.5rem;
  --spacings--s: .875rem;
  --border--radius-s: .5rem;
  --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
  --typography--text-s: .875rem;
  --typography--jumbo: 10.25rem;
  --typography--text-m: 1rem;
  --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
  --neutral--neutral-white: white;
  --spacings--l: 1.25rem;
  --neutral--neutral-100: #f0f4f9;
  --neutral--neutral-200: #e8ecf0;
  --neutral--neutral-300: #cccfd6;
  --neutral--neutral-400: #b2b5be;
  --neutral--neutral-500: #676a71;
  --system--error: #f46b6b;
  --system--success: #4cb06c;
  --navy-300\<deleted\|variable-c86ae2a3\>: #19224c;
  --spacings--xl: 1.5rem;
  --spacings--2xl: 2rem;
  --min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>: 8.75rem;
  --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
  --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
  --orange-300\<deleted\|variable-8635f960\>: #657cff;
  --size--size-xs-tablet\<deleted\|variable-d0e379b9-633b-4894-a220-b20d719a6523\>: .75rem;
  --color--text-secondary: var(--brand--wall-white);
  --bg-blue-100\<deleted\|variable-5dd580e5\>: #dee3ff;
  --typography--text-xl: 1.25rem;
  --typography--line-height-xl: 1.4em;
  --neutral-100\<deleted\|variable-7f2b910f\>: #f9f9f9;
  --typography--line-height-xs: 1em;
  --swatch--secondary-200\<deleted\|variable-d5f71c45-abf0-fd86-966a-519f816aea18\>: #c7cfff;
  --swatch--secondary-100\<deleted\|variable-933205a7-2d4c-dc92-8ee7-48cb3ae3ef02\>: #dee3ff;
  --typography--h6-mobile\<deleted\|variable-e80db18a-dbec-a3af-fbc5-d3bd9de3d4cb\>: 1rem;
  --neutral--neutral-600: #6c6b6a;
  --system--error-light: #ffe5e5;
  --system--warning: #ffa25b;
  --system--warning-light: #fff2e9;
  --system--success-light: #d5f4e7;
  --typography--text-xs: .75rem;
  --brand--transp-beige: #fff7e81a;
  --typography--text-l: 1.125rem;
  --brand--transp-black: #0009;
  --brand--trans-off-white: #fffbf3b3;
  --main--medium-weight: 500;
  --main--light-weight: 300;
  --typography--line-height-2xl: 1.5em;
  --main--thin-weight: 100;
  --main--extra-light-weight: 200;
  --main--semi-bold-weight: 600;
  --main--bold-weight: 700;
  --main--extra-bold-weight: 800;
  --main--black-bold-weight: 900;
  --border--radius-m: .75rem;
  --border--radius-l: 1rem;
  --color--background-secondary: var(--brand--wall-white);
  --color--background-alternative: var(--neutral--neutral-dark);
  --typography--letter-spacing-xs: -.04em;
  --typography--letter-spacing-s: -.02em;
  --typography--letter-spacing-m: 0em;
  --typography--letter-spacing-xl: .04em;
  --brand--trans-white: #ffffff1a;
  --brand--gradient-fade: #2a292800;
}

body {
  background-color: var(--color--background);
  font-family: var(--main--main-font);
  color: var(--color--text);
  font-size: var(--typography--text);
  line-height: var(--typography--line-height-m);
  font-weight: var(--main--regular-weight);
  --color--background: var(--brand--off-white);
  --main--main-font: Gilroy, Arial, sans-serif;
  --color--text: var(--brand--gray-antarctic);
  --typography--text: 1rem;
  --typography--line-height-m: 1.2em;
  --main--regular-weight: 400;
  --spacings--no-space: 0rem;
  --main--secondary-font: "Runalto Final", Arial, sans-serif;
  --typography--h1: 5rem;
  --typography--line-height-s: 1.1em;
  --typography--letter-spacing-l: .02em;
  --typography--h2: 4rem;
  --typography--h3: 3.25rem;
  --typography--h4: 2.625rem;
  --spacings--xs: .75rem;
  --typography--h5: 2rem;
  --spacings--3xs: .25rem;
  --typography--h6: 1.5rem;
  --typography--text-2xl: 1.5rem;
  --typography--line-height-l: 1.3em;
  --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
  --spacings--m: 1rem;
  --spacings--2xs: .5rem;
  --spacings--4xl: 4rem;
  --neutral--neutral-dark: black;
  --color--text-alternative: var(--neutral--neutral-white);
  --brand--burgundy-dust: #8d5343;
  --brand--off-white: #fffbf3;
  --spacings--5xl: 5rem;
  --brand--gray-antarctic: #2a2928;
  --brand--wall-white: #f7ecdd;
  --brand--transp-kaki: #74583d99;
  --brand--kaki: #74583d;
  --spacings--3xl: 3rem;
  --brand--gray-lines: #bebebe;
  --container--main-size: 90rem;
  --container--size-padding: 2.5rem;
  --container--grid-gap: 1.5rem;
  --spacings--s: .875rem;
  --border--radius-s: .5rem;
  --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
  --typography--text-s: .875rem;
  --typography--jumbo: 10.25rem;
  --typography--text-m: 1rem;
  --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
  --neutral--neutral-white: white;
  --spacings--l: 1.25rem;
  --neutral--neutral-100: #f0f4f9;
  --neutral--neutral-200: #e8ecf0;
  --neutral--neutral-300: #cccfd6;
  --neutral--neutral-400: #b2b5be;
  --neutral--neutral-500: #676a71;
  --system--error: #f46b6b;
  --system--success: #4cb06c;
  --navy-300\<deleted\|variable-c86ae2a3\>: #19224c;
  --spacings--xl: 1.5rem;
  --spacings--2xl: 2rem;
  --min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>: 8.75rem;
  --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
  --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
  --orange-300\<deleted\|variable-8635f960\>: #657cff;
  --size--size-xs-tablet\<deleted\|variable-d0e379b9-633b-4894-a220-b20d719a6523\>: .75rem;
  --color--text-secondary: var(--brand--wall-white);
  --bg-blue-100\<deleted\|variable-5dd580e5\>: #dee3ff;
  --typography--text-xl: 1.25rem;
  --typography--line-height-xl: 1.4em;
  --neutral-100\<deleted\|variable-7f2b910f\>: #f9f9f9;
  --typography--line-height-xs: 1em;
  --swatch--secondary-200\<deleted\|variable-d5f71c45-abf0-fd86-966a-519f816aea18\>: #c7cfff;
  --swatch--secondary-100\<deleted\|variable-933205a7-2d4c-dc92-8ee7-48cb3ae3ef02\>: #dee3ff;
  --typography--h6-mobile\<deleted\|variable-e80db18a-dbec-a3af-fbc5-d3bd9de3d4cb\>: 1rem;
  --neutral--neutral-600: #6c6b6a;
  --system--error-light: #ffe5e5;
  --system--warning: #ffa25b;
  --system--warning-light: #fff2e9;
  --system--success-light: #d5f4e7;
  --typography--text-xs: .75rem;
  --brand--transp-beige: #fff7e81a;
  --typography--text-l: 1.125rem;
  --brand--transp-black: #0009;
  --brand--trans-off-white: #fffbf3b3;
  --main--medium-weight: 500;
  --main--light-weight: 300;
  --typography--line-height-2xl: 1.5em;
  --main--thin-weight: 100;
  --main--extra-light-weight: 200;
  --main--semi-bold-weight: 600;
  --main--bold-weight: 700;
  --main--extra-bold-weight: 800;
  --main--black-bold-weight: 900;
  --border--radius-m: .75rem;
  --border--radius-l: 1rem;
  --color--background-secondary: var(--brand--wall-white);
  --color--background-alternative: var(--neutral--neutral-dark);
  --typography--letter-spacing-xs: -.04em;
  --typography--letter-spacing-s: -.02em;
  --typography--letter-spacing-m: 0em;
  --typography--letter-spacing-xl: .04em;
  --brand--trans-white: #ffffff1a;
  --brand--gradient-fade: #2a292800;
}

h1 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--secondary-font);
  color: var(--color--text);
  font-size: var(--typography--h1);
  line-height: var(--typography--line-height-s);
  font-weight: var(--main--regular-weight);
  letter-spacing: var(--typography--letter-spacing-l);
}

h2 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h2);
  line-height: var(--typography--line-height-s);
  font-weight: var(--main--regular-weight);
}

h3 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h3);
  line-height: var(--typography--line-height-m);
  font-weight: var(--main--regular-weight);
}

h4 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--no-space);
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h4);
  line-height: var(--typography--line-height-m);
  font-weight: var(--main--regular-weight);
}

h5 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--xs);
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h5);
  line-height: var(--typography--line-height-m);
  font-weight: var(--main--regular-weight);
}

h6 {
  margin-top: var(--spacings--no-space);
  margin-bottom: var(--spacings--3xs);
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h6);
  line-height: var(--typography--line-height-m);
  font-weight: var(--main--regular-weight);
  text-transform: uppercase;
}

p {
  margin-bottom: var(--spacings--no-space);
  font-size: var(--typography--text-2xl);
  line-height: var(--typography--line-height-l);
}

a {
  color: var(--color--text);
  text-decoration: none;
  transition: color .25s;
}

a:hover {
  color: var(--brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>);
}

ul, ol {
  margin-bottom: var(--spacings--no-space);
  padding-left: var(--spacings--m);
  grid-column-gap: var(--spacings--2xs);
  grid-row-gap: var(--spacings--2xs);
  color: var(--color--text);
  font-size: var(--typography--text);
  line-height: var(--typography--line-height-m);
  flex-direction: column;
  display: flex;
}

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

blockquote {
  margin-bottom: var(--spacings--no-space);
  border-left: 5px #e2e2e2;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1em;
}

figure {
  margin-bottom: 20px;
}

figcaption {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.3em;
}

.section {
  padding-top: var(--spacings--4xl);
  padding-bottom: var(--spacings--4xl);
  flex-flow: column;
  align-items: center;
  display: flex;
}

.section.style-guide-hero-section {
  padding-top: 14rem;
  padding-bottom: var(--spacings--4xl);
  background-color: var(--neutral--neutral-dark);
  color: var(--color--text-alternative);
}

.section.hero-section {
  min-height: 100vh;
  padding-top: 14rem;
  padding-bottom: var(--spacings--4xl);
  color: var(--color--text-alternative);
  background-image: url("https://cdn.prod.website-files.com/6a3552df495815b86529a3ab/6a3552df495815b86529a403_flow.ninja.styleguide.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
}

.section._404-section {
  min-height: 100vh;
  padding-top: 4rem;
  padding-bottom: var(--spacings--4xl);
  background-color: var(--brand--burgundy-dust);
  color: var(--color--text-alternative);
  justify-content: center;
  align-items: center;
}

.section.home-hero {
  padding-top: 13.125rem;
  padding-bottom: 2.5rem;
  position: relative;
}

.section.event-sticky-section.estetska {
  padding-top: var(--spacings--no-space);
  padding-bottom: var(--spacings--no-space);
  aspect-ratio: auto;
  position: relative;
}

.section.event-sticky-section.osnivac, .section.event-sticky-section.osnivac-copy {
  padding-top: 18rem;
  padding-bottom: var(--spacings--5xl);
  background-color: var(--brand--gray-antarctic);
  color: var(--brand--wall-white);
  overflow: hidden;
}

.section.cta {
  padding-top: var(--spacings--no-space);
  padding-bottom: var(--spacings--no-space);
  background-color: var(--brand--wall-white);
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
}

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

.section.padding-8xl.bottom {
  padding-bottom: 4.5rem;
}

.section.padding-8xl.top-border {
  border-top: 1px solid #bebebe;
}

.section._100vh {
  min-height: 100vh;
}

.section.title-section {
  padding-top: var(--spacings--5xl);
  padding-bottom: var(--spacings--5xl);
}

.section.usluge-hero {
  color: var(--brand--wall-white);
  padding-top: 13.125rem;
  padding-bottom: 18.875rem;
  position: relative;
}

.section._2col-section {
  padding-top: var(--spacings--no-space);
  padding-bottom: var(--spacings--no-space);
}

.section.results {
  padding-top: 10rem;
  padding-bottom: 4.5rem;
}

.section.contact {
  padding-top: 16.25rem;
  padding-bottom: 7.5rem;
  position: relative;
}

.section.team {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.section.blog-hero {
  min-height: 55rem;
  padding-bottom: var(--spacings--3xl);
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.section.blog-body {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  position: relative;
}

.section.blog {
  padding-top: 10rem;
  padding-bottom: 4.5rem;
  position: relative;
}

.section.about-us {
  min-height: 1800px;
  color: var(--brand--wall-white);
  padding-top: 13.125rem;
  position: relative;
}

.section.our-space {
  padding-top: var(--spacings--no-space);
  padding-bottom: var(--spacings--no-space);
}

.section.pricing {
  padding-top: 10rem;
  padding-bottom: 5rem;
  position: relative;
}

.section.footer {
  padding-top: 2.5rem;
  padding-bottom: var(--spacings--no-space);
  border-top: 1px solid var(--brand--transp-kaki);
  background-color: var(--brand--wall-white);
  color: var(--brand--kaki);
}

.section.padding-5xl.bg-burgundy.medspa-copy {
  padding-bottom: 14.6875rem;
}

.section.padding-5xl.bg-burgundy.overflow-hidden.padding-bottom-large {
  padding-bottom: 10rem;
}

.section.usluge-hero-post {
  color: var(--brand--wall-white);
  padding-top: 13.125rem;
  padding-bottom: 6.625rem;
  position: relative;
}

.section.newsletter-section {
  border-top: 1px solid var(--brand--gray-lines);
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}

.section.no-padding-top {
  padding-top: var(--spacings--no-space);
}

.container {
  width: 100%;
  max-width: var(--container--main-size);
  padding-right: var(--container--size-padding);
  padding-left: var(--container--size-padding);
}

.container.relative.z1 {
  z-index: 1;
  border-radius: 0;
  margin-top: 57px;
}

.container.grid {
  grid-column-gap: var(--container--grid-gap);
  grid-row-gap: var(--container--grid-gap);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid.margin-xl {
  margin-bottom: 80px;
}

.container.grid.margin-320px {
  margin-bottom: 20rem;
}

.container.flex-center.margin-hero {
  margin-bottom: 23.75rem;
}

.container.flex-center.margin-5xl.z1 {
  z-index: 1;
  position: relative;
}

.container.flex-center.margin-350px {
  margin-bottom: 22rem;
}

.container.flex-center.margin-hero-usluge {
  margin-bottom: 23.75rem;
}

.container.flex-center.margin-10xl {
  margin-bottom: 11.625rem;
}

.container.flex-center.margin-10xl.relative.z1 {
  z-index: 1;
}

.container.flex-center.margin60 {
  margin-bottom: 3.75rem;
}

.container.flex-center.gap60 {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
}

.container.medspa-container.bot {
  margin-bottom: 12rem;
}

.container.medspa-container.right2 {
  justify-content: flex-end;
  margin-top: 7rem;
  margin-bottom: 2rem;
  display: flex;
}

.container.medspa-container.right2.hide-mobile {
  left: 4%;
}

.container.medspa-container.right3 {
  justify-content: flex-end;
  margin-top: 6rem;
  margin-bottom: 14rem;
  display: flex;
}

.container.medspa-container.right3.margin-top {
  margin-top: 6rem;
  margin-bottom: 12rem;
}

.container.medspa-container.right3.margin {
  margin-top: 6rem;
}

.container.medspa-container.right {
  justify-content: flex-end;
  margin-top: 12rem;
  margin-bottom: 10rem;
  display: flex;
}

.container.medspa-container.right.margin-top {
  margin-top: 6rem;
  margin-bottom: 12rem;
}

.container.medspa-container.right.margin-top.margin-bot {
  margin-bottom: 4rem;
}

.container.medspa-container.right.margin {
  margin-top: 6rem;
}

.container.faq {
  max-width: 68.75rem;
}

.container.hide-desktop {
  display: none;
}

.column {
  --color--background: var(--brand--off-white);
  --main--main-font: Gilroy, Arial, sans-serif;
  --color--text: var(--brand--gray-antarctic);
  --typography--text: 1rem;
  --typography--line-height-m: 1.2em;
  --main--regular-weight: 400;
  --spacings--no-space: 0rem;
  --main--secondary-font: "Runalto Final", Arial, sans-serif;
  --typography--h1: 5rem;
  --typography--line-height-s: 1.1em;
  --typography--letter-spacing-l: .02em;
  --typography--h2: 4rem;
  --typography--h3: 3.25rem;
  --typography--h4: 2.625rem;
  --spacings--xs: .75rem;
  --typography--h5: 2rem;
  --spacings--3xs: .25rem;
  --typography--h6: 1.5rem;
  --typography--text-2xl: 1.5rem;
  --typography--line-height-l: 1.3em;
  --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
  --spacings--m: 1rem;
  --spacings--2xs: .5rem;
  --spacings--4xl: 4rem;
  --neutral--neutral-dark: black;
  --color--text-alternative: var(--neutral--neutral-white);
  --brand--burgundy-dust: #8d5343;
  --brand--off-white: #fffbf3;
  --spacings--5xl: 5rem;
  --brand--gray-antarctic: #2a2928;
  --brand--wall-white: #f7ecdd;
  --brand--transp-kaki: #74583d99;
  --brand--kaki: #74583d;
  --spacings--3xl: 3rem;
  --brand--gray-lines: #bebebe;
  --container--main-size: 90rem;
  --container--size-padding: 2.5rem;
  --container--grid-gap: 1.5rem;
  --spacings--s: .875rem;
  --border--radius-s: .5rem;
  --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
  --typography--text-s: .875rem;
  --typography--jumbo: 10.25rem;
  --typography--text-m: 1rem;
  --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
  --neutral--neutral-white: white;
  --spacings--l: 1.25rem;
  --neutral--neutral-100: #f0f4f9;
  --neutral--neutral-200: #e8ecf0;
  --neutral--neutral-300: #cccfd6;
  --neutral--neutral-400: #b2b5be;
  --neutral--neutral-500: #676a71;
  --system--error: #f46b6b;
  --system--success: #4cb06c;
  --navy-300\<deleted\|variable-c86ae2a3\>: #19224c;
  --spacings--xl: 1.5rem;
  --spacings--2xl: 2rem;
  --min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>: 8.75rem;
  --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
  --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
  --orange-300\<deleted\|variable-8635f960\>: #657cff;
  --size--size-xs-tablet\<deleted\|variable-d0e379b9-633b-4894-a220-b20d719a6523\>: .75rem;
  --color--text-secondary: var(--brand--wall-white);
  --bg-blue-100\<deleted\|variable-5dd580e5\>: #dee3ff;
  --typography--text-xl: 1.25rem;
  --typography--line-height-xl: 1.4em;
  --neutral-100\<deleted\|variable-7f2b910f\>: #f9f9f9;
  --typography--line-height-xs: 1em;
  --swatch--secondary-200\<deleted\|variable-d5f71c45-abf0-fd86-966a-519f816aea18\>: #c7cfff;
  --swatch--secondary-100\<deleted\|variable-933205a7-2d4c-dc92-8ee7-48cb3ae3ef02\>: #dee3ff;
  --typography--h6-mobile\<deleted\|variable-e80db18a-dbec-a3af-fbc5-d3bd9de3d4cb\>: 1rem;
  --neutral--neutral-600: #6c6b6a;
  --system--error-light: #ffe5e5;
  --system--warning: #ffa25b;
  --system--warning-light: #fff2e9;
  --system--success-light: #d5f4e7;
  --typography--text-xs: .75rem;
  --brand--transp-beige: #fff7e81a;
  --typography--text-l: 1.125rem;
  --brand--transp-black: #0009;
  --brand--trans-off-white: #fffbf3b3;
  --main--medium-weight: 500;
  --main--light-weight: 300;
  --typography--line-height-2xl: 1.5em;
  --main--thin-weight: 100;
  --main--extra-light-weight: 200;
  --main--semi-bold-weight: 600;
  --main--bold-weight: 700;
  --main--extra-bold-weight: 800;
  --main--black-bold-weight: 900;
  --border--radius-m: .75rem;
  --border--radius-l: 1rem;
  --color--background-secondary: var(--brand--wall-white);
  --color--background-alternative: var(--neutral--neutral-dark);
  --typography--letter-spacing-xs: -.04em;
  --typography--letter-spacing-s: -.02em;
  --typography--letter-spacing-m: 0em;
  --typography--letter-spacing-xl: .04em;
  --brand--trans-white: #ffffff1a;
  --brand--gradient-fade: #2a292800;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.column.z2 {
  z-index: 2;
}

.column.gap-l {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.column.expand-copy {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  max-width: 18rem;
  color: var(--brand--wall-white);
  flex: none;
  margin-top: -1.4rem;
  padding-top: .75rem;
  padding-left: .75rem;
}

.column.expand {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  max-width: 30rem;
  color: var(--brand--wall-white);
  flex: none;
  margin-top: -1.4rem;
  padding-top: .75rem;
  padding-left: .75rem;
}

.column.max {
  max-width: 38rem;
}

.column.max-673 {
  max-width: 42.0625rem;
}

.column.max500 {
  max-width: 31.25rem;
}

.column.max500.gap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.column.sticky {
  position: sticky;
  top: 5rem;
}

.column.expand-left {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  max-width: 26rem;
  color: var(--brand--wall-white);
  flex: none;
  margin-top: -1.4rem;
  padding-top: .75rem;
  padding-right: .75rem;
}

.jumbo-h {
  font-family: var(--main--secondary-font);
  font-size: var(--typography--jumbo);
  line-height: var(--typography--line-height-s);
  font-weight: var(--main--regular-weight);
}

.bg-neutral-white {
  background-color: var(--neutral--neutral-white);
}

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

.margin-2xs {
  margin-bottom: var(--spacings--2xs);
}

.margin-xl {
  margin-bottom: var(--spacings--xl);
}

.margin-2xl {
  margin-bottom: var(--spacings--2xl);
}

.margin-3xl {
  margin-bottom: var(--spacings--3xl);
}

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

.flex-center.text-center.max-65rem {
  max-width: 65rem;
}

.flex-center.text-center.max-65rem.z1 {
  z-index: 1;
  position: relative;
}

.flex-center.text-center.max-80rem {
  max-width: 80rem;
}

.flex-center.text-center.max-41rem {
  max-width: 41rem;
}

.swiper-wrapper {
  flex: none;
  display: flex;
}

.swiper-slide {
  flex: none;
}

.swiper-slide.regije {
  width: 100%;
}

.nav-container {
  width: 100%;
  max-width: var(--container--main-size);
  padding-right: var(--container--size-padding);
  padding-left: var(--container--size-padding);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation {
  z-index: 999;
  padding-top: var(--spacings--xs);
  padding-bottom: var(--spacings--xs);
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation.static {
  position: sticky;
}

.nav-link {
  padding: var(--spacings--no-space) 0px;
  font-family: var(--main--secondary-font);
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-xl);
  flex: none;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--brand--off-white);
}

.nav-menu {
  align-items: center;
  min-width: 70%;
}

.nav-menu-mask {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

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

.heading-style-h1 {
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h1);
  line-height: var(--typography--line-height-s);
  font-weight: var(--main--regular-weight);
  letter-spacing: var(--typography--letter-spacing-l);
}

.heading-style-h1.text-burgundy-dust.max {
  max-width: 32rem;
}

.heading-style-h1.text-burgundy {
  color: var(--brand--burgundy-dust);
}

.heading-style-h1.fit-heading {
  width: 100%;
  line-height: var(--typography--line-height-xs);
  white-space: nowrap;
  word-break: keep-all;
  display: flex;
}

.heading-style-h1.fit-heading.transp-kaki {
  color: var(--brand--transp-kaki);
}

.heading-style-h4 {
  font-family: var(--main--secondary-font);
  font-size: var(--typography--h4);
  line-height: var(--typography--line-height-m);
  font-weight: var(--main--regular-weight);
}

.heading-style-h4.z1 {
  z-index: 1;
  position: relative;
}

.heading-style-h4.title {
  position: absolute;
  bottom: 45%;
}

.padding-5xl {
  padding-top: var(--spacings--5xl);
  padding-bottom: var(--spacings--5xl);
}

.margin-5xl {
  margin-bottom: var(--spacings--5xl);
}

.hide {
  display: none;
}

.nav-brand-link {
  width: 13.3125rem;
  color: var(--brand--wall-white);
}

.nav-brand-link:hover {
  color: var(--brand--off-white);
}

.svg-icon {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svg-icon.atomica-logo {
  height: 5.2rem;
}

.svg-icon.small {
  width: 4.5rem;
  height: 4.5rem;
}

.btn-animate-chars {
  border: 1px solid var(--brand--wall-white);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  color: var(--brand--wall-white);
  font-size: var(--typography--text-2xl);
  line-height: var(--typography--line-height-xs);
  text-transform: uppercase;
  cursor: pointer;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn-animate-chars:hover {
  color: var(--brand--wall-white);
}

.btn-animate-chars.small {
  background-color: var(--brand--burgundy-dust);
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-xs);
  border-style: none;
}

.btn-animate-chars.burgundy {
  background-color: var(--brand--burgundy-dust);
}

.btn-animate-chars.black {
  background-color: var(--brand--gray-antarctic);
}

.btn-animate-chars.submit-button {
  background-color: var(--brand--burgundy-dust);
  color: var(--brand--wall-white);
  border-style: none;
}

.btn-animate-chars.submit-button:where(.w-variant-8dfa388e-e18b-0d98-2f6c-787a1e2a606a) {
  background-color: var(--brand--gray-antarctic);
  color: var(--neutral--neutral-white);
}

.btn-animate-chars.nav {
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-l);
}

.btn-animate-chars__bg {
  background-color: var(--brand--transp-beige);
  position: absolute;
  inset: 0;
}

.btn-animate-chars__text {
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-l);
  white-space: nowrap;
}

.btn-animate-chars__text.sbmt {
  color: var(--brand--wall-white);
}

.btn-animate-chars__text.sbmt:where(.w-variant-8dfa388e-e18b-0d98-2f6c-787a1e2a606a) {
  color: var(--neutral--neutral-white);
}

.button-css {
  display: none;
}

.text-wall-white {
  color: var(--brand--wall-white);
}

.p2-light {
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-l);
}

.splide__slide.logo-slide {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.splide__slide.text-slide {
  text-transform: uppercase;
}

.splide__slide.arrow-slide {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.splide {
  width: 100%;
  max-width: 100%;
}

.splide-wrap {
  background-color: var(--color--background);
  width: 100%;
  color: var(--color--text);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.splide-wrap.border {
  border-top: 1px solid var(--brand--gray-lines);
  border-bottom: 1px solid var(--brand--gray-lines);
}

.splide-wrap.footer {
  color: var(--brand--kaki);
  background-color: #0000;
}

.splide__list.logos-list {
  width: 100%;
  display: flex;
}

.splide__track.logos-track {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.cover-image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.cover-image.desktop {
  object-position: 50% 0%;
  display: inline-block;
}

.cover-image.mobile {
  display: none;
}

.absolute-decoration {
  z-index: 1;
  position: absolute;
  inset: auto -20% -10% auto;
}

.absolute-decoration.center {
  right: auto;
}

.absolute-decoration.left {
  inset: auto auto -10% 0%;
}

.absolute-decoration.hero {
  inset: auto 0% 20% auto;
}

.absolute-decoration.usluge-hero {
  inset: auto 0% 0% auto;
  inset: auto 0% 0% auto;
}

.hero-bg {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-bg.z0 {
  z-index: 0;
  height: 101%;
}

.hero-bg-image {
  object-fit: cover;
  width: 100%;
  height: 80%;
}

.hero-bg-image.usluge {
  height: 100%;
}

.text-link {
  font-size: var(--typography--text-2xl);
  line-height: var(--typography--line-height-s);
  text-transform: uppercase;
  color: currentColor;
  position: relative;
}

.text-link.social-link {
  font-family: var(--main--secondary-font);
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-xl);
  color: currentColor;
}

.text-link.social-link:hover {
  color: currentColor;
}

.newsletter-title {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.newsletter {
  width: 100%;
  margin-bottom: 0;
}

.form-field-wrap {
  display: flex;
}

.newsletter-input {
  height: 100%;
  color: var(--brand--transp-black);
  font-size: var(--typography--text-xl);
  background-color: #0000;
  border: 1px solid;
  margin-bottom: 0;
  padding: 1.125rem 1.5rem;
}

.atomica-logo {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 5.2rem;
  display: flex;
}

.footer-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14.5rem;
  display: flex;
}

.logo-footer {
  height: 3rem;
}

.footer-logo-link, .footer-logo-link:hover {
  color: currentColor;
}

.footer-social-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-slide-text {
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-xl);
}

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

.p6-light {
  font-size: var(--typography--text-xs);
  line-height: var(--typography--line-height-m);
}

.p6-light.margin-2xl.burgundy-mobile {
  margin-bottom: var(--spacings--xl);
}

.p6-light.opacity-80 {
  opacity: .8;
}

.text-burgundy-dust {
  color: var(--brand--burgundy-dust);
}

.hero-overlay {
  background-color: #9d79560d;
  background-image: linear-gradient(#0000001a, #0000001a);
  width: 100%;
  height: 80%;
  position: absolute;
  inset: 0%;
}

.hero-overlay.o-nama {
  height: 100%;
}

.hero-overlay.usluge {
  background-image: linear-gradient(#0000004d, #0000004d);
  height: 100%;
}

.p1-light {
  font-size: var(--typography--text-2xl);
  line-height: var(--typography--line-height-l);
}

.p1-light.margin-4xl.max {
  max-width: 32rem;
}

.p1-light.max-width {
  max-width: 48rem;
}

.p1-light.margin-2xl.max {
  max-width: 30rem;
}

.bg-burgundy {
  background-color: var(--brand--burgundy-dust);
}

.bg-antracit {
  background-color: var(--brand--gray-antarctic);
}

.p4-regular {
  font-size: var(--typography--text-m);
  line-height: var(--typography--line-height-xl);
}

.p4-regular.opacity-70 {
  opacity: .7;
  opacity: .7;
}

.p4-light {
  font-size: var(--typography--text-m);
  line-height: var(--typography--line-height-xl);
  font-weight: var(--main--light-weight);
}

.p4-light.opacity-70 {
  opacity: .7;
  opacity: .7;
}

.medspa-image {
  aspect-ratio: 1 / 1.35909;
  justify-content: flex-end;
  width: 100%;
  max-width: 33%;
  display: flex;
  position: relative;
}

.dot-column {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 50%;
}

.dot-column.sec {
  top: 34%;
  left: 48%;
}

.dot-column.fst {
  left: 44%;
}

.dot-column.trd {
  top: 57%;
  left: 79%;
}

.dot-column.frt {
  top: 78%;
  left: 65%;
}

.dot-column.left-top {
  inset: auto auto 60% -48%;
}

.dot-column.left-bot {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 14% -42% auto;
}

.dot-column.left-fst {
  inset: auto auto 60% -51%;
}

.dot-column.left-scd {
  inset: auto auto 38% -56%;
}

.dot-column.fft {
  top: 93%;
  left: 72%;
}

.dot-column.celo-lice {
  top: 47%;
  left: 79%;
}

.dot-column.brada {
  top: 72%;
  left: 65%;
}

.dot-column.pazuh {
  inset: auto auto 87% -39%;
}

.dot-column.ruke {
  inset: auto auto 75% -42%;
}

.dot-column.stomak {
  inset: auto auto 58% -49%;
}

.dot-column.ledja {
  inset: auto auto 38% -52%;
}

.dot-column.noge {
  inset: auto auto 26% -21%;
}

.dot-column.intimna {
  inset: auto auto 13% -30%;
}

.dot-column.ramena {
  inset: auto auto 94% -47%;
}

.dot-column.ruke-m {
  inset: auto auto 78% -41%;
}

.dot-column.stomak-m {
  inset: auto auto 58% -45%;
}

.dot-column.noge-m {
  inset: auto auto 9% -13%;
}

.dot-column.intimna-m {
  inset: auto auto 31% -22%;
}

.dot-column.ledja-m {
  inset: auto auto 43% -52%;
}

.dot-column.pazuh-m {
  inset: auto auto 87% -39%;
}

.dot-column.neoderma {
  top: 47%;
  left: 61%;
}

.dot-column.mezoterapija {
  top: 42%;
  left: 78%;
}

.dot-column.prx {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 14% -72% auto;
}

.dot-column.piling {
  top: 42%;
  left: 61%;
}

.dot-column.pazuh-botoks {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 52% -67% auto;
}

.dot-column.oci {
  top: 35%;
  left: 77%;
}

.dot-column.osmeh {
  top: 56%;
  left: 60%;
}

.dot-column.vilica {
  top: 72%;
  left: 74%;
}

.dot-column.fine-linije-oci {
  top: 6%;
  left: 85%;
}

.dot-column.podocnjaci {
  top: 19%;
  left: 69%;
}

.dot-column.jagodice {
  top: 32%;
  left: 83%;
}

.dot-column.fine-linije-usne {
  top: 43%;
  left: 60%;
}

.dot-column.bore {
  top: 51%;
  left: 60%;
}

.dot-column.usne {
  top: 59%;
  left: 43%;
}

.dot-column.jawline {
  top: 72%;
  left: 88%;
}

.dot-column.butine {
  justify-content: flex-start;
  align-items: center;
  inset: auto auto 52% -49%;
}

.dot-column.zadnjica {
  inset: auto auto 19% -31%;
}

.dot-column.kolena {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral--neutral-white);
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 63% 86% auto;
}

.dot-column.stomak-bokovi {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 19% -42% auto;
}

.dot-column.nadlaktice {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 21% -30% auto;
}

.dot-column.stomak-ultraf {
  inset: auto auto 48% -35%;
}

.dot-column.obrve {
  top: 31%;
  left: 68%;
}

.dot-column.podrucje-oci {
  top: 42%;
  left: 75%;
}

.dot-column.obrazi {
  top: 52%;
  left: 74%;
}

.dot-column.donje-lice {
  top: 65%;
  left: 74%;
}

.dot-column.vrat-dekolte {
  top: 90%;
  left: 67%;
}

.dot-column.podbradak {
  top: 75%;
  left: 63%;
}

.dot-column.butine-lipoliza {
  justify-content: flex-start;
  align-items: center;
  inset: auto auto 25% -40%;
}

.dot-column.stomak-lipoliza {
  inset: auto auto 51% -27%;
}

.dot-column.mezoterapija-kose {
  top: 6%;
  left: 50%;
}

.dot-column.mezoterapija-vrata {
  top: 82%;
  left: 62%;
}

.dot-column.mezoterapija-tela {
  inset: auto auto 21% -47%;
}

.dot-column.podlaktice {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral--neutral-white);
  justify-content: flex-end;
  align-items: flex-start;
  inset: auto 8% 89% -1px;
}

.dot-column.nadlaktice {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral--neutral-white);
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 47% 88% auto;
}

.dot-column.kolena-alma {
  justify-content: flex-start;
  align-items: center;
  inset: auto auto 81% -30%;
}

.dot-column.nadlaktice-ultraformer {
  justify-content: flex-start;
  align-items: flex-end;
  top: 19%;
  left: 34%;
}

.dot-column.kolena-ultraformer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral--neutral-white);
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 63% 86% auto;
}

.dot-column.left-td {
  inset: auto auto 18% -51%;
}

.dot-column.vrat {
  top: 90%;
  left: 67%;
}

.dot-column.vlasiste {
  top: 8%;
  left: 52%;
}

.dot-column.dekolte {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 26% -42% auto;
}

.dot-column.sake {
  top: 27%;
  left: 75%;
}

.dot-column.dlanovi {
  top: 52%;
  left: 10%;
}

.dot-column.strije {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  inset: auto 14% -42% auto;
}

.dot-column.lice-prp {
  top: 42%;
  left: 61%;
}

.dot {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  width: 3px;
  height: 3px;
  margin-top: -1px;
}

.dot-line {
  background-color: #fff;
  flex: none;
  width: 30vw;
  height: 1px;
}

.dot-line.sec {
  width: 40vw;
}

.dot-line.trd {
  width: 20vw;
}

.dot-line.frt {
  width: 36vw;
}

.dot-line.fft {
  width: 32vw;
}

.dot-line.celo-lice {
  width: 35vw;
}

.dot-line.brada {
  width: 26vw;
}

.dot-line.pazuh {
  width: 25vw;
}

.dot-line.ruke {
  width: 52vw;
}

.dot-line.stomak {
  width: 40vw;
}

.dot-line.ledja {
  width: 36vw;
}

.dot-line.noge {
  width: 38vw;
}

.dot-line.intimna {
  width: 48vw;
}

.dot-line.ruke-m {
  width: 55vw;
}

.dot-line.stomak-m {
  width: 35vw;
}

.dot-line.ledja-m {
  width: 32vw;
}

.dot-line.noge-m {
  width: 38vw;
}

.dot-line.intimna-m {
  width: 23vw;
}

.dot-line.neoderma {
  width: 35vw;
}

.dot-line.mezoterapija {
  width: 28vw;
}

.dot-line.dlanovi {
  width: 50vw;
}

.dot-line.vlasiste, .dot-line.sake, .dot-line.lice-prp {
  width: 28vw;
}

.dot-line.vilica {
  width: 40vw;
}

.dot-line.oci {
  width: 28vw;
}

.dot-line.jagodice {
  width: 45vw;
}

.dot-line.bore {
  width: 50vw;
}

.dot-line.usne {
  width: 40vw;
}

.dot-line.jawline {
  width: 25vw;
}

.dot-line.butine {
  width: 40vw;
}

.dot-line.zadnjica {
  width: 45vw;
}

.dot-line.stomak-ultraf {
  width: 55vw;
}

.dot-line.podrucje-oci {
  width: 38vw;
}

.dot-line.obrazi {
  width: 28vw;
}

.dot-line.donje-lice {
  width: 25vw;
}

.dot-line.butine-lipoliza {
  width: 45vw;
}

.dot-line.stomak-lipoliza {
  width: 48vw;
}

.dot-line.mezoterapija-tela {
  width: 50vw;
}

.dot-line.kolena-alma {
  width: 30vw;
}

.dot-line.td {
  width: 35vw;
}

.dot-line.ramena {
  width: 25vw;
}

.dot-line.vrat {
  width: 32vw;
}

.dot-line.vlasiste, .dot-line.sake, .dot-line.lice-prp {
  width: 28vw;
}

.p4-medium {
  font-size: var(--typography--text-m);
  line-height: var(--typography--line-height-xl);
  font-weight: var(--main--medium-weight);
}

.benefit-item {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  width: 100%;
  line-height: var(--typography--line-height-2xl);
  border-bottom: 1px solid #0000004d;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.benefits-image {
  aspect-ratio: 1 / 1.08358;
}

.tretmani-hero-image {
  aspect-ratio: 1.81481;
  background-color: var(--brand--off-white);
  align-self: center;
  width: 100%;
  max-width: 61.25rem;
  padding: 1rem;
  position: relative;
}

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

.info-svg-block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  font-size: var(--typography--text-2xl);
  font-weight: var(--main--light-weight);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vertical-devider {
  background-color: #ffffff4d;
  align-self: stretch;
  width: 1px;
  height: 8rem;
}

.medspa-image_right {
  aspect-ratio: 2.07273;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 66%;
  display: flex;
  position: relative;
}

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

.p2-medium {
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-l);
  font-weight: var(--main--medium-weight);
}

.bot-arch {
  height: 26.25rem;
  color: var(--neutral--neutral-white);
  margin-top: -92px;
  padding-bottom: 0;
}

.bot-arch.pazuh {
  height: 20rem;
}

.bot-arch.lipoliza {
  height: 18rem;
  margin-top: 0;
}

.bot-arch.podlaktice {
  height: 15rem;
  margin-top: 0;
}

.faq-wrapper {
  border-top: 1px solid #8d53434d;
  flex-flow: column;
  display: flex;
}

.faq-item {
  border-bottom: 1px solid #8d53434d;
}

.faq-header {
  color: var(--brand--burgundy-dust);
  justify-content: space-between;
  align-items: center;
  padding: 2rem .75rem;
  display: flex;
}

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

.p1-medium {
  font-size: var(--typography--text-2xl);
  line-height: var(--typography--line-height-l);
}

.p1-medium.margin-2xl.max {
  max-width: 30rem;
}

.p1-medium.margin-4xl.max {
  max-width: 32rem;
}

.p1-medium.max-width {
  max-width: 48rem;
}

.faq-content {
  height: auto;
  overflow: hidden;
}

.faq-inner {
  padding-bottom: 2rem;
  padding-left: .75rem;
  padding-right: .75rem;
}

.nav-link-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-dropdown {
  position: static;
}

.nav-dropdown-toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-family: var(--main--secondary-font);
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xl);
  line-height: var(--typography--line-height-xl);
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.nav-dropdown-list {
  -webkit-backdrop-filter: blur(30px) drop-shadow(0 0 10px #0000000d);
  backdrop-filter: blur(30px) drop-shadow(0 0 10px #0000000d);
  background-color: #fffbf3cc;
  border: 1px solid #3836291a;
  width: auto;
  min-width: auto;
  padding: 1.5rem;
  top: 3.4rem;
  left: 0;
  right: auto;
}

.nav-dropdown-list.w--open {
  display: flex;
  top: 3.4rem;
}

.nav-dropdown-list.galery {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  left: auto;
}

.nav-dropdown-list.galery.w--open {
  left: auto;
}

.side-nav-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.side-nav-link {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  font-family: var(--main--secondary-font);
  color: var(--brand--burgundy-dust);
  font-size: var(--typography--text-xl);
  font-weight: var(--main--regular-weight);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: .625rem;
  display: flex;
}

.side-nav-link:hover, .side-nav-link:active, .side-nav-link.menu:hover {
  color: var(--brand--burgundy-dust);
}

.side-nav-link.menu:hover {
  color: var(--brand--burgundy-dust);
}

.side-nav-link.menu.hirurgija {
  pointer-events: none;
  color: #8d534399;
  pointer-events: none;
}

.side-menu-devider {
  background-color: #8d534380;
  width: 1px;
  height: auto;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.side-nav-menu-holder {
  justify-content: space-between;
  display: flex;
}

.side-nav-menu-link-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.side-nav-menu-link-wrap.mobile {
  display: none;
}

.side-nav-image {
  aspect-ratio: 1 / 1.56731;
  align-self: stretch;
  width: 45%;
  height: 100%;
}

.side-nav-ultimate-holder {
  flex: 1;
}

.initiall {
  aspect-ratio: 208 / 164;
  width: 13rem;
}

.max-width-41rem {
  max-width: 41rem;
}

.transp-black {
  color: var(--brand--transp-black);
}

.newsletter-text {
  font-family: var(--main--secondary-font);
  text-transform: uppercase;
  font-size: 2.1875rem;
  line-height: .6em;
}

.uppercase {
  text-transform: uppercase;
}

.transp-kaki {
  color: var(--brand--transp-kaki);
}

.text-xs {
  font-size: var(--typography--text-xs);
}

.max-width-61em {
  max-width: 61.2rem;
}

.max-width-70rem {
  max-width: 70rem;
}

.faq-rich-text {
  color: var(--brand--burgundy-dust);
}

.faq-rich-text p {
  font-size: var(--typography--text-m);
  font-weight: var(--main--medium-weight);
}

.faq-rich-text h2, .faq-rich-text h3, .faq-rich-text h4, .faq-rich-text h5, .faq-rich-text h6 {
  margin-bottom: var(--spacings--m);
}

.faq-rich-text ol, .faq-rich-text ul {
  margin-bottom: var(--spacings--m);
  color: var(--brand--burgundy-dust);
}

.faq-rich-text a {
  color: var(--brand--burgundy-dust);
  font-weight: var(--main--medium-weight);
  text-decoration: underline;
}

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

.max-width-26rem {
  max-width: 26rem;
}

.nav-devider {
  display: none;
}

.swiper.regije {
  width: 100%;
  position: relative;
}

.regije-img-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  height: 31.25rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.regije-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.regije-overlay {
  z-index: 0;
  background-image: linear-gradient(0deg, #000, #0000);
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto 0% 0%;
}

.swiper-js {
  display: none;
}

.regije-arrows {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.25rem;
  display: flex;
}

.regije-arrow {
  width: 2.625rem;
  height: 2.625rem;
  color: var(--brand--wall-white);
  background-color: #f7ecdd33;
  border: 1px solid #f7ecdd;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-embed-custom-7, .icon-embed-custom-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: .5rem;
  display: flex;
}

.regije-pagination {
  z-index: 99;
  justify-content: center;
  align-items: flex-start;
  padding-left: .875rem;
  padding-right: .875rem;
  display: flex;
  position: absolute;
  inset: .875rem 0% auto;
}

.regije-rich-text p {
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xs);
}

.regije-rich-text ul {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--brand--wall-white);
  font-size: var(--typography--text-xs);
}

.underline {
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  body {
    --color--background: var(--brand--off-white);
    --main--main-font: Gilroy, Arial, sans-serif;
    --color--text: var(--brand--gray-antarctic);
    --typography--text: 1rem;
    --typography--line-height-m: 1.2em;
    --main--regular-weight: 400;
    --spacings--no-space: 0rem;
    --main--secondary-font: "Runalto Final", Arial, sans-serif;
    --typography--h1: 3rem;
    --typography--line-height-s: 1.1em;
    --typography--letter-spacing-l: .02em;
    --typography--h2: 2.5rem;
    --typography--h3: 2.25rem;
    --typography--h4: 1.75rem;
    --spacings--xs: .75rem;
    --typography--h5: 2rem;
    --spacings--3xs: .25rem;
    --typography--h6: 1.5rem;
    --typography--text-2xl: 1.5rem;
    --typography--line-height-l: 1.3em;
    --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
    --spacings--m: 1rem;
    --spacings--2xs: .5rem;
    --spacings--4xl: 4rem;
    --neutral--neutral-dark: black;
    --brand--burgundy-dust: #8d5343;
    --brand--off-white: #fffbf3;
    --spacings--5xl: 4rem;
    --brand--gray-antarctic: #2a2928;
    --brand--wall-white: #f7ecdd;
    --brand--transp-kaki: #74583d99;
    --brand--kaki: #74583d;
    --spacings--3xl: 3rem;
    --brand--gray-lines: #bebebe;
    --container--main-size: 90rem;
    --container--size-padding: 1.5rem;
    --container--grid-gap: 1.5rem;
    --spacings--s: .875rem;
    --border--radius-s: .5rem;
    --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
    --typography--text-s: .875rem;
    --typography--jumbo: 8rem;
    --typography--text-m: 1rem;
    --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
    --neutral--neutral-white: white;
    --spacings--l: 1.25rem;
    --spacings--xl: 1.5rem;
    --spacings--2xl: 2rem;
    --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
    --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
    --color--text-secondary: var(--brand--wall-white);
    --typography--text-xl: 1.25rem;
    --typography--line-height-xl: 1.4em;
    --typography--line-height-xs: 1em;
    --typography--h6-mobile\<deleted\|variable-e80db18a-dbec-a3af-fbc5-d3bd9de3d4cb\>: 1rem;
    --system--success-light: #d5f4e7;
    --typography--text-xs: .75rem;
    --brand--transp-beige: #fff7e81a;
    --typography--text-l: 1.125rem;
    --brand--transp-black: #0009;
    --brand--trans-off-white: #fffbf3b3;
    --main--medium-weight: 500;
    --main--light-weight: 300;
    --typography--line-height-2xl: 1.5em;
    --main--thin-weight: 100;
    --main--extra-light-weight: 200;
    --main--semi-bold-weight: 600;
    --main--bold-weight: 700;
    --main--extra-bold-weight: 800;
    --main--black-bold-weight: 900;
    --border--radius-m: .75rem;
    --border--radius-l: 1rem;
    --color--background-secondary: var(--brand--wall-white);
    --typography--letter-spacing-xs: -.04em;
    --typography--letter-spacing-s: -.02em;
    --typography--letter-spacing-m: 0em;
    --typography--letter-spacing-xl: .04em;
    --brand--trans-white: #ffffff1a;
    --brand--gradient-fade: #2a292800;
  }

  .section.results, .section.contact, .section.team {
    padding-top: 7rem;
  }

  .section.home-hero {
    padding-top: 9rem;
  }

  .section.padding-8xl {
    padding-top: var(--spacings--5xl);
    padding-bottom: var(--spacings--5xl);
  }

  .section.usluge-hero {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .section.results, .section.contact, .section.team {
    padding-top: 7rem;
  }

  .section.blog-hero {
    min-height: 40rem;
  }

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

  .section.blog {
    padding-top: 7rem;
  }

  .section.about-us {
    padding-top: 9rem;
  }

  .section.pricing {
    padding-top: 7rem;
  }

  .section.usluge-hero-post {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .container.grid.margin-320px, .container.flex-center.margin-hero, .container.flex-center.margin-hero-usluge {
    margin-bottom: 16rem;
  }

  .container.medspa-container.right, .container.medspa-container.right3 {
    margin-top: 8rem;
  }

  .container.grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .container.grid.margin-320px, .container.flex-center.margin-hero, .container.flex-center.margin-hero-usluge {
    margin-bottom: 16rem;
  }

  .container.flex-center.margin-hero, .container.flex-center.margin-hero-usluge {
    margin-bottom: 16rem;
  }

  .container.flex-center.margin-10xl {
    margin-bottom: 8rem;
  }

  .container.medspa-container.right, .container.medspa-container.right3, .container.medspa-container.right, .container.medspa-container.right3 {
    margin-top: 8rem;
  }

  .kickoff-classes-wrap {
    width: 100%;
  }

  .column.gap-l {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .column.expand {
    max-width: 23.3rem;
  }

  .column.max {
    max-width: none;
  }

  .column.expand-copy {
    max-width: 23.3rem;
  }

  .column.expand-left {
    max-width: 18rem;
  }

  .kickoff-styles-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .margin-top-m {
    margin-top: 28px;
  }

  .margin-left-s {
    margin-left: 16px;
  }

  .margin-left-m {
    margin-left: 28px;
  }

  .nav-brand {
    z-index: 99;
    position: relative;
  }

  .nav-link {
    text-align: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link:hover {
    color: var(--brand--wall-white);
  }

  .nav-menu {
    background-color: var(--brand--burgundy-dust);
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100vh;
    padding-top: 80px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .nav-menu-button {
    z-index: 99;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--brand--wall-white);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
  }

  .nav-menu-button.w--open {
    background-color: #0000;
  }

  .nav-lines {
    background-color: currentColor;
    border-radius: 4px;
    width: 1rem;
    height: .125rem;
    margin-top: .125rem;
    margin-bottom: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-menu-button-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .nav-menu-mask {
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 8rem;
  }

  .footer-made-with {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .nav-brand-link {
    z-index: 99;
  }

  .svg-icon.logo-footer {
    height: 2rem;
  }

  .btn-animate-chars {
    line-height: var(--typography--line-height-m);
  }

  .btn-animate-chars.small {
    font-size: var(--typography--text-xs);
    font-size: var(--typography--text-xs);
  }

  .splide__slide.text-slide, .splide__slide.arrow-slide, .splide__slide.text-slide, .splide__slide.arrow-slide {
    flex: none;
  }

  .absolute-decoration, .absolute-decoration.center, .absolute-decoration.left {
    display: none;
  }

  .absolute-decoration.center, .absolute-decoration.left {
    display: none;
  }

  .absolute-decoration.hero {
    bottom: 3%;
    right: 0%;
  }

  .absolute-decoration.usluge-hero {
    right: 0%;
  }

  .hero-bg-image {
    height: 90%;
  }

  .left-embed {
    width: 7rem;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .estetska-medicina-block {
    aspect-ratio: 1.6;
    position: relative;
  }

  .cta-column {
    padding: 1.5rem;
  }

  .founder-decoration {
    width: 40rem;
    bottom: -5rem;
    right: -38%;
  }

  .founder-image {
    aspect-ratio: auto;
    width: 100%;
    bottom: -4.3rem;
  }

  .footer-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .horizontal-button-wrap {
    flex-flow: wrap;
  }

  .estetska-card-wrap {
    bottom: 1rem;
  }

  .treatment-card {
    bottom: -10%;
  }

  .treatment-image {
    align-self: center;
    width: 15rem;
  }

  .treatment-logo {
    height: 2rem;
  }

  .hero-overlay {
    height: 90%;
  }

  .contact-card {
    max-width: none;
    padding: 2rem;
  }

  .contact-image {
    max-width: 60%;
  }

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

  .contact-map {
    min-width: auto;
    max-width: none;
  }

  .contact-info-block.link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .social-link-team:hover {
    background-color: var(--brand--burgundy-dust);
    color: var(--brand--wall-white);
  }

  .filter-radio {
    background-color: var(--brand--off-white);
  }

  .filter-form {
    align-items: stretch;
  }

  .blog-collection-list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .preview-item__heading {
    font-size: 2em;
  }

  .preview-item__inner {
    border: 1px #000;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .preview-item {
    color: var(--neutral--neutral-dark);
    width: calc(50% - .5em);
  }

  .preview-item:hover {
    padding-left: 0;
  }

  .preview-list {
    grid-column-gap: 1em;
    grid-row-gap: 4em;
    flex-flow: wrap;
  }

  .preview-item__col.is--large {
    flex: none;
    order: -1;
    width: 100%;
    max-width: none;
  }

  .preview-item__col.is--small {
    text-align: right;
    max-width: 20%;
  }

  .preview-item__col.is--small.tablet--hide {
    display: none;
  }

  .preview-item__col.is--medium {
    order: -1;
    max-width: 80%;
  }

  .preview-follower {
    display: none;
  }

  .preview-item__visual {
    order: -1;
    width: 100%;
    margin-bottom: 1em;
    display: block;
    position: relative;
  }

  .preview-item__row {
    grid-row-gap: .5em;
  }

  .preview-item__row.tablet--hide {
    display: none;
  }

  .why-us-img {
    position: sticky;
    top: 5rem;
  }

  .why-us-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .text-2xl {
    font-size: var(--typography--text-xl);
  }

  .med-spa-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .medspa-card {
    min-height: 30rem;
  }

  .medspa-image {
    max-width: 45%;
  }

  .dot-column.ledja, .dot-column.noge {
    left: -52%;
  }

  .dot-column.dekolte, .dot-column.strije {
    bottom: -68%;
    right: 22%;
  }

  .dot-column.left-bot {
    bottom: -68%;
    right: 22%;
  }

  .dot-column.left-scd {
    left: -52%;
  }

  .dot-column.fft {
    left: 68%;
  }

  .dot-column.pazuh {
    left: -43%;
  }

  .dot-column.ledja, .dot-column.noge {
    left: -52%;
  }

  .dot-column.intimna {
    left: -38%;
  }

  .dot-column.ramena {
    bottom: 94%;
    left: -50%;
  }

  .dot-column.noge-m {
    left: -52%;
  }

  .dot-column.intimna-m {
    left: -38%;
  }

  .dot-column.ledja-m {
    left: -52%;
  }

  .dot-column.pazuh-m {
    left: -43%;
  }

  .dot-column.neoderma {
    left: 60%;
  }

  .dot-column.mezoterapija {
    left: 64%;
  }

  .dot-column.prx {
    bottom: -105%;
    right: 59%;
  }

  .dot-column.dekolte, .dot-column.strije {
    bottom: -68%;
    right: 22%;
  }

  .dot-column.pazuh-botoks {
    bottom: -53%;
    right: 43%;
  }

  .dot-column.stomak-bokovi {
    bottom: -42%;
    right: 17%;
  }

  .dot-column.mezoterapija-tela {
    bottom: 12%;
  }

  .dot-column.podlaktice {
    right: 7%;
  }

  .dot-column.nadlaktice {
    bottom: 97%;
    right: 47%;
  }

  .dot-column.nadlaktice-ultraformer {
    top: 19%;
    left: 27%;
  }

  .dot-column.left-td {
    bottom: 15%;
    left: -43%;
  }

  .dot-line.frst {
    width: 25vw;
  }

  .dot-line.mezoterapija, .dot-line.lice-prp, .dot-line.jagodice {
    width: 22vw;
  }

  .dot-line.usne, .dot-line.jawline {
    width: 22vw;
  }

  .dot-line.butine, .dot-line.zadnjica {
    width: 35vw;
  }

  .dot-line.butine-lipoliza, .dot-line.stomak-lipoliza {
    width: 35vw;
  }

  .dot-line.td, .dot-line.frst {
    width: 25vw;
  }

  .dot-line.sec {
    width: 28vw;
  }

  .dot-line.trd {
    width: 10vw;
  }

  .dot-line.frt {
    width: 21vw;
  }

  .dot-line.fft {
    width: 15vw;
  }

  .dot-line.stomak {
    width: 35vw;
  }

  .dot-line.noge {
    width: 60vw;
  }

  .dot-line.stomak-m {
    width: 35vw;
  }

  .dot-line.noge-m {
    width: 60vw;
  }

  .dot-line.neoderma {
    width: 20vw;
  }

  .dot-line.mezoterapija, .dot-line.lice-prp, .dot-line.jagodice {
    width: 22vw;
  }

  .dot-line.bore {
    width: 35vw;
  }

  .dot-line.usne, .dot-line.jawline {
    width: 22vw;
  }

  .dot-line.butine, .dot-line.zadnjica {
    width: 35vw;
  }

  .dot-line.obrazi {
    width: 22vw;
  }

  .dot-line.butine-lipoliza, .dot-line.stomak-lipoliza {
    width: 35vw;
  }

  .dot-line.mezoterapija-tela {
    width: 45vw;
  }

  .dot-line.kolena-alma {
    width: 35vw;
  }

  .dot-line.td {
    width: 25vw;
  }

  .pricie-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .center-info-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .top-arch {
    aspect-ratio: auto;
    margin-top: -80px;
    margin-left: -351px;
  }

  .bot-arch {
    width: 15rem;
    height: 15rem;
    margin-left: -25px;
  }

  .bot-arch.pazuh {
    width: 10rem;
    height: 10rem;
  }

  .bot-arch.lipoliza {
    height: 12rem;
  }

  .bot-arch.podlaktice {
    width: auto;
    height: 10rem;
    margin-left: 0;
  }

  .faq-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav-spacer {
    aspect-ratio: 16.9403;
  }

  .nav-link-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .nav-dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-list {
    margin-top: 1rem;
  }

  .nav-dropdown-list.w--open {
    padding-left: 1rem;
    padding-right: 1rem;
    position: static;
  }

  .side-nav-wrap {
    width: 100%;
  }

  .side-menu-devider {
    display: none;
  }

  .side-nav-menu-holder {
    flex-flow: column;
  }

  .side-nav-menu-link-wrap {
    display: none;
  }

  .side-nav-menu-link-wrap.mobile {
    padding-left: 1rem;
    display: flex;
  }

  .side-nav-image {
    aspect-ratio: 3 / 2;
    order: -9999;
    width: 100%;
    display: none;
  }

  .side-nav-ultimate-holder {
    display: none;
  }

  .initiall {
    width: 100%;
    display: none;
  }

  .nav-devider {
    background-color: var(--brand--burgundy-dust);
    width: 100%;
    height: 1px;
    display: block;
  }

  .kolena-arch {
    width: 20rem;
    height: 4rem;
  }

  .kolena-arch.ultraformer {
    width: 22rem;
    height: 6rem;
  }

  .nadlaktice-arch {
    height: 18rem;
  }

  .contact-card-copy {
    max-width: none;
    padding: 2rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --color--background: var(--brand--off-white);
    --main--main-font: Gilroy, Arial, sans-serif;
    --color--text: var(--brand--gray-antarctic);
    --typography--text: 1rem;
    --typography--line-height-m: 1.2em;
    --main--regular-weight: 400;
    --spacings--no-space: 0rem;
    --main--secondary-font: "Runalto Final", Arial, sans-serif;
    --typography--h1: 2rem;
    --typography--line-height-s: 1.1em;
    --typography--letter-spacing-l: .02em;
    --typography--h2: 2.125rem;
    --typography--h3: 1.75rem;
    --typography--h4: 1.5rem;
    --spacings--xs: .75rem;
    --typography--h5: 1.25rem;
    --spacings--3xs: .25rem;
    --typography--h6: 1rem;
    --typography--text-2xl: 1.5rem;
    --typography--line-height-l: 1.3em;
    --brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>: #203492;
    --spacings--m: 1rem;
    --spacings--2xs: .5rem;
    --spacings--4xl: 3rem;
    --neutral--neutral-dark: black;
    --brand--burgundy-dust: #8d5343;
    --brand--off-white: #fffbf3;
    --spacings--5xl: 3rem;
    --brand--gray-antarctic: #2a2928;
    --brand--wall-white: #f7ecdd;
    --brand--transp-kaki: #74583d99;
    --brand--kaki: #74583d;
    --spacings--3xl: 3rem;
    --brand--gray-lines: #bebebe;
    --container--main-size: 90rem;
    --container--size-padding: .75rem;
    --container--grid-gap: 1.5rem;
    --spacings--s: .875rem;
    --border--radius-s: .5rem;
    --brand--brand-300\<deleted\|variable-aa20a559-ecc1-98ac-0f56-ad805e50680a\>: #657cff;
    --typography--text-s: .875rem;
    --typography--jumbo: 4rem;
    --typography--text-m: 1rem;
    --brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>: #182771;
    --neutral--neutral-white: white;
    --spacings--l: 1.25rem;
    --spacings--xl: 1.5rem;
    --spacings--2xl: 2rem;
    --brand--brand-400\<deleted\|variable-ac8c472a-196a-16bc-12d3-58d750d794b0\>: #f5d2fc;
    --brand--brand-500\<deleted\|variable-4c94576e-3194-d2c5-2a24-7967910758d5\>: #fae9fe;
    --color--text-secondary: var(--brand--wall-white);
    --typography--text-xl: 1.25rem;
    --typography--line-height-xl: 1.4em;
    --typography--line-height-xs: 1em;
    --typography--h6-mobile\<deleted\|variable-e80db18a-dbec-a3af-fbc5-d3bd9de3d4cb\>: 1rem;
    --system--success-light: #d5f4e7;
    --typography--text-xs: .75rem;
    --brand--transp-beige: #fff7e81a;
    --typography--text-l: 1.125rem;
    --brand--transp-black: #0009;
    --brand--trans-off-white: #fffbf3b3;
    --main--medium-weight: 500;
    --main--light-weight: 300;
    --typography--line-height-2xl: 1.5em;
    --main--thin-weight: 100;
    --main--extra-light-weight: 200;
    --main--semi-bold-weight: 600;
    --main--bold-weight: 700;
    --main--extra-bold-weight: 800;
    --main--black-bold-weight: 900;
    --border--radius-m: .75rem;
    --border--radius-l: 1rem;
    --color--background-secondary: var(--brand--wall-white);
    --typography--letter-spacing-xs: -.04em;
    --typography--letter-spacing-s: -.02em;
    --typography--letter-spacing-m: 0em;
    --typography--letter-spacing-xl: .04em;
    --brand--trans-white: #ffffff1a;
    --brand--gradient-fade: #2a292800;
  }

  .section.home-hero {
    padding-bottom: var(--spacings--no-space);
  }

  .section.event-sticky-section.estetska.bg-burgundy.mobile-white {
    background-color: var(--brand--off-white);
    background-color: var(--brand--off-white);
    background-color: var(--brand--off-white);
  }

  .section.event-sticky-section.osnivac-copy {
    padding-top: 10rem;
  }

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

  .section.usluge-hero {
    padding-bottom: 2.625rem;
  }

  .section.blog-hero {
    min-height: 30rem;
  }

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

  .section.about-us {
    min-height: 1000px;
  }

  .section.usluge-hero-post {
    padding-bottom: 2.625rem;
  }

  .container.medspa-container.right.margin-top.hide-mobile, .container.medspa-container.right.margin.hide-mobile, .container.medspa-container.right.hide-mobile {
    display: none;
  }

  .container.grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .container.grid.margin-320px.tablet {
    margin-bottom: 10rem;
  }

  .container.grid.gap-2rem-mobile {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .container.flex-center.margin-350px {
    margin-bottom: 10rem;
  }

  .container.flex-center.margin-hero-usluge {
    margin-bottom: 3rem;
  }

  .container.relative.overflow-hidden.mobile-no-padding {
    padding-right: var(--spacings--no-space);
    padding-left: var(--spacings--no-space);
    padding-right: var(--spacings--no-space);
    padding-left: var(--spacings--no-space);
    padding-right: var(--spacings--no-space);
    padding-left: var(--spacings--no-space);
  }

  .container.medspa-container.right.margin-top.hide-mobile, .container.medspa-container.right.margin.hide-mobile, .container.medspa-container.right.hide-mobile {
    display: none;
  }

  .container.medspa-container.right3.hide-mobile, .container.medspa-container.right.margin-top.hide-mobile, .container.medspa-container.right.margin.hide-mobile, .container.medspa-container.right.hide-mobile, .container.medspa-container.right.margin-top.hide-mobile, .container.medspa-container.right.margin-top.hide-mobile, .container.medspa-container.right.margin.hide-mobile, .container.medspa-container.right.margin.hide-mobile, .container.medspa-container.right.hide-mobile {
    display: none;
  }

  .container.medspa-container.right2 {
    margin-top: 4rem;
  }

  .container.medspa-container.right2.hide-mobile {
    display: none;
  }

  .container.medspa-container.right3 {
    margin-bottom: 2rem;
  }

  .container.medspa-container.right3.hide-mobile {
    display: none;
  }

  .container.hide-desktop {
    display: block;
  }

  .column.expand, .column.expand-copy {
    max-width: 17.7rem;
  }

  .column.expand-left, .column.expand, .column.expand-copy {
    max-width: 17.7rem;
  }

  .column.max500 {
    max-width: none;
  }

  .column.max500.gap {
    margin-top: 2rem;
  }

  .column.sticky {
    position: static;
  }

  .column.expand-left {
    max-width: 17.7rem;
  }

  .kickoff-styles-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .kickoff-color-helper {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .margin-xl.mobile-margin-0 {
    margin-bottom: var(--spacings--no-space);
    margin-bottom: var(--spacings--no-space);
  }

  .button {
    min-width: var(--min-widths--min-width-8-75-rem\<deleted\|variable-5668d90a-fe0a-9c02-7100-70a67da51936\>);
  }

  .button-variant {
    min-width: 140px;
    padding: 16px 28px;
  }

  .slider-button-left, .slider-button-right {
    background-size: 16px;
  }

  .button-link {
    color: var(--brand--brand-200\<deleted\|variable-d5ec796e-c7d8-36a2-27e0-fda79c9391c0\>);
  }

  .input {
    border-color: var(--neutral--neutral-300);
    background-color: var(--neutral--neutral-100);
    color: var(--brand--brand-100\<deleted\|variable-d3b4fe75-66ed-4d0d-eb71-08b92b6e9764\>);
  }

  .button-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .swiper-slide.team-slide {
    max-width: 20rem;
  }

  .margin-top-m {
    margin-top: 20px;
  }

  .margin-left-s {
    margin-left: 12px;
  }

  .margin-left-m {
    margin-left: 20px;
  }

  .footer-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nav-menu {
    padding-left: 12px;
    padding-right: 12px;
  }

  .footer-made-with {
    text-align: center;
    flex-flow: column;
  }

  .heading {
    font-size: var(--typography--h6-mobile\<deleted\|variable-e80db18a-dbec-a3af-fbc5-d3bd9de3d4cb\>);
  }

  .slider-button-left-small, .slider-button-right-small {
    background-size: 16px;
  }

  .nav-brand-link {
    width: auto;
    padding-left: 0;
  }

  .svg-icon.logo-footer {
    height: 4rem;
  }

  .svg-icon.nav {
    width: 105px;
    height: 22px;
  }

  .svg-icon.small {
    width: 3rem;
    height: 3rem;
  }

  .btn-animate-chars {
    font-size: var(--typography--text-m);
    line-height: var(--typography--line-height-l);
  }

  .btn-animate-chars.small {
    line-height: var(--typography--line-height-m);
    line-height: var(--typography--line-height-m);
  }

  .btn-animate-chars__bg {
    line-height: var(--typography--line-height-s);
  }

  .btn-animate-chars__text {
    font-size: var(--typography--text);
    line-height: var(--typography--line-height-l);
  }

  .p2-light {
    font-size: var(--typography--text-m);
  }

  .p2-light.margin-5xl.mobile {
    margin-bottom: 1.5rem;
  }

  .splide-wrap.border {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .splide-wrap.border-mobile {
    border-top: 1px solid var(--brand--gray-antarctic);
    border-bottom: 1px solid var(--brand--gray-antarctic);
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .tretmani-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cover-image.desktop {
    display: none;
  }

  .cover-image.mobile {
    display: block;
  }

  .absolute-decoration.hero, .absolute-decoration.usluge-hero, .absolute-decoration.hero, .absolute-decoration.usluge-hero {
    display: none;
    bottom: -7%;
    right: -28%;
  }

  .left-embed {
    height: auto;
    bottom: auto;
  }

  .estetska-medicina-block {
    aspect-ratio: auto;
    min-height: 50rem;
  }

  .text-link {
    font-size: var(--typography--text-m);
  }

  .founder-block {
    aspect-ratio: 1;
    justify-content: center;
  }

  .founder-decoration {
    width: 27rem;
    right: -10%;
  }

  .founder-image {
    width: 70%;
    bottom: -5rem;
    right: auto;
  }

  .splide-logo {
    max-width: 6.25rem;
  }

  .atomica-logo {
    max-width: 15rem;
    height: auto;
  }

  .footer-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10rem;
  }

  .popup-toggle {
    width: 3rem;
    height: 3rem;
  }

  .popup-toggle._1 {
    left: 6%;
  }

  .estetska-card-wrap {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: 50vh;
    margin-top: -5rem;
    display: flex;
    position: relative;
    right: auto;
  }

  .estetska-card-wrap.gallery {
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
  }

  .treatment-card {
    flex-flow: row;
    max-width: 100%;
    position: absolute;
    bottom: auto;
    right: auto;
  }

  .treatment-image {
    width: 18rem;
  }

  .treatment-info {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 16.25rem;
  }

  .p3-light {
    font-size: var(--typography--text-m);
  }

  .p3-light.burgundy-mobile {
    color: var(--brand--burgundy-dust);
    font-size: var(--typography--text-l);
    font-size: var(--typography--text-l);
  }

  .p6-light {
    font-size: var(--typography--text-xs);
  }

  .p6-light.margin-2xl.burgundy-mobile {
    color: var(--brand--burgundy-dust);
  }

  .p6-light.mbl {
    font-size: .6rem;
  }

  .p1-light {
    font-size: var(--typography--text-m);
  }

  .usluge-hero-image {
    max-width: 22rem;
  }

  .full-width-section-column {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 1rem;
  }

  .full-width-section-column.akcije {
    padding-top: 2rem;
  }

  .contact-bg-image {
    aspect-ratio: 1;
  }

  .contact-wrapper {
    grid-template-columns: 1fr;
  }

  .contact-map {
    aspect-ratio: 1;
  }

  .team-profile-image {
    margin-bottom: 2rem;
    position: static;
  }

  .project-rich-text p, .project-rich-text li, .project-rich-text p, .project-rich-text li {
    font-size: var(--typography--text-m);
  }

  .filter-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex;
    overflow: auto;
  }

  .filter-collection, .filter-radio {
    flex: none;
  }

  .filter-form {
    justify-content: flex-start;
    min-width: 37.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .blog-collection-list {
    grid-column-gap: 1.5rem;
  }

  .blog-deco-left, .blog-deco-right {
    max-height: 10rem;
    top: 0;
  }

  .preview-item {
    width: 100%;
  }

  .preview-list {
    grid-row-gap: 3em;
  }

  .preview-container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .gallery-fixed-block {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .underline-link {
    font-size: var(--typography--text);
  }

  .why-us-img {
    margin-bottom: 3rem;
    position: static;
  }

  .why-us-card {
    grid-template-columns: 1fr;
  }

  .med-spa-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .medspa-image {
    max-width: 41%;
  }

  .dot-column.sake, .dot-column.dlanovi {
    left: 46%;
  }

  .dot-column.mezoterapija-kose, .dot-column.mezoterapija-vrata {
    left: 46%;
  }

  .dot-column.sec {
    left: 23%;
  }

  .dot-column.fst {
    left: 33%;
  }

  .dot-column.trd {
    top: 59%;
    left: 71%;
  }

  .dot-column.frt {
    top: 80%;
    left: 43%;
  }

  .dot-column.left-top {
    left: 11%;
  }

  .dot-column.left-bot {
    bottom: -36%;
    left: 6%;
  }

  .dot-column.left-fst {
    left: 4%;
  }

  .dot-column.left-scd {
    bottom: 32%;
    left: 8%;
  }

  .dot-column.fft {
    top: 97%;
    left: 56%;
  }

  .dot-column.pazuh {
    bottom: 85%;
    left: 4%;
  }

  .dot-column.ruke {
    bottom: 75%;
    left: 4%;
  }

  .dot-column.stomak {
    bottom: 51%;
    left: 4%;
  }

  .dot-column.ledja {
    left: 2%;
  }

  .dot-column.noge {
    left: 12%;
  }

  .dot-column.intimna {
    left: 5%;
  }

  .dot-column.ramena {
    bottom: 93%;
    left: 2%;
  }

  .dot-column.ruke-m {
    bottom: 75%;
    left: 4%;
  }

  .dot-column.stomak-m {
    bottom: 51%;
    left: 4%;
  }

  .dot-column.noge-m {
    left: 12%;
  }

  .dot-column.intimna-m {
    left: 3%;
  }

  .dot-column.ledja-m {
    left: 2%;
  }

  .dot-column.pazuh-m {
    bottom: 85%;
    left: 4%;
  }

  .dot-column.neoderma {
    top: 20%;
    left: 59%;
  }

  .dot-column.mezoterapija {
    left: 46%;
  }

  .dot-column.prx {
    position: static;
    bottom: -113%;
    left: 6%;
  }

  .dot-column.piling {
    top: 28%;
    left: 46%;
  }

  .dot-column.vlasiste {
    left: 46%;
  }

  .dot-column.dekolte {
    bottom: -36%;
    left: 6%;
  }

  .dot-column.sake, .dot-column.dlanovi {
    left: 46%;
  }

  .dot-column.strije {
    bottom: -24%;
    left: 38%;
  }

  .dot-column.lice-prp {
    left: 46%;
  }

  .dot-column.pazuh-botoks {
    bottom: -36%;
    left: 6%;
  }

  .dot-column.fine-linije-oci {
    left: 46%;
  }

  .dot-column.butine {
    bottom: 48%;
    left: 5%;
  }

  .dot-column.zadnjica {
    left: 36%;
  }

  .dot-column.stomak-bokovi {
    bottom: -31%;
  }

  .dot-column.nadlaktice {
    bottom: -16%;
    right: 21%;
  }

  .dot-column.stomak-ultraf {
    bottom: 51%;
    left: 4%;
  }

  .dot-column.butine-lipoliza {
    bottom: 48%;
    left: 5%;
  }

  .dot-column.stomak-lipoliza {
    bottom: 51%;
    left: 4%;
  }

  .dot-column.mezoterapija-kose, .dot-column.mezoterapija-vrata {
    left: 46%;
  }

  .dot-column.mezoterapija-tela {
    bottom: 51%;
    left: 4%;
  }

  .dot-column.kolena-alma {
    bottom: 48%;
    left: 5%;
  }

  .dot-column.left-td {
    bottom: 32%;
    left: 8%;
  }

  .dot-line.stomak, .dot-line.ledja {
    width: 10vw;
  }

  .dot-line.noge, .dot-line.intimna {
    width: 25vw;
  }

  .dot-line.stomak-m, .dot-line.ledja-m {
    width: 10vw;
  }

  .dot-line.lice-prp, .dot-line.vilica, .dot-line.oci, .dot-line.jagodice, .dot-line.bore, .dot-line.usne, .dot-line.jawline {
    width: 20vw;
  }

  .dot-line.butine, .dot-line.zadnjica, .dot-line.stomak-ultraf {
    width: 10vw;
  }

  .dot-line.podrucje-oci, .dot-line.obrazi, .dot-line.donje-lice {
    width: 20vw;
  }

  .dot-line.butine-lipoliza, .dot-line.stomak-lipoliza, .dot-line.mezoterapija-tela, .dot-line.kolena-alma {
    width: 10vw;
  }

  .dot-line.frst {
    width: 25vw;
  }

  .dot-line.pazuh {
    width: 5vw;
  }

  .dot-line.ruke {
    width: 35vw;
  }

  .dot-line.stomak, .dot-line.ledja {
    width: 10vw;
  }

  .dot-line.noge, .dot-line.intimna {
    width: 25vw;
  }

  .dot-line.ruke-m {
    width: 35vw;
  }

  .dot-line.stomak-m, .dot-line.ledja-m {
    width: 10vw;
  }

  .dot-line.noge-m {
    width: 25vw;
  }

  .dot-line.intimna-m {
    width: 10vw;
  }

  .dot-line.neoderma {
    width: 15vw;
  }

  .dot-line.mezoterapija {
    width: 20vw;
  }

  .dot-line.dlanovi {
    width: 40vw;
  }

  .dot-line.lice-prp, .dot-line.vilica, .dot-line.oci, .dot-line.jagodice, .dot-line.bore, .dot-line.usne, .dot-line.jawline {
    width: 20vw;
  }

  .dot-line.butine, .dot-line.zadnjica, .dot-line.stomak-ultraf {
    width: 10vw;
  }

  .dot-line.podrucje-oci, .dot-line.obrazi, .dot-line.donje-lice {
    width: 20vw;
  }

  .dot-line.butine-lipoliza, .dot-line.stomak-lipoliza, .dot-line.mezoterapija-tela, .dot-line.kolena-alma {
    width: 10vw;
  }

  .dot-line.td {
    width: 25vw;
  }

  .dot-line.ramena {
    width: 5vw;
  }

  .price-item {
    font-size: var(--typography--text-l);
  }

  .benefits-image {
    margin-top: 2rem;
  }

  .tretmani-hero-image {
    max-width: 30rem;
  }

  .center-info-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .info-svg-block {
    font-size: var(--typography--text-m);
  }

  .vertical-devider {
    display: none;
  }

  .medspa-image_right {
    max-width: none;
  }

  .p2-medium {
    font-size: var(--typography--text-m);
  }

  .bot-arch {
    flex: none;
    width: 10rem;
    height: 15rem;
  }

  .bot-arch.piling {
    width: 10rem;
    height: 20rem;
    margin-top: 0;
  }

  .p1-medium {
    font-size: var(--typography--text-m);
  }

  .nav-spacer {
    aspect-ratio: 12.9403;
  }

  .nav-dropdown-list {
    padding: .75rem;
  }

  .side-nav-link {
    font-size: var(--typography--text-m);
  }

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

  .max-width-65rem {
    max-width: none;
  }

  .founder-heading-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1.5rem;
  }

  .arrow-svg {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex;
  }

  .search-wrapper {
    min-width: 10rem;
  }

  .collection-list-wrapper {
    width: 100%;
  }

  .akcije-list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .max-width-26rem {
    max-width: 100%;
  }

  .kolena-arch {
    width: 10rem;
    display: none;
  }

  .nadlaktice-arch {
    width: 13rem;
    height: 15rem;
  }

  .regije-overlay {
    opacity: .8;
    height: 60%;
  }

  .hide-mobile {
    display: none;
  }

  .regije-text-wrapper {
    z-index: 99;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    width: 100%;
    display: flex;
    position: relative;
  }
}

@media screen and (max-width: 479px) {
  .section.home-hero {
    padding-bottom: var(--spacings--no-space);
  }

  .section.event-sticky-section.estetska.bg-burgundy.mobile-white {
    background-color: var(--brand--off-white);
    background-color: var(--brand--off-white);
    background-color: var(--brand--off-white);
  }

  .section.event-sticky-section.osnivac {
    padding-top: 10rem;
    padding-bottom: var(--spacings--no-space);
  }

  .section.event-sticky-section.osnivac-copy {
    padding-top: 10rem;
  }

  .section.cta {
    flex-flow: column;
  }

  .section.padding-8xl {
    padding-top: 5rem;
  }

  .section.title-section {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }

  .section.usluge-hero {
    padding-bottom: 2.625rem;
  }

  .section.blog-hero {
    aspect-ratio: auto;
    min-height: 70svh;
  }

  .section.about-us {
    min-height: 830px;
    padding-bottom: var(--spacings--no-space);
  }

  .section.padding-5xl.bg-burgundy.medspa {
    overflow: hidden;
  }

  .section.padding-5xl.bg-burgundy.medspa-copy {
    padding-bottom: var(--spacings--no-space);
  }

  .section.usluge-hero-post {
    padding-bottom: 2.625rem;
  }

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

  .container.relative.overflow-hidden.mobile-no-padding, .container.medspa-container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.grid.margin-320px {
    margin-bottom: 5rem;
  }

  .container.grid.relative.z1 {
    z-index: 1;
    z-index: 1;
  }

  .container.flex-center.margin-350px {
    margin-bottom: 10rem;
  }

  .container.flex-center.mobile-padding {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .container.relative.overflow-hidden.mobile-no-padding, .container.medspa-container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.medspa-container.right {
    margin-top: 4rem;
  }

  .container.medspa-container.right2 {
    margin-top: 4rem;
    margin-bottom: 1rem;
  }

  .container.medspa-container.right3 {
    margin-top: 2rem;
  }

  .column.expand, .column.expand-copy, .column.expand-left {
    max-width: 15rem;
  }

  .column.hide-on-mobile {
    display: none;
  }

  .column.expand, .column.expand-copy, .column.expand-left {
    max-width: 15rem;
  }

  .kickoff-color-helper {
    margin: 4px;
  }

  .margin-2xl.text-wall-white.custom {
    font-size: 2rem;
  }

  .button-wrapper {
    grid-template-columns: auto;
  }

  .mobile-brake {
    display: inline-block;
  }

  .style-guide-intro {
    flex-direction: column;
  }

  .heading-style-h1.margin-5xl.mobile {
    margin-bottom: var(--spacings--xl);
    font-size: var(--typography--h2);
    margin-bottom: var(--spacings--xl);
    font-size: var(--typography--h2);
  }

  .heading-style-h1.mobile-h2 {
    font-size: var(--typography--h2);
  }

  .heading-style-h1.text-burgundy.margin-3xl.mobile {
    font-size: var(--typography--h3);
    font-size: var(--typography--h3);
    font-size: var(--typography--h3);
  }

  .heading-style-h3.max {
    max-width: 270px;
  }

  .heading-style-h5.caps.line-height-1.mobile {
    font-size: var(--typography--text-s);
    font-size: var(--typography--text-s);
    font-size: var(--typography--text-s);
    font-size: var(--typography--text-s);
  }

  .margin-4xl.hide-on-mobile {
    display: none;
  }

  .svg-icon.logo-footer {
    max-width: 15rem;
    height: auto;
  }

  .svg-icon.small {
    width: 2rem;
    height: 2rem;
  }

  .btn-animate-chars {
    font-size: var(--typography--text-m);
  }

  .btn-animate-chars.submit-button, .btn-animate-chars.small, .btn-animate-chars.submit-button, .btn-animate-chars.small {
    max-width: none;
  }

  .btn-animate-chars__text {
    font-size: var(--typography--text);
  }

  .splide-wrap {
    border: .5px solid var(--brand--gray-lines);
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .splide-wrap.footer {
    border-style: none;
  }

  .tretmani-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .cover-image.absolute.mobile-align {
    object-position: 38% 50%;
    object-position: 38% 50%;
    object-position: 38% 50%;
  }

  .hero-bg-image {
    object-fit: cover;
    object-position: 88% 50%;
    height: 40%;
  }

  .left-embed {
    display: none;
    left: -5%;
  }

  .estetska-medicina-block {
    aspect-ratio: auto;
    min-height: 47.8125rem;
  }

  .cta-image-wrapper {
    width: 100%;
  }

  .cta-column {
    grid-column-gap: 7.3125rem;
    grid-row-gap: 7.3125rem;
    width: 100%;
  }

  .text-link {
    font-size: var(--typography--text-l);
  }

  .column-label.margin-2xl.mobile {
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
  }

  .founder-block {
    justify-content: center;
  }

  .founder-decoration {
    width: 27rem;
    right: -10%;
  }

  .founder-image {
    bottom: 0;
    right: auto;
  }

  .newsletter {
    max-width: 19.0625rem;
  }

  .form-field-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
  }

  .newsletter-input {
    font-size: var(--typography--text-m);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .atomica-logo {
    max-width: 10rem;
  }

  .footer-social-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .horizontal-button-wrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: row;
  }

  .horizontal-button-wrap.hero {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .popup-toggle {
    width: 3.75rem;
    height: 3.75rem;
  }

  .popup-toggle._1 {
    left: 6%;
  }

  .popup-toggle._1.first-img {
    display: none;
  }

  .popup-toggle._2 {
    inset: auto 5% 55% auto;
  }

  .popup-toggle._2.second-img {
    display: none;
  }

  .popup-toggle._3 {
    left: 45%;
  }

  .popup-toggle._3.third-img {
    display: none;
    right: 26%;
  }

  .popup-toggle._4 {
    bottom: 26%;
    left: 61%;
  }

  .popup-toggle._4.fourth-img {
    display: none;
  }

  .estetska-card-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 80vh;
    margin-top: -5rem;
    left: auto;
  }

  .estetska-card-wrap.gallery {
    max-width: 70%;
    bottom: 1rem;
  }

  .treatment-card {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #fffbf3b3;
    flex-flow: column;
    align-items: stretch;
    display: flex;
    box-shadow: 0 4px 36px #00000026;
  }

  .treatment-image.prostor-img {
    align-self: flex-start;
  }

  .treatment-info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .treatment-logo-wrap {
    margin-bottom: 1rem;
  }

  .p3-light.margin-5xl.mobile, .p6-light.margin-5xl.mobile {
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
  }

  .hero-overlay {
    width: 100%;
    height: 45%;
    position: absolute;
    inset: 0%;
  }

  .p1-light.margin-5xl.mobile {
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
  }

  .full-width-section-image-wrap {
    width: 100%;
  }

  .full-width-section-column {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .full-width-section-column.hide-on-mobile {
    display: none;
  }

  .contact-image {
    max-width: 100%;
  }

  .social-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }

  .cover-image-blog.absolute.mobile-align {
    object-position: 38% 50%;
    object-position: 38% 50%;
    object-position: 38% 50%;
  }

  .filter-form {
    min-width: 35rem;
  }

  .blog-collection-list {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .blog-card-info {
    padding-bottom: 1.5rem;
  }

  .blog-deco-left, .blog-deco-right {
    top: 0;
  }

  .preview-item__col.is--auto {
    order: -9999;
  }

  .preview-container {
    padding-left: .75em;
    padding-right: .75em;
  }

  .gallery-fixed-block, .gallery-fixed-block.sticky, .gallery-fixed-block.sticky {
    display: none;
  }

  .underline-link {
    font-size: var(--typography--text);
  }

  .med-spa-wrapper {
    grid-template-columns: 1fr;
  }

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

  .medspa-image.piling {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    flex-flow: column;
  }

  .dot-column.mezoterapija-kose, .dot-column.mezoterapija-vrata {
    top: 68%;
    left: 22%;
  }

  .dot-column.podlaktice, .dot-column.nadlaktice, .dot-column.kolena-ultraformer {
    left: 21px;
  }

  .dot-column.sec {
    left: 2%;
  }

  .dot-column.fst {
    left: 5%;
  }

  .dot-column.trd {
    top: 55%;
    left: 10%;
  }

  .dot-column.frt {
    top: 74%;
    left: 4%;
  }

  .dot-column.left-bot {
    bottom: -47%;
  }

  .dot-column.left-scd {
    bottom: 12%;
    left: 4%;
  }

  .dot-column.fft {
    top: 91%;
    left: 4%;
  }

  .dot-column.celo-lice {
    top: 53%;
    left: 52%;
  }

  .dot-column.brada {
    top: 74%;
    left: 56%;
  }

  .dot-column.vrat {
    left: 56%;
  }

  .dot-column.ramena {
    bottom: 89%;
  }

  .dot-column.ruke-m {
    bottom: 71%;
  }

  .dot-column.stomak-m {
    bottom: 56%;
  }

  .dot-column.pazuh-m {
    bottom: 81%;
  }

  .dot-column.neoderma {
    top: 48%;
    left: 18%;
  }

  .dot-column.mezoterapija {
    top: 68%;
    left: 22%;
  }

  .dot-column.prx {
    bottom: -47%;
  }

  .dot-column.piling {
    padding-left: 1rem;
    position: static;
    top: 68%;
    left: 22%;
  }

  .dot-column.vlasiste {
    left: 47%;
  }

  .dot-column.dekolte {
    bottom: -47%;
  }

  .dot-column.dlanovi {
    left: 14%;
  }

  .dot-column.strije {
    bottom: -47%;
    left: 13%;
  }

  .dot-column.pazuh-botoks {
    bottom: -47%;
  }

  .dot-column.oci {
    left: 64%;
  }

  .dot-column.osmeh {
    top: 55%;
    left: 50%;
  }

  .dot-column.vilica {
    left: 53%;
  }

  .dot-column.fine-linije-oci {
    top: 6%;
    left: 36%;
  }

  .dot-column.podocnjaci {
    top: 16%;
    left: 49%;
  }

  .dot-column.jagodice {
    top: 28%;
    left: 50%;
  }

  .dot-column.fine-linije-usne {
    left: 29%;
  }

  .dot-column.bore {
    top: 48%;
    left: 30%;
  }

  .dot-column.usne {
    left: 40%;
  }

  .dot-column.jawline {
    top: 82%;
    left: 16%;
  }

  .dot-column.zadnjica {
    left: 24%;
  }

  .dot-column.kolena {
    left: 21px;
  }

  .dot-column.stomak-bokovi {
    bottom: -21%;
  }

  .dot-column.nadlaktice {
    bottom: -35%;
    right: 5%;
  }

  .dot-column.obrve {
    left: 32%;
  }

  .dot-column.podrucje-oci {
    left: 33%;
  }

  .dot-column.obrazi {
    left: 28%;
  }

  .dot-column.donje-lice {
    top: 65%;
    left: 27%;
  }

  .dot-column.vrat-dekolte {
    left: 34%;
  }

  .dot-column.mezoterapija-kose, .dot-column.mezoterapija-vrata {
    top: 68%;
    left: 22%;
  }

  .dot-column.podlaktice, .dot-column.nadlaktice, .dot-column.kolena-ultraformer {
    left: 21px;
  }

  .dot-column.left-td {
    bottom: 12%;
    left: 4%;
  }

  .dot-line.frst {
    width: 19vw;
  }

  .dot-line.trd, .dot-line.frt, .dot-line.fft, .dot-line.celo-lice, .dot-line.brada {
    width: 20vw;
  }

  .dot-line.stomak-m, .dot-line.ledja-m {
    width: 5vw;
  }

  .dot-line.neoderma, .dot-line.mezoterapija {
    width: 20vw;
    display: none;
  }

  .dot-line.td, .dot-line.frst {
    width: 19vw;
  }

  .dot-line.sec {
    width: 33vw;
  }

  .dot-line.trd, .dot-line.frt, .dot-line.fft, .dot-line.celo-lice, .dot-line.brada {
    width: 20vw;
  }

  .dot-line.ledja {
    width: 10vw;
  }

  .dot-line.intimna {
    width: 30vw;
  }

  .dot-line.vrat {
    width: 20vw;
  }

  .dot-line.stomak-m, .dot-line.ledja-m {
    width: 5vw;
  }

  .dot-line.intimna-m {
    width: 30vw;
  }

  .dot-line.neoderma, .dot-line.mezoterapija {
    width: 20vw;
    display: none;
  }

  .dot-line.vlasiste {
    width: 15vw;
  }

  .dot-line.stomak-lipoliza {
    width: 5vw;
  }

  .dot-line.td {
    width: 19vw;
  }

  .pricie-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .center-info-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .info-svg-block {
    font-size: var(--typography--text);
  }

  .vertical-devider {
    height: 6rem;
  }

  .medspa-image_right {
    max-width: none;
    min-height: 200px;
  }

  .medspa-image_right.piling {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    min-height: auto;
  }

  .top-arch {
    display: none;
  }

  .recovery-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .p2-medium.margin-5xl.mobile {
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
  }

  .bot-arch {
    width: 8rem;
    height: 8rem;
    margin-left: -74px;
  }

  .bot-arch.prp, .bot-arch.pazuh, .bot-arch.prp, .bot-arch.pazuh {
    width: 10rem;
    height: 10rem;
    margin-left: -20px;
  }

  .p1-medium.margin-5xl.mobile {
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
    margin-bottom: var(--spacings--xl);
  }

  .nav-spacer {
    aspect-ratio: 7.9403;
  }

  .nav-dropdown-list.w--open {
    flex-flow: column;
  }

  .side-menu-devider {
    width: 100%;
    height: 1px;
    margin: 1.5rem 0;
  }

  .side-nav-menu-holder {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .side-nav-image {
    aspect-ratio: 3 / 2;
    order: -9999;
    width: 100%;
  }

  .initiall {
    width: 100%;
  }

  .blog-hero-gradient {
    background-image: linear-gradient(#0000 47%, #010101b3);
  }

  .max-width-24rem {
    max-width: 100%;
  }

  .regije-overlay {
    height: 60%;
  }
}

#w-node-_9b6bbf43-6923-a129-37c1-5abfcacf8808-cacf8806 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: start;
}

#w-node-_9b6bbf43-6923-a129-37c1-5abfcacf880d-cacf8806 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: end;
}

#w-node-b2901a88-9bdc-b03e-e64b-1a7954a30bd3-54a30bb7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  align-self: center;
}

#w-node-b2901a88-9bdc-b03e-e64b-1a7954a30bee-54a30bb7, #w-node-fd6ee3e4-3bfc-eca4-dfe6-ef0d82e3c766-82e3c73e {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

@media screen and (max-width: 991px) {
  #w-node-b2901a88-9bdc-b03e-e64b-1a7954a30bd3-54a30bb7, #w-node-b2901a88-9bdc-b03e-e64b-1a7954a30bee-54a30bb7 {
    grid-column: span 12 / span 12;
  }

  #w-node-fd6ee3e4-3bfc-eca4-dfe6-ef0d82e3c766-82e3c73e {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9b6bbf43-6923-a129-37c1-5abfcacf880d-cacf8806 {
    justify-self: auto;
  }

  #w-node-b2901a88-9bdc-b03e-e64b-1a7954a30bd3-54a30bb7, #w-node-b2901a88-9bdc-b03e-e64b-1a7954a30bee-54a30bb7 {
    grid-column: span 6 / span 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-fd6ee3e4-3bfc-eca4-dfe6-ef0d82e3c753-82e3c73e {
    align-self: start;
  }
}