@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&display=swap");

:root {
  --font-primary: Onest, sans-serif;
  --font-deco: Cannonade, serif;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 48px;
  --radius-xl: 56px;
  --radius-full: 75px;
  --radius-pill: 999px;
  --shadow-glow: 0px 1px 16.4px rgba(221, 200, 255, 0.6);
  --transition: 0.3s ease;
  --duration: 0.3s;
  --bg-primary: #f3f3f3;
  --c-text: #111111;
  --c-text-muted: #6a7282;
  --c-text-subtle: #99a1af;
  --c-white: #ffffff;
  --c-black: #111111;
  --c-bg-page: #f3f3f3;
  --c-bg-subtle: #f3f4f6;
  --c-bg-ui: #f5f5f7;
  --c-border: #e5e7eb;
  --c-border-mid: #d1d5dc;
  --c-primary: #52259b;
  --c-primary-mid: #8c5ea9;
  --c-primary-light: #734fad;
  --c-primary-tint: #f5e5ff;
  --c-accent: #c9a8ff;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.wrapper {
  width: 100%;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Cannonade";
  src: url("../fonts/96435a4dece25bfbced8403df8af07d3.eot");
  src: url("../fonts/96435a4dece25bfbced8403df8af07d3.eot?#iefix") format("embedded-opentype"), url("../fonts/96435a4dece25bfbced8403df8af07d3.woff2") format("woff2"), url("../fonts/96435a4dece25bfbced8403df8af07d3.woff") format("woff"), url("../fonts/96435a4dece25bfbced8403df8af07d3.ttf") format("truetype"), url('./96435a4dece25bfbced8403df8af07d3.svg#Cannonade') format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Cannonade";
  src: url("../fonts/cannonade-bold.eot");
  src: url("../fonts/cannonade-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/cannonade-bold.woff2") format("woff2"), url("../fonts/cannonade-bold.woff") format("woff"), url("../fonts/cannonade-bold.ttf") format("truetype"), url('./cannonade-bold.svg#Cannonade') format("svg");
  font-weight: bold;
  font-style: normal;
}

/* Typography System */
/* Display Styles */
/* Heading Styles */
/* Subtitle Styles */
/* Body Styles */
/* Small Styles */
:root {
  --color-primary-900: #52259b;
  --color-primary-700: #8c5ea9;
  --color-primary-500: #ae7dff;
  --color-primary-300: #d7beff;
  --color-primary-100: #f5e5ff;
  --color-primary-50: #eeeaf5;
  --color-neutral-900: #111111;
  --color-neutral-800: #1b1b1b;
  --color-neutral-700: #272727;
  --color-neutral-600: #575757;
  --color-neutral-500: #6a7282;
  --color-neutral-400: #99a1af;
  --color-neutral-300: #d1d5dc;
  --color-neutral-200: #e5e7eb;
  --color-neutral-100: #f3f4f6;
  --color-neutral-50: #fafafa;
  --color-neutral-0: #ffffff;
  --color-accent-500: #c9a8ff;
  --color-accent-200: #ffddfa;
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
}

@media (min-width: 75.0625em) {
  .header {
    padding-top: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem)) {
    .header {
      padding-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    }
  }

  @supports not (padding-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem)) {
    .header {
      padding-top: calc(1.125rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .header {
    padding-top: 1.125rem;
  }
}

@media (min-width: 75.0625em) {
  .header {
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 1.125rem)) {
    .header {
      padding-bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 1.125rem);
    }
  }

  @supports not (padding-bottom: clamp(0.4375rem, 0.125rem + 1.3333333333vw, 1.125rem)) {
    .header {
      padding-bottom: calc(0.4375rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .header {
    padding-bottom: 0.4375rem;
  }
}

.header {
  background: var(--c-bg-page);
}

.header::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 75.0625em) {
  .header::after {
    width: 17.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(8.5625rem, 4.3011363636rem + 18.1818181818vw, 17.9375rem)) {
    .header::after {
      width: clamp(8.5625rem, 4.3011363636rem + 18.1818181818vw, 17.9375rem);
    }
  }

  @supports not (width: clamp(8.5625rem, 4.3011363636rem + 18.1818181818vw, 17.9375rem)) {
    .header::after {
      width: calc(8.5625rem + 9.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .header::after {
    width: 8.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .header::after {
    height: 1.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem)) {
    .header::after {
      height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem);
    }
  }

  @supports not (height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem)) {
    .header::after {
      height: calc(1.25rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .header::after {
    height: 1.25rem;
  }
}

.header::after {
  opacity: 0;
  pointer-events: none;
  transition: bottom 0.2s ease;
  background-image: url('../img/beard.svg');
  background-size: 100% 100%;
}

@media (min-width: 75.0625em) {
  .header::after {
    bottom: -1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (bottom: clamp(-0.9375rem, -0.6534090909rem + -1.2121212121vw, -1.5625rem)) {
    .header::after {
      bottom: clamp(-0.9375rem, -0.6534090909rem + -1.2121212121vw, -1.5625rem);
    }
  }

  @supports not (bottom: clamp(-0.9375rem, -0.6534090909rem + -1.2121212121vw, -1.5625rem)) {
    .header::after {
      bottom: calc(-0.9375rem + -0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .header::after {
    bottom: -0.9375rem;
  }
}

.header::after {
  opacity: 1;
}

@media screen and (max-width: 650px) {
  .header::after {
    background-image: url('../img/beard-mobile.png');
  }
}

.header__nav {
  position: relative;
  transition: filter 0.3s ease;
}

.header {
  filter: drop-shadow(0px 0.25rem 0.25rem rgba(200, 200, 200, 0.1));
}

.header.is-scrolled {
  filter: drop-shadow(0px 0.25rem 0.25rem rgba(200, 200, 200, 0.3));
}

.header__links {
  position: absolute;
  right: 2.125rem;
  bottom: -7.5rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header__soc-link ul {
  display: flex;
  gap: 0.75rem;
}

.header__soc-link li {
  border: 0.0625rem solid #4A5565;
  background: #1A1D20;
  border-radius: 100%;
}

.header__soc-link a {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  background: #1A1D20;
  border-radius: 2.0625rem;
}

.header__soc-dropdown {
  width: 15rem;
  height: 2.5rem;
  position: relative;
}

.header__soc-dropdown-inner {
  font-size: 1rem;
  left: 0;
  top: 0;
  position: absolute;
  background: #1A1D20;
  border-radius: 2.9375rem;
  border: 0.0625rem solid #4A5565;
}

.header__soc-dropdown-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url('../img/dropdown-bottom-btn.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px 5px;
  pointer-events: none;
}

.header__soc-dropdown-inner ul {
  display: flex;
  flex-direction: column;
}

.header__soc-dropdown-inner li {
  display: none;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0.8125rem;
}

.header__soc-dropdown-inner li:first-child {
  display: flex;
  padding-right: 2.75rem;
}

.header__soc-dropdown-inner span {
  display: inline-block;
  width: 0.975rem;
  height: 0.975rem;
  background-image: url('../img/phone.svg');
  background-size: cover;
}

.header__soc-dropdown-inner a {
  display: block;
  color: #fff;
  white-space: nowrap;
}

.header__soc-dropdown-inner:hover {
  border-radius: 1.25rem;
}

.header__soc-dropdown-inner:hover li {
  display: flex;
}

.main-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.125rem;
}

.nav-left,
.nav-right {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-item>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  padding: 0.8125rem 1.5rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3.125rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #090909;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.3s ease;
  transition-duration: 0.2s;
}

.menu-item>a::before {
  transition-duration: 0.2s;
}

.menu-item.current-menu-item>a::before,
.menu-item.active>a::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--c-accent);
  flex-shrink: 0;
}

.menu-item a:hover {
  background: rgb(255, 255, 255);
}

.nav-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  flex-shrink: 0;
  z-index: 10;
}

@media (min-width: 75.0625em) {
  .nav-logo {
    width: 11rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(6.875rem, 5rem + 8vw, 11rem)) {
    .nav-logo {
      width: clamp(6.875rem, 5rem + 8vw, 11rem);
    }
  }

  @supports not (width: clamp(6.875rem, 5rem + 8vw, 11rem)) {
    .nav-logo {
      width: calc(6.875rem + 4.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .nav-logo {
    width: 6.875rem;
  }
}

.nav-logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.nav-logo img {
  width: 100%;
  height: auto;
}

.nav-logo .site-title {
  display: none;
}

.lang-switcher {
  background: #fff;
  height: 3rem;
  border-radius: 3.125rem;
}

@media screen and (max-width: 992px) {
  .lang-switcher {
    display: none;
  }
}

.lang-switcher ul {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4375rem 1.5625rem;
  background: #fff;
  border-radius: 3.125rem;
  list-style: none;
  margin: 0;
  gap: 0.625rem;
}

.lang-switcher ul li {
  box-sizing: border-box;
  height: 1.875rem;
  display: none;
  align-items: center;
  gap: 0.625rem;
}

.lang-switcher ul li a {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.lang-switcher ul li::after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.375rem;
  flex-shrink: 0;
}

.lang-switcher ul li.current-lang {
  display: flex;
  order: -1;
}

.lang-switcher ul li.current-lang a {
  color: var(--c-primary);
}

.lang-switcher ul li.current-lang::after {
  background-color: #b5b5b5;
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
  transition: transform 0.25s ease;
}

.lang-switcher ul li:not(.current-lang) a {
  color: #b5b5b5;
}

.lang-switcher ul:hover {
  border-radius: 1.3125rem;
}

.lang-switcher ul:hover li {
  display: flex;
}

.lang-switcher ul:hover .current-lang::after {
  transform: rotate(180deg);
}

.lang-switcher--mobile ul {
  display: flex;
  height: 52px;
  padding: 10.609px 37.891px;
  justify-content: center;
  align-items: center;
  gap: 28px;
}

.lang-switcher--mobile ul li:first-child {
  padding-right: 28px;
  border-right: 1px solid #B5B5B5;
}

.lang-switcher--mobile ul a {
  color: #B5B5B5;
  font-size: 24.25px;
  font-weight: 500;
  line-height: normal;
}

.lang-switcher--mobile ul .current-lang a {
  color: #52259B;
}

.btn-appointment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4375rem 1.5625rem;
  height: 1.875rem;
  background: var(--c-primary);
  border-radius: 3.125rem;
  font-family: var(--font-primary);
}

@media (min-width: 75.0625em) {
  .btn-appointment {
    padding-top: 0.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.25rem, 0.1647727273rem + 0.3636363636vw, 0.4375rem)) {
    .btn-appointment {
      padding-top: clamp(0.25rem, 0.1647727273rem + 0.3636363636vw, 0.4375rem);
    }
  }

  @supports not (padding-top: clamp(0.25rem, 0.1647727273rem + 0.3636363636vw, 0.4375rem)) {
    .btn-appointment {
      padding-top: calc(0.25rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn-appointment {
    padding-top: 0.25rem;
  }
}

@media (min-width: 75.0625em) {
  .btn-appointment {
    padding-bottom: 0.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.25rem, 0.1647727273rem + 0.3636363636vw, 0.4375rem)) {
    .btn-appointment {
      padding-bottom: clamp(0.25rem, 0.1647727273rem + 0.3636363636vw, 0.4375rem);
    }
  }

  @supports not (padding-bottom: clamp(0.25rem, 0.1647727273rem + 0.3636363636vw, 0.4375rem)) {
    .btn-appointment {
      padding-bottom: calc(0.25rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn-appointment {
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 75.0625em) {
  .btn-appointment {
    padding-left: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem)) {
    .btn-appointment {
      padding-left: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem);
    }
  }

  @supports not (padding-left: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem)) {
    .btn-appointment {
      padding-left: calc(1rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn-appointment {
    padding-left: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .btn-appointment {
    padding-right: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem)) {
    .btn-appointment {
      padding-right: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem);
    }
  }

  @supports not (padding-right: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem)) {
    .btn-appointment {
      padding-right: calc(1rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn-appointment {
    padding-right: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .btn-appointment {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .btn-appointment {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .btn-appointment {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn-appointment {
    font-size: 0.75rem;
  }
}

.btn-appointment {
  font-weight: 400;
  line-height: 1.25rem;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.3s ease;
}

.btn-appointment:hover {
  background: var(--c-primary-mid);
}

@media screen and (max-width: 600px) {
  .btn-appointment .pc-v {
    display: none;
  }

  .btn-appointment .mobile-v {
    display: block !important;
  }
}

.mobile-menu-btn {
  border: none;
  height: 38px;
  padding: 3.842px 13.72px;
  justify-content: center;
  align-items: center;
  color: #1A1D20;
  font-size: 14px;
  border-radius: 27.44px;
  background: #FFF;
  gap: 8px;
  min-width: 100px;
  display: none;
}

.mobile-menu-btn::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 100%;
  background: #C9A8FF;
}

@media screen and (max-width: 1550px) {
  .mobile-menu-btn {
    display: flex;
  }
}

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

  #menu-left,
  #menu-right {
    display: none;
  }
}

.mobile-menu {
  display: none;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 450px;
  max-width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: 9999;
  box-sizing: border-box;
  padding: 30px 15px 20px;
  transform: translateX(-100%);
  visibility: hidden;
}

@media screen and (max-width: 1550px) {
  .mobile-menu {
    display: block;
  }
}

.mobile-menu.is-ready {
  transition: transform 0.35s ease, visibility 0s linear 0.35s;
}

.mobile-menu.is-open {
  transform: translateX(0);
  visibility: visible;
  transition: transform 0.35s ease, visibility 0s linear 0s;
}

.mobile-menu .mobile-menu-close {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: absolute;
  top: 8px;
  right: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.mobile-menu .mobile-menu-close svg {
  font-size: 28px;
  line-height: 1;
  color: #99A1AF;
  width: 100%;
  height: 100%;
}

.mobile-menu .mobile-menu-close:hover {
  background: #F3F3F3;
  border-color: #99A1AF;
}

.mobile-menu .mobile-menu-btn {
  background: #F3F3F3;
  border-radius: 20px 10px 0 0;
  position: relative;
}

.mobile-menu .mobile-menu-btn::after {
  display: block;
  content: "";
  position: absolute;
  background: #F3F3F3;
  width: 100px;
  height: 100%;
  border-radius: 10px;
  right: -80px;
  transform: rotate(20deg);
  top: 14px;
  z-index: -1;
}

.mobile-menu__wrapper {
  margin-top: -20px;
  border-radius: 0 20px 20px 20px;
  background: #F3F3F3;
  box-sizing: border-box;
  padding: 20px 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mobile-menu__wrapper .menu-item>a {
  border-radius: 0;
  background: none;
  height: 60px;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
}

.mobile-menu__wrapper .btn-appointment {
  height: 60px;
  font-size: 20px;
}

.mobile-menu__contacts {
  text-align: center;
  color: #99A1AF;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .nav-logo {
    margin-bottom: -35px;
  }

  .fp-header .header__links {
    position: absolute;
    transform: translateY(-10%);
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__links {
    right: 2.125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(0.8125rem, 0.2159090909rem + 2.5454545455vw, 2.125rem)) {
    .fp-header .header__links {
      right: clamp(0.8125rem, 0.2159090909rem + 2.5454545455vw, 2.125rem);
    }
  }

  @supports not (right: clamp(0.8125rem, 0.2159090909rem + 2.5454545455vw, 2.125rem)) {
    .fp-header .header__links {
      right: calc(0.8125rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__links {
    right: 0.8125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__links {
    bottom: -7.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (bottom: clamp(-4.375rem, -2.9545454545rem + -6.0606060606vw, -7.5rem)) {
    .fp-header .header__links {
      bottom: clamp(-4.375rem, -2.9545454545rem + -6.0606060606vw, -7.5rem);
    }
  }

  @supports not (bottom: clamp(-4.375rem, -2.9545454545rem + -6.0606060606vw, -7.5rem)) {
    .fp-header .header__links {
      bottom: calc(-4.375rem + -3.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__links {
    bottom: -4.375rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-header .header__links img {
    max-width: 45%;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .fp-header .header__links {
    right: 0;
    left: 0;
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-link ul {
    gap: 0.75rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.3125rem, 0.1136363636rem + 0.8484848485vw, 0.75rem)) {
    .fp-header .header__soc-link ul {
      gap: clamp(0.3125rem, 0.1136363636rem + 0.8484848485vw, 0.75rem);
    }
  }

  @supports not (gap: clamp(0.3125rem, 0.1136363636rem + 0.8484848485vw, 0.75rem)) {
    .fp-header .header__soc-link ul {
      gap: calc(0.3125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-link ul {
    gap: 0.3125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-link a {
    width: 2.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.8125rem, 1.5rem + 1.3333333333vw, 2.5rem)) {
    .fp-header .header__soc-link a {
      width: clamp(1.8125rem, 1.5rem + 1.3333333333vw, 2.5rem);
    }
  }

  @supports not (width: clamp(1.8125rem, 1.5rem + 1.3333333333vw, 2.5rem)) {
    .fp-header .header__soc-link a {
      width: calc(1.8125rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-link a {
    width: 1.8125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-link a {
    height: 2.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.8125rem, 1.5rem + 1.3333333333vw, 2.5rem)) {
    .fp-header .header__soc-link a {
      height: clamp(1.8125rem, 1.5rem + 1.3333333333vw, 2.5rem);
    }
  }

  @supports not (height: clamp(1.8125rem, 1.5rem + 1.3333333333vw, 2.5rem)) {
    .fp-header .header__soc-link a {
      height: calc(1.8125rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-link a {
    height: 1.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-header .header__soc-link-1 {
    order: 1;
  }

  .fp-header .header__soc-link-2 {
    order: 3;
  }

  .fp-header .header__soc-dropdown {
    order: 2;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown {
    width: 15rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(11.25rem, 9.5454545455rem + 7.2727272727vw, 15rem)) {
    .fp-header .header__soc-dropdown {
      width: clamp(11.25rem, 9.5454545455rem + 7.2727272727vw, 15rem);
    }
  }

  @supports not (width: clamp(11.25rem, 9.5454545455rem + 7.2727272727vw, 15rem)) {
    .fp-header .header__soc-dropdown {
      width: calc(11.25rem + 3.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown {
    width: 11.25rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown {
    height: 2.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .fp-header .header__soc-dropdown {
      height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .fp-header .header__soc-dropdown {
      height: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown {
    height: 1.875rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-header .header__soc-dropdown-inner {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-header .header__soc-dropdown-inner {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner::after {
    width: 2.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .fp-header .header__soc-dropdown-inner::after {
      width: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (width: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .fp-header .header__soc-dropdown-inner::after {
      width: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner::after {
    width: 1.875rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner::after {
    height: 2.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .fp-header .header__soc-dropdown-inner::after {
      height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .fp-header .header__soc-dropdown-inner::after {
      height: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner::after {
    height: 1.875rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner li {
    gap: 0.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem)) {
    .fp-header .header__soc-dropdown-inner li {
      gap: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem);
    }
  }

  @supports not (gap: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem)) {
    .fp-header .header__soc-dropdown-inner li {
      gap: calc(0.3125rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner li {
    gap: 0.3125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-top: 0.75rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-top: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem);
    }
  }

  @supports not (padding-top: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-top: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-top: 0.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-right: 0.8125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.5625rem, 0.4488636364rem + 0.4848484848vw, 0.8125rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-right: clamp(0.5625rem, 0.4488636364rem + 0.4848484848vw, 0.8125rem);
    }
  }

  @supports not (padding-right: clamp(0.5625rem, 0.4488636364rem + 0.4848484848vw, 0.8125rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-right: calc(0.5625rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-right: 0.5625rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-bottom: 0.75rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-bottom: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem);
    }
  }

  @supports not (padding-bottom: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-bottom: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-bottom: 0.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-left: 0.8125rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.5625rem, 0.4488636364rem + 0.4848484848vw, 0.8125rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-left: clamp(0.5625rem, 0.4488636364rem + 0.4848484848vw, 0.8125rem);
    }
  }

  @supports not (padding-left: clamp(0.5625rem, 0.4488636364rem + 0.4848484848vw, 0.8125rem)) {
    .fp-header .header__soc-dropdown-inner li {
      padding-left: calc(0.5625rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner li {
    padding-left: 0.5625rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-header .header__soc-dropdown-inner li:first-child {
    display: flex;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-header .header__soc-dropdown-inner li:first-child {
    padding-right: 2.5rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(2.125rem, 1.9545454545rem + 0.7272727273vw, 2.5rem)) {
    .fp-header .header__soc-dropdown-inner li:first-child {
      padding-right: clamp(2.125rem, 1.9545454545rem + 0.7272727273vw, 2.5rem);
    }
  }

  @supports not (padding-right: clamp(2.125rem, 1.9545454545rem + 0.7272727273vw, 2.5rem)) {
    .fp-header .header__soc-dropdown-inner li:first-child {
      padding-right: calc(2.125rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-header .header__soc-dropdown-inner li:first-child {
    padding-right: 2.125rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-header .header__soc-dropdown-inner span {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-size: cover;
  }

  .fp-header .header__soc-dropdown-inner a {
    display: block;
    color: #fff;
    white-space: nowrap;
  }

  .fp-header .header__soc-dropdown-inner.is-open {
    border-radius: 1.25rem;
  }

  .fp-header .header__soc-dropdown-inner.is-open li {
    display: flex;
  }
}

@media screen and (max-width: 890px) {
  .is-scrolled .header__links {
    display: none !important;
  }
}

@media screen and (max-width: 386px) {
  .fp-header .header__soc-link a {
    width: 25px;
    height: 25px;
  }
}

.fp-hero {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: 2.1875rem;
  box-sizing: border-box;
  height: calc(100vh - 86px);
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.5rem;
}

.fp-hero__wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  position: relative;
}

@media (min-width: 75.0625em) {
  .fp-hero__wrapper:before {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem)) {
    .fp-hero__wrapper:before {
      border-radius: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem)) {
    .fp-hero__wrapper:before {
      border-radius: calc(1.125rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-hero__wrapper:before {
    border-radius: 1.125rem;
  }
}

.fp-hero__wrapper:before {
  position: absolute;
  content: "";
  opacity: 0.4;
  background: #000;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.fp-hero__inner {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 10;
}

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

.fp-hero__info {
  padding: 0.9375rem 1.0625rem;
  box-sizing: border-box;
  margin-top: 4.375rem;
  background-image: url('../img/patients.png');
  width: 14.25rem;
  height: 7.125rem;
}

.fp-hero__info-row {
  display: flex;
  align-items: center;
  padding-left: 0.3125rem;
}

.fp-hero__info-row span {
  border-radius: 100%;
  border: 0.0625rem solid #fff;
  background: #fff;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: -0.375rem;
}

.fp-hero__info-row span a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.fp-hero__info-text {
  padding-top: 0.625rem;
  color: #2F2F2F;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.0525rem;
}

.fp-hero__info-text span {
  color: #8C8C8C;
}

.fp-hero .btn-group {
  padding-top: 3.3125rem;
  padding-bottom: 2.1875rem;
}

@media (min-width: 75.0625em) {
  .fp-hero .btn-group {
    padding-bottom: 2.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.375rem, 1.0056818182rem + 1.5757575758vw, 2.1875rem)) {
    .fp-hero .btn-group {
      padding-bottom: clamp(1.375rem, 1.0056818182rem + 1.5757575758vw, 2.1875rem);
    }
  }

  @supports not (padding-bottom: clamp(1.375rem, 1.0056818182rem + 1.5757575758vw, 2.1875rem)) {
    .fp-hero .btn-group {
      padding-bottom: calc(1.375rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-hero .btn-group {
    padding-bottom: 1.375rem;
  }
}

.fp-hero__badges {
  width: 53.8125rem;
  max-width: 100%;
}

.fp-hero__badges .splide__slide {
  display: flex;
  align-items: flex-end;
}

.fp-hero__badge {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
  min-height: 5.0625rem;
  padding: 0.875rem 1.125rem;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1.0625rem;
}

.fp-hero__badge p {
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.01625rem;
  margin: 0;
}

.fp-hero__badge-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: #1A1D20;
  border-radius: 0.625rem;
  transform: rotate(90deg);
}

.fp-hero .container {
  height: 100%;
}

.fp-hero video {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 75.0625em) {
  .fp-hero video {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem)) {
    .fp-hero video {
      border-radius: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem)) {
    .fp-hero video {
      border-radius: calc(1.125rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-hero video {
    border-radius: 1.125rem;
  }
}

.fp-hero video {
  object-fit: cover;
}

.fp-hero h1 {
  color: #FFF;
  font-family: var(--font-deco);
  font-size: 6.875rem;
}

@media (min-width: 75.0625em) {
  .fp-hero h1 {
    font-size: 6.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(3.4375rem, 1.875rem + 6.6666666667vw, 6.875rem)) {
    .fp-hero h1 {
      font-size: clamp(3.4375rem, 1.875rem + 6.6666666667vw, 6.875rem);
    }
  }

  @supports not (font-size: clamp(3.4375rem, 1.875rem + 6.6666666667vw, 6.875rem)) {
    .fp-hero h1 {
      font-size: calc(3.4375rem + 3.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-hero h1 {
    font-size: 3.4375rem;
  }
}

.fp-hero h1 {
  font-style: normal;
  font-weight: 700;
  line-height: 118%;
  letter-spacing: -0.06875rem;
}

.fp-hero h1 span {
  display: block;
  font-family: var(--font-primary);
}

@media (min-width: 75.0625em) {
  .fp-hero h1 span {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp-hero h1 span {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp-hero h1 span {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-hero h1 span {
    font-size: 0.875rem;
  }
}

.fp-hero h1 span {
  font-style: normal;
  font-weight: 600;
  line-height: 118%;
  letter-spacing: -0.0125rem;
}

.fp-hero h2 {
  padding-top: 1.25rem;
  color: #FFF;
  font-size: 2.1875rem;
}

@media (min-width: 75.0625em) {
  .fp-hero h2 {
    font-size: 2.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.125rem, 0.6420454545rem + 2.0606060606vw, 2.1875rem)) {
    .fp-hero h2 {
      font-size: clamp(1.125rem, 0.6420454545rem + 2.0606060606vw, 2.1875rem);
    }
  }

  @supports not (font-size: clamp(1.125rem, 0.6420454545rem + 2.0606060606vw, 2.1875rem)) {
    .fp-hero h2 {
      font-size: calc(1.125rem + 1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-hero h2 {
    font-size: 1.125rem;
  }
}

.fp-hero h2 {
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.0875rem;
}

.fp-hero h2 span {
  display: block;
  color: #C7C8FF;
}

@media screen and (max-width: 1240px) {
  .fp-hero__badges {
    width: 35.5rem;
  }
}

@media screen and (max-width: 1023.98px) {
  .fp-hero__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .fp-hero__info {
    margin-top: 0;
  }
}

@media screen and (max-width: 767.98px) {
  .fp-hero video {
    pointer-events: none;
  }

  .fp-hero video::-webkit-media-controls,
  .fp-hero video::-webkit-media-controls-enclosure,
  .fp-hero video::-webkit-media-controls-panel,
  .fp-hero video::-webkit-media-controls-play-button,
  .fp-hero video::-webkit-media-controls-start-playback-button,
  .fp-hero video::-webkit-media-controls-timeline,
  .fp-hero video::-webkit-media-controls-current-time-display,
  .fp-hero video::-webkit-media-controls-time-remaining-display,
  .fp-hero video::-webkit-media-controls-fullscreen-button,
  .fp-hero video::-webkit-media-controls-mute-button {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .fp-hero__inner {
    padding: 1.25rem 1.25rem 1.5rem;
  }

  .fp-hero h2 {
    padding-top: 0.6875rem;
  }

  .fp-hero .btn-group {
    padding-top: 1.375rem;
    padding-bottom: 7vh;
  }

  .fp-hero__row {
    gap: 1.25rem;
  }

  .fp-hero__info {
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 0;
    background-image: none;
    display: flex;
    align-items: center;
    gap: 0.875rem;
  }

  .fp-hero__info-text {
    padding-top: 0;
    color: #fff;
    letter-spacing: -0.0525rem;
  }

  .fp-hero__info-text span {
    display: none;
  }

  .fp-hero__badges {
    width: auto;
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
  }

  .fp-hero__badge {
    min-height: 3.875rem;
    gap: 0.75rem;
    padding: 0.625rem 0.8125rem;
    border-radius: 0.9375rem;
  }

  .fp-hero__badge p {
    font-size: 0.75rem;
    line-height: 120%;
    letter-spacing: 0;
  }

  .fp-hero__badge-icon {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .hero {
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(2.5rem, 2.2159090909rem + 1.2121212121vw, 3.125rem)) {
    .hero {
      margin-bottom: clamp(2.5rem, 2.2159090909rem + 1.2121212121vw, 3.125rem);
    }
  }

  @supports not (margin-bottom: clamp(2.5rem, 2.2159090909rem + 1.2121212121vw, 3.125rem)) {
    .hero {
      margin-bottom: calc(2.5rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__tag {
    margin-top: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .hero__tag {
      margin-top: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem);
    }
  }

  @supports not (margin-top: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .hero__tag {
      margin-top: calc(1.25rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__tag {
    margin-top: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__tag {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .hero__tag {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .hero__tag {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__tag {
    font-size: 0.75rem;
  }
}

.hero__tag {
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.hero__tag:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #C9A8FF;
  display: inline-block;
  border-radius: 0.625rem;
}

@media (min-width: 75.0625em) {
  .hero__title {
    margin-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .hero__title {
      margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .hero__title {
      margin-top: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__title {
    margin-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__title {
    font-size: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .hero__title {
      font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem);
    }
  }

  @supports not (font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .hero__title {
      font-size: calc(1.875rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__title {
    font-size: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__title {
    line-height: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .hero__title {
      line-height: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem);
    }
  }

  @supports not (line-height: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .hero__title {
      line-height: calc(1.875rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__title {
    line-height: 1.875rem;
  }
}

.hero__title {
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.1px;
}

.hero__title span {
  color: #52259B;
}

.hero__description {
  color: #6A7282;
}

@media (min-width: 75.0625em) {
  .hero__description {
    margin-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .hero__description {
      margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .hero__description {
      margin-top: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__description {
    margin-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__description {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .hero__description {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .hero__description {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__description {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__description {
    line-height: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.1875rem, 1.0170454545rem + 0.7272727273vw, 1.5625rem)) {
    .hero__description {
      line-height: clamp(1.1875rem, 1.0170454545rem + 0.7272727273vw, 1.5625rem);
    }
  }

  @supports not (line-height: clamp(1.1875rem, 1.0170454545rem + 0.7272727273vw, 1.5625rem)) {
    .hero__description {
      line-height: calc(1.1875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__description {
    line-height: 1.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .hero__description {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .hero__description {
      padding-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .hero__description {
      padding-bottom: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero__description {
    padding-bottom: 0.625rem;
  }
}

.hero__description {
  font-weight: 400;
  max-width: 62.5rem;
}

.hero-2-row {
  display: grid;
  grid-template-columns: 1fr 62.5rem;
  gap: 1.25rem;
}

@media (min-width: 75.0625em) {
  .hero-2-row .hero__tag {
    margin-top: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem)) {
    .hero-2-row .hero__tag {
      margin-top: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem)) {
    .hero-2-row .hero__tag {
      margin-top: calc(2.5rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-row .hero__tag {
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 1635px) {
  .hero-2-row {
    grid-template-columns: 2fr 3fr;
  }
}

@media screen and (max-width: 1140px) {
  .hero-2-row {
    grid-template-columns: 1fr 1fr;
  }

  .hero-2-row .hero__title br {
    display: none;
  }

  .hero-2-row .hero__description br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .hero-2-row {
    display: block;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2 {
    padding-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .hero-2-coll-2 {
      padding-top: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .hero-2-coll-2 {
      padding-top: calc(0rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2 {
    padding-top: 0rem;
  }
}

.hero-2-coll-2 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 0.75rem;
}

.hero-2-coll-2__img span {
  display: block;
  overflow: hidden;
  border-radius: 1.75rem;
  border: 0.375rem solid #fff;
}

.hero-2-coll-2__img img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.hero-2-coll-2__img:nth-child(1) {
  display: flex;
  align-items: flex-end;
}

.hero-2-coll-2__img:nth-child(1) img {
  aspect-ratio: 237/185;
}

.hero-2-coll-2__img:nth-child(2) span {
  height: 100%;
}

.hero-2-coll-2__img:nth-child(2) img {
  height: 100%;
  aspect-ratio: 465/371;
}

.hero-2-coll-2__img:nth-child(3) img {
  aspect-ratio: 237/185;
}

@media screen and (max-width: 1140px) {
  .hero-2-coll-2 {
    display: block;
  }

  .hero-2-coll-2__img:nth-child(1) {
    display: none;
  }

  .hero-2-coll-2__img:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .hero-2-coll-2 {
    padding-top: 0.625rem;
  }
}

.hero-2-coll-2-with-tags .hero-2-coll-2__img:nth-child(2) {
  position: relative;
}

.hero-2-coll-2-with-tags .hero-2-tag {
  box-sizing: border-box;
  position: absolute;
  display: inline-flex;
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-top: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-top: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem);
    }
  }

  @supports not (padding-top: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-top: calc(0.375rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-top: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-right: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-right: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-right: calc(0.9375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-bottom: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem);
    }
  }

  @supports not (padding-bottom: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-bottom: calc(0.375rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-bottom: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-left: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-left: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem);
    }
  }

  @supports not (padding-left: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      padding-left: calc(0.375rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    padding-left: 0.375rem;
  }
}

.hero-2-coll-2-with-tags .hero-2-tag {
  justify-content: center;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    gap: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.4375rem, 0.3522727273rem + 0.3636363636vw, 0.625rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      gap: clamp(0.4375rem, 0.3522727273rem + 0.3636363636vw, 0.625rem);
    }
  }

  @supports not (gap: clamp(0.4375rem, 0.3522727273rem + 0.3636363636vw, 0.625rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      gap: calc(0.4375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    gap: 0.4375rem;
  }
}

.hero-2-coll-2-with-tags .hero-2-tag {
  border-radius: 2.5rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.625rem);
  color: #FFF;
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.0625rem, 0.8636363636rem + 0.8484848485vw, 1.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      line-height: clamp(1.0625rem, 0.8636363636rem + 0.8484848485vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(1.0625rem, 0.8636363636rem + 0.8484848485vw, 1.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag {
      line-height: calc(1.0625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag {
    line-height: 1.0625rem;
  }
}

.hero-2-coll-2-with-tags .hero-2-tag {
  letter-spacing: -0.03rem;
}

.hero-2-coll-2-with-tags .hero-2-tag:before {
  content: "";
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag:before {
    width: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:before {
      width: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem);
    }
  }

  @supports not (width: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:before {
      width: calc(1.125rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag:before {
    width: 1.125rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag:before {
    height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:before {
      height: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem);
    }
  }

  @supports not (height: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:before {
      height: calc(1.125rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag:before {
    height: 1.125rem;
  }
}

.hero-2-coll-2-with-tags .hero-2-tag:before {
  background: #8C5EA9;
  display: inline-block;
  border-radius: 1.875rem;
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
    left: 3.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (left: clamp(2.8125rem, 2.5852272727rem + 0.9696969697vw, 3.3125rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
      left: clamp(2.8125rem, 2.5852272727rem + 0.9696969697vw, 3.3125rem);
    }
  }

  @supports not (left: clamp(2.8125rem, 2.5852272727rem + 0.9696969697vw, 3.3125rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
      left: calc(2.8125rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
    left: 2.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
    bottom: 2.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (bottom: clamp(1.875rem, 1.7329545455rem + 0.6060606061vw, 2.1875rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
      bottom: clamp(1.875rem, 1.7329545455rem + 0.6060606061vw, 2.1875rem);
    }
  }

  @supports not (bottom: clamp(1.875rem, 1.7329545455rem + 0.6060606061vw, 2.1875rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
      bottom: calc(1.875rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(1) {
    bottom: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
    top: 2.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (top: clamp(2rem, 1.6875rem + 1.3333333333vw, 2.6875rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
      top: clamp(2rem, 1.6875rem + 1.3333333333vw, 2.6875rem);
    }
  }

  @supports not (top: clamp(2rem, 1.6875rem + 1.3333333333vw, 2.6875rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
      top: calc(2rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
    top: 2rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
    right: 2.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(2.1875rem, 1.875rem + 1.3333333333vw, 2.875rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
      right: clamp(2.1875rem, 1.875rem + 1.3333333333vw, 2.875rem);
    }
  }

  @supports not (right: clamp(2.1875rem, 1.875rem + 1.3333333333vw, 2.875rem)) {
    .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
      right: calc(2.1875rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-2-coll-2-with-tags .hero-2-tag:nth-child(2) {
    right: 2.1875rem;
  }
}

.hero-blog {
  padding-top: 25px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}

@media screen and (max-width: 1300px) {
  .hero-blog {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1135px) {
  .hero-blog {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .hero-blog {
    padding-top: 0;
  }
}

.hero-blog__post {
  overflow: hidden;
  margin-left: 50px;
  border-radius: 20px;
  display: flex;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  display: grid;
  grid-template-columns: 1fr 480px;
}

@media screen and (max-width: 1300px) {
  .hero-blog__post {
    display: block;
  }
}

@media screen and (max-width: 1135px) {
  .hero-blog__post {
    display: none;
  }
}

.hero-blog__img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1300px) {
  .hero-blog__img {
    display: none;
  }
}

.hero-blog__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 40px;
}

.hero-blog__info .cat {
  display: inline-block;
  padding: 4px 12px;
  background: #52259B;
  border-radius: 100px;
  color: #FFF;
  font-family: "Inter";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.5px;
}

.hero-blog__info h2 {
  padding-top: 16px;
  color: #1A1D20;
  font-family: "Inter";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.6px;
}

.hero-blog__description {
  margin-top: 12px;
  color: #6A7282;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.75px;
  /* 162.5% */
}

.hero-blog__author {
  font-size: 15.165px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.747px;
}

.hero-blog__author a {
  color: #52259B;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.hero-blog__author a span {
  display: flex;
  gap: 6px;
  align-items: center;
}

.hero-blog__author a span::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #99A1AF;
  border-radius: 100%;
}

.hero-blog__author img {
  border-radius: 100%;
  object-fit: cover;
  width: 38px;
  height: 38px;
}

.hero-blog__author span {
  color: #99A1AF;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
}

@media screen and (max-width: 768px) {
  .hero-blog .hero__tag {
    text-align: center;
    justify-content: center;
  }

  .hero-blog .hero__title {
    text-align: center;
  }

  .hero-blog .hero__description {
    text-align: center;
  }
}

@media (min-width: 75.0625em) {
  .hero-service {
    margin-bottom: 2.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0rem, -0.9943181818rem + 4.2424242424vw, 2.1875rem)) {
    .hero-service {
      margin-bottom: clamp(0rem, -0.9943181818rem + 4.2424242424vw, 2.1875rem);
    }
  }

  @supports not (margin-bottom: clamp(0rem, -0.9943181818rem + 4.2424242424vw, 2.1875rem)) {
    .hero-service {
      margin-bottom: calc(0rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service {
    margin-bottom: 0rem;
  }
}

.hero-service__inner {
  display: grid;
  grid-template-columns: 1fr 750px;
  justify-content: space-between;
  align-items: stretch;
  align-items: center;
  padding-top: 1rem;
}

@media (min-width: 75.0625em) {
  .hero-service__inner {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem)) {
    .hero-service__inner {
      gap: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.125rem, 0.5rem + 2.6666666667vw, 2.5rem)) {
    .hero-service__inner {
      gap: calc(1.125rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__inner {
    gap: 1.125rem;
  }
}

@media screen and (max-width: 1500px) {
  .hero-service__inner {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 768px) {
  .hero-service__inner {
    grid-template-columns: 1fr;
  }
}

.hero-service__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 18px;
}

.hero-service__tag {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #1A1D20;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

@media (min-width: 75.0625em) {
  .hero-service__tag {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .hero-service__tag {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .hero-service__tag {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__tag {
    font-size: 0.75rem;
  }
}

.hero-service__tag::before {
  content: "";
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: #C9A8FF;
  border-radius: 50%;
}

.hero-service__title {
  color: #1A1D20;
  font-weight: 700;
}

@media (min-width: 75.0625em) {
  .hero-service__title {
    margin-top: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .hero-service__title {
      margin-top: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (margin-top: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .hero-service__title {
      margin-top: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__title {
    margin-top: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__title {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .hero-service__title {
      margin-bottom: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (margin-bottom: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .hero-service__title {
      margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__title {
    margin-bottom: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__title {
    font-size: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .hero-service__title {
      font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem);
    }
  }

  @supports not (font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .hero-service__title {
      font-size: calc(1.875rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__title {
    font-size: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__title {
    line-height: 3.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.875rem, 1.3352272727rem + 2.303030303vw, 3.0625rem)) {
    .hero-service__title {
      line-height: clamp(1.875rem, 1.3352272727rem + 2.303030303vw, 3.0625rem);
    }
  }

  @supports not (line-height: clamp(1.875rem, 1.3352272727rem + 2.303030303vw, 3.0625rem)) {
    .hero-service__title {
      line-height: calc(1.875rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__title {
    line-height: 1.875rem;
  }
}

.hero-service__title span {
  color: #52259B;
}

.hero-service__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.625rem;
}

@media (min-width: 75.0625em) {
  .hero-service__tags {
    gap: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem)) {
    .hero-service__tags {
      gap: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem);
    }
  }

  @supports not (gap: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem)) {
    .hero-service__tags {
      gap: calc(0.375rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__tags {
    gap: 0.375rem;
  }
}

.hero-service__pill {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(0.625rem);
  border-radius: 2.5rem;
  color: #2B0024;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

@media (min-width: 75.0625em) {
  .hero-service__pill {
    gap: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem)) {
    .hero-service__pill {
      gap: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem);
    }
  }

  @supports not (gap: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem)) {
    .hero-service__pill {
      gap: calc(0.375rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill {
    gap: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__pill {
    padding: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem)) {
    .hero-service__pill {
      padding: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem);
    }
  }

  @supports not (padding: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem)) {
    .hero-service__pill {
      padding: calc(0.3125rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill {
    padding: 0.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__pill {
    padding-right: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem)) {
    .hero-service__pill {
      padding-right: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem);
    }
  }

  @supports not (padding-right: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem)) {
    .hero-service__pill {
      padding-right: calc(0.8125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill {
    padding-right: 0.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__pill {
    font-size: 0.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.625rem, 0.5965909091rem + 0.1212121212vw, 0.6875rem)) {
    .hero-service__pill {
      font-size: clamp(0.625rem, 0.5965909091rem + 0.1212121212vw, 0.6875rem);
    }
  }

  @supports not (font-size: clamp(0.625rem, 0.5965909091rem + 0.1212121212vw, 0.6875rem)) {
    .hero-service__pill {
      font-size: calc(0.625rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill {
    font-size: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__pill {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .hero-service__pill {
      line-height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .hero-service__pill {
      line-height: calc(0.9375rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill {
    line-height: 0.9375rem;
  }
}

.hero-service__pill::before {
  content: "";
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .hero-service__pill::before {
    width: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .hero-service__pill::before {
      width: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem);
    }
  }

  @supports not (width: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .hero-service__pill::before {
      width: calc(0.9375rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill::before {
    width: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__pill::before {
    height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .hero-service__pill::before {
      height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem);
    }
  }

  @supports not (height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .hero-service__pill::before {
      height: calc(0.9375rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__pill::before {
    height: 0.9375rem;
  }
}

.hero-service__pill::before {
  background: #8C5EA9;
  border-radius: 50%;
}

.hero-service__btn {
  display: inline-flex;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .hero-service__btn {
    margin-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .hero-service__btn {
      margin-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (margin-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .hero-service__btn {
      margin-top: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn {
    margin-top: 1.25rem;
  }
}

.hero-service__btn span:first-child {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #52259B;
  border-radius: 4.6875rem;
  color: #FFFFFF;
  font-weight: 600;
  transition-duration: 0.2s;
}

@media (min-width: 75.0625em) {
  .hero-service__btn span:first-child {
    line-height: 1.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1rem, 0.7159090909rem + 1.2121212121vw, 1.625rem)) {
    .hero-service__btn span:first-child {
      line-height: clamp(1rem, 0.7159090909rem + 1.2121212121vw, 1.625rem);
    }
  }

  @supports not (line-height: clamp(1rem, 0.7159090909rem + 1.2121212121vw, 1.625rem)) {
    .hero-service__btn span:first-child {
      line-height: calc(1rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn span:first-child {
    line-height: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__btn span:first-child {
    padding: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .hero-service__btn span:first-child {
      padding: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (padding: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .hero-service__btn span:first-child {
      padding: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn span:first-child {
    padding: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__btn span:first-child {
    padding-right: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .hero-service__btn span:first-child {
      padding-right: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .hero-service__btn span:first-child {
      padding-right: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn span:first-child {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__btn span:first-child {
    padding-left: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .hero-service__btn span:first-child {
      padding-left: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .hero-service__btn span:first-child {
      padding-left: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn span:first-child {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__btn span:first-child {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem)) {
    .hero-service__btn span:first-child {
      font-size: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem)) {
    .hero-service__btn span:first-child {
      font-size: calc(0.8125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn span:first-child {
    font-size: 0.8125rem;
  }
}

.hero-service__btn:hover span:first-child,
.hero-service__btn:hover .hero-treatment__btn-icon {
  background: #7D5FB6;
}

.hero-service__btn-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #52259B;
  border-radius: 50%;
  transition-duration: 0.2s;
}

@media (min-width: 75.0625em) {
  .hero-service__btn-icon {
    width: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.75rem, 2.0113636364rem + 3.1515151515vw, 4.375rem)) {
    .hero-service__btn-icon {
      width: clamp(2.75rem, 2.0113636364rem + 3.1515151515vw, 4.375rem);
    }
  }

  @supports not (width: clamp(2.75rem, 2.0113636364rem + 3.1515151515vw, 4.375rem)) {
    .hero-service__btn-icon {
      width: calc(2.75rem + 1.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn-icon {
    width: 2.75rem;
  }
}

@media (min-width: 75.0625em) {
  .hero-service__btn-icon {
    height: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.75rem, 2.0113636364rem + 3.1515151515vw, 4.375rem)) {
    .hero-service__btn-icon {
      height: clamp(2.75rem, 2.0113636364rem + 3.1515151515vw, 4.375rem);
    }
  }

  @supports not (height: clamp(2.75rem, 2.0113636364rem + 3.1515151515vw, 4.375rem)) {
    .hero-service__btn-icon {
      height: calc(2.75rem + 1.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .hero-service__btn-icon {
    height: 2.75rem;
  }
}

.hero-service__media {
  position: relative;
  width: 100%;
  aspect-ratio: 845/468.52;
}

@media screen and (max-width: 1199.98px) {
  .hero-service__media {
    aspect-ratio: 845/500;
  }
}

@media screen and (max-width: 768px) {
  .hero-service__media {
    aspect-ratio: 350/290;
  }
}

.hero-service__img {
  position: absolute;
  overflow: hidden;
  border: 0.375rem solid #FFFFFF;
  border-radius: 1.75rem;
  box-sizing: border-box;
}

.hero-service__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-service__img--main {
  left: 30.51%;
  top: 0;
  width: 69.49%;
  height: 100%;
  z-index: 0;
}

@media screen and (max-width: 1120px) {
  .hero-service__img--main {
    width: 100%;
    position: static;
  }
}

.hero-service__img--bottom {
  left: 0;
  top: 60.51%;
  width: 28.05%;
  height: 39.49%;
  z-index: 1;
}

@media screen and (max-width: 1120px) {
  .hero-service__img--bottom {
    display: none;
  }
}

.hero-service__img--mid {
  left: 13.02%;
  top: 34.48%;
  width: 15.03%;
  height: 21.13%;
  background: #DEBEF2;
  z-index: 2;
}

@media screen and (max-width: 1120px) {
  .hero-service__img--mid {
    display: none;
  }
}

.services-page {
  padding-top: 1.25rem;
}

.case-hero {
  padding-top: 2rem;
  margin-bottom: 5.625rem;
}

.case-hero__back {
  display: inline-flex;
  align-items: center;
  gap: 0.6875rem;
  color: #52259B;
  font-family: "Inter";
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.case-hero__back-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  background: #52259B;
  border-radius: 0.5625rem;
  transition: background ease 0.2s;
}

.case-hero__back:hover .case-hero__back-btn {
  background: #7D5FB6;
}

.case-hero__layout {
  display: grid;
  grid-template-columns: 1fr 45.625rem;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}

@media screen and (max-width: 1474px) {
  .case-hero__layout {
    grid-template-columns: 1fr 40rem;
  }
}

.case-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.case-hero__category {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #1A1D20;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.case-hero__category-dot {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: #C9A8FF;
  border-radius: 50%;
}

.case-hero__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4375rem;
  margin-top: 1.25rem;
}

.case-hero__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 0.9375rem;
  background: rgba(82, 37, 155, 0.2);
  border-radius: 62.4375rem;
  color: #52259B;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.6875rem;
}

.case-hero__title {
  margin-top: 1.25rem;
  color: #1A1D20;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3.0625rem;
}

.case-hero__description {
  margin-top: 1.25rem;
  color: #6A7282;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.case-hero__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3.75rem;
  margin-top: 1.5625rem;
}

.case-hero__doctor {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}

.case-hero__doctor-avatar {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid #FFFFFF;
}

.case-hero__doctor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.case-hero__doctor-name {
  color: #52259B;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.case-hero__visits {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #737373;
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.case-hero__visits b {
  font-weight: 400;
  color: #2F2F2F;
}

.case-hero__visits-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.case-hero__cta {
  display: inline-flex;
  align-items: center;
  margin-top: 3.125rem;
}

.case-hero__cta-text {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.375rem;
  padding: 1.25rem 1.875rem;
  background: #52259B;
  border-radius: 4.6875rem;
  color: #FFFFFF;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.625rem;
  transition: background ease 0.2s;
}

.case-hero__cta-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.375rem;
  height: 4.375rem;
  margin-left: -0.625rem;
  background: #52259B;
  border-radius: 50%;
  transition: background ease 0.2s;
}

.case-hero__cta:hover .case-hero__cta-text,
.case-hero__cta:hover .case-hero__cta-icon {
  background: #7D5FB6;
}

.case-hero__media {
  margin-top: 20px;
  position: relative;
  box-sizing: border-box;
  padding: 0.875rem 0.875rem 1.9375rem;
  background: #FFFFFF;
  border-radius: 2.3125rem;
  box-shadow: 0 0.0625rem 0.9375rem rgba(195, 195, 195, 0.25);
}

.case-hero__slider {
  display: block;
  width: 100%;
  border-radius: 1.5625rem;
  overflow: hidden;
  outline: none;
  --divider-width: 0.21875rem;
  --divider-color: #FFFFFF;
  --handle-opacity: 1;
}

.case-hero__slider:focus,
.case-hero__slider:focus-visible,
.case-hero__slider:focus-within {
  outline: none;
}

.case-hero__slider img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 702/478;
  object-fit: cover;
}

.case-hero__handle {
  background-image: url('../img/handle.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  width: 4.8125rem;
  height: 4rem;
}

.case-hero__badge {
  position: absolute;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 3.9375rem;
  min-width: 6.3125rem;
  height: 2.75rem;
  padding: 0 1.25rem;
  border-radius: 4.375rem;
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  text-shadow: 0 0.875rem 2.75rem rgba(38, 13, 77, 0.1);
  pointer-events: none;
  z-index: 10;
}

.case-hero__badge--before {
  left: 1.75rem;
  background: #8C5EA9;
}

.case-hero__badge--after {
  right: 1.75rem;
  background: #52259B;
}

@media screen and (max-width: 1199.98px) {
  .case-hero__layout {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    gap: 2.5rem;
  }

  .case-hero__media {
    margin-top: 1.25rem;
    width: 100%;
    max-width: 45.625rem;
  }
}

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

  .case-hero .case-hero__media,
  .case-hero .case-hero__content__inner {
    max-width: auto;
  }
}

@media screen and (max-width: 767.98px) {
  .case-hero {
    margin-bottom: 2.5rem;
  }

  .case-hero__content {
    width: 100%;
  }

  .case-hero__back {
    order: 0;
  }

  .case-hero__category {
    order: 1;
    margin-top: 1.25rem;
  }

  .case-hero__title {
    order: 2;
  }

  .case-hero__tags {
    order: 3;
  }

  .case-hero__meta {
    order: 4;
  }

  .case-hero__description {
    order: 5;
  }

  .case-hero__cta {
    display: none;
  }

  .case-hero__back {
    font-size: 0.75rem;
    line-height: 1.125rem;
    gap: 0.5625rem;
  }

  .case-hero__back-btn {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 0.5rem;
  }

  .case-hero__category {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }

  .case-hero__category-dot {
    width: 0.5rem;
    height: 0.5rem;
  }

  .case-hero__title {
    margin-top: 1.25rem;
    font-size: 1.875rem;
    line-height: 1.875rem;
  }

  .case-hero__tags {
    margin-top: 0.9375rem;
  }

  .case-hero__description {
    margin-top: 0.9375rem;
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }

  .case-hero__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9375rem;
    margin-top: 0.9375rem;
  }

  .case-hero__doctor {
    gap: 0.625rem;
  }

  .case-hero__doctor-avatar {
    width: 1.9375rem;
    height: 1.9375rem;
  }

  .case-hero__doctor-name {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .case-hero__visits {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }

  .case-hero__visits-icon {
    width: 1rem;
    height: 1rem;
  }

  .case-hero__media {
    padding: 0.4375rem;
    border-radius: 1.125rem;
    padding-bottom: 19px;
  }

  .case-hero__slider {
    border-radius: 0.75rem;
  }

  .case-hero__handle {
    width: 3.9375rem;
    height: 2.1875rem;
    background-size: contain;
  }

  .case-hero__badge {
    bottom: 2.125rem;
    min-width: 4.375rem;
    height: 1.8125rem;
    padding: 0 0.9375rem;
    font-size: 0.875rem;
    border-radius: 2.125rem;
  }

  .case-hero__badge--before {
    left: 0.875rem;
  }

  .case-hero__badge--after {
    right: 0.875rem;
  }
}

.case-content {
  overflow: visible;
  padding: 2.5rem 0 6.25rem;
}

.case-content__layout {
  display: grid;
  grid-template-columns: 35.5rem 1fr;
  align-items: start;
  gap: 3.75rem;
}


@media screen and (max-width: 1300px) {
  .case-content__layout {
    grid-template-columns: 25.5rem 1fr;
  }
}

@media screen and (max-width: 1023.98px) {
  .case-content__layout {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.case-toc {
  position: -webkit-sticky;
  position: sticky;
  top: 97px;
  align-self: flex-start;
}

.case-toc__inner {
  box-sizing: border-box;
  background: #8C5EA9;
  border-radius: 1.5625rem;
  padding: 2.375rem 3.375rem;
}

@media screen and (max-width: 1023.98px) {
  .case-toc {
    position: static;
    top: auto;
  }
}

.case-toc__heading {
  margin: 0 0 1.5625rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 98%;
}

.case-toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.case-toc__item {
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.case-toc__item:last-child:not(:last-child) {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
}

.case-toc__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 0.875rem 1.125rem;
  margin: 0.375rem -1.125rem;
  border-radius: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 156%;
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}

.case-toc__link:hover {
  color: #fff;
}

.case-toc__arrow {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
  transform: translate(-0.375rem, 0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.case-toc__arrow path {
  stroke: #8C5EA9;
}

.case-toc__item .case-toc__link {
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) 50%;
}

.case-toc__item.is-active .case-toc__link {
  color: #fff;
  background-image: url('../img/arrow-right-top.svg');
}

.case-toc__item.is-active .case-toc__arrow {
  opacity: 1;
  transform: translate(0, 0);
}

@media screen and (max-width: 767.98px) {
  .case-toc {
    display: none;
  }
}

.case-body {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.case-body__section {
  scroll-margin-top: 6.875rem;
}

.case-body h2 {
  margin: 0 0 1rem;
  color: #1A1D20;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 115%;
}

.case-body p {
  margin: 0;
  color: #1A1D20;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.03em;
}

.case-body__gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem;
  margin-top: 1.5rem;
}

.case-body__media {
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
  background: #E5E7EB;
  aspect-ratio: 564/393;
}

.case-body__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 767.98px) {
  .case-body {
    gap: 2.5rem;
  }

  .case-body h2 {
    font-size: 1.5625rem;
  }

  .case-body p {
    font-size: 0.875rem;
    letter-spacing: 0.01em;
  }

  .case-body__gallery {
    display: flex;
    grid-template-columns: none;
    gap: 0.625rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .case-body__media {
    flex: 0 0 86%;
    border-radius: 0.5625rem;
    scroll-snap-align: start;
  }
}

.case-nav {
  margin-bottom: 7.5rem;
  padding: 1.5625rem 0;
  background: #fff;
}

.case-nav__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}

.case-nav__back {
  display: inline-flex;
  align-items: center;
  gap: 0.875rem;
  text-decoration: none;
  color: #52259B;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
  transition: color 0.2s ease;
}

.case-nav__back:hover {
  color: #52259B;
}

.case-nav__back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  background: #A992CD;
  transition: background 0.2s ease;
}

.case-nav__back:hover .case-nav__back-icon {
  background: #EAD4FF;
}

.case-nav__next {
  display: inline-flex;
  align-items: center;
  gap: 1.125rem;
  text-decoration: none;
  min-width: 0;
}

.case-nav__next-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  text-align: right;
  min-width: 0;
}

.case-nav__next-label {
  color: #99A1AF;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}

.case-nav__next-title {
  color: #52259B;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 120%;
  transition: color 0.2s ease;
}

.case-nav__next:hover .case-nav__next-title {
  color: #52259B;
}

.case-nav__next-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  background: #A992CD;
  transition: background 0.2s ease;
}

.case-nav__next:hover .case-nav__next-icon {
  background: #52259B;
}

@media screen and (max-width: 1023.98px) {
  .case-nav__spacer {
    display: none;
  }
}

@media screen and (max-width: 767.98px) {
  .case-nav {
    padding: 0.9375rem 0;
  }

  .case-nav__back {
    gap: 0.5rem;
    font-size: 0.75rem;
  }

  .case-nav__back-icon,
  .case-nav__next-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5625rem;
  }

  .case-nav__next {
    flex: 1;
    min-width: 0;
    justify-content: flex-end;
    gap: 0.625rem;
  }

  .case-nav__next-meta {
    flex: 1;
    min-width: 0;
    gap: 0.0625rem;
  }

  .case-nav__next-label {
    font-size: 0.6875rem;
    white-space: nowrap;
  }

  .case-nav__next-title {
    max-width: 100%;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 75.0625em) {
  .mission {
    padding-top: 5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(7.1875rem, 8.1818181818rem + -4.2424242424vw, 5rem)) {
    .mission {
      padding-top: clamp(7.1875rem, 8.1818181818rem + -4.2424242424vw, 5rem);
    }
  }

  @supports not (padding-top: clamp(7.1875rem, 8.1818181818rem + -4.2424242424vw, 5rem)) {
    .mission {
      padding-top: calc(7.1875rem + -2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission {
    padding-top: 7.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .mission {
    padding-bottom: 17.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(5rem, -0.6818181818rem + 24.2424242424vw, 17.5rem)) {
    .mission {
      padding-bottom: clamp(5rem, -0.6818181818rem + 24.2424242424vw, 17.5rem);
    }
  }

  @supports not (padding-bottom: clamp(5rem, -0.6818181818rem + 24.2424242424vw, 17.5rem)) {
    .mission {
      padding-bottom: calc(5rem + 12.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission {
    padding-bottom: 5rem;
  }
}

.mission__title {
  text-align: center;
  margin-bottom: 3.125rem;
}

.mission__grid {
  display: grid;
  grid-template-columns: 1fr 35.5rem 1fr;
  gap: 1.875rem;
  align-items: start;
}

.mission__col {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.mission__card {
  border-radius: 1.9375rem;
  overflow: hidden;
}

.mission__card--purple {
  background: #8C5EA9;
}

@media (min-width: 75.0625em) {
  .mission__card--purple {
    padding: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem)) {
    .mission__card--purple {
      padding: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem);
    }
  }

  @supports not (padding: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem)) {
    .mission__card--purple {
      padding: calc(1.3125rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__card--purple {
    padding: 1.3125rem;
  }
}

.mission__card--purple {
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .mission__card--purple {
    gap: 3.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, -0.1590909091rem + 5.2121212121vw, 3.75rem)) {
    .mission__card--purple {
      gap: clamp(1.0625rem, -0.1590909091rem + 5.2121212121vw, 3.75rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, -0.1590909091rem + 5.2121212121vw, 3.75rem)) {
    .mission__card--purple {
      gap: calc(1.0625rem + 2.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__card--purple {
    gap: 1.0625rem;
  }
}

.mission__card--purple {
  min-height: 12.5rem;
}

@media (min-width: 75.0625em) {
  .mission__card--purple .mission__card-text {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .mission__card--purple .mission__card-text {
      font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .mission__card--purple .mission__card-text {
      font-size: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__card--purple .mission__card-text {
    font-size: 0.875rem;
  }
}

.mission__card--purple .mission__card-text {
  font-weight: 700;
  line-height: 130%;
  color: #fff;
}

@media (min-width: 75.0625em) {
  .mission__card--purple .mission__card-text strong {
    font-size: 1.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.0625rem, 0.7215909091rem + 1.4545454545vw, 1.8125rem)) {
    .mission__card--purple .mission__card-text strong {
      font-size: clamp(1.0625rem, 0.7215909091rem + 1.4545454545vw, 1.8125rem);
    }
  }

  @supports not (font-size: clamp(1.0625rem, 0.7215909091rem + 1.4545454545vw, 1.8125rem)) {
    .mission__card--purple .mission__card-text strong {
      font-size: calc(1.0625rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__card--purple .mission__card-text strong {
    font-size: 1.0625rem;
  }
}

.mission__card--purple .mission__card-text strong {
  font-weight: 700;
}

.mission__icon img {
  width: 4.375rem;
  height: 4.375rem;
}

.mission__card--white {
  background: #fff;
  padding: 2.5rem 2.5rem 2.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  min-height: 22.1875rem;
  justify-content: space-between;
}

.mission__card--white .mission__card-desc {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 130%;
  color: #4A5565;
}

.mission__card--light {
  background: #fff;
  padding: 3.0625rem 2.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  min-height: 23.125rem;
  justify-content: space-between;
}

.mission__card--light .mission__card-desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 130%;
  color: #4A5565;
}

.mission__card--light .mission__card-desc strong {
  font-weight: 700;
  color: #1A1D20;
}

.mission__card--overlay {
  border-radius: 1.9375rem;
  border: 0.375rem solid #fff;
  background: url('../img/2.png');
  min-height: 12.5rem;
  background-size: cover;
  padding: 2.625rem;
  display: flex;
  align-items: flex-end;
}

.mission__card--overlay .mission__card-text--mixed {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 130%;
  color: #4A5565;
}

.mission__card--overlay .mission__card-text--mixed strong {
  color: #1A1D20;
}

.mission__blockquote {
  margin-top: 10px;
  padding: 0.625rem 1.5rem;
  border-left: 0.25rem solid #8C5EA9;
  font-family: "Inter", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1A1D20;
}

.mission__patients {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.mission__patients-avatars {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars {
    max-width: 15.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (max-width: clamp(11.875rem, 10.0284090909rem + 7.8787878788vw, 15.9375rem)) {
    .mission__patients-avatars {
      max-width: clamp(11.875rem, 10.0284090909rem + 7.8787878788vw, 15.9375rem);
    }
  }

  @supports not (max-width: clamp(11.875rem, 10.0284090909rem + 7.8787878788vw, 15.9375rem)) {
    .mission__patients-avatars {
      max-width: calc(11.875rem + 4.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars {
    max-width: 11.875rem;
  }
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars {
    padding-left: -0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(-0.625rem, -0.4829545455rem + -0.6060606061vw, -0.9375rem)) {
    .mission__patients-avatars {
      padding-left: clamp(-0.625rem, -0.4829545455rem + -0.6060606061vw, -0.9375rem);
    }
  }

  @supports not (padding-left: clamp(-0.625rem, -0.4829545455rem + -0.6060606061vw, -0.9375rem)) {
    .mission__patients-avatars {
      padding-left: calc(-0.625rem + -0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars {
    padding-left: -0.625rem;
  }
}

.mission__patients-avatars span {
  display: flex;
}

.mission__patients-avatars span:nth-child(2) {
  padding-left: 10px;
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars span:nth-child(2) {
    margin-top: -1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(-0.625rem, -0.3409090909rem + -1.2121212121vw, -1.25rem)) {
    .mission__patients-avatars span:nth-child(2) {
      margin-top: clamp(-0.625rem, -0.3409090909rem + -1.2121212121vw, -1.25rem);
    }
  }

  @supports not (margin-top: clamp(-0.625rem, -0.3409090909rem + -1.2121212121vw, -1.25rem)) {
    .mission__patients-avatars span:nth-child(2) {
      margin-top: calc(-0.625rem + -0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars span:nth-child(2) {
    margin-top: -0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars .mission__avatar {
    width: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.375rem, 1.6363636364rem + 3.1515151515vw, 4rem)) {
    .mission__patients-avatars .mission__avatar {
      width: clamp(2.375rem, 1.6363636364rem + 3.1515151515vw, 4rem);
    }
  }

  @supports not (width: clamp(2.375rem, 1.6363636364rem + 3.1515151515vw, 4rem)) {
    .mission__patients-avatars .mission__avatar {
      width: calc(2.375rem + 1.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars .mission__avatar {
    width: 2.375rem;
  }
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars .mission__avatar {
    height: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.375rem, 1.6363636364rem + 3.1515151515vw, 4rem)) {
    .mission__patients-avatars .mission__avatar {
      height: clamp(2.375rem, 1.6363636364rem + 3.1515151515vw, 4rem);
    }
  }

  @supports not (height: clamp(2.375rem, 1.6363636364rem + 3.1515151515vw, 4rem)) {
    .mission__patients-avatars .mission__avatar {
      height: calc(2.375rem + 1.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars .mission__avatar {
    height: 2.375rem;
  }
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars .mission__avatar {
    margin-left: -0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-left: clamp(-0.625rem, -0.4829545455rem + -0.6060606061vw, -0.9375rem)) {
    .mission__patients-avatars .mission__avatar {
      margin-left: clamp(-0.625rem, -0.4829545455rem + -0.6060606061vw, -0.9375rem);
    }
  }

  @supports not (margin-left: clamp(-0.625rem, -0.4829545455rem + -0.6060606061vw, -0.9375rem)) {
    .mission__patients-avatars .mission__avatar {
      margin-left: calc(-0.625rem + -0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars .mission__avatar {
    margin-left: -0.625rem;
  }
}

.mission__patients-avatars .mission__avatar {
  border-radius: 50%;
  border: 2px solid #fff;
  object-fit: cover;
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .mission__patients-avatars .mission__avatar:nth-child(5) {
    margin-left: 0.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-left: clamp(0.1875rem, 0.1306818182rem + 0.2424242424vw, 0.3125rem)) {
    .mission__patients-avatars .mission__avatar:nth-child(5) {
      margin-left: clamp(0.1875rem, 0.1306818182rem + 0.2424242424vw, 0.3125rem);
    }
  }

  @supports not (margin-left: clamp(0.1875rem, 0.1306818182rem + 0.2424242424vw, 0.3125rem)) {
    .mission__patients-avatars .mission__avatar:nth-child(5) {
      margin-left: calc(0.1875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__patients-avatars .mission__avatar:nth-child(5) {
    margin-left: 0.1875rem;
  }
}

.mission__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #52259B;
  text-decoration: none;
  white-space: nowrap;
}

.mission__link span {
  font-size: 1.4375rem;
}

.mission__link:hover {
  opacity: 0.8;
}

.mission__photo-card {
  position: relative;
  border-radius: 1.9375rem;
  border: 0.375rem solid #fff;
  overflow: hidden;
  height: 100%;
  min-height: 48.125rem;
  display: flex;
  align-items: flex-end;
  background: #52259B;
}

.mission__photo-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.mission__photo-text {
  position: relative;
  z-index: 1;
  padding: 2rem 2.5rem 2.5rem;
}

@media (min-width: 75.0625em) {
  .mission__photo-text {
    padding: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.1875rem, 0.5909090909rem + 2.5454545455vw, 2.5rem)) {
    .mission__photo-text {
      padding: clamp(1.1875rem, 0.5909090909rem + 2.5454545455vw, 2.5rem);
    }
  }

  @supports not (padding: clamp(1.1875rem, 0.5909090909rem + 2.5454545455vw, 2.5rem)) {
    .mission__photo-text {
      padding: calc(1.1875rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__photo-text {
    padding: 1.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .mission__photo-text {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .mission__photo-text {
      font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .mission__photo-text {
      font-size: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .mission__photo-text {
    font-size: 0.875rem;
  }
}

.mission__photo-text {
  font-weight: 500;
  line-height: 130%;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 100%);
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 1023.98px) {
  .mission__title {
    margin-bottom: 1.875rem;
  }

  .mission__grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
  }

  .mission__col {
    gap: 1.25rem;
  }

  .mission__col--center {
    grid-column: 1/-1;
    grid-row: 1;
  }

  .mission__col--left {
    grid-column: 1;
    grid-row: 2;
  }

  .mission__col--right {
    grid-column: 2;
    grid-row: 2;
  }

  .mission__photo-card {
    min-height: 21.25rem;
  }
}

@media screen and (max-width: 767.98px) {
  .mission__title {
    margin-bottom: 2.5rem;
  }

  .mission__grid {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .mission__col {
    gap: 0.625rem;
  }

  .mission__col--center,
  .mission__col--left,
  .mission__col--right {
    grid-column: auto;
    grid-row: auto;
  }

  .mission__card {
    border-radius: 1.1875rem;
  }

  .mission__card--purple {
    min-height: auto;
  }

  .mission__icon img {
    width: 2.625rem;
    height: 2.625rem;
  }

  .mission__card--white {
    padding: 1.5rem;
    gap: 1.25rem;
    min-height: auto;
  }

  .mission__card--white .mission__card-desc {
    font-size: 0.875rem;
  }

  .mission__patients {
    gap: 0.75rem;
  }

  .mission__link {
    font-size: 0.75rem;
  }

  .mission__link span {
    font-size: 0.875rem;
  }

  .mission__card--light {
    padding: 1.5rem;
    gap: 1.25rem;
    min-height: auto;
  }

  .mission__card--light .mission__card-desc {
    font-size: 0.875rem;
  }

  .mission__blockquote {
    padding: 0.375rem 0.875rem;
    border-left: 0.125rem solid #8C5EA9;
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }

  .mission__card--overlay {
    padding: 1.5rem;
    border-width: 0.25rem;
    border-radius: 1.1875rem;
    min-height: auto;
  }

  .mission__card--overlay .mission__card-text--mixed {
    font-size: 0.875rem;
  }

  .mission__photo-card {
    min-height: 21.75rem;
    border-width: 0.25rem;
    border-radius: 1.1875rem;
  }
}

.fp-service {
  padding-bottom: 0.625rem;
}

.fp-service__grid {
  padding-top: 0.3125rem;
  display: grid;
  grid-template-columns: 38.125rem repeat(3, 1fr);
}

@media (min-width: 75.0625em) {
  .fp-service__grid {
    gap: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem)) {
    .fp-service__grid {
      gap: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem);
    }
  }

  @supports not (gap: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem)) {
    .fp-service__grid {
      gap: calc(0.5625rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__grid {
    gap: 0.5625rem;
  }
}

@media screen and (max-width: 1730px) {
  .fp-service__grid {
    grid-template-columns: 26.875rem repeat(3, 1fr);
  }
}

@media screen and (max-width: 1500px) {
  .fp-service__grid {
    grid-template-columns: 26.25rem repeat(3, 1fr);
  }
}

@media screen and (max-width: 1200px) {
  .fp-service__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .fp-service__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 500px) {
  .fp-service__grid {
    grid-template-columns: 1fr;
  }
}

.fp-service__head {
  margin-right: 1rem;
}

.fp-service__head .g-title {
  line-height: 3.455rem;
}

@media (min-width: 75.0625em) {
  .fp-service__head .g-title {
    line-height: 3.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.5625rem, 0.7102272727rem + 3.6363636364vw, 3.4375rem)) {
    .fp-service__head .g-title {
      line-height: clamp(1.5625rem, 0.7102272727rem + 3.6363636364vw, 3.4375rem);
    }
  }

  @supports not (line-height: clamp(1.5625rem, 0.7102272727rem + 3.6363636364vw, 3.4375rem)) {
    .fp-service__head .g-title {
      line-height: calc(1.5625rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__head .g-title {
    line-height: 1.5625rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-service__head .g-title {
    text-align: center;
  }
}

.fp-service__head p {
  color: #6A7282;
  line-height: 1.5rem;
}

@media (min-width: 75.0625em) {
  .fp-service__head p {
    padding-top: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .fp-service__head p {
      padding-top: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .fp-service__head p {
      padding-top: calc(0rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__head p {
    padding-top: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__head p {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp-service__head p {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp-service__head p {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__head p {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-service__head p {
    text-align: center;
    margin-bottom: 10px;
  }
}

.fp-service__head .btn--empty {
  width: 17.8125rem;
}

@media (min-width: 75.0625em) {
  .fp-service__head .btn--empty {
    margin-top: 3rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, -0.4545454545rem + 4.6060606061vw, 3rem)) {
    .fp-service__head .btn--empty {
      margin-top: clamp(0.625rem, -0.4545454545rem + 4.6060606061vw, 3rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, -0.4545454545rem + 4.6060606061vw, 3rem)) {
    .fp-service__head .btn--empty {
      margin-top: calc(0.625rem + 2.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__head .btn--empty {
    margin-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__head .btn--empty {
    margin-bottom: 0rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(1.875rem, 2.7272727273rem + -3.6363636364vw, 0rem)) {
    .fp-service__head .btn--empty {
      margin-bottom: clamp(1.875rem, 2.7272727273rem + -3.6363636364vw, 0rem);
    }
  }

  @supports not (margin-bottom: clamp(1.875rem, 2.7272727273rem + -3.6363636364vw, 0rem)) {
    .fp-service__head .btn--empty {
      margin-bottom: calc(1.875rem + -1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__head .btn--empty {
    margin-bottom: 1.875rem;
  }
}

@media screen and (max-width: 1200px) {
  .fp-service__head .g-title span br {
    display: none;
  }

  .fp-service__head {
    grid-column: span 3;
  }
}

@media screen and (max-width: 768px) {
  .fp-service__head {
    grid-column: span 2;
  }
}

@media screen and (max-width: 500px) {
  .fp-service__head {
    grid-column: span 1;
  }
}


.fp-service__media {
  grid-row-start: 2;
  border-radius: 2.25rem;
  border: 0.0625rem solid #E5E7EB;
  aspect-ratio: 593/400;
  overflow: hidden;
  margin-right: 1rem;
}

.fp-service__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 1200px) {
  .fp-service__media {
    display: none;
  }
}

.fp-service__link {
  color: #1A1D20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.5rem;
  letter-spacing: -0.09rem;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
}

.fp-service__link span {
  position: relative;
}

.fp-service__link span:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0;
  background-image: url("../img/icons/marker-slider.svg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  transition: height var(--transition);
}

.fp-service__link:hover span {
  color: #52259B;
}

.fp-service__link:hover span:after {
  height: 1.25rem;
}

@media screen and (max-width: 1200px) {
  .fp-service__link {
    display: none;
  }
}

.fp-service__item {
  position: relative;
  padding: 2rem;
}

@media (min-width: 75.0625em) {
  .fp-service__item {
    padding: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .fp-service__item {
      padding: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem);
    }
  }

  @supports not (padding: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .fp-service__item {
      padding: calc(1.25rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__item {
    padding: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__item {
    padding-bottom: 6.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.25rem, -1.0227272727rem + 9.696969697vw, 6.25rem)) {
    .fp-service__item {
      padding-bottom: clamp(1.25rem, -1.0227272727rem + 9.696969697vw, 6.25rem);
    }
  }

  @supports not (padding-bottom: clamp(1.25rem, -1.0227272727rem + 9.696969697vw, 6.25rem)) {
    .fp-service__item {
      padding-bottom: calc(1.25rem + 5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__item {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__item {
    border-radius: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(1.375rem, 1.3181818182rem + 0.2424242424vw, 1.5rem)) {
    .fp-service__item {
      border-radius: clamp(1.375rem, 1.3181818182rem + 0.2424242424vw, 1.5rem);
    }
  }

  @supports not (border-radius: clamp(1.375rem, 1.3181818182rem + 0.2424242424vw, 1.5rem)) {
    .fp-service__item {
      border-radius: calc(1.375rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__item {
    border-radius: 1.375rem;
  }
}

.fp-service__item {
  box-sizing: border-box;
  box-shadow: 0 0 0.35625rem 0 rgba(56, 56, 56, 0.03);
  color: var(--c-text);
  min-height: 25rem;
  background: #fff;
}

@media screen and (max-width: 1034px) {
  .fp-service__item {
    padding-bottom: 5.625rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .fp-service__item {
    padding-bottom: 6.25rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.25rem, -1.0227272727rem + 9.696969697vw, 6.25rem)) {
    .fp-service__item {
      padding-bottom: clamp(1.25rem, -1.0227272727rem + 9.696969697vw, 6.25rem);
    }
  }

  @supports not (padding-bottom: clamp(1.25rem, -1.0227272727rem + 9.696969697vw, 6.25rem)) {
    .fp-service__item {
      padding-bottom: calc(1.25rem + 5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .fp-service__item {
    padding-bottom: 1.25rem;
  }
}

.fp-service__item .link--more {
  position: absolute;
  bottom: 2rem;
}

.fp-service__item button {
  background: transparent !important;
  border: none;
  position: absolute;
  left: 15px;
  top: 22px;
  border-radius: 100px;
  border: none;
  padding: 0;
  margin: 0;
  display: none;
}

.fp-service__item:nth-child(3),
.fp-service__item:nth-child(6) {
  background: #E0E4F3;
}

.fp-service__item ul {
  line-height: 1.5rem;
  letter-spacing: -0.02625rem;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}

@media (min-width: 75.0625em) {
  .fp-service__item ul {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .fp-service__item ul {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .fp-service__item ul {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__item ul {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__item ul {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .fp-service__item ul {
      padding-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .fp-service__item ul {
      padding-bottom: calc(0rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__item ul {
    padding-bottom: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__item ul {
    gap: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem)) {
    .fp-service__item ul {
      gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem);
    }
  }

  @supports not (gap: clamp(0.3125rem, 0.1704545455rem + 0.6060606061vw, 0.625rem)) {
    .fp-service__item ul {
      gap: calc(0.3125rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__item ul {
    gap: 0.3125rem;
  }
}

.fp-service__item ul li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.fp-service__item ul li:before {
  content: "";
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background: #C9A8FF;
}

@media screen and (max-width: 768px) {
  .fp-service__item {
    min-height: auto;
  }

  .fp-service__item ul {
    margin-top: 16px;
    display: none;
    line-height: 233%;
  }

  .fp-service__item button {
    display: block;
  }

  .fp-service__item {
    background: #fff !important;
  }

  .fp-service__item:nth-child(2),
  .fp-service__item:nth-child(4),
  .fp-service__item:nth-child(6) {
    background: #E0E4F3 !important;
  }
}

.fp-service__title {
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: -0.045rem;
}

@media (min-width: 75.0625em) {
  .fp-service__title {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .fp-service__title {
      padding-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .fp-service__title {
      padding-bottom: calc(0rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__title {
    padding-bottom: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-service__title {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .fp-service__title {
      font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .fp-service__title {
      font-size: calc(1rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-service__title {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .fp-service__title {
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (max-width: 768px) {
  .fp-service .fp-service__head .btn {
    display: none !important;
  }

  .fp-service .link--more {
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .fp-service .fp-service__head .btn {
    display: none;
  }

  .fp-service .fp-service__grid .link--more {
    width: 41px;
    height: 41px;
  }
}

@media screen and (max-width: 768px) {
  .fp-service__item--active ul {
    display: block;
  }

  .fp-service .btn--empty {
    margin: 30px auto;
    display: flex !important;
    max-width: 250px;
  }
}

.services__grid {
  padding-top: 5.625rem;
}

@media (min-width: 75.0625em) {
  .services__grid {
    padding-top: 5.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -2.5568181818rem + 10.9090909091vw, 5.625rem)) {
    .services__grid {
      padding-top: clamp(0rem, -2.5568181818rem + 10.9090909091vw, 5.625rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -2.5568181818rem + 10.9090909091vw, 5.625rem)) {
    .services__grid {
      padding-top: calc(0rem + 5.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__grid {
    padding-top: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .services__grid {
    padding-bottom: 7.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -3.5511363636rem + 15.1515151515vw, 7.8125rem)) {
    .services__grid {
      padding-bottom: clamp(0rem, -3.5511363636rem + 15.1515151515vw, 7.8125rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -3.5511363636rem + 15.1515151515vw, 7.8125rem)) {
    .services__grid {
      padding-bottom: calc(0rem + 7.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__grid {
    padding-bottom: 0rem;
  }
}

.services__grid {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 23.4375rem 1fr;
}

@media (min-width: 75.0625em) {
  .services__grid {
    gap: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .services__grid {
      gap: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .services__grid {
      gap: calc(0.625rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__grid {
    gap: 0.625rem;
  }
}

@media screen and (max-width: 992px) {
  .services__grid {
    grid-template-columns: 17.1875rem 1fr;
  }
}

@media screen and (max-width: 768px) {
  .services__grid {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-bottom: 0;
  }

  .services__grid .services__box__img,
  .services__grid .services__row {
    display: none;
  }

  .services__grid.is-open .services__box__img {
    display: block;
  }

  .services__grid.is-open .services__row {
    display: grid;
  }

  .services__grid.is-open і .services__box__title:after {
    transform: rotate(0deg);
  }

  .services__grid.is-open .services__contarols {
    display: flex;
  }
}

.services__grid:nth-child(even) .services__box,
.services__grid:nth-child(even) .services__item {
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .services__grid:nth-child(even) .services__box {
    background-color: transparent !important;
  }

  .services__grid:nth-child(even) .services__box__title {
    background-color: #E0E4F3;
  }

  .services__grid:nth-child(even) .services__item {
    background-color: #E0E4F3;
  }
}

.services__box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media (min-width: 75.0625em) {
  .services__box {
    padding: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem)) {
    .services__box {
      padding: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem);
    }
  }

  @supports not (padding: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem)) {
    .services__box {
      padding: calc(1rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box {
    padding: 1rem;
  }
}

.services__box {
  gap: 0;
  border-radius: 1.5rem;
  border: 1px solid #E2E2E2;
  background: #E0E4F3;
  background-repeat: no-repeat;
  background-position: 50% calc(100% - 7.5rem);
  transition-duration: 0.2s;
  min-height: 28.875rem;
}

@media screen and (max-width: 764px) {
  .services__box {
    min-height: auto;
  }
}

@media screen and (max-width: 768px) {
  .services__box {
    padding: 0;
    background: none;
    border: none;
    gap: 0;
    height: auto;
  }
}

@media screen and (max-width: 400px) {
  .services__box__img {
    height: 188px;
    overflow: hidden;
  }
}

@media (min-width: 75.0625em) {
  .services__box img {
    border-radius: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.625rem, 0.625rem + 0vw, 0.625rem)) {
    .services__box img {
      border-radius: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
    }
  }

  @supports not (border-radius: clamp(0.625rem, 0.625rem + 0vw, 0.625rem)) {
    .services__box img {
      border-radius: calc(0.625rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box img {
    border-radius: 0.625rem;
  }
}

.services__box img {
  aspect-ratio: 157/105;
  max-width: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .services__box img {
    margin: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  }
}

@media screen and (max-width: 550px) {
  .services__box img {
    width: 100%;
  }
}

.services__box__title {
  text-align: center;
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .services__box__title {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .services__box__title {
      font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .services__box__title {
      font-size: calc(1rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box__title {
    font-size: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .services__box__title {
    line-height: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.8125rem, 1.7272727273rem + 0.3636363636vw, 2rem)) {
    .services__box__title {
      line-height: clamp(1.8125rem, 1.7272727273rem + 0.3636363636vw, 2rem);
    }
  }

  @supports not (line-height: clamp(1.8125rem, 1.7272727273rem + 0.3636363636vw, 2rem)) {
    .services__box__title {
      line-height: calc(1.8125rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box__title {
    line-height: 1.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .services__box__title {
    letter-spacing: -0.045rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (letter-spacing: clamp(-0.03rem, -0.0231818182rem + -0.0290909091vw, -0.045rem)) {
    .services__box__title {
      letter-spacing: clamp(-0.03rem, -0.0231818182rem + -0.0290909091vw, -0.045rem);
    }
  }

  @supports not (letter-spacing: clamp(-0.03rem, -0.0231818182rem + -0.0290909091vw, -0.045rem)) {
    .services__box__title {
      letter-spacing: calc(-0.03rem + -0.015 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box__title {
    letter-spacing: -0.03rem;
  }
}

@media (min-width: 75.0625em) {
  .services__box__title {
    padding-bottom: 1.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -0.625rem + 2.6666666667vw, 1.375rem)) {
    .services__box__title {
      padding-bottom: clamp(0rem, -0.625rem + 2.6666666667vw, 1.375rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -0.625rem + 2.6666666667vw, 1.375rem)) {
    .services__box__title {
      padding-bottom: calc(0rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box__title {
    padding-bottom: 0rem;
  }
}

@media screen and (max-width: 768px) {
  .services__box__title {
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    background-color: #fff;
    color: #52259B;
  }

  .services__box__title:after {
    content: "";
    transform: rotate(180deg);
    display: block;
    width: 31px;
    height: 31px;
    background-image: url('../img/circle-arrow-top.svg');
  }
}

.services__box .btn {
  margin-top: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
}

@media (min-width: 75.0625em) {
  .services__box .btn {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .services__box .btn {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .services__box .btn {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box .btn {
    font-size: 0.875rem;
  }
}

.services__box .btn {
  font-weight: 600;
  border-radius: 4.6875rem;
  background: #7D5FB6;
  transition-duration: 0.2s;
}

@media (min-width: 75.0625em) {
  .services__box .btn {
    padding: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.8125rem, 0.4715909091rem + 1.4545454545vw, 1.5625rem)) {
    .services__box .btn {
      padding: clamp(0.8125rem, 0.4715909091rem + 1.4545454545vw, 1.5625rem);
    }
  }

  @supports not (padding: clamp(0.8125rem, 0.4715909091rem + 1.4545454545vw, 1.5625rem)) {
    .services__box .btn {
      padding: calc(0.8125rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__box .btn {
    padding: 0.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .services__box .btn {
    display: none;
  }
}

.services__box:hover {
  background-image: url(img/icons/marker-services.svg);
}

.services__box:hover .btn {
  background: #52259B;
}

.services__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
  gap: 0.625rem;
}

@media screen and (max-width: 1520px) {
  .services__row {
    grid-template-columns: repeat(auto-fill, minmax(13.125rem, 1fr));
  }
}

@media screen and (max-width: 768px) {
  .services__row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 500px) {
  .services__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 10px;
  }
}

.services__item {
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5625rem;
  overflow: hidden;
  background-color: #E0E4F3;
}

.services__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 37%;
  z-index: 0;
  width: 100%;
  height: 0;
  border-radius: inherit;
  background-image: url('../img/marker-services.svg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  transition: height 0.4s ease;
  pointer-events: none;
  background-size: 180px auto;
}

.services__item__title,
.services__item .btn {
  position: relative;
  z-index: 1;
}

@media (min-width: 75.0625em) {
  .services__item {
    padding: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem)) {
    .services__item {
      padding: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem);
    }
  }

  @supports not (padding: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem)) {
    .services__item {
      padding: calc(1rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item {
    padding: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .services__item {
    min-height: 14.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (min-height: clamp(1.25rem, -4.7159090909rem + 25.4545454545vw, 14.375rem)) {
    .services__item {
      min-height: clamp(1.25rem, -4.7159090909rem + 25.4545454545vw, 14.375rem);
    }
  }

  @supports not (min-height: clamp(1.25rem, -4.7159090909rem + 25.4545454545vw, 14.375rem)) {
    .services__item {
      min-height: calc(1.25rem + 13.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item {
    min-height: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .services__item {
    border-radius: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem)) {
    .services__item {
      border-radius: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem);
    }
  }

  @supports not (border-radius: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem)) {
    .services__item {
      border-radius: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item {
    border-radius: 0.75rem;
  }
}

@media screen and (max-width: 768px) {
  .services__item {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    background-color: #fff;
  }
}

.services__item__title {
  color: #231F20;
}

@media (min-width: 75.0625em) {
  .services__item__title {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .services__item__title {
      font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .services__item__title {
      font-size: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item__title {
    font-size: 0.75rem;
  }
}

.services__item__title {
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.0375rem;
  transition-duration: 0.2s;
}

.services__item__title span {
  opacity: 0.7;
  color: #3C3C3C;
}

@media (min-width: 75.0625em) {
  .services__item__title span {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .services__item__title span {
      font-size: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .services__item__title span {
      font-size: calc(0.625rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item__title span {
    font-size: 0.625rem;
  }
}

.services__item__title span {
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.03rem;
}

@media screen and (max-width: 768px) {
  .services__item__title {
    color: #52259B;
  }
}

.services__item .btn {
  display: flex;
  align-items: center;
  color: #231F20;
  font-weight: 600;
  max-width: 10.75rem;
}

@media (min-width: 75.0625em) {
  .services__item .btn {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .services__item .btn {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .services__item .btn {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item .btn {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .services__item .btn {
    gap: 1.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.6875rem, 0.3465909091rem + 1.4545454545vw, 1.4375rem)) {
    .services__item .btn {
      gap: clamp(0.6875rem, 0.3465909091rem + 1.4545454545vw, 1.4375rem);
    }
  }

  @supports not (gap: clamp(0.6875rem, 0.3465909091rem + 1.4545454545vw, 1.4375rem)) {
    .services__item .btn {
      gap: calc(0.6875rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item .btn {
    gap: 0.6875rem;
  }
}

.services__item .btn::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  border-radius: 0.625rem;
  box-sizing: border-box;
  display: flex;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  background-color: #734FAD;
  background-image: url('../img/mdi-light_arrow-down.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition-duration: 0.2s;
  background-size: 58%;
}

@media (min-width: 75.0625em) {
  .services__item .btn::before {
    border-radius: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.25rem, 0.1363636364rem + 0.4848484848vw, 0.5rem)) {
    .services__item .btn::before {
      border-radius: clamp(0.25rem, 0.1363636364rem + 0.4848484848vw, 0.5rem);
    }
  }

  @supports not (border-radius: clamp(0.25rem, 0.1363636364rem + 0.4848484848vw, 0.5rem)) {
    .services__item .btn::before {
      border-radius: calc(0.25rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item .btn::before {
    border-radius: 0.25rem;
  }
}

@media (min-width: 75.0625em) {
  .services__item .btn::before {
    width: 3.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.75rem, 0.9545454545rem + 3.3939393939vw, 3.5rem)) {
    .services__item .btn::before {
      width: clamp(1.75rem, 0.9545454545rem + 3.3939393939vw, 3.5rem);
    }
  }

  @supports not (width: clamp(1.75rem, 0.9545454545rem + 3.3939393939vw, 3.5rem)) {
    .services__item .btn::before {
      width: calc(1.75rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item .btn::before {
    width: 1.75rem;
  }
}

@media (min-width: 75.0625em) {
  .services__item .btn::before {
    height: 3.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.75rem, 0.9545454545rem + 3.3939393939vw, 3.5rem)) {
    .services__item .btn::before {
      height: clamp(1.75rem, 0.9545454545rem + 3.3939393939vw, 3.5rem);
    }
  }

  @supports not (height: clamp(1.75rem, 0.9545454545rem + 3.3939393939vw, 3.5rem)) {
    .services__item .btn::before {
      height: calc(1.75rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .services__item .btn::before {
    height: 1.75rem;
  }
}

@media (hover: hover) {
  .services__item:hover .services__item__title {
    color: #52259B;
  }

  .services__item:hover .btn::before {
    background-color: #52259B;
  }

  .services__item:hover::before {
    height: 40px;
  }
}

.service {
  display: none;
}

.services__contarols {
  display: none;
}

@media screen and (max-width: 768px) {
  .service-mobile-title {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 20px;
  }

  .service-mobile-title p {
    color: #6A7282;
    font-size: 14px;
    line-height: 24px;
  }

  .services-btn {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 600;
    border-radius: 4.6875rem;
    background: #7D5FB6;
    transition-duration: 0.2s;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .services-btn {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .services-btn {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .services-btn {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .services-btn {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .services-btn {
    padding: 1.5625rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.8125rem, 0.4715909091rem + 1.4545454545vw, 1.5625rem)) {
    .services-btn {
      padding: clamp(0.8125rem, 0.4715909091rem + 1.4545454545vw, 1.5625rem);
    }
  }

  @supports not (padding: clamp(0.8125rem, 0.4715909091rem + 1.4545454545vw, 1.5625rem)) {
    .services-btn {
      padding: calc(0.8125rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .services-btn {
    padding: 0.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .service-hide {
    background: transparent;
    gap: 7px;
    border: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    border-radius: 4.6875rem;
    transition-duration: 0.2s;
    color: #52259B;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .service-hide {
    padding: 1.5625rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.25rem, 1.1079545455rem + 0.6060606061vw, 1.5625rem)) {
    .service-hide {
      padding: clamp(1.25rem, 1.1079545455rem + 0.6060606061vw, 1.5625rem);
    }
  }

  @supports not (padding: clamp(1.25rem, 1.1079545455rem + 0.6060606061vw, 1.5625rem)) {
    .service-hide {
      padding: calc(1.25rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .service-hide {
    padding: 1.25rem;
  }
}

@media screen and (max-width: 768px) {
  .service-page .hero-2-row .hero__tag {
    margin-top: 32px;
  }

  .service-page .hero {
    margin-bottom: 60px;
  }

  .services__contarols {
    display: none;
    flex-direction: column;
  }

  .service-accordeon {
    padding-bottom: 25px;
  }
}

.srvice-single .bar--services {
  margin-top: 20px;
  display: none;
}

@media (min-width: 75.0625em) {
  .srvice-single .bar--services a {
    font-size: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.4318181818rem + 2.4242424242vw, 2.25rem)) {
    .srvice-single .bar--services a {
      font-size: clamp(1rem, 0.4318181818rem + 2.4242424242vw, 2.25rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.4318181818rem + 2.4242424242vw, 2.25rem)) {
    .srvice-single .bar--services a {
      font-size: calc(1rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .srvice-single .bar--services a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .srvice-single .bar--services {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .fp-service .pc-v {
    display: block !important;
  }

  .fp-service .pc-v {
    display: flex !important;
    max-width: none !important;
  }

  .fp-service__head .btn--empty {
    display: none;
  }

  .fp-service .fp-servic-btn2 {
    display: flex !important;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors {
    margin-top: 6.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.5rem, 0.625rem + 8vw, 6.625rem)) {
    .fp-doctors {
      margin-top: clamp(2.5rem, 0.625rem + 8vw, 6.625rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 0.625rem + 8vw, 6.625rem)) {
    .fp-doctors {
      margin-top: calc(2.5rem + 4.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors {
    margin-top: 2.5rem;
  }
}

.fp-doctors__body {
  background: #fff;
}

@media (min-width: 75.0625em) {
  .fp-doctors__body {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .fp-doctors__body {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .fp-doctors__body {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__body {
    border-radius: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors__body {
    padding-top: 3.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.875rem, 1.25rem + 2.6666666667vw, 3.25rem)) {
    .fp-doctors__body {
      padding-top: clamp(1.875rem, 1.25rem + 2.6666666667vw, 3.25rem);
    }
  }

  @supports not (padding-top: clamp(1.875rem, 1.25rem + 2.6666666667vw, 3.25rem)) {
    .fp-doctors__body {
      padding-top: calc(1.875rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__body {
    padding-top: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors__body {
    padding-right: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.3409090909rem + 2.5454545455vw, 2.25rem)) {
    .fp-doctors__body {
      padding-right: clamp(0.9375rem, 0.3409090909rem + 2.5454545455vw, 2.25rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.3409090909rem + 2.5454545455vw, 2.25rem)) {
    .fp-doctors__body {
      padding-right: calc(0.9375rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__body {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors__body {
    padding-bottom: 3.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.625rem, 0.8863636364rem + 3.1515151515vw, 3.25rem)) {
    .fp-doctors__body {
      padding-bottom: clamp(1.625rem, 0.8863636364rem + 3.1515151515vw, 3.25rem);
    }
  }

  @supports not (padding-bottom: clamp(1.625rem, 0.8863636364rem + 3.1515151515vw, 3.25rem)) {
    .fp-doctors__body {
      padding-bottom: calc(1.625rem + 1.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__body {
    padding-bottom: 1.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors__body {
    padding-left: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, 0.3409090909rem + 2.5454545455vw, 2.25rem)) {
    .fp-doctors__body {
      padding-left: clamp(0.9375rem, 0.3409090909rem + 2.5454545455vw, 2.25rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, 0.3409090909rem + 2.5454545455vw, 2.25rem)) {
    .fp-doctors__body {
      padding-left: calc(0.9375rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__body {
    padding-left: 0.9375rem;
  }
}

.fp-doctors__body {
  overflow: hidden;
  position: relative;
}

.fp-doctors .fp__head {
  position: relative;
  z-index: 2;
}

@media (min-width: 75.0625em) {
  .fp-doctors__arrow {
    width: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem)) {
    .fp-doctors__arrow {
      width: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem);
    }
  }

  @supports not (width: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem)) {
    .fp-doctors__arrow {
      width: calc(2.5rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__arrow {
    width: 2.5rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors__arrow {
    height: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem)) {
    .fp-doctors__arrow {
      height: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem);
    }
  }

  @supports not (height: clamp(2.5rem, 1.6477272727rem + 3.6363636364vw, 4.375rem)) {
    .fp-doctors__arrow {
      height: calc(2.5rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__arrow {
    height: 2.5rem;
  }
}

.fp-doctors__arrow {
  border-radius: 4.375rem;
  border: 0.0625rem solid #52259B;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  cursor: pointer;
  transition-duration: 0.2s;
}

.fp-doctors__arrow img {
  max-width: 65%;
  height: auto;
  transition-duration: 0.2s;
}

.fp-doctors__arrow:hover {
  background: #52259B;
}

.fp-doctors__arrow:hover img {
  filter: brightness(10);
}

.fp-doctors__arrows {
  position: absolute;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  z-index: 10;
  transition: left 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), top 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), width 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-doctors__arrows .btn {
  display: none;
}

.fp-doctors__slider {
  margin-top: -15.625rem;
  height: 51.25rem;
  overflow: visible;
}

.fp-doctors__track {
  display: flex;
  align-items: flex-end;
  gap: 0.9375rem;
  width: max-content;
  height: 100%;
  transition: transform 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
  will-change: transform;
}

.fp-doctors__slide {
  opacity: 0.5;
  flex: 0 0 auto;
  width: 23.4375rem;
  height: 33.125rem;
  transition: width 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), height 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-doctors__slide .team-grid__item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.625rem;
  box-shadow: none;
}

.fp-doctors__slide .team-grid__img {
  width: 100%;
  height: 100%;
}

.fp-doctors__slide .team-grid__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}

.fp-doctors__slide .team-grid__overlay {
  opacity: 0;
  transition: opacity 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
}

@media (min-width: 75.0625em) {
  .fp-doctors__slide .team-grid__description {
    padding-top: 2.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.75rem, 0.0397727273rem + 3.0303030303vw, 2.3125rem)) {
    .fp-doctors__slide .team-grid__description {
      padding-top: clamp(0.75rem, 0.0397727273rem + 3.0303030303vw, 2.3125rem);
    }
  }

  @supports not (padding-top: clamp(0.75rem, 0.0397727273rem + 3.0303030303vw, 2.3125rem)) {
    .fp-doctors__slide .team-grid__description {
      padding-top: calc(0.75rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__slide .team-grid__description {
    padding-top: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-doctors__slide .team-grid__description {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.8125rem, 0.5rem + 1.3333333333vw, 1.5rem)) {
    .fp-doctors__slide .team-grid__description {
      padding-bottom: clamp(0.8125rem, 0.5rem + 1.3333333333vw, 1.5rem);
    }
  }

  @supports not (padding-bottom: clamp(0.8125rem, 0.5rem + 1.3333333333vw, 1.5rem)) {
    .fp-doctors__slide .team-grid__description {
      padding-bottom: calc(0.8125rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-doctors__slide .team-grid__description {
    padding-bottom: 0.8125rem;
  }
}

.fp-doctors__slide.is-active {
  width: 36.25rem;
  height: 50.625rem;
  opacity: 1;
}

.fp-doctors__slide.is-active .team-grid__overlay {
  opacity: 1;
}

.fp-doctors__slide.is-active .team-grid__item:hover .team-grid__overlay {
  background: linear-gradient(359deg, rgba(0, 0, 0, 0.5) 25.89%, rgba(102, 102, 102, 0) 47.82%);
}

.fp-doctors__slide.is-active .btn {
  opacity: 1;
  margin: 1.25rem;
  margin-top: 0.625rem;
  height: 4.375rem;
}

.fp-doctors__slider.no-anim .fp-doctors__track,
.fp-doctors__slider.no-anim .fp-doctors__slide {
  transition: none !important;
}

@media screen and (max-width: 1500px) {
  .fp-doctors__slider {
    margin-top: -10.4375rem;
    height: 34.25rem;
  }

  .fp-doctors__track {
    gap: 0.625rem;
  }

  .fp-doctors__slide {
    width: 15.6875rem;
    height: 22.125rem;
  }

  .fp-doctors__slide .team-grid__item {
    border-radius: 1.0625rem;
  }

  .fp-doctors__slide.is-active {
    width: 24.25rem;
    height: 33.8125rem;
  }

  .fp-doctors__slide.is-active .btn {
    margin: 0.8125rem;
    margin-top: 0.4375rem;
    height: 2.9375rem;
  }
}

@media screen and (max-width: 968px) {
  .fp-doctors__slider {
    margin-top: -8.4375rem;
    height: 27.625rem;
  }

  .fp-doctors__track {
    gap: 0.5rem;
  }

  .fp-doctors__slide {
    width: 12.625rem;
    height: 17.875rem;
  }

  .fp-doctors__slide .team-grid__item {
    border-radius: 0.875rem;
  }

  .fp-doctors__slide.is-active {
    width: 19.5625rem;
    height: 27.3125rem;
  }

  .fp-doctors__slide.is-active .btn {
    margin: 0.6875rem;
    margin-top: 0.3125rem;
    height: 2.375rem;
  }
}

@media screen and (max-width: 890px) {
  .fp-doctors .fp__head__btn {
    display: none;
  }

  .fp-doctors .fp__head__description {
    line-height: 1.1;
  }

  .fp-doctors .fp__head {
    text-align: center;
  }

  .fp-doctors .fp__head__tag {
    justify-content: center;
    margin-left: 0;
    margin-bottom: 0.75rem;
  }

  .fp-doctors .fp__head .g-title {
    line-height: 1;
  }

  .fp-doctors .fp__head__description {
    padding-top: 0.75rem;
  }

  .fp-doctors .fp__head__btn {
    position: absolute;
    left: 50%;
    bottom: 1.125rem;
    transform: translateX(-50%);
    padding-top: 0;
    z-index: 11;
  }

  .fp-doctors .fp__head__btn .btn {
    height: 2.8125rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .fp-doctors__body {
    padding-bottom: 100px;
  }

  .fp-doctors__arrows {
    bottom: 1.625rem;
    left: 0.5625rem;
    right: 0.5625rem;
    width: auto;
    height: 2.8125rem;
    align-items: center;
    gap: 0;
  }

  .fp-doctors__arrows .btn {
    display: flex;
  }

  .fp-doctors__slider {
    margin-top: 1.25rem;
    height: 28.0625rem;
  }

  .fp-doctors__track {
    gap: 0.5rem;
  }

  .fp-doctors__slide {
    width: 13rem;
    height: 18.3125rem;
  }

  .fp-doctors__slide .team-grid__item {
    border-radius: 0.875rem;
  }

  .fp-doctors__slide.is-active {
    width: 84vw;
    height: 28.0625rem;
  }

  .fp-doctors__slide.is-active .btn {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .fp__head__description br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .team-grid__description {
    padding-bottom: 10px !important;
  }

  .fp-doctors__slide {
    width: 84vw;
    height: 28.0625rem;
  }

  .fp-doctors__slide .team-grid__overlay {
    opacity: 1;
  }

  .fp-doctors__slide.is-active {
    width: 84vw;
    height: 28.0625rem;
  }

  .fp-doctors__slide.is-active.is-revealed .team-grid__overlay .btn {
    display: flex !important;
    opacity: 1;
    margin: 0.6875rem;
    margin-top: 0.5rem;
    height: 2.8125rem;
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-cases {
    margin-top: 7.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(5.625rem, 4.9147727273rem + 3.0303030303vw, 7.1875rem)) {
    .fp-cases {
      margin-top: clamp(5.625rem, 4.9147727273rem + 3.0303030303vw, 7.1875rem);
    }
  }

  @supports not (margin-top: clamp(5.625rem, 4.9147727273rem + 3.0303030303vw, 7.1875rem)) {
    .fp-cases {
      margin-top: calc(5.625rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases {
    margin-top: 5.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-cases {
    margin-bottom: 6.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(5.625rem, 5.3409090909rem + 1.2121212121vw, 6.25rem)) {
    .fp-cases {
      margin-bottom: clamp(5.625rem, 5.3409090909rem + 1.2121212121vw, 6.25rem);
    }
  }

  @supports not (margin-bottom: clamp(5.625rem, 5.3409090909rem + 1.2121212121vw, 6.25rem)) {
    .fp-cases {
      margin-bottom: calc(5.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases {
    margin-bottom: 5.625rem;
  }
}

.fp-cases .fp__head {
  margin-bottom: 2.6875rem;
}

.fp-cases__body {
  background: #fff;
  padding: 60px 20px;
  border-radius: 40px;
}

.fp-cases__slider-wrap {
  position: relative;
  max-width: 100%;
  min-width: 0;
}

.fp-cases__slider-wrap--tabs:not(.is-active) {
  display: none;
}

.fp-cases--grid .portfolio-grid {
  padding: 0;
  margin-bottom: 2.5rem;
}

.fp-cases--slider {
  --cs-w-active: clamp(26.25rem, 26.25rem + (46.25rem - 26.25rem) * (100vw - 768px) / (1440px - 768px), 46.25rem);
  --cs-w-inactive: clamp(16.25rem, 16.25rem + (28.75rem - 16.25rem) * (100vw - 768px) / (1440px - 768px), 28.75rem);
  --cs-gap: 4.375rem;
  --cs-arrow-gap: 45px;
}

.fp-cases--slider .fp-cases__stage {
  position: relative;
}

@media (min-width: 75.0625em) {
  .fp-cases--slider .fp-cases__stage {
    margin-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.875rem, 0.1363636364rem + 3.1515151515vw, 2.5rem)) {
    .fp-cases--slider .fp-cases__stage {
      margin-top: clamp(0.875rem, 0.1363636364rem + 3.1515151515vw, 2.5rem);
    }
  }

  @supports not (margin-top: clamp(0.875rem, 0.1363636364rem + 3.1515151515vw, 2.5rem)) {
    .fp-cases--slider .fp-cases__stage {
      margin-top: calc(0.875rem + 1.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases--slider .fp-cases__stage {
    margin-top: 0.875rem;
  }
}

.fp-cases--slider .fp-cases__slider {
  max-width: 100%;
  min-width: 0;
}

.fp-cases__body {
  overflow: hidden;
}

.fp-cases--slider .fp-cases__track {
  display: flex;
  align-items: flex-start;
  gap: var(--cs-gap);
  width: max-content;
  transition: transform 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
  will-change: transform;
}

.fp-cases--slider .fp-cases__slide {
  flex: 0 0 auto;
  width: var(--cs-w-inactive);
  height: clamp(21.25rem, 21.25rem + (37.5rem - 21.25rem) * (100vw - 768px) / (1440px - 768px), 37.5rem);
  display: flex;
  align-items: center;
  opacity: 0;
  transition: width 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-cases--slider .fp-cases__slide.is-prev {
  align-items: flex-start;
  opacity: 0.5;
}

.fp-cases--slider .fp-cases__slide.is-next {
  align-items: flex-end;
  opacity: 0.5;
}

.fp-cases--slider .fp-cases__slide .portfolio-card {
  width: 100%;
  margin: 0;
}

.fp-cases--slider .fp-cases__slide .portfolio-card__media {
  flex: none;
  aspect-ratio: auto;
  height: clamp(10.625rem, 10.625rem + (18.125rem - 10.625rem) * (100vw - 768px) / (1440px - 768px), 18.125rem);
  transition: height 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-cases--slider .fp-cases__slide .portfolio-card__slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template: 100%/100%;
}

.fp-cases--slider .fp-cases__slide .portfolio-card__title {
  font-size: 0.875rem;
  transition: font-size 0.55s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-cases--slider .fp-cases__slide.is-active {
  width: var(--cs-w-active);
  opacity: 1;
}

.fp-cases--slider .fp-cases__slide.is-active .portfolio-card__media {
  height: clamp(17.25rem, 17.25rem + (30rem - 17.25rem) * (100vw - 768px) / (1440px - 768px), 30rem);
}

.fp-cases--slider .fp-cases__slide.is-active .portfolio-card__title {
  font-size: 1.25rem;
}

.fp-cases--slider .fp-cases__slide.is-active .portfolio-card__title {
  font-size: 21px;
}

.fp-cases--slider .fp-cases__slide.is-active .portfolio-card {
  gap: 20px;
}

.fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge {
  left: 28px;
  bottom: 32px;
  font-size: 18px;
  min-width: 100px;
  padding: 12px 0 11px 0;
}

.fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge--after {
  left: auto;
  right: 35px;
}

.fp-cases--slider .portfolio-card {
  gap: 10px;
}

.fp-cases--slider .portfolio-card__body {
  padding: 0 20px;
}

.fp-cases--slider .portfolio-card__badge {
  width: 4.0625rem;
  bottom: 20px;
  left: 17px;
  font-size: 11px;
  background: #8C5EA9;
}

.fp-cases--slider .portfolio-card__badge--after {
  right: 17px;
  left: auto;
  background: #52259B;
}

.fp-cases--slider .fp-cases__slider.no-anim .fp-cases__track,
.fp-cases--slider .fp-cases__slider.no-anim .fp-cases__slide,
.fp-cases--slider .fp-cases__slider.no-anim .portfolio-card__media,
.fp-cases--slider .fp-cases__slider.no-anim .portfolio-card__title,
.fp-cases--slider .fp-cases__slider.no-anim .portfolio-card__handle {
  transition: none !important;
}

.fp-cases--slider .fp-cases__arrow {
  background: none;
  position: absolute;
  z-index: 10;
  transition: left 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), top 0.55s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.2s;
}

.fp-cases--slider .fp-cases__controls {
  margin-top: -5rem;
  margin-left: 1.8%;
  margin-right: 1.8%;
}

@media screen and (max-width: 1864px) {
  .fp-cases--slider .fp-cases__controls {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
}

@media screen and (max-width: 1857px) {
  .fp-cases--slider .fp-cases__controls {
    margin-left: 1.2%;
    margin-right: 1.2%;
  }
}

@media screen and (max-width: 1846px) {
  .fp-cases--slider .fp-cases__controls {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 1426px) {
  .fp-cases--slider .fp-cases__controls {
    margin-top: -4.8rem;
  }
}

@media screen and (max-width: 1165px) {
  .fp-cases--slider .fp-cases__controls {
    margin-top: -3.8rem;
  }
}

@media (max-width: 1840px) {
  .fp-cases--slider {
    --cs-w-active: clamp(31.5625rem, 31.5625rem + (46.25rem - 31.5625rem) * (100vw - 1024px) / (1500px - 1024px), 46.25rem);
    --cs-w-inactive: clamp(19.625rem, 19.625rem + (28.75rem - 19.625rem) * (100vw - 1024px) / (1500px - 1024px), 28.75rem);
    --cs-gap: clamp(3rem, 3rem + (4.375rem - 3rem) * (100vw - 1024px) / (1500px - 1024px), 4.375rem);
  }

  .fp-cases--slider .fp-cases__slide {
    height: clamp(25.625rem, 25.625rem + (37.5rem - 25.625rem) * (100vw - 1024px) / (1500px - 1024px), 37.5rem);
  }

  .fp-cases--slider .fp-cases__slide .portfolio-card__media {
    height: clamp(12.375rem, 12.375rem + (18.125rem - 12.375rem) * (100vw - 1024px) / (1500px - 1024px), 18.125rem);
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__media {
    height: clamp(20.5rem, 20.5rem + (30rem - 20.5rem) * (100vw - 1024px) / (1500px - 1024px), 30rem);
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__title {
    font-size: clamp(0.9375rem, 0.9375rem + (1.3125rem - 0.9375rem) * (100vw - 1024px) / (1500px - 1024px), 1.3125rem);
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card {
    gap: clamp(0.875rem, 0.875rem + (1.25rem - 0.875rem) * (100vw - 1024px) / (1500px - 1024px), 1.25rem);
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__body {
    padding: 0 clamp(1.625rem, 1.625rem + (2.375rem - 1.625rem) * (100vw - 1024px) / (1500px - 1024px), 2.375rem);
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge {
    left: clamp(1.5rem, 1.5rem + (2.1875rem - 1.5rem) * (100vw - 1024px) / (1500px - 1024px), 2.1875rem);
    bottom: clamp(1.5rem, 1.5rem + (2.1875rem - 1.5rem) * (100vw - 1024px) / (1500px - 1024px), 2.1875rem);
    font-size: clamp(0.75rem, 0.75rem + (1.125rem - 0.75rem) * (100vw - 1024px) / (1500px - 1024px), 1.125rem);
    min-width: clamp(4.25rem, 4.25rem + (6.25rem - 4.25rem) * (100vw - 1024px) / (1500px - 1024px), 6.25rem);
    padding: clamp(0.5rem, 0.5rem + (0.75rem - 0.5rem) * (100vw - 1024px) / (1500px - 1024px), 0.75rem) 0 clamp(0.5rem, 0.5rem + (0.6875rem - 0.5rem) * (100vw - 1024px) / (1500px - 1024px), 0.6875rem) 0;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge--after {
    left: auto;
    right: clamp(1.5rem, 1.5rem + (2.1875rem - 1.5rem) * (100vw - 1024px) / (1500px - 1024px), 2.1875rem);
  }

  .fp-cases--slider .portfolio-card {
    gap: clamp(0.4375rem, 0.4375rem + (0.625rem - 0.4375rem) * (100vw - 1024px) / (1500px - 1024px), 0.625rem);
  }

  .fp-cases--slider .portfolio-card__body {
    padding: 0 clamp(0.875rem, 0.875rem + (1.25rem - 0.875rem) * (100vw - 1024px) / (1500px - 1024px), 1.25rem);
  }

  .fp-cases--slider .portfolio-card__badge {
    width: clamp(2.75rem, 2.75rem + (4.0625rem - 2.75rem) * (100vw - 1024px) / (1500px - 1024px), 4.0625rem);
    bottom: clamp(0.875rem, 0.875rem + (1.25rem - 0.875rem) * (100vw - 1024px) / (1500px - 1024px), 1.25rem);
    left: clamp(0.75rem, 0.75rem + (1.0625rem - 0.75rem) * (100vw - 1024px) / (1500px - 1024px), 1.0625rem);
    font-size: clamp(0.5625rem, 0.5625rem + (0.6875rem - 0.5625rem) * (100vw - 1024px) / (1500px - 1024px), 0.6875rem);
  }

  .fp-cases--slider .portfolio-card__badge--after {
    right: clamp(0.75rem, 0.75rem + (1.0625rem - 0.75rem) * (100vw - 1024px) / (1500px - 1024px), 1.0625rem);
  }
}

@media (max-width: 1200px) {
  .fp-cases--slider {
    --cs-gap: 0.625rem;
    --cs-arrow-gap: 20px;
  }
}

@media (max-width: 992px) {
  .fp-cases--slider {
    --cs-w-active: 25rem;
    --cs-w-inactive: 15.5625rem;
  }

  .fp-cases--slider .fp-cases__slide {
    height: 20.25rem;
  }

  .fp-cases--slider .fp-cases__slide .portfolio-card__media {
    height: 9.8125rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__media {
    height: 16.25rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__title {
    font-size: 0.6875rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card {
    gap: 0.6875rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__body {
    padding: 0 1.3125rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge {
    left: 1.1875rem;
    bottom: 1.1875rem;
    font-size: 0.625rem;
    min-width: 3.375rem;
    padding: 0.375rem 0 0.375rem 0;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge--after {
    left: auto;
    right: 1.1875rem;
  }

  .fp-cases--slider .portfolio-card {
    gap: 0.3125rem;
  }

  .fp-cases--slider .portfolio-card__body {
    padding: 0 0.6875rem;
  }

  .fp-cases--slider .portfolio-card__badge {
    width: 2.1875rem;
    bottom: 0.6875rem;
    left: 0.5625rem;
    font-size: 0.5rem;
  }

  .fp-cases--slider .portfolio-card__badge--after {
    right: 0.5625rem;
  }
}

@media screen and (max-width: 1154px) {
  .fp-cases--slider .fp-cases__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.125rem;
    margin-top: 2.75rem;
  }

  .fp-cases__body {
    padding-bottom: 35px;
    max-width: 100%;
    min-width: 0;
  }

  .fp-cases__slider-wrap,
  .fp-cases--slider,
  .fp-cases--slider .fp-cases__stage,
  .fp-cases--slider .fp-cases__slider {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

@media (max-width: 890px) {
  .fp-cases--slider .fp-cases__slider {
    --cs-w-active: 100%;
    --cs-w-inactive: 100%;
  }

  .fp-cases--slider .fp-cases__track {
    width: 100%;
  }

  .fp-cases--slider .fp-cases__slide {
    height: auto;
  }

  .fp-cases--slider .fp-cases__slide .portfolio-card__media,
  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__media {
    flex: none;
    height: auto;
    aspect-ratio: 565/370;
  }

  .fp-cases--slider .fp-cases__slide .portfolio-card__slider {
    position: static;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card {
    gap: 1.125rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__title {
    font-size: 1.125rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__body {
    padding: 0 1.25rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge {
    width: 5rem;
    min-width: 0;
    bottom: 14px;
    left: 14px;
    font-size: 0.9375rem;
    padding: 0.5rem 1rem;
  }

  .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__badge--after {
    left: auto;
    right: 14px;
  }

  .fp-cases--slider .portfolio-card {
    gap: 10px;
  }

  .fp-cases--slider .fp-cases__slide .portfolio-card__title {
    font-size: 1.125rem;
  }

  .fp-cases--slider .portfolio-card__body {
    padding: 0 14px;
  }

  .portfolio-card {
    padding-bottom: 14px !important;
  }

  .fp-cases--slider .portfolio-card__badge {
    width: 5rem;
    min-width: 0;
    bottom: 1.5625rem;
    left: 1.25rem;
    font-size: 0.9375rem;
    padding: 0.5rem 1rem;
  }

  .fp-cases--slider .portfolio-card__badge--after {
    left: auto;
    right: 1.25rem;
  }

  .fp-cases--slider .container {
    position: relative;
  }

  .fp-cases--slider .fp-cases__stage {
    position: static;
  }

  .fp-cases--slider .fp-cases__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.125rem;
    margin-top: 1.75rem;
  }

  .fp-cases--slider .fp-cases__arrow {
    position: absolute;
    bottom: 0;
    top: auto;
    margin: 0;
    transform: none;
  }

  .fp-cases--slider .fp-cases__arrow--prev {
    right: auto;
  }
}

@media (max-width: 890px) and (min-width: 75.0625em) {
  .fp-cases--slider .fp-cases__arrow--prev {
    left: 1.5625rem;
  }
}

@media (max-width: 890px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (left: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .fp-cases--slider .fp-cases__arrow--prev {
      left: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem);
    }
  }

  @supports not (left: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .fp-cases--slider .fp-cases__arrow--prev {
      left: calc(1.125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 890px) and (max-width: 23.375em) {
  .fp-cases--slider .fp-cases__arrow--prev {
    left: 1.125rem;
  }
}

@media (max-width: 890px) {
  .fp-cases--slider .fp-cases__arrow--next {
    left: auto;
  }
}

@media (max-width: 890px) and (min-width: 75.0625em) {
  .fp-cases--slider .fp-cases__arrow--next {
    right: 1.5625rem;
  }
}

@media (max-width: 890px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .fp-cases--slider .fp-cases__arrow--next {
      right: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem);
    }
  }

  @supports not (right: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .fp-cases--slider .fp-cases__arrow--next {
      right: calc(1.125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 890px) and (max-width: 23.375em) {
  .fp-cases--slider .fp-cases__arrow--next {
    right: 1.125rem;
  }
}

.fp-cases__more {
  display: flex;
  justify-content: center;
}

.fp-cases .fp-cases-swiper {
  overflow: hidden;
}

.fp-cases .swiper-wrapper {
  display: flex;
  width: max-content;
  transition: transform 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  will-change: transform;
}

.fp-cases__slider-wrap.no-anim .swiper-wrapper {
  transition: none !important;
}

.fp-cases .swiper-slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: border-box;
  height: 37.5rem;
  opacity: 0.5;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-cases .swiper-slide .portfolio-card {
  aspect-ratio: 710/600;
  position: absolute;
  width: 27.5rem;
  transition: width 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), gap 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  left: 100%;
  top: 100%;
  transform: translate(-100%, -100%);
}

.fp-cases .swiper-slide .portfolio-card .portfolio-card__title {
  transition: font-size 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-cases .swiper-slide .portfolio-card .portfolio-card__body {
  transition: gap 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), padding 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.fp-cases .swiper-slide-prev .portfolio-card {
  left: 0;
  top: 0;
  transform: none;
}

.fp-cases .swiper-slide-next .portfolio-card {
  left: 100%;
  top: 100%;
  transform: translate(-100%, -100%);
}

.fp-cases .swiper-slide-prev .portfolio-card,
.fp-cases .swiper-slide-next .portfolio-card {
  gap: 0.8125rem;
  padding-bottom: 0;
}

.fp-cases .swiper-slide-prev .portfolio-card .portfolio-card__title,
.fp-cases .swiper-slide-next .portfolio-card .portfolio-card__title {
  font-size: 0.875rem;
}

.fp-cases .swiper-slide-prev .portfolio-card .portfolio-card__body,
.fp-cases .swiper-slide-next .portfolio-card .portfolio-card__body {
  padding: 0 1.125rem;
}

.fp-cases .swiper-slide-active {
  opacity: 1;
}

.fp-cases .swiper-slide-active .portfolio-card {
  width: 44.375rem;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  gap: 1.875rem;
}

.fp-cases .swiper-slide-active .portfolio-card .portfolio-card__title {
  font-size: 1.3125rem;
}

.fp-cases .swiper-slide-active .portfolio-card .portfolio-card__body {
  gap: 1.25rem;
  padding: 0 2.0625rem;
}

.fp-cases__footer {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding-top: 2rem;
}

.fp-cases__controls .btn {
  position: relative;
  z-index: 10;
}

@media (min-width: 75.0625em) {
  .fp-cases__arrow {
    width: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-cases__arrow {
      width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem);
    }
  }

  @supports not (width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-cases__arrow {
      width: calc(2.625rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases__arrow {
    width: 2.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-cases__arrow {
    height: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-cases__arrow {
      height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem);
    }
  }

  @supports not (height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-cases__arrow {
      height: calc(2.625rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases__arrow {
    height: 2.625rem;
  }
}

.fp-cases__arrow {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
  border: 0.0625rem solid #52259B;
}

.fp-cases__arrow img {
  max-width: 65%;
}

.fp-cases__arrow:hover {
  background: #7D5FB6;
}

.fp-cases__arrow:hover img {
  filter: brightness(10);
}

.fp-cases__tabs {
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 20px;
  margin-top: -10px;
  margin-bottom: 40px;
}

.fp-cases__tabs a {
  box-sizing: border-box;
  display: flex;
  padding: 15px 18px 15px 19px;
  justify-content: center;
  align-items: center;
  border-radius: 33554400px;
  border: 6px solid #F0F0F0;
  background: #FFF;
  color: #6A7282;
  text-align: center;
  font-family: Onest;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.5px;
  min-width: 270px;
}

.fp-cases__tabs a.is-active {
  color: #fff;
  background: #52259B;
}

@media screen and (max-width: 992px) {
  .fp-cases__tabs {
    gap: 0.75rem;
  }

  .fp-cases__tabs a {
    min-width: 11.25rem;
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 890px) {
  .fp-cases__tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.375rem;
    margin-top: 1.25rem;
    margin-bottom: 1.75rem;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2.8125rem), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 2.8125rem), transparent);
  }

  .fp-cases__tabs::-webkit-scrollbar {
    display: none;
  }

  .fp-cases__tabs a {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 8.4375rem;
    padding: 0.625rem 0.875rem;
    border-width: 0.1875rem;
    font-size: 0.75rem;
    line-height: 1.15;
  }
}

.fp-cases--case .fp__head__tag {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

.fp-cases--case .g-title {
  padding-top: 15px;
  text-align: center;
}

.fp-cases--case .fp__head__description {
  text-align: center;
}

.fp-cases--case .fp-cases--slider .fp-cases__track {
  gap: 2.1875rem;
}


@media (min-width: 75.0625em) {
  .fp-cases--case .fp-cases__body {
    padding: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .fp-cases--case .fp-cases__body {
      padding: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem);
    }
  }

  @supports not (padding: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .fp-cases--case .fp-cases__body {
      padding: calc(0.9375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases--case .fp-cases__body {
    padding: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-cases--case .fp-cases__body {
    /* padding-top: 3.45rem; */
    padding-top: 50px;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(2.1875rem, 1.4772727273rem + 3.0303030303vw, 3.75rem)) {
    .fp-cases--case .fp-cases__body {
      padding-top: clamp(2.1875rem, 1.4772727273rem + 3.0303030303vw, 3.75rem);
    }
  }

  @supports not (padding-top: clamp(2.1875rem, 1.4772727273rem + 3.0303030303vw, 3.75rem)) {
    .fp-cases--case .fp-cases__body {
      padding-top: calc(2.1875rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases--case .fp-cases__body {
    padding-top: 2.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-cases--case .fp-cases__body {
    padding-bottom: 6.875rem;
    padding-bottom: 50px;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(2.5rem, 0.5113636364rem + 8.4848484848vw, 6.875rem)) {
    .fp-cases--case .fp-cases__body {
      padding-bottom: clamp(2.5rem, 0.5113636364rem + 8.4848484848vw, 6.875rem);
    }
  }

  @supports not (padding-bottom: clamp(2.5rem, 0.5113636364rem + 8.4848484848vw, 6.875rem)) {
    .fp-cases--case .fp-cases__body {
      padding-bottom: calc(2.5rem + 4.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-cases--case .fp-cases__body {
    padding-bottom: 2.5rem;
  }
}

@media screen and (max-width: 890px) {
  .fp-cases .fp__head__tag {
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
  }

  .fp-cases .fp__head {
    margin-bottom: 0px;
    text-align: center;
  }

  .fp-cases .fp__head .g-title {
    line-height: 1;
  }

  .fp-cases .fp__head__description {
    padding-top: 10px;
  }
}

.fp-tech {
  padding-top: 0.8125rem;
}

@media (min-width: 75.0625em) {
  .fp-tech {
    margin-bottom: 6.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(1.5625rem, -0.7386363636rem + 9.8181818182vw, 6.625rem)) {
    .fp-tech {
      margin-bottom: clamp(1.5625rem, -0.7386363636rem + 9.8181818182vw, 6.625rem);
    }
  }

  @supports not (margin-bottom: clamp(1.5625rem, -0.7386363636rem + 9.8181818182vw, 6.625rem)) {
    .fp-tech {
      margin-bottom: calc(1.5625rem + 5.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech {
    margin-bottom: 1.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__list {
    margin-top: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, -1.0795454545rem + 7.2727272727vw, 4.375rem)) {
    .fp-tech__list {
      margin-top: clamp(0.625rem, -1.0795454545rem + 7.2727272727vw, 4.375rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, -1.0795454545rem + 7.2727272727vw, 4.375rem)) {
    .fp-tech__list {
      margin-top: calc(0.625rem + 3.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__list {
    margin-top: 0.625rem;
  }
}

.fp-tech__list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .fp-tech__list {
    gap: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem)) {
    .fp-tech__list {
      gap: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem)) {
    .fp-tech__list {
      gap: calc(0.625rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__list {
    gap: 0.625rem;
  }
}

.fp-tech__list {
  filter: drop-shadow(0px 0px 0.35625rem rgba(56, 56, 56, 0.25));
}

.fp-tech-img {
  height: 0;
  right: 10rem;
  position: absolute;
  transition-duration: 0.2s;
  box-shadow: 0 0.0625rem 1.675rem 0 rgba(125, 125, 125, 0.25);
  z-index: 4;
  overflow: hidden;
  border-radius: 2.5rem;
  transform: rotate(0deg);
}

.fp-tech-img-wr {
  border-radius: 2.5rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.375rem solid #fff;
}

.fp-tech-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

@media (min-width: 75.0625em) {
  .fp-tech__item {
    padding: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .fp-tech__item {
      padding: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem);
    }
  }

  @supports not (padding: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .fp-tech__item {
      padding: calc(0.625rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item {
    padding: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__item {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.375rem, -0.5909090909rem + 4.1212121212vw, 2.5rem)) {
    .fp-tech__item {
      gap: clamp(0.375rem, -0.5909090909rem + 4.1212121212vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(0.375rem, -0.5909090909rem + 4.1212121212vw, 2.5rem)) {
    .fp-tech__item {
      gap: calc(0.375rem + 2.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item {
    gap: 0.375rem;
  }
}

.fp-tech__item {
  background: #ffffff;
}

@media (min-width: 75.0625em) {
  .fp-tech__item {
    border-radius: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.5rem, 0.1590909091rem + 1.4545454545vw, 1.25rem)) {
    .fp-tech__item {
      border-radius: clamp(0.5rem, 0.1590909091rem + 1.4545454545vw, 1.25rem);
    }
  }

  @supports not (border-radius: clamp(0.5rem, 0.1590909091rem + 1.4545454545vw, 1.25rem)) {
    .fp-tech__item {
      border-radius: calc(0.5rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item {
    border-radius: 0.5rem;
  }
}

.fp-tech__item {
  transition: background 0.2s ease;
  position: relative;
}

.fp-tech__item:nth-child(1) .fp-tech-img {
  transform: rotate(10deg);
}

.fp-tech__item:nth-child(2) .fp-tech-img {
  transform: rotate(-8deg);
}

.fp-tech__item:nth-child(3) .fp-tech-img {
  transform: rotate(15deg);
}

.fp-tech__item:nth-child(4) .fp-tech-img {
  transform: rotate(-5deg);
}

.fp-tech__item:nth-child(5) .fp-tech-img {
  transform: rotate(8deg);
}

@media (hover: hover) {
  .fp-tech__item:hover {
    background: #8C5EA9;
    border-left: 0.3125rem solid #C9A8FF;
  }

  .fp-tech__item:hover .fp-tech__item-icon {
    background: #F3F4F6;
    margin-left: -0.3125rem;
  }

  .fp-tech__item:hover .fp-tech__item-title {
    color: #fff;
  }

  .fp-tech__item:hover .fp-tech__item-desc {
    color: #E6E6E6;
  }

  .fp-tech__item:hover .fp-tech__item-num {
    color: #F3F3F3;
  }

  .fp-tech__item:hover .fp-tech-img {
    height: 19.1875rem;
  }
}

.fp-tech__item-inner {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

@media (min-width: 75.0625em) {
  .fp-tech__item-inner {
    gap: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .fp-tech__item-inner {
      gap: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .fp-tech__item-inner {
      gap: calc(0.625rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-inner {
    gap: 0.625rem;
  }
}

.fp-tech__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .fp-tech__item-icon {
    border-radius: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem)) {
    .fp-tech__item-icon {
      border-radius: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem);
    }
  }

  @supports not (border-radius: clamp(0.375rem, 0.2613636364rem + 0.4848484848vw, 0.625rem)) {
    .fp-tech__item-icon {
      border-radius: calc(0.375rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-icon {
    border-radius: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__item-icon {
    width: 4.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.1875rem, 1.3352272727rem + 3.6363636364vw, 4.0625rem)) {
    .fp-tech__item-icon {
      width: clamp(2.1875rem, 1.3352272727rem + 3.6363636364vw, 4.0625rem);
    }
  }

  @supports not (width: clamp(2.1875rem, 1.3352272727rem + 3.6363636364vw, 4.0625rem)) {
    .fp-tech__item-icon {
      width: calc(2.1875rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-icon {
    width: 2.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__item-icon {
    height: 4.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.1875rem, 1.3352272727rem + 3.6363636364vw, 4.0625rem)) {
    .fp-tech__item-icon {
      height: clamp(2.1875rem, 1.3352272727rem + 3.6363636364vw, 4.0625rem);
    }
  }

  @supports not (height: clamp(2.1875rem, 1.3352272727rem + 3.6363636364vw, 4.0625rem)) {
    .fp-tech__item-icon {
      height: calc(2.1875rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-icon {
    height: 2.1875rem;
  }
}

.fp-tech__item-icon img {
  width: 50%;
  height: auto;
}

.fp-tech__item-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

@media (min-width: 75.0625em) {
  .fp-tech__item-body {
    gap: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .fp-tech__item-body {
      gap: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .fp-tech__item-body {
      gap: calc(0.625rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-body {
    gap: 0.625rem;
  }
}

.fp-tech__item-title {
  font-weight: 500;
  color: #1a1d20;
}

@media (min-width: 75.0625em) {
  .fp-tech__item-title {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .fp-tech__item-title {
      font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .fp-tech__item-title {
      font-size: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-title {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__item-title {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.9375rem, 0.5681818182rem + 1.5757575758vw, 1.75rem)) {
    .fp-tech__item-title {
      line-height: clamp(0.9375rem, 0.5681818182rem + 1.5757575758vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(0.9375rem, 0.5681818182rem + 1.5757575758vw, 1.75rem)) {
    .fp-tech__item-title {
      line-height: calc(0.9375rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-title {
    line-height: 0.9375rem;
  }
}

.fp-tech__item-desc {
  color: #595959;
  max-width: 61.6875rem;
}

@media (min-width: 75.0625em) {
  .fp-tech__item-desc {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-tech__item-desc {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-tech__item-desc {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-desc {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__item-desc {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem)) {
    .fp-tech__item-desc {
      line-height: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem)) {
    .fp-tech__item-desc {
      line-height: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-desc {
    line-height: 0.75rem;
  }
}

.fp-tech__item-num {
  font-weight: 500;
  color: #f3f3f3;
  flex-shrink: 0;
  user-select: none;
}

@media (min-width: 75.0625em) {
  .fp-tech__item-num {
    font-size: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 4rem)) {
    .fp-tech__item-num {
      font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 4rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 0rem + 5.3333333333vw, 4rem)) {
    .fp-tech__item-num {
      font-size: calc(1.25rem + 2.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-num {
    font-size: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__item-num {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.5rem, -0.0681818182rem + 2.4242424242vw, 1.75rem)) {
    .fp-tech__item-num {
      line-height: clamp(0.5rem, -0.0681818182rem + 2.4242424242vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(0.5rem, -0.0681818182rem + 2.4242424242vw, 1.75rem)) {
    .fp-tech__item-num {
      line-height: calc(0.5rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__item-num {
    line-height: 0.5rem;
  }
}

.fp-tech__patients {
  display: flex;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .fp-tech__patients {
    gap: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .fp-tech__patients {
      gap: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .fp-tech__patients {
      gap: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__patients {
    gap: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__patients {
    margin-top: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.5625rem, 0.2840909091rem + 5.4545454545vw, 4.375rem)) {
    .fp-tech__patients {
      margin-top: clamp(1.5625rem, 0.2840909091rem + 5.4545454545vw, 4.375rem);
    }
  }

  @supports not (margin-top: clamp(1.5625rem, 0.2840909091rem + 5.4545454545vw, 4.375rem)) {
    .fp-tech__patients {
      margin-top: calc(1.5625rem + 2.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__patients {
    margin-top: 1.5625rem;
  }
}

.fp-tech__patients {
  justify-content: center;
}

.fp-tech__patients-avatars {
  display: flex;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .fp-tech__patients-avatars .fp-tech__patients-avatar {
    width: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.625rem, 2rem + 2.6666666667vw, 4rem)) {
    .fp-tech__patients-avatars .fp-tech__patients-avatar {
      width: clamp(2.625rem, 2rem + 2.6666666667vw, 4rem);
    }
  }

  @supports not (width: clamp(2.625rem, 2rem + 2.6666666667vw, 4rem)) {
    .fp-tech__patients-avatars .fp-tech__patients-avatar {
      width: calc(2.625rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__patients-avatars .fp-tech__patients-avatar {
    width: 2.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-tech__patients-avatars .fp-tech__patients-avatar {
    height: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.625rem, 2rem + 2.6666666667vw, 4rem)) {
    .fp-tech__patients-avatars .fp-tech__patients-avatar {
      height: clamp(2.625rem, 2rem + 2.6666666667vw, 4rem);
    }
  }

  @supports not (height: clamp(2.625rem, 2rem + 2.6666666667vw, 4rem)) {
    .fp-tech__patients-avatars .fp-tech__patients-avatar {
      height: calc(2.625rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__patients-avatars .fp-tech__patients-avatar {
    height: 2.625rem;
  }
}

.fp-tech__patients-avatars .fp-tech__patients-avatar {
  border-radius: 50%;
  border: 1px solid #ffffff;
  object-fit: cover;
  flex-shrink: 0;
}

.fp-tech__patients-avatars .fp-tech__patients-avatar:not(:first-child) {
  margin-left: -1rem;
}

.fp-tech__patients-text {
  line-height: 1.5rem;
  color: #52259b;
}

@media (min-width: 75.0625em) {
  .fp-tech__patients-text {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-tech__patients-text {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-tech__patients-text {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-tech__patients-text {
    font-size: 0.75rem;
  }
}

.fp-tech__patients-text b {
  font-weight: 700;
}

@media screen and (max-width: 890px) {
  .fp-tech-img {
    position: static;
    display: block;
    height: auto;
    transform: rotate(0deg) !important;
    transition-duration: 0s !important;
  }

  .fp-tech-img img {
    display: block;
  }

  .fp-tech__item {
    gap: 0;
  }

  .fp-tech__item-inner {
    padding-bottom: 2px;
  }

  .fp-tech__item-desc {
    padding-right: 10px;
  }

  .fp-tech__item {
    overflow: hidden;
    position: relative;
    padding: 0;
    display: grid;
    border-radius: 8px;
  }

  .fp-tech__item-desc {
    display: none;
  }

  .fp-tech-img {
    border-radius: 0;
  }

  .fp-tech-img-wr {
    border: 0;
    border-radius: 0;
  }

  .fp-tech__item-inner {
    border-radius: 8px;
    position: relative;
    z-index: 10;
    background: #fff;
    padding-right: 40px;

  }

  .fp-tech__item-num {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 10;
  }

  .fp-tech {
    padding-top: 0px;
    margin-top: -5px;
  }

  .fp-tech .fp__head__tag {
    justify-content: center;
    margin-bottom: 15px !important;
  }

  .fp-tech .g-title {
    text-align: center;
    line-height: 27px !important;
  }

  .fp-tech .fp__head__description {
    text-align: center;
    padding-top: 10px;
  }

  .fp-tech .fp-tech__item-inner {
    align-items: flex-start;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 15px;
  }

  .fp-tech .fp-tech__item-title {
    line-height: 1.2;
    padding-right: 56px;
    cursor: pointer;
  }

  .fp-tech .fp-tech-img,
  .fp-tech .fp-tech__item-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }

  .fp-tech .fp-tech__item.is-open .fp-tech-img {
    max-height: 31.25rem;
  }

  .fp-tech .fp-tech__item.is-open .fp-tech__item-desc {
    max-height: 18.75rem;
    line-height: 106%;
  }

  .fp-tech__item.is-open .fp-tech__item-icon {
    width: 25px;
    height: 25px;
  }

  .fp-tech__item.is-open .fp-tech__item-title {
    color: #fff;
  }

  .fp-tech__item.is-open .fp-tech__item-desc {
    display: block;
    color: #fff;
    padding-bottom: 10px;
    line-height: 128%;
  }

  .fp-tech__item.is-open .fp-tech__item-num {
    color: #fff;
    right: 8px;
    top: 13px;
    top: 23px;
  }

  .fp-tech__item.is-open .fp-tech-img {
    transition-duration: 0s;
    margin-top: -15px;
  }

  .fp-tech__item.is-open .fp-tech-img img {
    transition-duration: 0s;
  }

  .fp-tech__item.is-open .fp-tech__item-inner {
    padding-right: 5px;
    border-left: 1px solid #C9A8FF !important;
    background: #8C5EA9;
  }
}

@media screen and (max-width: 500px) {
  .fp-tech-img {
    height: 172px;
  }
}

@media screen and (max-width: 768px) {
  .fp-service__item {
    padding: 20px !important;
  }

  .fp-service__title {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 500px) {
  .fp-service__item {
    padding: 20px !important;
  }
}

.fp-steps {
  overflow: hidden;
  --step-progress: 0;
  --visual-reveal: 0;
  padding-top: 60px;
}

@media (min-width: 75.0625em) {
  .fp-steps {
    padding-bottom: 7.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(4.6875rem, 3.4090909091rem + 5.4545454545vw, 7.5rem)) {
    .fp-steps {
      padding-bottom: clamp(4.6875rem, 3.4090909091rem + 5.4545454545vw, 7.5rem);
    }
  }

  @supports not (padding-bottom: clamp(4.6875rem, 3.4090909091rem + 5.4545454545vw, 7.5rem)) {
    .fp-steps {
      padding-bottom: calc(4.6875rem + 2.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps {
    padding-bottom: 4.6875rem;
  }
}

.fp-steps {
  position: relative;
  background: #f3f3f3;
}

.fp-steps__pin {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .fp-steps__pin {
    position: sticky;
    transform: translateY(-50%);
  }
}

.fp-steps__layout {
  display: grid;
  grid-template-columns: 5fr 8fr;
  align-items: flex-start;
}

@media (min-width: 75.0625em) {
  .fp-steps__layout {
    gap: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.9375rem, -0.0568181818rem + 4.2424242424vw, 3.125rem)) {
    .fp-steps__layout {
      gap: clamp(0.9375rem, -0.0568181818rem + 4.2424242424vw, 3.125rem);
    }
  }

  @supports not (gap: clamp(0.9375rem, -0.0568181818rem + 4.2424242424vw, 3.125rem)) {
    .fp-steps__layout {
      gap: calc(0.9375rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__layout {
    gap: 0.9375rem;
  }
}

.fp-steps__left {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .fp-steps__left {
    gap: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.5rem, 0.0170454545rem + 2.0606060606vw, 1.5625rem)) {
    .fp-steps__left {
      gap: clamp(0.5rem, 0.0170454545rem + 2.0606060606vw, 1.5625rem);
    }
  }

  @supports not (gap: clamp(0.5rem, 0.0170454545rem + 2.0606060606vw, 1.5625rem)) {
    .fp-steps__left {
      gap: calc(0.5rem + 1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__left {
    gap: 0.5rem;
  }
}

.fp-steps__label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.fp-steps__label-dot {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #c9a8ff;
  flex-shrink: 0;
}

.fp-steps__label-text {
  font-family: "Onest", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #1a1d20;
}

.fp-steps__head {
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .fp-steps__head {
    gap: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem)) {
    .fp-steps__head {
      gap: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem);
    }
  }

  @supports not (gap: clamp(0.75rem, 0.4090909091rem + 1.4545454545vw, 1.5rem)) {
    .fp-steps__head {
      gap: calc(0.75rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__head {
    gap: 0.75rem;
  }
}

.fp-steps__title {
  font-family: "Onest", sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.09375rem;
  color: #0a0a0a;
  margin: 0;
}

.fp-steps__title-accent {
  color: #8c5ea9;
}

.fp-steps__subtitle {
  font-family: "Onest", sans-serif;
  font-weight: 400;
  line-height: 1.625rem;
  color: #6a7282;
  margin: 0;
}

@media (min-width: 75.0625em) {
  .fp-steps__subtitle {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp-steps__subtitle {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp-steps__subtitle {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__subtitle {
    font-size: 0.875rem;
  }
}

.fp-steps__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  max-width: 50rem;
}

@media (min-width: 75.0625em) {
  .fp-steps__list {
    padding-top: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -1.4204545455rem + 6.0606060606vw, 3.125rem)) {
    .fp-steps__list {
      padding-top: clamp(0rem, -1.4204545455rem + 6.0606060606vw, 3.125rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -1.4204545455rem + 6.0606060606vw, 3.125rem)) {
    .fp-steps__list {
      padding-top: calc(0rem + 3.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__list {
    padding-top: 0rem;
  }
}

.fp-steps__step {
  display: flex;
  align-items: flex-start;
  gap: 0;
}

@media (min-width: 75.0625em) {
  .fp-steps__step {
    min-height: 7.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (min-height: clamp(5rem, 3.9204545455rem + 4.6060606061vw, 7.375rem)) {
    .fp-steps__step {
      min-height: clamp(5rem, 3.9204545455rem + 4.6060606061vw, 7.375rem);
    }
  }

  @supports not (min-height: clamp(5rem, 3.9204545455rem + 4.6060606061vw, 7.375rem)) {
    .fp-steps__step {
      min-height: calc(5rem + 2.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step {
    min-height: 5rem;
  }
}

.fp-steps__step-marker {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 3rem;
}

@media (min-width: 75.0625em) {
  .fp-steps__step-marker {
    width: 3rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.1875rem, 1.8181818182rem + 1.5757575758vw, 3rem)) {
    .fp-steps__step-marker {
      width: clamp(2.1875rem, 1.8181818182rem + 1.5757575758vw, 3rem);
    }
  }

  @supports not (width: clamp(2.1875rem, 1.8181818182rem + 1.5757575758vw, 3rem)) {
    .fp-steps__step-marker {
      width: calc(2.1875rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-marker {
    width: 2.1875rem;
  }
}

.fp-steps__step-num {
  font-family: "Onest", sans-serif;
  font-weight: 600;
  color: rgba(82, 37, 155, 0.12);
  display: block;
  text-align: left;
}

@media (min-width: 75.0625em) {
  .fp-steps__step-num {
    line-height: 5.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(4.6875rem, 4.2045454545rem + 2.0606060606vw, 5.75rem)) {
    .fp-steps__step-num {
      line-height: clamp(4.6875rem, 4.2045454545rem + 2.0606060606vw, 5.75rem);
    }
  }

  @supports not (line-height: clamp(4.6875rem, 4.2045454545rem + 2.0606060606vw, 5.75rem)) {
    .fp-steps__step-num {
      line-height: calc(4.6875rem + 1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-num {
    line-height: 4.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-steps__step-num {
    font-size: 4.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(3.6875rem, 3.3181818182rem + 1.5757575758vw, 4.5rem)) {
    .fp-steps__step-num {
      font-size: clamp(3.6875rem, 3.3181818182rem + 1.5757575758vw, 4.5rem);
    }
  }

  @supports not (font-size: clamp(3.6875rem, 3.3181818182rem + 1.5757575758vw, 4.5rem)) {
    .fp-steps__step-num {
      font-size: calc(3.6875rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-num {
    font-size: 3.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-steps__step-num {
    width: 3rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.1875rem, 1.8181818182rem + 1.5757575758vw, 3rem)) {
    .fp-steps__step-num {
      width: clamp(2.1875rem, 1.8181818182rem + 1.5757575758vw, 3rem);
    }
  }

  @supports not (width: clamp(2.1875rem, 1.8181818182rem + 1.5757575758vw, 3rem)) {
    .fp-steps__step-num {
      width: calc(2.1875rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-num {
    width: 2.1875rem;
  }
}

.fp-steps__step--active .fp-steps__step-num {
  color: #c9a8ff;
}

.fp-steps__step-line {
  display: block;
  width: 0.125rem;
  height: 1.5rem;
  background: rgba(82, 38, 156, 0.2);
  margin-top: 0.125rem;
}

.fp-steps__step-body {
  padding-left: 1rem;
  padding-top: 0.5rem;
  flex: 1;
  min-width: 0;
}

@media (min-width: 75.0625em) {
  .fp-steps__step-title {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem)) {
    .fp-steps__step-title {
      font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem)) {
    .fp-steps__step-title {
      font-size: calc(1rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-title {
    font-size: 1rem;
  }
}

.fp-steps__step-title {
  font-weight: 600;
  line-height: 1.4375rem;
}

@media (min-width: 75.0625em) {
  .fp-steps__step-title {
    line-height: 1.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.125rem, 0.9829545455rem + 0.6060606061vw, 1.4375rem)) {
    .fp-steps__step-title {
      line-height: clamp(1.125rem, 0.9829545455rem + 0.6060606061vw, 1.4375rem);
    }
  }

  @supports not (line-height: clamp(1.125rem, 0.9829545455rem + 0.6060606061vw, 1.4375rem)) {
    .fp-steps__step-title {
      line-height: calc(1.125rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-title {
    line-height: 1.125rem;
  }
}

.fp-steps__step-title {
  margin: 0 0 0.4375rem;
}

.fp-steps__step-desc {
  font-family: "Onest", sans-serif;
  font-size: 1rem;
}

@media (min-width: 75.0625em) {
  .fp-steps__step-desc {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-steps__step-desc {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .fp-steps__step-desc {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-desc {
    font-size: 0.75rem;
  }
}

.fp-steps__step-desc {
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .fp-steps__step-desc {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .fp-steps__step-desc {
      line-height: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .fp-steps__step-desc {
      line-height: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-steps__step-desc {
    line-height: 0.875rem;
  }
}

.fp-steps__step-desc {
  color: #6a7282;
  margin: 0;
  max-width: 45rem;
}

.fp-steps__visual {
  position: absolute;
  --hover: 0;
  --h: calc(var(--hover) * (1 - var(--visual-reveal)));
  right: calc(-15% + (50% - 11.25rem + 15%) * var(--visual-reveal));
  top: calc(5.875rem + (50% - 15.3125rem - 5.875rem) * var(--visual-reveal));
  transform: rotate(calc(15deg + 5deg * var(--visual-reveal) - 10deg * var(--h))) translateX(calc(-80% * var(--h)));
  transition: right 0.3s ease, top 0.3s ease, transform 0.3s ease;
}

.fp-steps__visual:hover {
  --hover: 1;
}

.fp-steps__card {
  background: #fff;
  position: relative;
  width: 20rem;
  height: 26.875rem;
  border-radius: 2.5rem;
  border: 0.375rem solid #ffffff;
  box-shadow: 0px 0.0625rem 1.675rem rgba(125, 125, 125, 0.25);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
}

.fp-steps__card-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.fp-steps__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.fp-steps__card-caption {
  text-align: center;
  position: relative;
  font-family: "Onest", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.09375rem;
  color: #ffffff;
  width: 100%;
  text-shadow: 0 0.0625rem 0.5rem rgba(0, 0, 0, 0.3);
}

.fp-steps .fp-steps__card .btn--empty3 {
  position: relative;
  margin: 1.25rem;
  width: calc(100% - 2.5rem);
}

.fp-steps__card-arrow {
  position: absolute;
  bottom: -0.75rem;
  right: -8.125rem;
  width: 7.625rem;
  height: 1.125rem;
  background: #c9a8ff;
  border-radius: 0.125rem;
}

@media (max-width: 1199.98px) {
  .fp-steps__left {
    width: 21.25rem;
  }

  .fp-steps__title {
    font-size: 2.5rem;
  }

  .fp-steps__visual {
    display: none;
  }
}

.fp-steps--slim {
  padding-top: 90px;
}

.fp-steps--slim .fp-steps__layout {
  display: block;
}

.fp-steps--slim .fp-steps__list {
  padding-left: 25px;
  padding-top: 30px;
}

.fp-steps--slim .fp-steps__step-desc {
  color: #6A7282;
}

/* .fp-steps--slim .fp-steps__visual {
  right: calc((50% - 11.25rem) * var(--visual-reveal));
  top: calc(22% + (50% - 15.3125rem - 22%) * var(--visual-reveal));
} */

/* .fp-steps--slim .fp-steps__visual:hover {
  --hover: 0;
} */

.fp-steps--slim .fp-steps__visual p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.09375rem;
  color: #ffffff;
}

/* .fp-steps--slim .fp-steps__step-num {
  transition-duration: 0.2s;
} */

@media screen and (max-width: 1200px) {
  .fp-steps__layout {
    grid-template-columns: 1fr;
  }

  .fp-steps__left {
    width: 100%;
  }

  .fp-steps__list {
    max-width: 800px;
    margin: auto;
  }
}

@media screen and (max-width: 890px) {
  .fp-reviews__heading::after {
    display: none !important;
  }

  .fp-steps__label {
    justify-content: center;
    margin: auto;
    gap: 12px;
  }

  .fp-steps__label-text {
    font-size: 12px;
  }

  .fp-steps .g-title {
    font-size: 25px;
    text-align: center;
  }

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

@media (max-width: 1199.98px) {
  .fp-steps.is-visual-shown .fp-steps__visual {
    display: flex;
    justify-content: center;
    position: static;
    inset: auto;
    transform: rotate(10deg);
    width: 100%;
    margin-top: 2.5rem;
    animation: fp-steps-visual-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}

@keyframes fp-steps-visual-in {
  from {
    opacity: 0;
    transform: translateX(80px) rotate(10deg);
  }

  to {
    opacity: 1;
    transform: translateX(0) rotate(10deg);
  }
}

@media screen and (max-width: 768px) {
  .fp-steps__head mark::after {
    display: none;
  }
}

.fp-reviews .container {
  display: flex;
  flex-direction: column;
}

.fp-reviews__heading {
  color: #1A1D20;
  font-family: Onest;
}

@media (min-width: 75.0625em) {
  .fp-reviews__heading {
    font-size: 15rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(5.625rem, 1.3636363636rem + 18.1818181818vw, 15rem)) {
    .fp-reviews__heading {
      font-size: clamp(5.625rem, 1.3636363636rem + 18.1818181818vw, 15rem);
    }
  }

  @supports not (font-size: clamp(5.625rem, 1.3636363636rem + 18.1818181818vw, 15rem)) {
    .fp-reviews__heading {
      font-size: calc(5.625rem + 9.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__heading {
    font-size: 5.625rem;
  }
}

.fp-reviews__heading {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.3rem;
  text-align: center;
  margin-top: -6.25rem;
  margin-bottom: -4.375rem;
  position: relative;
}

.fp-reviews__heading::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url('../img/mark.svg');
  background-size: 100% 100%;
  width: clamp(18.125rem, 58vh, 36.5rem);
  height: clamp(2.5rem, 8.2vh, 5.125rem);
  top: 100%;
  left: 50%;
  transform: translate(-33%, -66%);
  z-index: -1;
}

.fp-reviews__grid {
  display: flex;
  flex-direction: column;
  /* gap: 7.5rem; */
  gap: 2.5rem;
}

.fp-reviews__row {
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
  box-sizing: border-box;
  padding-right: 18.125rem;
}

.fp-reviews__card {
  width: 25%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
}

@media (min-width: 75.0625em) {
  .fp-reviews__card {
    min-height: 25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (min-height: clamp(23.75rem, 23.1818181818rem + 2.4242424242vw, 25rem)) {
    .fp-reviews__card {
      min-height: clamp(23.75rem, 23.1818181818rem + 2.4242424242vw, 25rem);
    }
  }

  @supports not (min-height: clamp(23.75rem, 23.1818181818rem + 2.4242424242vw, 25rem)) {
    .fp-reviews__card {
      min-height: calc(23.75rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__card {
    min-height: 23.75rem;
  }
}

.fp-reviews__card--empty {
  background: transparent;
}

.fp-reviews__card--photo {
  border-radius: 2rem;
  border: 0.375rem solid #ffffff;
  overflow: hidden;
}

.fp-reviews__card--photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

.fp-reviews__card--wide {
  width: 40%;
}

.fp-reviews__card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem;
  box-sizing: border-box;
  border-radius: 2rem;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

@media (min-width: 75.0625em) {
  .fp-reviews__card-inner {
    min-height: 25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (min-height: clamp(23.75rem, 23.1818181818rem + 2.4242424242vw, 25rem)) {
    .fp-reviews__card-inner {
      min-height: clamp(23.75rem, 23.1818181818rem + 2.4242424242vw, 25rem);
    }
  }

  @supports not (min-height: clamp(23.75rem, 23.1818181818rem + 2.4242424242vw, 25rem)) {
    .fp-reviews__card-inner {
      min-height: calc(23.75rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__card-inner {
    min-height: 23.75rem;
  }
}

.fp-reviews__slider {
  position: relative;
}

.fp-reviews__slider .fp-reviews__heading {
  position: absolute;
  /* top: 50%; */
  top: 59%;
  left: 0;
  right: 0;
  margin: 0;
  transform: translateY(-85%);
  z-index: 0;
  pointer-events: none;
}

.fp-reviews__slider .fp-reviews__grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.fp-reviews__slider .fp-reviews__grid.is-active {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

.fp-reviews__slider .fp-reviews__card {
  opacity: 0;
  transform: translateY(2rem) scale(0.92);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.fp-reviews__slider .fp-reviews__card:nth-child(even) {
  transform: translateY(-2rem) scale(0.92);
}

.fp-reviews__slider .fp-reviews__grid.is-active .fp-reviews__card {
  opacity: 1;
  transform: none;
  transition-delay: calc(var(--i, 0) * 0.08s);
}

.fp-reviews__card-top {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 1rem;
  overflow: hidden;
}

.fp-reviews__card-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fp-reviews__card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.fp-reviews__card-text {
  font-family: "Onest", sans-serif;
  font-weight: 500;
  color: #1a1d20;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
}

@media (min-width: 75.0625em) {
  .fp-reviews__card-text {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.625rem, 1.5681818182rem + 0.2424242424vw, 1.75rem)) {
    .fp-reviews__card-text {
      line-height: clamp(1.625rem, 1.5681818182rem + 0.2424242424vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(1.625rem, 1.5681818182rem + 0.2424242424vw, 1.75rem)) {
    .fp-reviews__card-text {
      line-height: calc(1.625rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__card-text {
    line-height: 1.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-reviews__card-text {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem)) {
    .fp-reviews__card-text {
      font-size: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem)) {
    .fp-reviews__card-text {
      font-size: calc(1rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__card-text {
    font-size: 1rem;
  }
}

.fp-reviews__card-author {
  font-family: "Onest", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #595959;
}

@media (min-width: 75.0625em) {
  .fp-reviews__footer {
    margin-top: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.5rem, 2.7840909091rem + -1.2121212121vw, 1.875rem)) {
    .fp-reviews__footer {
      margin-top: clamp(2.5rem, 2.7840909091rem + -1.2121212121vw, 1.875rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 2.7840909091rem + -1.2121212121vw, 1.875rem)) {
    .fp-reviews__footer {
      margin-top: calc(2.5rem + -0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__footer {
    margin-top: 2.5rem;
  }
}

.fp-reviews__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 3;
}

.fp-reviews__cta:hover {
  background: #52259b !important;
}

.fp-reviews__nav {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

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

@media (min-width: 75.0625em) {
  .fp-reviews__nav-btn {
    height: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem);
    }
  }

  @supports not (height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      height: calc(2.625rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__nav-btn {
    height: 2.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-reviews__nav-btn {
    width: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem);
    }
  }

  @supports not (width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      width: calc(2.625rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__nav-btn {
    width: 2.625rem;
  }
}

.fp-reviews__nav-btn {
  border-radius: 50%;
  border: 0.0625rem solid #52259b;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.fp-reviews__nav-btn svg {
  width: 1.875rem;
  height: 1.875rem;
}

.fp-reviews__nav-btn:hover {
  background: #52259b;
}

.fp-reviews__nav-btn:hover img {
  filter: brightness(100);
}

@media (max-width: 1300px) {
  .fp-reviews__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: start;
    padding-right: 0;
  }

  .fp-reviews__card {
    width: auto;
  }

  .fp-reviews__card--wide {
    width: auto;
  }

  .fp-reviews__grid--layout-3 .fp-reviews__row:first-child .fp-reviews__card--wide {
    grid-column: span 2;
  }
}

@media (max-width: 890px) {
  .fp-reviews__grid {
    display: block;
  }

  .fp-reviews__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.125rem;
    align-items: start;
    padding-right: 0;
  }

  .fp-reviews__row:last-child {
    display: none;
  }

  .fp-reviews__card {
    width: auto;
  }

  .fp-reviews__card--wide {
    width: auto;
  }

  .fp-reviews__card--empty,
  .fp-reviews__card--wide,
  .fp-reviews__card--photo {
    display: none;
  }

  .fp-reviews__footer {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 890px) and (min-width: 75.0625em) {
  .fp-reviews__footer {
    padding-top: 2.875rem;
  }
}

@media (max-width: 890px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(2.5rem, 2.3295454545rem + 0.7272727273vw, 2.875rem)) {
    .fp-reviews__footer {
      padding-top: clamp(2.5rem, 2.3295454545rem + 0.7272727273vw, 2.875rem);
    }
  }

  @supports not (padding-top: clamp(2.5rem, 2.3295454545rem + 0.7272727273vw, 2.875rem)) {
    .fp-reviews__footer {
      padding-top: calc(2.5rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 890px) and (max-width: 23.375em) {
  .fp-reviews__footer {
    padding-top: 2.5rem;
  }
}

@media (max-width: 600px) {
  .fp-reviews__row {
    grid-template-columns: 1fr;
  }

  .fp-reviews__row:first-child article:not(:first-of-type) {
    display: none;
  }

  .fp-reviews__nav {
    display: contents;
  }

  .fp-reviews__nav-btn--prev {
    order: 1;
  }

  .fp-reviews__cta {
    order: 2;
  }

  .fp-reviews__nav-btn--next {
    order: 3;
    border-color: #52259b;
  }

  .fp-reviews__nav-btn--next svg path {
    stroke: #ffffff;
  }
}

@media screen and (max-width: 890px) {
  .fp-reviews__heading {
    position: static !important;
    margin-top: 0;
    letter-spacing: -1px;
    font-weight: bold;
    transform: translateY(0%) !important;
  }

  .fp-reviews__card-inner {
    transform: translateY(-8%);
  }
}

@media (min-width: 75.0625em) {
  .fp-reviews__nav-btn {
    width: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem);
    }
  }

  @supports not (width: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      width: calc(2.625rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__nav-btn {
    width: 2.625rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-reviews__nav-btn {
    height: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem);
    }
  }

  @supports not (height: clamp(2.625rem, 1.8295454545rem + 3.3939393939vw, 4.375rem)) {
    .fp-reviews__nav-btn {
      height: calc(2.625rem + 1.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-reviews__nav-btn {
    height: 2.625rem;
  }
}

.fp-reviews__nav-btn img {
  max-width: 65%;
}

@media screen and (max-width: 768px) {
  .fp-reviews__footer {
    padding-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion {
    margin-bottom: 7.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(3.75rem, 2.0454545455rem + 7.2727272727vw, 7.5rem)) {
    .accordion {
      margin-bottom: clamp(3.75rem, 2.0454545455rem + 7.2727272727vw, 7.5rem);
    }
  }

  @supports not (margin-bottom: clamp(3.75rem, 2.0454545455rem + 7.2727272727vw, 7.5rem)) {
    .accordion {
      margin-bottom: calc(3.75rem + 3.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion {
    margin-bottom: 3.75rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__header {
    padding-block: 2.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-block: clamp(0.625rem, -0.0284090909rem + 2.7878787879vw, 2.0625rem)) {
    .accordion__header {
      padding-block: clamp(0.625rem, -0.0284090909rem + 2.7878787879vw, 2.0625rem);
    }
  }

  @supports not (padding-block: clamp(0.625rem, -0.0284090909rem + 2.7878787879vw, 2.0625rem)) {
    .accordion__header {
      padding-block: calc(0.625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header {
    padding-block: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__header {
    padding-inline: 2.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-inline: clamp(0.9375rem, 0.4261363636rem + 2.1818181818vw, 2.0625rem)) {
    .accordion__header {
      padding-inline: clamp(0.9375rem, 0.4261363636rem + 2.1818181818vw, 2.0625rem);
    }
  }

  @supports not (padding-inline: clamp(0.9375rem, 0.4261363636rem + 2.1818181818vw, 2.0625rem)) {
    .accordion__header {
      padding-inline: calc(0.9375rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header {
    padding-inline: 0.9375rem;
  }
}

.accordion__header {
  display: flex;
  border-radius: 1.25rem;
}

@media (min-width: 75.0625em) {
  .accordion__header {
    gap: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.1875rem, 0.875rem + 1.3333333333vw, 1.875rem)) {
    .accordion__header {
      gap: clamp(1.1875rem, 0.875rem + 1.3333333333vw, 1.875rem);
    }
  }

  @supports not (gap: clamp(1.1875rem, 0.875rem + 1.3333333333vw, 1.875rem)) {
    .accordion__header {
      gap: calc(1.1875rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header {
    gap: 1.1875rem;
  }
}

.accordion__header {
  justify-content: space-between;
  align-items: center;
  background: #fff;
  transition: background 0.3s ease, border-radius 0.3s ease;
}

.accordion__header h2 {
  color: #1A1D20;
}

@media (min-width: 75.0625em) {
  .accordion__header h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .accordion__header h2 {
      font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .accordion__header h2 {
      font-size: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header h2 {
    font-size: 0.875rem;
  }
}

.accordion__header h2 {
  font-style: normal;
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .accordion__header h2 {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.125rem, 0.8409090909rem + 1.2121212121vw, 1.75rem)) {
    .accordion__header h2 {
      line-height: clamp(1.125rem, 0.8409090909rem + 1.2121212121vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(1.125rem, 0.8409090909rem + 1.2121212121vw, 1.75rem)) {
    .accordion__header h2 {
      line-height: calc(1.125rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header h2 {
    line-height: 1.125rem;
  }
}

.accordion__header p {
  color: #595959;
}

@media (min-width: 75.0625em) {
  .accordion__header p {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .accordion__header p {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .accordion__header p {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header p {
    font-size: 0.75rem;
  }
}

.accordion__header p {
  font-style: normal;
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .accordion__header p {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .accordion__header p {
      line-height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .accordion__header p {
      line-height: calc(0.9375rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__header p {
    line-height: 0.9375rem;
  }
}

.accordion__left {
  display: flex;
}

@media (min-width: 75.0625em) {
  .accordion__left {
    gap: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.1875rem, 0.875rem + 1.3333333333vw, 1.875rem)) {
    .accordion__left {
      gap: clamp(1.1875rem, 0.875rem + 1.3333333333vw, 1.875rem);
    }
  }

  @supports not (gap: clamp(1.1875rem, 0.875rem + 1.3333333333vw, 1.875rem)) {
    .accordion__left {
      gap: calc(1.1875rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__left {
    gap: 1.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__item {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .accordion__item {
      margin-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (margin-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .accordion__item {
      margin-bottom: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__item {
    margin-bottom: 0.625rem;
  }
}

.accordion__icon {
  display: flex;
}

@media (min-width: 75.0625em) {
  .accordion__icon {
    width: 3.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.1875rem, 1.5909090909rem + 2.5454545455vw, 3.5rem)) {
    .accordion__icon {
      width: clamp(2.1875rem, 1.5909090909rem + 2.5454545455vw, 3.5rem);
    }
  }

  @supports not (width: clamp(2.1875rem, 1.5909090909rem + 2.5454545455vw, 3.5rem)) {
    .accordion__icon {
      width: calc(2.1875rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__icon {
    width: 2.1875rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__icon {
    height: 3.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.1875rem, 1.5909090909rem + 2.5454545455vw, 3.5rem)) {
    .accordion__icon {
      height: clamp(2.1875rem, 1.5909090909rem + 2.5454545455vw, 3.5rem);
    }
  }

  @supports not (height: clamp(2.1875rem, 1.5909090909rem + 2.5454545455vw, 3.5rem)) {
    .accordion__icon {
      height: calc(2.1875rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__icon {
    height: 2.1875rem;
  }
}

.accordion__icon {
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

@media (min-width: 75.0625em) {
  .accordion__icon {
    border-radius: 0.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem)) {
    .accordion__icon {
      border-radius: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem);
    }
  }

  @supports not (border-radius: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem)) {
    .accordion__icon {
      border-radius: calc(0.375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__icon {
    border-radius: 0.375rem;
  }
}

.accordion__icon {
  background: #F3F4F6;
  transition: width 0.3s ease, height 0.3s ease;
}

.accordion__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.accordion__control {
  color: #52259B;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.125rem;
  transition: color 0.3s ease;
}

.accordion__control span {
  display: inline-block;
  margin-left: 1.25rem;
}

.accordion__control svg {
  transition: transform 0.3s ease;
}

.accordion__control svg path {
  transition: stroke 0.3s ease;
}

.accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

@media (min-width: 75.0625em) {
  .accordion__head {
    padding-block: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-block: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem)) {
    .accordion__head {
      padding-block: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem);
    }
  }

  @supports not (padding-block: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem)) {
    .accordion__head {
      padding-block: calc(0.4375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__head {
    padding-block: 0.4375rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__head {
    padding-inline: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-inline: clamp(0.949375rem, 0.6990909091rem + 1.0678787879vw, 1.5rem)) {
    .accordion__head {
      padding-inline: clamp(0.949375rem, 0.6990909091rem + 1.0678787879vw, 1.5rem);
    }
  }

  @supports not (padding-inline: clamp(0.949375rem, 0.6990909091rem + 1.0678787879vw, 1.5rem)) {
    .accordion__head {
      padding-inline: calc(0.949375rem + 0.550625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__head {
    padding-inline: 0.949375rem;
  }
}

.accordion__head {
  background: #F9FAFB;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion__head span {
  color: #99A1AF;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.accordion__line {
  gap: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .accordion__line {
    padding-top: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.5625rem, 0.3636363636rem + 0.8484848485vw, 1rem)) {
    .accordion__line {
      padding-top: clamp(0.5625rem, 0.3636363636rem + 0.8484848485vw, 1rem);
    }
  }

  @supports not (padding-top: clamp(0.5625rem, 0.3636363636rem + 0.8484848485vw, 1rem)) {
    .accordion__line {
      padding-top: calc(0.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__line {
    padding-top: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__line {
    padding-bottom: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.5625rem, 0.2784090909rem + 1.2121212121vw, 1.1875rem)) {
    .accordion__line {
      padding-bottom: clamp(0.5625rem, 0.2784090909rem + 1.2121212121vw, 1.1875rem);
    }
  }

  @supports not (padding-bottom: clamp(0.5625rem, 0.2784090909rem + 1.2121212121vw, 1.1875rem)) {
    .accordion__line {
      padding-bottom: calc(0.5625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__line {
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__line {
    padding-inline: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-inline: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .accordion__line {
      padding-inline: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem);
    }
  }

  @supports not (padding-inline: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .accordion__line {
      padding-inline: calc(0.9375rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__line {
    padding-inline: 0.9375rem;
  }
}

.accordion__line {
  background: #fff;
}

.accordion__line p:nth-child(2) {
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .accordion__line {
    min-height: 35px;
    box-sizing: border-box;
    align-items: center;
  }
}

.accordion__line:not(:last-child) {
  border-bottom: 0.0625rem solid #F3F4F6;
}

@media screen and (max-width: 768px) {
  .accordion__line:not(:last-child) {
    border-bottom: 1px solid #F3F4F6;
  }
}

.accordion__line p {
  color: #364153;
}

@media (min-width: 75.0625em) {
  .accordion__line p {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .accordion__line p {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .accordion__line p {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__line p {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__line p {
    line-height: 1.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.75rem, 0.4943181818rem + 1.0909090909vw, 1.3125rem)) {
    .accordion__line p {
      line-height: clamp(0.75rem, 0.4943181818rem + 1.0909090909vw, 1.3125rem);
    }
  }

  @supports not (line-height: clamp(0.75rem, 0.4943181818rem + 1.0909090909vw, 1.3125rem)) {
    .accordion__line p {
      line-height: calc(0.75rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__line p {
    line-height: 0.75rem;
  }
}

.accordion__line p span {
  color: #99A1AF;
}

@media (min-width: 75.0625em) {
  .accordion__item--active .accordion__icon {
    width: 4.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.875rem, 0.8806818182rem + 4.2424242424vw, 4.0625rem)) {
    .accordion__item--active .accordion__icon {
      width: clamp(1.875rem, 0.8806818182rem + 4.2424242424vw, 4.0625rem);
    }
  }

  @supports not (width: clamp(1.875rem, 0.8806818182rem + 4.2424242424vw, 4.0625rem)) {
    .accordion__item--active .accordion__icon {
      width: calc(1.875rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__item--active .accordion__icon {
    width: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .accordion__item--active .accordion__icon {
    height: 4.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.875rem, 0.8806818182rem + 4.2424242424vw, 4.0625rem)) {
    .accordion__item--active .accordion__icon {
      height: clamp(1.875rem, 0.8806818182rem + 4.2424242424vw, 4.0625rem);
    }
  }

  @supports not (height: clamp(1.875rem, 0.8806818182rem + 4.2424242424vw, 4.0625rem)) {
    .accordion__item--active .accordion__icon {
      height: calc(1.875rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .accordion__item--active .accordion__icon {
    height: 1.875rem;
  }
}

.accordion__item--active .accordion__header {
  border-radius: 1.25rem 1.25rem 0 0;
  background: #8C5EA9;
}

.accordion__item--active .accordion__header h2,
.accordion__item--active .accordion__header p {
  color: #fff;
  transition: color 0.3s ease;
}

.accordion__item--active .accordion__control {
  color: #fff;
}

.accordion__item--active .accordion__control svg {
  transform: rotate(180deg);
}

.accordion__item--active .accordion__control svg path {
  stroke: #fff;
}

.accordion__item--active .accordion__body {
  max-height: 37.5rem;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0 0 1.25rem 1.25rem;
}

@media screen and (max-width: 767.98px) {
  .accordion__header {
    border-radius: 0.79125rem;
  }

  .accordion__icon img {
    width: 0.949375rem;
    height: 0.949375rem;
  }

  .accordion__title {
    gap: 0.375rem;
  }

  .accordion__control {
    font-size: 0;
  }

  .accordion__control span {
    margin-left: 0;
  }

  .accordion__control svg {
    width: 0.79125rem;
    height: auto;
  }

  .accordion__item--active .accordion__header {
    border-radius: 0.79125rem 0.79125rem 0 0;
  }

  .accordion__item--active .accordion__body {
    border-radius: 0 0 0.79125rem 0.79125rem;
  }
}

@media screen and (max-width: 890px) {
  .price-page .hero__tag {
    padding-top: 5px;
    justify-content: center;
    text-align: center;
  }

  .price-page .hero__title {
    padding-top: 15px;
    text-align: center;
  }

  .price-page .hero__description {
    text-align: center;
  }

  .price-page .hero {
    margin-bottom: 20px;
  }
}

.check-list__head {
  margin-bottom: 2.1875rem;
}

@media screen and (max-width: 768px) {
  .check-list__head {
    text-align: center;
  }
}

.check-list__head .fp__head__tag {
  margin-bottom: 13px;
}

@media screen and (max-width: 768px) {
  .check-list__head .fp__head__tag {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .check-list__head .fp__head__tag {
    margin-top: 0rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(3.4375rem, 5rem + -6.6666666667vw, 0rem)) {
    .check-list__head .fp__head__tag {
      margin-top: clamp(3.4375rem, 5rem + -6.6666666667vw, 0rem);
    }
  }

  @supports not (margin-top: clamp(3.4375rem, 5rem + -6.6666666667vw, 0rem)) {
    .check-list__head .fp__head__tag {
      margin-top: calc(3.4375rem + -3.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .check-list__head .fp__head__tag {
    margin-top: 3.4375rem;
  }
}

@media screen and (max-width: 768px) {
  .check-list__head .g-title {
    line-height: 1.5 !important;
  }
}

.check-list__head .fp__head__description {
  padding-top: 10px;
}

@media (min-width: 75.0625em) {
  .check-list__head .fp__head__description {
    padding-top: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .check-list__head .fp__head__description {
      padding-top: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .check-list__head .fp__head__description {
      padding-top: calc(0rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .check-list__head .fp__head__description {
    padding-top: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .check-list__head .fp__head__description {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.8125rem, 0.7272727273rem + 0.3636363636vw, 1rem)) {
    .check-list__head .fp__head__description {
      font-size: clamp(0.8125rem, 0.7272727273rem + 0.3636363636vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.8125rem, 0.7272727273rem + 0.3636363636vw, 1rem)) {
    .check-list__head .fp__head__description {
      font-size: calc(0.8125rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .check-list__head .fp__head__description {
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .check-list__head .fp__head__description {
    text-align: center;
  }
}

.check-list__subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 0.5rem;
}

.check-list__body {
  display: grid;
  grid-template-columns: 725px 1fr;
  gap: 3.125rem;
}

.check-list__media {
  position: relative;
  flex: 0 0 45.3125rem;
  height: 710px;
  align-self: stretch;
  border-radius: 1rem;
  overflow: hidden;
  background: #E5E7EB;
}

.check-list__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.check-list__img.is-active {
  opacity: 1;
}

.check-list__list {
  flex: 1 1 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.check-list__item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 1.3125rem;
  flex: 1 1 0;
  padding: 1.875rem;
}

@media (min-width: 75.0625em) {
  .check-list__item {
    padding: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .check-list__item {
      padding: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (padding: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .check-list__item {
      padding: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .check-list__item {
    padding: 0.9375rem;
  }
}

.check-list__item {
  background: #fff;
  border-radius: 0.875rem;
  border-left: 0.21875rem solid transparent;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.check-list__item:hover,
.check-list__item.is-active {
  background: #8C5EA9;
  border-left-color: #C9A8FF;
  box-shadow: 0 0.04375rem 0.4875rem rgba(0, 0, 0, 0.25);
}

.check-list__item:hover .check-list__text,
.check-list__item.is-active .check-list__text {
  color: #fff;
}

.check-list__item:hover .check-list__num,
.check-list__item.is-active .check-list__num {
  color: #fff;
}

.check-list__check {
  flex-shrink: 0;
  width: 2.4375rem;
  height: 2.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F3F4F6;
  border-radius: 0.5rem;
}

.check-list__text {
  flex: 1 1 auto;
  margin: 0;
  color: #1A1D20;
  font-size: 1.25rem;
}

@media (min-width: 75.0625em) {
  .check-list__text {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .check-list__text {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .check-list__text {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .check-list__text {
    font-size: 0.875rem;
  }
}

.check-list__text {
  font-weight: 600;
  line-height: 110%;
}

.check-list__num {
  flex-shrink: 0;
  color: #F3F3F3;
  font-size: 2.8125rem;
}

@media (min-width: 75.0625em) {
  .check-list__num {
    font-size: 2.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(2rem, 1.6306818182rem + 1.5757575758vw, 2.8125rem)) {
    .check-list__num {
      font-size: clamp(2rem, 1.6306818182rem + 1.5757575758vw, 2.8125rem);
    }
  }

  @supports not (font-size: clamp(2rem, 1.6306818182rem + 1.5757575758vw, 2.8125rem)) {
    .check-list__num {
      font-size: calc(2rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .check-list__num {
    font-size: 2rem;
  }
}

.check-list__num {
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 1199.98px) {
  .check-list__body {
    grid-template-columns: 32.5rem 1fr;
    gap: 1.875rem;
  }

  .check-list__media {
    height: 38.75rem;
  }
}

@media screen and (max-width: 1023.98px) {
  .check-list__body {
    grid-template-columns: 25rem 1fr;
    gap: 1.5rem;
  }

  .check-list__media {
    height: 33.75rem;
  }
}

@media screen and (max-width: 767.98px) {
  .check-list__body {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }

  .check-list__list {
    display: contents;
  }

  .check-list__item {
    flex: none;
    gap: 1.3125rem;
    border-radius: 0.875rem;
  }

  .check-list__media {
    flex: none;
    height: 11.5625rem;
    width: 100%;
    border-radius: 1rem;
    display: none;
  }

  .check-list__media.is-open {
    display: block;
  }
}

.difference {
  background: #F3F3F3;
  padding: 12.5rem 0 15rem;
}

.difference__head {
  margin-bottom: 5.1875rem;
}

.difference__head .g-title {
  max-width: 33.3125rem;
  line-height: 110%;
}

.difference__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

@media screen and (max-width: 1023.98px) {
  .difference {
    padding: 7.5rem 0 8.75rem;
  }

  .difference__head {
    margin-bottom: 3.75rem;
  }
}

@media screen and (max-width: 767.98px) {
  .difference {
    padding: 3.75rem 0 4.375rem;
  }

  .difference__head {
    margin-bottom: 1.875rem;
    text-align: center;
  }

  .difference__head .fp__head__tag {
    justify-content: center;
    margin-left: 0;
  }

  .difference__head .g-title {
    max-width: 100%;
    text-align: center;
  }

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

.diff-card {
  position: relative;
  box-sizing: border-box;
  min-height: 14.875rem;
  padding: 2.0625rem;
  border-radius: 0.875rem;
  border: 0.0625rem solid #E5E7EB;
  background: #E0E4F3;
}

.diff-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.875rem;
  background: #F3F4F6;
}

.diff-card__icon svg {
  width: 1.375rem;
  height: 1.375rem;
}

.diff-card__title {
  position: relative;
  z-index: 1;
  max-width: 31.25rem;
  margin-top: 1.25rem;
  color: #1A1D20;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.diff-card__text {
  position: relative;
  z-index: 1;
  max-width: 32.125rem;
  margin-top: 0.625rem;
  color: #6A7282;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4375rem;
}

.diff-card__img {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  object-fit: contain;
}

.diff-card--equipment .diff-card__img {
  width: 14.125rem;
  height: 21rem;
  right: 3rem;
  bottom: 0;
}

.diff-card--comfort .diff-card__img {
  width: 27.5rem;
  height: 19.875rem;
  right: -1.125rem;
  bottom: -2.3125rem;
}

.diff-card--materials .diff-card__img {
  width: 27.4375rem;
  height: 18.25rem;
  right: -4.6875rem;
  bottom: -5rem;
}

.diff-card--natural .diff-card__img {
  width: 16.5625rem;
  height: 17.5625rem;
  right: 1.5rem;
  bottom: -4.625rem;
}

@media screen and (max-width: 1023.98px) {
  .diff-card {
    padding: 1.5rem;
    min-height: 12.5rem;
  }

  .diff-card--equipment .diff-card__img {
    width: 9.875rem;
    height: 14.6875rem;
    right: 1.25rem;
  }

  .diff-card--comfort .diff-card__img {
    width: 18.75rem;
    height: 13.5625rem;
    right: -0.75rem;
    bottom: -1.625rem;
  }

  .diff-card--materials .diff-card__img {
    width: 18.75rem;
    height: 12.5rem;
    right: -3.125rem;
    bottom: -3.4375rem;
  }

  .diff-card--natural .diff-card__img {
    width: 11.5625rem;
    height: 12.3125rem;
    right: 1rem;
    bottom: -3.125rem;
  }
}

@media screen and (max-width: 767.98px) {
  .diff-card {
    min-height: 8.75rem;
    padding: 0.8125rem;
    border-radius: 0.34375rem;
  }

  .diff-card__icon {
    width: 1.778125rem;
    height: 1.778125rem;
    border-radius: 0.518125rem;
  }

  .diff-card__icon svg {
    width: 0.8125rem;
    height: 0.8125rem;
  }

  .diff-card__title {
    max-width: 13.75rem;
    margin-top: 0.375rem;
    font-size: 0.875rem;
    line-height: 110%;
  }

  .diff-card__text {
    max-width: 12.5rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 120%;
  }

  .diff-card__img {
    bottom: auto;
  }

  .diff-card--equipment .diff-card__img {
    width: 6.808125rem;
    height: 10.125rem;
    right: 0;
    top: -1.785625rem;
  }

  .diff-card--comfort .diff-card__img {
    width: 9.375rem;
    height: 7.4375rem;
    right: 0;
    top: -1.348125rem;
  }

  .diff-card--materials .diff-card__img {
    width: 6.8125rem;
    height: 8.625rem;
    right: 0;
    top: 0.089375rem;
  }

  .diff-card--natural .diff-card__img {
    width: 6.125rem;
    height: 6.4375rem;
    right: 0;
    top: -1.223125rem;
  }
}

.bottom-splide {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.bottom-splide__wrapper {
  position: relative;
}

.bottom-splide .splide__slide {
  border-radius: 1.25rem;
  overflow: hidden;
}

.bottom-splide .splide__slide img {
  display: block;
  height: 100%;
}

.bottom-splide__box {
  position: absolute;
  background: #F3F3F3;
  top: 0;
  right: 50%;
  transform: translateX(50%);
}

@media (min-width: 75.0625em) {
  .bottom-splide__box {
    padding-top: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.0625rem, 1.0340909091rem + 0.1212121212vw, 1.125rem)) {
    .bottom-splide__box {
      padding-top: clamp(1.0625rem, 1.0340909091rem + 0.1212121212vw, 1.125rem);
    }
  }

  @supports not (padding-top: clamp(1.0625rem, 1.0340909091rem + 0.1212121212vw, 1.125rem)) {
    .bottom-splide__box {
      padding-top: calc(1.0625rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__box {
    padding-top: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .bottom-splide__box {
    padding-right: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.0625rem, -0.2727272727rem + 5.696969697vw, 4rem)) {
    .bottom-splide__box {
      padding-right: clamp(1.0625rem, -0.2727272727rem + 5.696969697vw, 4rem);
    }
  }

  @supports not (padding-right: clamp(1.0625rem, -0.2727272727rem + 5.696969697vw, 4rem)) {
    .bottom-splide__box {
      padding-right: calc(1.0625rem + 2.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__box {
    padding-right: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .bottom-splide__box {
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.0625rem, 1.0340909091rem + 0.1212121212vw, 1.125rem)) {
    .bottom-splide__box {
      padding-bottom: clamp(1.0625rem, 1.0340909091rem + 0.1212121212vw, 1.125rem);
    }
  }

  @supports not (padding-bottom: clamp(1.0625rem, 1.0340909091rem + 0.1212121212vw, 1.125rem)) {
    .bottom-splide__box {
      padding-bottom: calc(1.0625rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__box {
    padding-bottom: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .bottom-splide__box {
    padding-left: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.0625rem, -0.2727272727rem + 5.696969697vw, 4rem)) {
    .bottom-splide__box {
      padding-left: clamp(1.0625rem, -0.2727272727rem + 5.696969697vw, 4rem);
    }
  }

  @supports not (padding-left: clamp(1.0625rem, -0.2727272727rem + 5.696969697vw, 4rem)) {
    .bottom-splide__box {
      padding-left: calc(1.0625rem + 2.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__box {
    padding-left: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .bottom-splide__box {
    width: 22.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(19.375rem, 17.9545454545rem + 6.0606060606vw, 22.5rem)) {
    .bottom-splide__box {
      width: clamp(19.375rem, 17.9545454545rem + 6.0606060606vw, 22.5rem);
    }
  }

  @supports not (width: clamp(19.375rem, 17.9545454545rem + 6.0606060606vw, 22.5rem)) {
    .bottom-splide__box {
      width: calc(19.375rem + 3.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__box {
    width: 19.375rem;
  }
}

.bottom-splide__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.bottom-splide__box p {
  color: #6A7282;
  text-align: center;
  font-size: 1rem;
  line-height: 120%;
}

.bottom-splide__box .btn-group {
  padding-top: 1.875rem;
  padding-bottom: 2.1875rem;
}

.bottom-splide__title {
  color: #52259B;
  text-align: center;
  font-weight: 700;
  padding-bottom: 1.25rem;
}

@media (min-width: 75.0625em) {
  .bottom-splide__title {
    font-size: 2.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 1.1931818182rem + 1.5757575758vw, 2.375rem)) {
    .bottom-splide__title {
      font-size: clamp(1.5625rem, 1.1931818182rem + 1.5757575758vw, 2.375rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 1.1931818182rem + 1.5757575758vw, 2.375rem)) {
    .bottom-splide__title {
      font-size: calc(1.5625rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__title {
    font-size: 1.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .bottom-splide__title {
    line-height: 2.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(2rem, 1.8579545455rem + 0.6060606061vw, 2.3125rem)) {
    .bottom-splide__title {
      line-height: clamp(2rem, 1.8579545455rem + 0.6060606061vw, 2.3125rem);
    }
  }

  @supports not (line-height: clamp(2rem, 1.8579545455rem + 0.6060606061vw, 2.3125rem)) {
    .bottom-splide__title {
      line-height: calc(2rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bottom-splide__title {
    line-height: 2rem;
  }
}

.bottom-splide__title span {
  color: #1A1D20;
}

.bottom-splide__title mark {
  position: relative;
}

.bottom-splide__title mark:before {
  content: "";
  width: 8.625rem;
  height: 1.1875rem;
  left: 35%;
  z-index: -1;
  bottom: -0.5rem;
  transform: translateX(-50%);
  position: absolute;
  display: block;
  background-image: url('../img/marker-slider.svg');
}

.bottom-splide__subtext {
  color: #99A1AF;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
}

.bottom-splide__subtext span {
  color: #545A66;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 1.875rem;
}

@media (min-width: 75.0625em) {
  .team-grid {
    padding-right: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0rem, -0.2272727273rem + 0.9696969697vw, 0.5rem)) {
    .team-grid {
      padding-right: clamp(0rem, -0.2272727273rem + 0.9696969697vw, 0.5rem);
    }
  }

  @supports not (padding-right: clamp(0rem, -0.2272727273rem + 0.9696969697vw, 0.5rem)) {
    .team-grid {
      padding-right: calc(0rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid {
    padding-right: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid {
    padding-left: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0rem, -0.2272727273rem + 0.9696969697vw, 0.5rem)) {
    .team-grid {
      padding-left: clamp(0rem, -0.2272727273rem + 0.9696969697vw, 0.5rem);
    }
  }

  @supports not (padding-left: clamp(0rem, -0.2272727273rem + 0.9696969697vw, 0.5rem)) {
    .team-grid {
      padding-left: calc(0rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid {
    padding-left: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid {
    padding-top: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.625rem, -0.5113636364rem + 4.8484848485vw, 3.125rem)) {
    .team-grid {
      padding-top: clamp(0.625rem, -0.5113636364rem + 4.8484848485vw, 3.125rem);
    }
  }

  @supports not (padding-top: clamp(0.625rem, -0.5113636364rem + 4.8484848485vw, 3.125rem)) {
    .team-grid {
      padding-top: calc(0.625rem + 2.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid {
    padding-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid {
    padding-bottom: 6.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(3.125rem, 1.7045454545rem + 6.0606060606vw, 6.25rem)) {
    .team-grid {
      padding-bottom: clamp(3.125rem, 1.7045454545rem + 6.0606060606vw, 6.25rem);
    }
  }

  @supports not (padding-bottom: clamp(3.125rem, 1.7045454545rem + 6.0606060606vw, 6.25rem)) {
    .team-grid {
      padding-bottom: calc(3.125rem + 3.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid {
    padding-bottom: 3.125rem;
  }
}

@media screen and (max-width: 1300px) {
  .team-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .team-grid {
    gap: 1.25rem 1.25rem;
  }
}

@media screen and (max-width: 768px) {
  .team-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__item {
    border-radius: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .team-grid__item {
      border-radius: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .team-grid__item {
      border-radius: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item {
    border-radius: 0.9375rem;
  }
}

.team-grid__item {
  position: relative;
  box-shadow: 0 0.0625rem 0.7rem 0 rgba(152, 152, 152, 0.25);
}

@media (min-width: 75.0625em) {
  .team-grid__item img {
    border-radius: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .team-grid__item img {
      border-radius: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .team-grid__item img {
      border-radius: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item img {
    border-radius: 0.9375rem;
  }
}

.team-grid__item img {
  display: block;
  width: 100%;
  aspect-ratio: 579/812;
  object-fit: cover;
}

.team-grid__item__name {
  color: #FFF;
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .team-grid__item__name {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .team-grid__item__name {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .team-grid__item__name {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item__name {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__item__name {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.9375rem, 0.5681818182rem + 1.5757575758vw, 1.75rem)) {
    .team-grid__item__name {
      line-height: clamp(0.9375rem, 0.5681818182rem + 1.5757575758vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(0.9375rem, 0.5681818182rem + 1.5757575758vw, 1.75rem)) {
    .team-grid__item__name {
      line-height: calc(0.9375rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item__name {
    line-height: 0.9375rem;
  }
}

.team-grid__item__role {
  color: #C9A8FF;
  font-size: 0.75rem;
  line-height: 1.21875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  align-items: center;
}

.team-grid__item__role span {
  display: inline-flex;
  gap: 0.3125rem;
  align-items: center;
}

.team-grid__item__role span:not(:first-child)::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
  background: #C9A8FF;
}

.team-grid__item p {
  color: #E5E5E5;
}

@media (min-width: 75.0625em) {
  .team-grid__item p {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .team-grid__item p {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .team-grid__item p {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item p {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__item p {
    padding-top: 0.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.5rem, 0.5284090909rem + -0.1212121212vw, 0.4375rem)) {
    .team-grid__item p {
      padding-top: clamp(0.5rem, 0.5284090909rem + -0.1212121212vw, 0.4375rem);
    }
  }

  @supports not (padding-top: clamp(0.5rem, 0.5284090909rem + -0.1212121212vw, 0.4375rem)) {
    .team-grid__item p {
      padding-top: calc(0.5rem + -0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item p {
    padding-top: 0.5rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__item p {
    padding-bottom: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem)) {
    .team-grid__item p {
      padding-bottom: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem);
    }
  }

  @supports not (padding-bottom: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem)) {
    .team-grid__item p {
      padding-bottom: calc(0.625rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item p {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__item p {
    line-height: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .team-grid__item p {
      line-height: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem);
    }
  }

  @supports not (line-height: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .team-grid__item p {
      line-height: calc(0.875rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item p {
    line-height: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__item p:not(:last-child) {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.1875rem, -0.2954545455rem + 2.0606060606vw, 1.25rem)) {
    .team-grid__item p:not(:last-child) {
      padding-bottom: clamp(0.1875rem, -0.2954545455rem + 2.0606060606vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(0.1875rem, -0.2954545455rem + 2.0606060606vw, 1.25rem)) {
    .team-grid__item p:not(:last-child) {
      padding-bottom: calc(0.1875rem + 1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__item p:not(:last-child) {
    padding-bottom: 0.1875rem;
  }
}

.team-grid__item .btn {
  box-sizing: border-box;
  display: flex;
  height: 4.375rem;
  padding: 0 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 3rem;
  background: #FFF;
  color: #52259B;
  font-size: 1.25rem;
  line-height: 1.5rem;
  height: 0;
  opacity: 0;
  transition-duration: 0.2s;
}

.team-grid__item .btn:hover {
  background: #F5E5FF;
}

.team-grid__overlay {
  border-radius: 1.5625rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(359deg, rgba(0, 0, 0, 0.5) 25.89%, rgba(102, 102, 102, 0) 47.82%);
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  transition-duration: 0.2s;
}

@media screen and (max-width: 768px) {
  .team-grid__overlay {
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 45%, rgba(102, 102, 102, 0) 70%);
    transition-duration: 0s !important;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__description {
    padding-top: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .team-grid__description {
      padding-top: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (padding-top: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .team-grid__description {
      padding-top: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__description {
    padding-top: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__description {
    padding-right: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .team-grid__description {
      padding-right: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (padding-right: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .team-grid__description {
      padding-right: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__description {
    padding-right: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__description {
    padding-left: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .team-grid__description {
      padding-left: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (padding-left: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .team-grid__description {
      padding-left: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__description {
    padding-left: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__description {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.3125rem, -0.1136363636rem + 1.8181818182vw, 1.25rem)) {
    .team-grid__description {
      padding-bottom: clamp(0.3125rem, -0.1136363636rem + 1.8181818182vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(0.3125rem, -0.1136363636rem + 1.8181818182vw, 1.25rem)) {
    .team-grid__description {
      padding-bottom: calc(0.3125rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__description {
    padding-bottom: 0.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__description {
    margin: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .team-grid__description {
      margin: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (margin: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .team-grid__description {
      margin: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__description {
    margin: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .team-grid__description {
    border-radius: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem)) {
    .team-grid__description {
      border-radius: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem);
    }
  }

  @supports not (border-radius: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem)) {
    .team-grid__description {
      border-radius: calc(0.4375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .team-grid__description {
    border-radius: 0.4375rem;
  }
}

.team-grid__description {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.375rem);
}

@media screen and (max-width: 768px) {
  .team-grid__description {
    transition-duration: 0s !important;
    background: rgba(255, 255, 255, 0.1);
  }
}

@media screen and (max-width: 500px) {
  .team-grid__description {
    background: rgba(0, 0, 0, 0.1);
  }
}

@media (hover: hover) {
  .team-grid__item:hover .btn {
    opacity: 1;
    margin: 1.25rem;
    margin-top: 0.625rem;
    height: 4.375rem;
  }

  .team-grid__item:hover .team-grid__overlay {
    background: rgba(0, 0, 0, 0.5);
  }
}

@media (hover: none) {
  .team-grid__item.is-active .btn {
    opacity: 1;
    margin: 1.25rem;
    margin-top: 0.625rem;
    height: 4.375rem;
  }

  .team-grid__item.is-active .team-grid__overlay {
    background: rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 890px) {
  .team-grid__item:not(.is-active) .team-grid__overlay .btn {
    display: none;
  }
}

.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.25rem 1rem;
}

@media (min-width: 75.0625em) {
  .portfolio-grid {
    padding-top: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.625rem, -0.5113636364rem + 4.8484848485vw, 3.125rem)) {
    .portfolio-grid {
      padding-top: clamp(0.625rem, -0.5113636364rem + 4.8484848485vw, 3.125rem);
    }
  }

  @supports not (padding-top: clamp(0.625rem, -0.5113636364rem + 4.8484848485vw, 3.125rem)) {
    .portfolio-grid {
      padding-top: calc(0.625rem + 2.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-grid {
    padding-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-grid {
    padding-bottom: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(3.125rem, 3.125rem + 0vw, 3.125rem)) {
    .portfolio-grid {
      padding-bottom: clamp(3.125rem, 3.125rem + 0vw, 3.125rem);
    }
  }

  @supports not (padding-bottom: clamp(3.125rem, 3.125rem + 0vw, 3.125rem)) {
    .portfolio-grid {
      padding-bottom: calc(3.125rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-grid {
    padding-bottom: 3.125rem;
  }
}

@media screen and (max-width: 1300px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .portfolio-grid {
    gap: 2.5rem 1rem;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) and (min-width: 75.0625em) {
  .portfolio-grid {
    gap: 3.25rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.25rem, 0.3409090909rem + 3.8787878788vw, 3.25rem)) {
    .portfolio-grid {
      gap: clamp(1.25rem, 0.3409090909rem + 3.8787878788vw, 3.25rem);
    }
  }

  @supports not (gap: clamp(1.25rem, 0.3409090909rem + 3.8787878788vw, 3.25rem)) {
    .portfolio-grid {
      gap: calc(1.25rem + 2 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 768px) and (max-width: 23.375em) {
  .portfolio-grid {
    gap: 1.25rem;
  }
}

.portfolio-card {
  display: flex;
  flex-direction: column;
  background: #fff;
}

@media (min-width: 75.0625em) {
  .portfolio-card {
    border-radius: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.75rem, 0.2386363636rem + 2.1818181818vw, 1.875rem)) {
    .portfolio-card {
      border-radius: clamp(0.75rem, 0.2386363636rem + 2.1818181818vw, 1.875rem);
    }
  }

  @supports not (border-radius: clamp(0.75rem, 0.2386363636rem + 2.1818181818vw, 1.875rem)) {
    .portfolio-card {
      border-radius: calc(0.75rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card {
    border-radius: 0.75rem;
  }
}

.portfolio-card {
  box-shadow: 0 0.0625rem 0.9375rem rgba(195, 195, 195, 0.25);
  min-width: 0;
}

@media (min-width: 75.0625em) {
  .portfolio-card {
    padding-top: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.375rem, 0.2045454545rem + 0.7272727273vw, 0.75rem)) {
    .portfolio-card {
      padding-top: clamp(0.375rem, 0.2045454545rem + 0.7272727273vw, 0.75rem);
    }
  }

  @supports not (padding-top: clamp(0.375rem, 0.2045454545rem + 0.7272727273vw, 0.75rem)) {
    .portfolio-card {
      padding-top: calc(0.375rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card {
    padding-top: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card {
    padding-left: 0.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem)) {
    .portfolio-card {
      padding-left: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem);
    }
  }

  @supports not (padding-left: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem)) {
    .portfolio-card {
      padding-left: calc(0.375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card {
    padding-left: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card {
    padding-bottom: 1.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.75rem, 0.4659090909rem + 1.2121212121vw, 1.375rem)) {
    .portfolio-card {
      padding-bottom: clamp(0.75rem, 0.4659090909rem + 1.2121212121vw, 1.375rem);
    }
  }

  @supports not (padding-bottom: clamp(0.75rem, 0.4659090909rem + 1.2121212121vw, 1.375rem)) {
    .portfolio-card {
      padding-bottom: calc(0.75rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card {
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card {
    padding-right: 0.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem)) {
    .portfolio-card {
      padding-right: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem);
    }
  }

  @supports not (padding-right: clamp(0.375rem, 0.2329545455rem + 0.6060606061vw, 0.6875rem)) {
    .portfolio-card {
      padding-right: calc(0.375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card {
    padding-right: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card {
    gap: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .portfolio-card {
      gap: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (gap: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .portfolio-card {
      gap: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card {
    gap: 0.75rem;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-card {
    width: 100%;
    box-sizing: border-box;
  }
}

.portfolio-card__media {
  position: relative;
}

@media (min-width: 75.0625em) {
  .portfolio-card__media {
    border-radius: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .portfolio-card__media {
      border-radius: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (border-radius: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .portfolio-card__media {
      border-radius: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__media {
    border-radius: 0.75rem;
  }
}

.portfolio-card__media {
  overflow: hidden;
  aspect-ratio: 565/370;
}

.portfolio-card__slider {
  display: block;
  width: 100%;
  height: 100%;
  --divider-width: 2px;
  --divider-color: rgba(255, 255, 255, 0.8);
  --handle-opacity: 1;
}

.portfolio-card__slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portfolio-card__badge {
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  width: 5rem;
}

@media (min-width: 75.0625em) {
  .portfolio-card__badge {
    bottom: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (bottom: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .portfolio-card__badge {
      bottom: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem);
    }
  }

  @supports not (bottom: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .portfolio-card__badge {
      bottom: calc(0.625rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__badge {
    bottom: 0.625rem;
  }
}

.portfolio-card__badge {
  padding: 0.5625rem 1.125rem;
  border-radius: 62.4375rem;
  font-family: var(--font-primary);
}

@media (min-width: 75.0625em) {
  .portfolio-card__badge {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .portfolio-card__badge {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .portfolio-card__badge {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__badge {
    font-size: 0.875rem;
  }
}

.portfolio-card__badge {
  font-weight: 500;
  color: #fff;
  background: rgba(82, 37, 155, 0.75);
  pointer-events: none;
  z-index: 10;
  line-height: 1;
}

@media (min-width: 75.0625em) {
  .portfolio-card__badge--before {
    left: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (left: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem)) {
    .portfolio-card__badge--before {
      left: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem);
    }
  }

  @supports not (left: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem)) {
    .portfolio-card__badge--before {
      left: calc(0.625rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__badge--before {
    left: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__badge--after {
    right: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem)) {
    .portfolio-card__badge--after {
      right: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem);
    }
  }

  @supports not (right: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem)) {
    .portfolio-card__badge--after {
      right: calc(0.625rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__badge--after {
    right: 0.625rem;
  }
}

.portfolio-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

@media (min-width: 75.0625em) {
  .portfolio-card__body {
    padding-left: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.75rem, 0.3806818182rem + 1.5757575758vw, 1.5625rem)) {
    .portfolio-card__body {
      padding-left: clamp(0.75rem, 0.3806818182rem + 1.5757575758vw, 1.5625rem);
    }
  }

  @supports not (padding-left: clamp(0.75rem, 0.3806818182rem + 1.5757575758vw, 1.5625rem)) {
    .portfolio-card__body {
      padding-left: calc(0.75rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__body {
    padding-left: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__body {
    padding-right: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.75rem, 0.3806818182rem + 1.5757575758vw, 1.5625rem)) {
    .portfolio-card__body {
      padding-right: clamp(0.75rem, 0.3806818182rem + 1.5757575758vw, 1.5625rem);
    }
  }

  @supports not (padding-right: clamp(0.75rem, 0.3806818182rem + 1.5757575758vw, 1.5625rem)) {
    .portfolio-card__body {
      padding-right: calc(0.75rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__body {
    padding-right: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__body {
    gap: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.3125rem, 0.1136363636rem + 0.8484848485vw, 0.75rem)) {
    .portfolio-card__body {
      gap: clamp(0.3125rem, 0.1136363636rem + 0.8484848485vw, 0.75rem);
    }
  }

  @supports not (gap: clamp(0.3125rem, 0.1136363636rem + 0.8484848485vw, 0.75rem)) {
    .portfolio-card__body {
      gap: calc(0.3125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__body {
    gap: 0.3125rem;
  }
}

.portfolio-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
}

.portfolio-card__title {
  font-weight: 600;
  line-height: 1.28;
}

@media (min-width: 75.0625em) {
  .portfolio-card__title {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .portfolio-card__title {
      font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .portfolio-card__title {
      font-size: calc(0.875rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__title {
    font-size: 0.875rem;
  }
}

.portfolio-card__handle {
  background-image: url('../img/handle.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 5.125rem;
  height: 4.0625rem;
}

@media (min-width: 75.0625em) {
  .portfolio-card__handle {
    height: 4.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.5rem, 1.7897727273rem + 3.0303030303vw, 4.0625rem)) {
    .portfolio-card__handle {
      height: clamp(2.5rem, 1.7897727273rem + 3.0303030303vw, 4.0625rem);
    }
  }

  @supports not (height: clamp(2.5rem, 1.7897727273rem + 3.0303030303vw, 4.0625rem)) {
    .portfolio-card__handle {
      height: calc(2.5rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__handle {
    height: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .portfolio-card__handle {
    background-image: url('../img/handle-m.svg');
  }
}

.portfolio-card__desc {
  line-height: 1.43;
}

@media (min-width: 75.0625em) {
  .portfolio-card__desc {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .portfolio-card__desc {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .portfolio-card__desc {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__desc {
    font-size: 0.75rem;
  }
}

.portfolio-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4375rem;
}

.portfolio-card__tags:empty {
  display: none;
}

.portfolio-card__tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .portfolio-card__tag {
    padding-top: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .portfolio-card__tag {
      padding-top: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem);
    }
  }

  @supports not (padding-top: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .portfolio-card__tag {
      padding-top: calc(0.3125rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__tag {
    padding-top: 0.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__tag {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
    .portfolio-card__tag {
      padding-right: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
    .portfolio-card__tag {
      padding-right: calc(0.9375rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__tag {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__tag {
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .portfolio-card__tag {
      padding-bottom: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem);
    }
  }

  @supports not (padding-bottom: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .portfolio-card__tag {
      padding-bottom: calc(0.3125rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__tag {
    padding-bottom: 0.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__tag {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
    .portfolio-card__tag {
      padding-left: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
    .portfolio-card__tag {
      padding-left: calc(0.9375rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__tag {
    padding-left: 0.9375rem;
  }
}

.portfolio-card__tag {
  background: rgba(82, 37, 155, 0.15);
  border-radius: 62.4375rem;
  color: #52259b;
  line-height: 1;
}

@media (min-width: 75.0625em) {
  .portfolio-card__tag {
    font-size: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.625rem, 0.5681818182rem + 0.2424242424vw, 0.75rem)) {
    .portfolio-card__tag {
      font-size: clamp(0.625rem, 0.5681818182rem + 0.2424242424vw, 0.75rem);
    }
  }

  @supports not (font-size: clamp(0.625rem, 0.5681818182rem + 0.2424242424vw, 0.75rem)) {
    .portfolio-card__tag {
      font-size: calc(0.625rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__tag {
    font-size: 0.625rem;
  }
}

.portfolio-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-top: auto;
}

.portfolio-card__doctor {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

@media screen and (max-width: 600px) {
  .portfolio-card__doctor {
    display: none;
  }
}

.portfolio-card__doctor-avatar {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid #fff;
}

.portfolio-card__doctor-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.portfolio-card__doctor-name {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  color: #52259b;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portfolio-card__more {
  font-family: var(--font-primary);
  font-weight: 500;
  color: #52259b;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
  background-image: url('../img/icon-arrow.svg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 1rem;
  /* margin-left: auto; */
  margin-right: 0.625rem;
}

@media (min-width: 75.0625em) {
  .portfolio-card__more {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .portfolio-card__more {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .portfolio-card__more {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__more {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .portfolio-card__more {
    margin-top: 0rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.25rem, 1.8181818182rem + -2.4242424242vw, 0rem)) {
    .portfolio-card__more {
      margin-top: clamp(1.25rem, 1.8181818182rem + -2.4242424242vw, 0rem);
    }
  }

  @supports not (margin-top: clamp(1.25rem, 1.8181818182rem + -2.4242424242vw, 0rem)) {
    .portfolio-card__more {
      margin-top: calc(1.25rem + -1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .portfolio-card__more {
    margin-top: 1.25rem;
  }
}

.portfolio-card__more:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .portfolio-card__more {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

@media (min-width: 75.0625em) {
  .blog-grid {
    padding-top: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.25rem, 0.3977272727rem + 3.6363636364vw, 3.125rem)) {
    .blog-grid {
      padding-top: clamp(1.25rem, 0.3977272727rem + 3.6363636364vw, 3.125rem);
    }
  }

  @supports not (padding-top: clamp(1.25rem, 0.3977272727rem + 3.6363636364vw, 3.125rem)) {
    .blog-grid {
      padding-top: calc(1.25rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-grid {
    padding-top: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-grid {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .blog-grid {
      padding-bottom: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-bottom: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .blog-grid {
      padding-bottom: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-grid {
    padding-bottom: 1.25rem;
  }
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.8125rem 1.875rem;
}

@media screen and (max-width: 1300px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 1.375rem;
  }
}

.blog-card {
  display: flex;
  box-sizing: border-box;
  background: #fff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 1.1875rem;
  overflow: hidden;
}

.blog-card__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.blog-card__media {
  position: relative;
  aspect-ratio: 578/326;
  background: #e5e7eb;
}

.blog-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-card__category,
.blog-card__time {
  position: absolute;
  top: 1.375rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.625rem;
  background: #fff;
  border-radius: 62.4375rem;
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1;
  color: #52259b;
}

@media (min-width: 75.0625em) {

  .blog-card__category,
  .blog-card__time {
    top: 1.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (top: clamp(0.5625rem, 0.1931818182rem + 1.5757575758vw, 1.375rem)) {

    .blog-card__category,
    .blog-card__time {
      top: clamp(0.5625rem, 0.1931818182rem + 1.5757575758vw, 1.375rem);
    }
  }

  @supports not (top: clamp(0.5625rem, 0.1931818182rem + 1.5757575758vw, 1.375rem)) {

    .blog-card__category,
    .blog-card__time {
      top: calc(0.5625rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .blog-card__category,
  .blog-card__time {
    top: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {

  .blog-card__category,
  .blog-card__time {
    padding: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.1875rem, 0.0454545455rem + 0.6060606061vw, 0.5rem)) {

    .blog-card__category,
    .blog-card__time {
      padding: clamp(0.1875rem, 0.0454545455rem + 0.6060606061vw, 0.5rem);
    }
  }

  @supports not (padding: clamp(0.1875rem, 0.0454545455rem + 0.6060606061vw, 0.5rem)) {

    .blog-card__category,
    .blog-card__time {
      padding: calc(0.1875rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .blog-card__category,
  .blog-card__time {
    padding: 0.1875rem;
  }
}

@media (min-width: 75.0625em) {

  .blog-card__category,
  .blog-card__time {
    padding-right: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem)) {

    .blog-card__category,
    .blog-card__time {
      padding-right: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem);
    }
  }

  @supports not (padding-right: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem)) {

    .blog-card__category,
    .blog-card__time {
      padding-right: calc(0.5625rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .blog-card__category,
  .blog-card__time {
    padding-right: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {

  .blog-card__category,
  .blog-card__time {
    padding-left: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem)) {

    .blog-card__category,
    .blog-card__time {
      padding-left: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem);
    }
  }

  @supports not (padding-left: clamp(0.5625rem, 0.5340909091rem + 0.1212121212vw, 0.625rem)) {

    .blog-card__category,
    .blog-card__time {
      padding-left: calc(0.5625rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .blog-card__category,
  .blog-card__time {
    padding-left: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {

  .blog-card__category,
  .blog-card__time {
    font-size: 0.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.625rem, 0.5397727273rem + 0.3636363636vw, 0.8125rem)) {

    .blog-card__category,
    .blog-card__time {
      font-size: clamp(0.625rem, 0.5397727273rem + 0.3636363636vw, 0.8125rem);
    }
  }

  @supports not (font-size: clamp(0.625rem, 0.5397727273rem + 0.3636363636vw, 0.8125rem)) {

    .blog-card__category,
    .blog-card__time {
      font-size: calc(0.625rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .blog-card__category,
  .blog-card__time {
    font-size: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__category {
    left: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (left: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .blog-card__category {
      left: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (left: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .blog-card__category {
      left: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__category {
    left: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__time {
    right: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .blog-card__time {
      right: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (right: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .blog-card__time {
      right: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__time {
    right: 0.75rem;
  }
}

.blog-card__time svg {
  flex-shrink: 0;
}

.blog-card__tags {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5625rem;
}

@media (min-width: 75.0625em) {
  .blog-card__tags {
    gap: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.5rem, 0.4715909091rem + 0.1212121212vw, 0.5625rem)) {
    .blog-card__tags {
      gap: clamp(0.5rem, 0.4715909091rem + 0.1212121212vw, 0.5625rem);
    }
  }

  @supports not (gap: clamp(0.5rem, 0.4715909091rem + 0.1212121212vw, 0.5625rem)) {
    .blog-card__tags {
      gap: calc(0.5rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__tags {
    gap: 0.5rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__tags {
    bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (bottom: clamp(0.5rem, 0.1590909091rem + 1.4545454545vw, 1.25rem)) {
    .blog-card__tags {
      bottom: clamp(0.5rem, 0.1590909091rem + 1.4545454545vw, 1.25rem);
    }
  }

  @supports not (bottom: clamp(0.5rem, 0.1590909091rem + 1.4545454545vw, 1.25rem)) {
    .blog-card__tags {
      bottom: calc(0.5rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__tags {
    bottom: 0.5rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__tags {
    right: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .blog-card__tags {
      right: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (right: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .blog-card__tags {
      right: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__tags {
    right: 0.625rem;
  }
}

.blog-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.3125rem 0.75rem;
  background: rgba(82, 37, 155, 0.1);
  border-radius: 62.4375rem;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
}

@media (min-width: 75.0625em) {
  .blog-card__tag {
    font-size: 0.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.7215909091rem + 0.1212121212vw, 0.8125rem)) {
    .blog-card__tag {
      font-size: clamp(0.75rem, 0.7215909091rem + 0.1212121212vw, 0.8125rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.7215909091rem + 0.1212121212vw, 0.8125rem)) {
    .blog-card__tag {
      font-size: calc(0.75rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__tag {
    font-size: 0.75rem;
  }
}

.blog-card__tag {
  font-weight: 400;
  line-height: 1;
  color: #52259b;
}

.blog-card__tag--active {
  background: rgba(82, 37, 155, 0.83);
  color: #fff;
}

.blog-card__body {
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .blog-card__body {
    gap: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.5625rem, 0.2784090909rem + 1.2121212121vw, 1.1875rem)) {
    .blog-card__body {
      gap: clamp(0.5625rem, 0.2784090909rem + 1.2121212121vw, 1.1875rem);
    }
  }

  @supports not (gap: clamp(0.5625rem, 0.2784090909rem + 1.2121212121vw, 1.1875rem)) {
    .blog-card__body {
      gap: calc(0.5625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__body {
    gap: 0.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__body {
    padding: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .blog-card__body {
      padding: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (padding: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .blog-card__body {
      padding: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__body {
    padding: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__body {
    padding-top: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.875rem, 0.4204545455rem + 1.9393939394vw, 1.875rem)) {
    .blog-card__body {
      padding-top: clamp(0.875rem, 0.4204545455rem + 1.9393939394vw, 1.875rem);
    }
  }

  @supports not (padding-top: clamp(0.875rem, 0.4204545455rem + 1.9393939394vw, 1.875rem)) {
    .blog-card__body {
      padding-top: calc(0.875rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__body {
    padding-top: 0.875rem;
  }
}

.blog-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.blog-card__title {
  margin: 0;
  font-family: var(--font-primary);
}

@media (min-width: 75.0625em) {
  .blog-card__title {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .blog-card__title {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .blog-card__title {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__title {
    font-size: 0.875rem;
  }
}

.blog-card__title {
  font-weight: 600;
  line-height: 1.1;
  color: #1a1d20;
}

.blog-card__desc {
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.5625rem;
  color: #6a7282;
}

@media (min-width: 75.0625em) {
  .blog-card__desc {
    font-size: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6647727273rem + 0.3636363636vw, 0.9375rem)) {
    .blog-card__desc {
      font-size: clamp(0.75rem, 0.6647727273rem + 0.3636363636vw, 0.9375rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6647727273rem + 0.3636363636vw, 0.9375rem)) {
    .blog-card__desc {
      font-size: calc(0.75rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__desc {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .blog-card__desc {
    line-height: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.875rem, 0.5625rem + 1.3333333333vw, 1.5625rem)) {
    .blog-card__desc {
      line-height: clamp(0.875rem, 0.5625rem + 1.3333333333vw, 1.5625rem);
    }
  }

  @supports not (line-height: clamp(0.875rem, 0.5625rem + 1.3333333333vw, 1.5625rem)) {
    .blog-card__desc {
      line-height: calc(0.875rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-card__desc {
    line-height: 0.875rem;
  }
}

.blog-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.875rem;
  border-top: 0.0625rem solid #f3f4f6;
  padding-right: 10px;
}

.blog-card__author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.blog-card__author-avatar {
  flex-shrink: 0;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid #fff;
}

.blog-card__author-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-card__author-name {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.4;
  color: #52259b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-card__sep {
  flex-shrink: 0;
  font-size: 0.875rem;
  line-height: 1;
  color: #99a1af;
}

.blog-card__date {
  flex-shrink: 0;
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #99a1af;
  white-space: nowrap;
}

.blog-card__arrow {
  flex-shrink: 0;
  display: inline-flex;
  transition: transform 0.2s ease;
}

.blog-card__link:hover .blog-card__arrow {
  transform: translateX(0.25rem);
}

@media (min-width: 75.0625em) {
  .blog-page {
    margin-bottom: 10.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(5rem, 2.4431818182rem + 10.9090909091vw, 10.625rem)) {
    .blog-page {
      margin-bottom: clamp(5rem, 2.4431818182rem + 10.9090909091vw, 10.625rem);
    }
  }

  @supports not (margin-bottom: clamp(5rem, 2.4431818182rem + 10.9090909091vw, 10.625rem)) {
    .blog-page {
      margin-bottom: calc(5rem + 5.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-page {
    margin-bottom: 5rem;
  }
}

.blog-page .hero-blog {
  align-items: flex-start;
}

.blog-page .hero-blog__title {
  padding-top: 20px;
}

.blog-page .hero {
  margin-bottom: 20px;
}

.blog-post {
  padding: 1.875rem 0 1.875rem;
}

.blog-post__layout {
  display: grid;
  grid-template-columns: 35.5rem 1fr;
  align-items: start;
  gap: 4.375rem;
}

@media screen and (max-width: 1023.98px) {
  .blog-post__layout {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.blog-post__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
}

.blog-post__head-controls {
  display: flex;
  gap: 2rem;
  align-items: center;
  padding-bottom: 3.125rem;
}

.blog-post__category {
  padding: 0.375rem 0.875rem;
  background: rgba(82, 37, 155, 0.1);
  border-radius: 62.4375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #52259b;
}

.blog-post__title {
  margin: 0;
  color: #1a1d20;
}

@media (min-width: 75.0625em) {
  .blog-post__title {
    font-size: 2.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 1.0227272727rem + 2.303030303vw, 2.75rem)) {
    .blog-post__title {
      font-size: clamp(1.5625rem, 1.0227272727rem + 2.303030303vw, 2.75rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 1.0227272727rem + 2.303030303vw, 2.75rem)) {
    .blog-post__title {
      font-size: calc(1.5625rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-post__title {
    font-size: 1.5625rem;
  }
}

.blog-post__title {
  font-weight: 700;
  line-height: 100%;
}

.blog-post__meta {
  padding-top: 0.9375rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: #99a1af;
  font-size: 0.875rem;
  line-height: 1.4;
}

.blog-post__author {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.blog-post__author-avatar {
  flex-shrink: 0;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid #ffffff;
}

.blog-post__author-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-post__author-name {
  color: #52259b;
  font-size: 0.9375rem;
}

.blog-post__sep {
  color: #99a1af;
}

.blog-post__time {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.blog-post__time svg {
  flex-shrink: 0;
}

.blog-post__cover {
  margin: 0;
}

@media (min-width: 75.0625em) {
  .blog-post__cover {
    border-radius: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem)) {
    .blog-post__cover {
      border-radius: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem);
    }
  }

  @supports not (border-radius: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem)) {
    .blog-post__cover {
      border-radius: calc(1rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-post__cover {
    border-radius: 1rem;
  }
}

.blog-post__cover {
  overflow: hidden;
  background: #e5e7eb;
}

.blog-post__cover img {
  display: block;
  width: 100%;
  height: auto;
}

.blog-post__content {
  color: #4A5565;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26.25px;
}

.blog-post__content p {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 3.125rem;
}

.blog-post__content {
  /* 175% */
}

.blog-post__content blockquote {
  margin-top: 3.125rem;
  display: block;
  border-left: 4px solid #C9A8FF;
  margin-left: -6px;
  padding-left: 20px;
  margin-bottom: 3.125rem;
}

.blog-post__content h2 {
  margin: 0 0 1rem;
  color: #1a1d20;
}

@media (min-width: 75.0625em) {
  .blog-post__content h2 {
    font-size: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.25rem, 1.0227272727rem + 0.9696969697vw, 1.75rem)) {
    .blog-post__content h2 {
      font-size: clamp(1.25rem, 1.0227272727rem + 0.9696969697vw, 1.75rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 1.0227272727rem + 0.9696969697vw, 1.75rem)) {
    .blog-post__content h2 {
      font-size: calc(1.25rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .blog-post__content h2 {
    font-size: 1.25rem;
  }
}

.blog-post__content h2 {
  font-weight: 600;
  line-height: 120%;
}

.blog-post__content ul,
.blog-post__content ol {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.blog-post__content li {
  position: relative;
  padding-left: 1.75rem;
  color: #1a1d20;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.blog-post__content img {
  margin-bottom: 3.125rem;
  max-width: 100%;
  height: auto;
}

.blog-post__content ul li::before {
  content: "";
  position: absolute;
  left: 0.375rem;
  top: 0.75rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background: var(--c-text);
}

.blog-post__content ol {
  counter-reset: blog-post-ol;
}

.blog-post__content ol li {
  counter-increment: blog-post-ol;
}

.blog-post__content ol li::before {
  content: counter(blog-post-ol) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  color: var(--c-text);
}

.blog-post__intro {
  margin: 0;
  color: #1a1d20;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

.blog-post__result {
  margin-top: -20px;
  display: flex;
  padding: 1.875rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 16px;
  background: #FFF;
  color: #1a1d20;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.blog-post__result h2 {
  color: #52259B;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.blog-post__result p {
  color: #4A5565;
  font-size: 15px;
  line-height: 26.25px;
}

.blog-post__tags {
  padding-top: 35px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.blog-post__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(82, 37, 155, 0.5);
  color: #fff;
  border-radius: 62.4375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

.blog-post__tag:hover {
  background: #52259B;
}

.blog-post__shares {
  border-top: 1px solid #E5E7EB;
  margin-top: 20px;
  padding-top: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.blog-post__shares span {
  color: #99A1AF;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  /* 150% */
}

.blog-post__share {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(82, 37, 155, 0.5);
  color: #fff;
  border-radius: 62.4375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

.blog-post__share:hover {
  background: #52259B;
}

@media screen and (max-width: 767.98px) {
  .blog-post .case-toc {
    display: none;
  }

  .blog-post__head-controls {
    gap: 0.625rem;
    padding-bottom: 2.0625rem;
  }

  .blog-post__meta {
    font-size: 0.75rem;
  }

  .blog-post__author-name {
    font-size: 0.75rem;
  }

  .blog-post__content {
    font-size: 0.875rem;
    line-height: 130%;
  }

  .blog-post__content p {
    margin-bottom: 1.875rem;
  }

  .blog-post__content blockquote {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    padding-left: 0.8125rem;
    font-size: 0.75rem;
    line-height: 130%;
  }

  .blog-post__content img {
    margin-bottom: 1.875rem;
  }

  .blog-post__result {
    padding: 1.25rem 0.9375rem;
  }

  .blog-post__result p {
    font-size: 0.875rem;
    line-height: 130%;
  }

  .blog-post__tags {
    padding-top: 1.25rem;
  }

  .blog-post__tag {
    padding: 0.4375rem 0.8125rem;
    font-size: 0.75rem;
  }

  .blog-post__shares {
    padding-top: 1.25rem;
    gap: 0.5625rem;
  }

  .blog-post__share {
    padding: 0.4375rem 0.8125rem;
    font-size: 0.75rem;
  }
}

.post-nav {
  margin-bottom: 5rem;
  padding: 1.5625rem 0;
  background: #fff;
}

.post-nav__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}

.post-nav__back {
  display: inline-flex;
  align-items: center;
  gap: 0.6875rem;
  text-decoration: none;
  color: #52259B;
  transition: color 0.2s ease;
  color: #52259B;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px;
  /* 139.286% */
}

.post-nav__back:hover {
  color: #52259B;
}

.post-nav__back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.75rem;
  background: #A992CD;
  transition: background 0.2s ease;
}

.case-nav__back:hover .post-nav__back-icon {
  background: #EAD4FF;
}

.post-nav__next {
  display: inline-flex;
  align-items: center;
  gap: 1.125rem;
  text-decoration: none;
  min-width: 0;
}

.post-nav__next-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  text-align: right;
  min-width: 0;
}

.post-nav__next-label {
  color: #99A1AF;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}

.post-nav__next-title {
  color: #52259B;
  font-size: 14px;
  line-height: 120%;
  transition: color 0.2s ease;
}

.case-nav__next:hover .post-nav__next-title {
  color: #52259B;
}

.post-nav__next-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  background: #A992CD;
  transition: background 0.2s ease;
}

.case-nav__next:hover .post-nav__next-icon {
  background: #52259B;
}

@media screen and (max-width: 767.98px) {
  .post-nav {
    padding: 0.9375rem 0;
  }

  .post-nav__back {
    gap: 0.5rem;
    font-size: 0.75rem;
  }

  .post-nav__back-icon,
  .post-nav__next-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5625rem;
  }

  .post-nav__next {
    gap: 0.5rem;
  }

  .post-nav__next-label {
    font-size: 0.6875rem;
  }

  .post-nav__next-title {
    font-size: 0.75rem;
  }
}

.blog-post-related {
  padding-bottom: 5rem;
}

.blog-post-related__title {
  margin-bottom: 0.625rem;
}

.blog-post-related__grid {
  padding-top: 1.875rem;
}

@media screen and (max-width: 1023.98px) {
  .blog-post-related__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767.98px) {
  .blog-post-related__grid {
    grid-template-columns: 1fr;
  }
}

.info-box {
  border-top: 0.0625rem solid #E5E7EB;
  background: #FFF;
}

@media (min-width: 75.0625em) {
  .info-box {
    margin-top: 7.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.5rem, 0.2272727273rem + 9.696969697vw, 7.5rem)) {
    .info-box {
      margin-top: clamp(2.5rem, 0.2272727273rem + 9.696969697vw, 7.5rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 0.2272727273rem + 9.696969697vw, 7.5rem)) {
    .info-box {
      margin-top: calc(2.5rem + 5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .info-box {
    margin-top: 2.5rem;
  }
}

@media (min-width: 75.0625em) {
  .info-box {
    margin-bottom: 5.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(1.875rem, 0.1704545455rem + 7.2727272727vw, 5.625rem)) {
    .info-box {
      margin-bottom: clamp(1.875rem, 0.1704545455rem + 7.2727272727vw, 5.625rem);
    }
  }

  @supports not (margin-bottom: clamp(1.875rem, 0.1704545455rem + 7.2727272727vw, 5.625rem)) {
    .info-box {
      margin-bottom: calc(1.875rem + 3.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .info-box {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .info-box {
    padding-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .info-box {
      padding-top: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (padding-top: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .info-box {
      padding-top: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .info-box {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .info-box {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -1.1363636364rem + 4.8484848485vw, 2.5rem)) {
    .info-box {
      padding-bottom: clamp(0rem, -1.1363636364rem + 4.8484848485vw, 2.5rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -1.1363636364rem + 4.8484848485vw, 2.5rem)) {
    .info-box {
      padding-bottom: calc(0rem + 2.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .info-box {
    padding-bottom: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .info-box__container {
    padding-left: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .info-box__container {
      padding-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    }
  }

  @supports not (padding-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .info-box__container {
      padding-left: calc(1.875rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .info-box__container {
    padding-left: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .info-box__container {
    padding-right: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .info-box__container {
      padding-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    }
  }

  @supports not (padding-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .info-box__container {
      padding-right: calc(1.875rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .info-box__container {
    padding-right: 1.875rem;
  }
}

.info-box__container {
  margin: auto;
  max-width: 47.875rem;
  background-image: url('../img/shieldcheck.svg');
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .info-box__container {
    margin-top: 17px;
    padding-bottom: 28px;
  }
}

.info-box__container p {
  color: #6A7282;
  font-family: "Inter";
  font-size: 0.8125rem;
  line-height: 1.3203125rem;
  padding-bottom: 0.4375rem;
}

.info-box__container a {
  color: #52259B;
  font-family: "Inter";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3203125rem;
  text-decoration-line: underline;
}

.faq {
  overflow: visible;
  background: #f3f3f3;
  padding: 0rem 0 1.25rem;
}

.faq__inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 112.5rem;
  margin: 0 auto;
}

.faq__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  align-self: stretch;
}

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

@media (min-width: 75.0625em) {
  .faq__header {
    gap: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .faq__header {
      gap: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (gap: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .faq__header {
      gap: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__header {
    gap: 0.875rem;
  }
}

.faq__header {
  position: relative;
}

.faq__label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.faq__dot {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #c9a8ff;
  flex-shrink: 0;
}

.faq__label span:last-child {
  font-family: "Onest", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #1a1d20;
}

.faq__title {
  font-family: "Onest", sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3.5rem;
  color: #1a1d20;
  margin: 0;
}

.faq__title-line {
  position: relative;
  display: inline-block;
}

.faq__title-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 7.625rem;
  height: 1.125rem;
  background: #c9a8ff;
  border-radius: 0.125rem;
  z-index: -1;
}

.faq__booking {
  position: -webkit-sticky;
  position: sticky;
  top: 6.875rem;
  align-self: flex-start;
  width: 22.5rem;
  min-height: 14.5rem;
  background-color: #8c5ea9;
  border-radius: 1.25rem;
  padding: 1.25rem;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 6.25rem;
  background-image: url('../img/faq-bg.svg');
  background-repeat: no-repeat;
  background-position: 100% calc(100% - 40px);
}

.faq__booking::before {
  content: "";
  position: absolute;
  width: 10.5625rem;
  height: 10.5625rem;
  top: 0.625rem;
  right: -0.625rem;
  background-image: url(../img/icons/logo-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.35;
  transform: rotate(-45deg);
}

.faq__booking-info {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

@media (min-width: 75.0625em) {
  .faq__booking-info {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .faq__booking-info {
      gap: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .faq__booking-info {
      gap: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__booking-info {
    gap: 1.875rem;
  }
}

.faq__booking-texts {
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .faq__booking-texts {
    gap: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .faq__booking-texts {
      gap: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .faq__booking-texts {
      gap: calc(0.625rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__booking-texts {
    gap: 0.625rem;
  }
}

.faq__booking-title {
  font-family: "Onest", sans-serif;
  font-weight: 500;
  line-height: 1.75rem;
  color: #ffffff;
  margin: 0;
}

@media (min-width: 75.0625em) {
  .faq__booking-title {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem)) {
    .faq__booking-title {
      font-size: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem)) {
    .faq__booking-title {
      font-size: calc(1rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__booking-title {
    font-size: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .faq__booking-title {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.5625rem, 1.4772727273rem + 0.3636363636vw, 1.75rem)) {
    .faq__booking-title {
      line-height: clamp(1.5625rem, 1.4772727273rem + 0.3636363636vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(1.5625rem, 1.4772727273rem + 0.3636363636vw, 1.75rem)) {
    .faq__booking-title {
      line-height: calc(1.5625rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__booking-title {
    line-height: 1.5625rem;
  }
}

.faq__booking-desc {
  font-family: "Onest", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #ffffff;
  margin: 0;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1;
}

@media (min-width: 75.0625em) {
  .faq__list {
    gap: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.2272727273rem + 1.696969697vw, 1.5rem)) {
    .faq__list {
      gap: clamp(0.625rem, 0.2272727273rem + 1.696969697vw, 1.5rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.2272727273rem + 1.696969697vw, 1.5rem)) {
    .faq__list {
      gap: calc(0.625rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__list {
    gap: 0.625rem;
  }
}

.faq__item {
  background: #ffffff;
  border-radius: 1.25rem;
  box-sizing: border-box;
  overflow: hidden;
}

@media (min-width: 75.0625em) {
  .faq__item {
    padding: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .faq__item {
      padding: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (padding: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .faq__item {
      padding: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__item {
    padding: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .faq__item {
    padding-left: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .faq__item {
      padding-left: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .faq__item {
      padding-left: calc(0.9375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__item {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .faq__item {
    padding-right: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .faq__item {
      padding-right: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .faq__item {
      padding-right: calc(0.9375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__item {
    padding-right: 0.9375rem;
  }
}

.faq__question {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}

.faq__question-text {
  font-family: "Onest", sans-serif;
}

@media (min-width: 75.0625em) {
  .faq__question-text {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .faq__question-text {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .faq__question-text {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__question-text {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .faq__question-text {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.125rem, 0.8409090909rem + 1.2121212121vw, 1.75rem)) {
    .faq__question-text {
      line-height: clamp(1.125rem, 0.8409090909rem + 1.2121212121vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(1.125rem, 0.8409090909rem + 1.2121212121vw, 1.75rem)) {
    .faq__question-text {
      line-height: calc(1.125rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__question-text {
    line-height: 1.125rem;
  }
}

.faq__question-text {
  font-weight: 500;
  color: #1a1d20;
  flex: 1;
}

.faq__toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #1a1d20;
  border: none;
  border-radius: 56px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

@media (min-width: 75.0625em) {
  .faq__toggle {
    width: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .faq__toggle {
      width: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (width: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .faq__toggle {
      width: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__toggle {
    width: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .faq__toggle {
    height: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .faq__toggle {
      height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (height: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .faq__toggle {
      height: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__toggle {
    height: 1.875rem;
  }
}

.faq__toggle svg {
  width: 90%;
}

.faq__toggle:hover {
  opacity: 0.8;
}

.faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding-top 0.4s ease;
}

.faq__answer p {
  font-family: "Onest", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .faq__answer p {
    line-height: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem)) {
    .faq__answer p {
      line-height: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem);
    }
  }

  @supports not (line-height: clamp(1rem, 0.8863636364rem + 0.4848484848vw, 1.25rem)) {
    .faq__answer p {
      line-height: calc(1rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__answer p {
    line-height: 1rem;
  }
}

.faq__answer p {
  color: #575757;
  margin: 0;
}

.faq__item.is-open .faq__answer {
  max-height: 12.5rem;
}

@media (min-width: 75.0625em) {
  .faq__item.is-open .faq__answer {
    margin-top: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.25rem, 0.0795454545rem + 0.7272727273vw, 0.625rem)) {
    .faq__item.is-open .faq__answer {
      margin-top: clamp(0.25rem, 0.0795454545rem + 0.7272727273vw, 0.625rem);
    }
  }

  @supports not (margin-top: clamp(0.25rem, 0.0795454545rem + 0.7272727273vw, 0.625rem)) {
    .faq__item.is-open .faq__answer {
      margin-top: calc(0.25rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .faq__item.is-open .faq__answer {
    margin-top: 0.25rem;
  }
}

.faq__booking2 {
  display: none;
}

@media screen and (max-width: 890px) {
  .faq .g-title {
    padding-bottom: 22px;
    text-align: center;
    margin: auto;
  }

  .faq .g-title br {
    display: none;
  }

  .faq__label {
    align-items: center;
    margin: auto;
  }

  .faq__inner {
    display: block;
  }

  .faq__aside .faq__booking {
    display: none;
  }

  .faq__booking2 {
    position: static;
    top: auto;
    width: 100%;
    margin-top: 0.9375rem;
    min-height: auto;
    display: flex;
  }
}

@media (min-width: 75.0625em) {
  .recomendation {
    margin-top: -2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(5.625rem, 9.3181818182rem + -15.7575757576vw, -2.5rem)) {
    .recomendation {
      margin-top: clamp(5.625rem, 9.3181818182rem + -15.7575757576vw, -2.5rem);
    }
  }

  @supports not (margin-top: clamp(5.625rem, 9.3181818182rem + -15.7575757576vw, -2.5rem)) {
    .recomendation {
      margin-top: calc(5.625rem + -8.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation {
    margin-top: 5.625rem;
  }
}

.recomendation {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 230px;
}

.recomendation .container {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.recomendation__services {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 2.5rem;
  padding: 5rem 4.375rem 6.25rem;
}

.recomendation__watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  white-space: nowrap;
  font-family: "Cannonade Bold", sans-serif;
  font-weight: 700;
}

@media (min-width: 75.0625em) {
  .recomendation__watermark {
    font-size: 19.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(4.1875rem, -2.7159090909rem + 29.4545454545vw, 19.375rem)) {
    .recomendation__watermark {
      font-size: clamp(4.1875rem, -2.7159090909rem + 29.4545454545vw, 19.375rem);
    }
  }

  @supports not (font-size: clamp(4.1875rem, -2.7159090909rem + 29.4545454545vw, 19.375rem)) {
    .recomendation__watermark {
      font-size: calc(4.1875rem + 15.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__watermark {
    font-size: 4.1875rem;
  }
}

.recomendation__watermark {
  line-height: 118%;
  letter-spacing: -0.19375rem;
  color: rgba(140, 94, 169, 0.08);
}

.recomendation__head {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 45.4375rem;
  margin: 0 auto;
}

.recomendation__tag {
  display: inline-flex;
  align-items: center;
  gap: 0.8125rem;
  font-size: 1.125rem;
}

@media (min-width: 75.0625em) {
  .recomendation__tag {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .recomendation__tag {
      font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .recomendation__tag {
      font-size: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__tag {
    font-size: 0.75rem;
  }
}

.recomendation__tag {
  line-height: 1.6875rem;
  color: #1A1D20;
  margin-bottom: 1.25rem;
}

.recomendation__tag::before {
  content: "";
  width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 50%;
  background: #C9A8FF;
}

.recomendation__title {
  font-weight: 600;
  line-height: 110%;
  color: #1A1D20;
}

.recomendation__subtitle {
  font-size: 0.875rem;
  line-height: 125%;
  color: #1A1D20;
  margin-top: 1rem;
}

.recomendation__body {
  position: relative;
  margin-top: 3.75rem;
}

.recomendation__tooth {
  position: absolute;
  width: 15.4375rem;
  height: 23.375rem;
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0);
}

.recomendation__tooth img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recomendation__dot {
  position: absolute;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background: rgba(140, 94, 169, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.recomendation__dot::after {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #8C5EA9;
}

.recomendation__dot:nth-child(2) {
  top: 7%;
  left: -7%;
}

.recomendation__dot:nth-child(3) {
  top: 6%;
  right: -15%;
  width: 4.5rem;
  height: 4.5rem;
}

.recomendation__dot:nth-child(4) {
  top: 27%;
  right: 19%;
}

.recomendation__dot:nth-child(5) {
  top: 43%;
  left: 31%;
}

.recomendation__dot:nth-child(6) {
  top: 59%;
  left: -4%;
}

.recomendation__dot:nth-child(7) {
  top: 58%;
  right: 0%;
}

.recomendation__dot:nth-child(8) {
  bottom: 10%;
  left: 31%;
}

.recomendation__dot:nth-child(9) {
  bottom: -2%;
  right: 31%;
}

.recomendation__tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: column;
  gap: 2.1875rem;
}

.recomendation__service {
  box-sizing: border-box;
  display: flex;
}

.recomendation__service:nth-child(even) {
  justify-content: flex-end;
}

.recomendation__service:nth-child(1) {
  padding-left: 16%;
}

.recomendation__service:nth-child(2) {
  padding-right: 21%;
}

.recomendation__service:nth-child(3) {
  padding-left: 19%;
}

.recomendation__service:nth-child(4) {
  padding-right: 31%;
}

.recomendation__service:nth-child(5) {
  padding-left: 5%;
}

.recomendation__service:nth-child(6) {
  padding-right: 5%;
}

.recomendation__service:nth-child(7) {
  padding-left: 20%;
}

.recomendation__service:nth-child(8) {
  padding-right: 10%;
}

.recomendation__service div {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%;
  color: #1A1D20;
  background: rgba(255, 223, 250, 0.1);
  border-radius: 1.0625rem;
  box-shadow: 0 0.0625rem 0.6625rem rgba(60, 0, 51, 0.19);
  padding: 0.8125rem 1.5rem 0.8125rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 1.375rem;
}

.recomendation__check {
  flex-shrink: 0;
  width: 2.4375rem;
  height: 2.4375rem;
  border-radius: 50%;
  background: #8C5EA9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recomendation__foot {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.625rem;
  margin-top: 1.875rem;
}

.recomendation__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3125rem;
  color: #52259B;
  text-decoration: none;
}

.recomendation__note {
  max-width: 37.6875rem;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #6A7282;
}

.recomendation__cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
}

.recomendation__cta-info {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.125rem;
  background: #8C5EA9;
  border: 0.125rem solid #E5E7EB;
}

@media (min-width: 75.0625em) {
  .recomendation__cta-info {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .recomendation__cta-info {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .recomendation__cta-info {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__cta-info {
    border-radius: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .recomendation__cta-title {
    font-size: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem)) {
    .recomendation__cta-title {
      font-size: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem)) {
    .recomendation__cta-title {
      font-size: calc(1.5625rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__cta-title {
    font-size: 1.5625rem;
  }
}

.recomendation__cta-title {
  font-weight: 600;
  line-height: 120%;
  color: #fff;
}

.recomendation__steps {
  list-style: none;
}

@media (min-width: 75.0625em) {
  .recomendation__steps {
    margin-top: 9.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.9375rem, -1.4431818182rem + 14.4242424242vw, 9.375rem)) {
    .recomendation__steps {
      margin-top: clamp(1.9375rem, -1.4431818182rem + 14.4242424242vw, 9.375rem);
    }
  }

  @supports not (margin-top: clamp(1.9375rem, -1.4431818182rem + 14.4242424242vw, 9.375rem)) {
    .recomendation__steps {
      margin-top: calc(1.9375rem + 7.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__steps {
    margin-top: 1.9375rem;
  }
}

.recomendation__steps {
  padding: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .recomendation__steps {
    gap: 1.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.8125rem, 0.5568181818rem + 1.0909090909vw, 1.375rem)) {
    .recomendation__steps {
      gap: clamp(0.8125rem, 0.5568181818rem + 1.0909090909vw, 1.375rem);
    }
  }

  @supports not (gap: clamp(0.8125rem, 0.5568181818rem + 1.0909090909vw, 1.375rem)) {
    .recomendation__steps {
      gap: calc(0.8125rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__steps {
    gap: 0.8125rem;
  }
}

.recomendation__step {
  display: flex;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .recomendation__step {
    gap: 1.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.8125rem, 0.5568181818rem + 1.0909090909vw, 1.375rem)) {
    .recomendation__step {
      gap: clamp(0.8125rem, 0.5568181818rem + 1.0909090909vw, 1.375rem);
    }
  }

  @supports not (gap: clamp(0.8125rem, 0.5568181818rem + 1.0909090909vw, 1.375rem)) {
    .recomendation__step {
      gap: calc(0.8125rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__step {
    gap: 0.8125rem;
  }
}

.recomendation__step p {
  flex: 1;
}

@media (min-width: 75.0625em) {
  .recomendation__step p {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .recomendation__step p {
      font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .recomendation__step p {
      font-size: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__step p {
    font-size: 0.75rem;
  }
}

.recomendation__step p {
  line-height: 130%;
  color: #fff;
}

.recomendation__step-num {
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .recomendation__step-num {
    width: 3.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2rem, 1.4034090909rem + 2.5454545455vw, 3.3125rem)) {
    .recomendation__step-num {
      width: clamp(2rem, 1.4034090909rem + 2.5454545455vw, 3.3125rem);
    }
  }

  @supports not (width: clamp(2rem, 1.4034090909rem + 2.5454545455vw, 3.3125rem)) {
    .recomendation__step-num {
      width: calc(2rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__step-num {
    width: 2rem;
  }
}

@media (min-width: 75.0625em) {
  .recomendation__step-num {
    height: 3.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2rem, 1.4034090909rem + 2.5454545455vw, 3.3125rem)) {
    .recomendation__step-num {
      height: clamp(2rem, 1.4034090909rem + 2.5454545455vw, 3.3125rem);
    }
  }

  @supports not (height: clamp(2rem, 1.4034090909rem + 2.5454545455vw, 3.3125rem)) {
    .recomendation__step-num {
      height: calc(2rem + 1.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__step-num {
    height: 2rem;
  }
}

.recomendation__step-num {
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .recomendation__step-num {
    font-size: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .recomendation__step-num {
      font-size: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (font-size: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .recomendation__step-num {
      font-size: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__step-num {
    font-size: 0.9375rem;
  }
}

.recomendation__step-num {
  font-weight: 700;
  line-height: 130%;
  color: #8C5EA9;
}

.recomendation__steps {
  position: relative;
}

.recomendation__steps::before {
  content: "";
  position: absolute;
  top: 1.65625rem;
  bottom: 1.65625rem;
  left: 1.65625rem;
  transform: translateX(-50%);
  border-left: 0.0625rem dashed #fff;
  z-index: 0;
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (left: clamp(1rem, 0.7017045455rem + 1.2727272727vw, 1.65625rem)) {
    .recomendation__steps::before {
      top: clamp(1rem, 0.7017045455rem + 1.2727272727vw, 1.65625rem);
      bottom: clamp(1rem, 0.7017045455rem + 1.2727272727vw, 1.65625rem);
      left: clamp(1rem, 0.7017045455rem + 1.2727272727vw, 1.65625rem);
    }
  }

  @supports not (left: clamp(1rem, 0.7017045455rem + 1.2727272727vw, 1.65625rem)) {
    .recomendation__steps::before {
      top: calc(1rem + 0.65625 * (100vw - 23.4375rem) / 51.5625);
      bottom: calc(1rem + 0.65625 * (100vw - 23.4375rem) / 51.5625);
      left: calc(1rem + 0.65625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__steps::before {
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
  }
}

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

.recomendation__phones {
  display: flex;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .recomendation__phones {
    gap: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .recomendation__phones {
      gap: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (gap: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .recomendation__phones {
      gap: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__phones {
    gap: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .recomendation__phones {
    margin-top: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.9375rem, 1.3977272727rem + 2.303030303vw, 3.125rem)) {
    .recomendation__phones {
      margin-top: clamp(1.9375rem, 1.3977272727rem + 2.303030303vw, 3.125rem);
    }
  }

  @supports not (margin-top: clamp(1.9375rem, 1.3977272727rem + 2.303030303vw, 3.125rem)) {
    .recomendation__phones {
      margin-top: calc(1.9375rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__phones {
    margin-top: 1.9375rem;
  }
}

.recomendation__phones {
  color: #fff;
}

.recomendation__phone-icon {
  box-sizing: border-box;
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .recomendation__phone-icon {
    width: 4.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .recomendation__phone-icon {
      width: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem);
    }
  }

  @supports not (width: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .recomendation__phone-icon {
      width: calc(2.75rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__phone-icon {
    width: 2.75rem;
  }
}

@media (min-width: 75.0625em) {
  .recomendation__phone-icon {
    height: 4.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .recomendation__phone-icon {
      height: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem);
    }
  }

  @supports not (height: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .recomendation__phone-icon {
      height: calc(2.75rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__phone-icon {
    height: 2.75rem;
  }
}

.recomendation__phone-icon {
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.6);
  animation: recomendation-phone-pulse 2s ease-out infinite;
}

.recomendation__phone-icon span {
  border-radius: 50%;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../img/phone3.svg');
  width: 100%;
  height: 100%;
  background-size: 55% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.recomendation__phone-icon svg {
  width: 2.125rem;
  height: 2.125rem;
  padding: 0.9375rem;
  box-sizing: content-box;
  background: #fff;
  border-radius: 50%;
}

@media (min-width: 75.0625em) {
  .recomendation__phone {
    font-size: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.4772727273rem + 1.696969697vw, 1.75rem)) {
    .recomendation__phone {
      font-size: clamp(0.875rem, 0.4772727273rem + 1.696969697vw, 1.75rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.4772727273rem + 1.696969697vw, 1.75rem)) {
    .recomendation__phone {
      font-size: calc(0.875rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__phone {
    font-size: 0.875rem;
  }
}

.recomendation__phone {
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .recomendation__phone {
    line-height: 2.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.5625rem, 1.0795454545rem + 2.0606060606vw, 2.625rem)) {
    .recomendation__phone {
      line-height: clamp(1.5625rem, 1.0795454545rem + 2.0606060606vw, 2.625rem);
    }
  }

  @supports not (line-height: clamp(1.5625rem, 1.0795454545rem + 2.0606060606vw, 2.625rem)) {
    .recomendation__phone {
      line-height: calc(1.5625rem + 1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__phone {
    line-height: 1.5625rem;
  }
}

.recomendation__phone {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.recomendation__phone-sep {
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #fff;
}

.recomendation__cta-image {
  border: 0.125rem solid #E5E7EB;
}

@media (min-width: 75.0625em) {
  .recomendation__cta-image {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .recomendation__cta-image {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .recomendation__cta-image {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .recomendation__cta-image {
    border-radius: 0.9375rem;
  }
}

.recomendation__cta-image {
  overflow: hidden;
}

.recomendation__cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1023.98px) {
  .recomendation__services {
    padding: 3.125rem 2.5rem 3.75rem;
  }

  .recomendation__cta-info {
    padding: 2.1875rem 1.875rem;
  }
}

@media screen and (max-width: 767.98px) {
  .recomendation__services {
    padding: 1.5rem 1rem;
    border-radius: 0.9375rem;
  }

  .recomendation__watermark {
    top: 18.125rem;
  }

  .recomendation__subtitle {
    display: none;
  }

  .recomendation__body {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
  }

  .recomendation__tooth {
    order: -1;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 17.125rem;
    height: 17.125rem;
    margin: 0 auto 1.5rem;
  }

  .recomendation__dot {
    width: 1.526875rem;
    height: 1.526875rem;
  }

  .recomendation__dot::after {
    width: 0.929375rem;
    height: 0.929375rem;
  }

  .recomendation__dot:nth-child(2) {
    left: 22.3%;
    top: 18%;
    right: auto;
    bottom: auto;
  }

  .recomendation__dot:nth-child(3) {
    left: 66.7%;
    top: 17.1%;
    right: auto;
    bottom: auto;
    width: 2.389375rem;
    height: 2.389375rem;
  }

  .recomendation__dot:nth-child(4) {
    left: 55.8%;
    top: 32.2%;
    right: auto;
    bottom: auto;
  }

  .recomendation__dot:nth-child(5) {
    left: 40.5%;
    top: 44%;
    right: auto;
    bottom: auto;
  }

  .recomendation__dot:nth-child(6) {
    left: 24%;
    top: 55.4%;
    right: auto;
    bottom: auto;
  }

  .recomendation__dot:nth-child(7) {
    left: 64.7%;
    top: 54.7%;
    right: auto;
    bottom: auto;
  }

  .recomendation__dot:nth-child(8) {
    left: 40.5%;
    top: 68.8%;
    right: auto;
    bottom: auto;
  }

  .recomendation__dot:nth-child(9) {
    left: 50.2%;
    top: 77.7%;
    right: auto;
    bottom: auto;
  }

  .recomendation__tags {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .recomendation__service:nth-child(odd),
  .recomendation__service:nth-child(even) {
    padding: 0;
    justify-content: flex-start;
  }

  .recomendation__service div {
    width: 100%;
    gap: 0.875rem;
    padding: 0.6875rem 1rem;
    border-radius: 0.75rem;
  }

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

  .recomendation__cta-info {
    padding: 1.5625rem 1.25rem;
  }

  .recomendation__steps {
    position: relative;
  }

  .recomendation__steps::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 1rem;
    bottom: 1rem;
    border-left: 0.0625rem dashed #fff;
  }

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

  .recomendation__phones {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    column-gap: 0.6875rem;
    row-gap: 0.125rem;
  }

  .recomendation__phone-icon {
    grid-row: 1/3;
    border: 0.25rem solid rgba(255, 255, 255, 0.2);
  }

  .recomendation__phone-sep {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .recomendation {
    margin-bottom: 110px;
  }
}

@keyframes recomendation-phone-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }

  70% {
    box-shadow: 0 0 0 1.125rem rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.care-tips {
  margin-top: 8.125rem;
}

.care-tips__card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border-radius: 2.5rem;
  padding: 5rem 0 5.625rem;
}

.care-tips__watermark {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  font-family: "Cannonade", serif;
  font-weight: 700;
  font-size: 19.375rem;
  line-height: 118%;
  letter-spacing: -0.19375rem;
  color: rgba(140, 94, 169, 0.08);

}

@media screen and (max-width:992px) {
  .care-tips__watermark {
    font-size: 7rem;
    top: 32%;
  }
}

@media screen and (max-width:768px) {
  .care-tips__watermark {
    font-size: 5rem;
    top: 22%;
  }
}

.care-tips__head {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 56.25rem;
  margin: 0 auto;
}

.care-tips__tag {
  display: inline-flex;
  align-items: center;
  gap: 0.8125rem;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #1A1D20;
  margin-bottom: 1.25rem;
}

.care-tips__tag::before {
  content: "";
  width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 50%;
  background: #c9a8ff;
}

.care-tips__title {
  font-weight: 600;
  line-height: 110%;
  color: #1A1D20;
  margin: 0;
  line-height: 3.2675rem !important;
}

@media (min-width: 75.0625em) {
  .care-tips__title {
    font-size: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .care-tips__title {
      font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem);
    }
  }

  @supports not (font-size: clamp(1.875rem, 1.3068181818rem + 2.4242424242vw, 3.125rem)) {
    .care-tips__title {
      font-size: calc(1.875rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .care-tips__title {
    font-size: 1.875rem;
  }
}

.care-tips__stage {
  position: relative;
  z-index: 1;
  min-height: 39.5rem;
}

.care-tips__tooth {
  position: absolute;
  top: 0;
  left: calc(50% - 1.6875rem);
  transform: translateX(-50%);
  width: 30%;
  max-width: 33.625rem;
  aspect-ratio: 1/1;
}

.care-tips__tooth img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.care-tips__tip {
  position: absolute;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  width: 22%;
  max-width: 24.5rem;
  padding: 0.8125rem 1.25rem 1rem;
  background: #ffffff;
  border-radius: 1.0625rem;
  box-shadow: 0 0.0625rem 0.6625rem rgba(60, 0, 51, 0.19);
}

.care-tips__tip--1 {
  top: 5.125rem;
  left: 10.85%;
}

.care-tips__tip--2 {
  top: 6.625rem;
  left: 64.6%;
}

.care-tips__tip--3 {
  top: 20.5rem;
  left: 6.5%;
}

.care-tips__tip--4 {
  top: 20.4375rem;
  left: 69.2%;
}

.care-tips__tip--wide {
  flex-direction: row;
  align-items: center;
  gap: 1.375rem;
  width: 44.4%;
  max-width: 50.375rem;
  top: 35.5rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.75rem 1.5rem;
}

.care-tips__icon {
  flex-shrink: 0;
  width: 2.4375rem;
  height: 2.4375rem;
  border-radius: 50%;
  background: #8c5ea9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.care-tips__icon svg {
  width: 1.125rem;
  height: 1.125rem;
}

.care-tips__text {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 125%;
  color: #1A1D20;
}

.care-tips__text span {
  color: #52259B;
}

@media screen and (max-width: 1023.98px) {
  .care-tips {
    margin-top: 5rem;
  }

  .care-tips__card {
    padding: 3.125rem 1.875rem 3.75rem;
  }

  .care-tips__stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
    min-height: 0;
  }

  .care-tips__tooth {
    position: static;
    transform: none;
    grid-column: 1/-1;
    justify-self: center;
    width: 18.75rem;
    max-width: 50%;
  }

  .care-tips__tip {
    position: static;
    width: auto;
    max-width: none;
    padding: 1rem 1.25rem 1.125rem;
  }

  .care-tips__tip--wide {
    grid-column: 1/-1;
    width: auto;
    transform: none;
  }
}

@media screen and (max-width: 767.98px) {
  .care-tips__card {
    padding: 1.875rem 1rem 2.25rem;
    border-radius: 0.9375rem;
  }

  .care-tips__stage {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .care-tips__tooth {
    width: 14.75rem;
    max-width: 70%;
  }

  .care-tips__tip {
    gap: 0.625rem;
    padding: 0.8125rem 0.75rem 1rem;
    border-radius: 1.0625rem;
  }

  .care-tips__tip--wide {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.8125rem 0.75rem 1rem;
  }

  .care-tips__icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .care-tips__icon svg {
    width: 0.8125rem;
    height: 0.8125rem;
  }

  .care-tips__text {
    font-size: 0.75rem;
  }
}

.seo-text {
  padding: 5.625rem 0 1.25rem;
}

.seo-text__card {
  position: relative;
  box-sizing: border-box;
  background: #ffffff;
}

@media (min-width: 75.0625em) {
  .seo-text__card {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .seo-text__card {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .seo-text__card {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__card {
    border-radius: 0.9375rem;
  }
}

.seo-text__card {
  padding: 3.875rem 5.9375rem 3.875rem 3.6875rem;
}

@media (min-width: 75.0625em) {
  .seo-text__scroll {
    max-height: 37.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (max-height: clamp(36.875rem, 36.5909090909rem + 1.2121212121vw, 37.5rem)) {
    .seo-text__scroll {
      max-height: clamp(36.875rem, 36.5909090909rem + 1.2121212121vw, 37.5rem);
    }
  }

  @supports not (max-height: clamp(36.875rem, 36.5909090909rem + 1.2121212121vw, 37.5rem)) {
    .seo-text__scroll {
      max-height: calc(36.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__scroll {
    max-height: 36.875rem;
  }
}

.seo-text__scroll {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.seo-text__scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.seo-text__content {
  color: #595959;
}

.seo-text__content h2,
.seo-text__content h3,
.seo-text__content h4,
.seo-text__content h5,
.seo-text__content h6 {
  margin: 0 0 0.9375rem;
  font-weight: 400;
  color: #231F20;
}

@media (min-width: 75.0625em) {
  .seo-text__content h2 {
    font-size: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5rem, 1.2727272727rem + 0.9696969697vw, 2rem)) {
    .seo-text__content h2 {
      font-size: clamp(1.5rem, 1.2727272727rem + 0.9696969697vw, 2rem);
    }
  }

  @supports not (font-size: clamp(1.5rem, 1.2727272727rem + 0.9696969697vw, 2rem)) {
    .seo-text__content h2 {
      font-size: calc(1.5rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 75.0625em) {
  .seo-text__content h2 {
    line-height: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.625rem, 1.5681818182rem + 0.2424242424vw, 1.75rem)) {
    .seo-text__content h2 {
      line-height: clamp(1.625rem, 1.5681818182rem + 0.2424242424vw, 1.75rem);
    }
  }

  @supports not (line-height: clamp(1.625rem, 1.5681818182rem + 0.2424242424vw, 1.75rem)) {
    .seo-text__content h2 {
      line-height: calc(1.625rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h2 {
    line-height: 1.625rem;
  }
}

.seo-text__content h2 {
  font-weight: 500;
  color: #1A1D20;
}

@media (min-width: 75.0625em) {
  .seo-text__content h3 {
    font-size: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.375rem, 1.2045454545rem + 0.7272727273vw, 1.75rem)) {
    .seo-text__content h3 {
      font-size: clamp(1.375rem, 1.2045454545rem + 0.7272727273vw, 1.75rem);
    }
  }

  @supports not (font-size: clamp(1.375rem, 1.2045454545rem + 0.7272727273vw, 1.75rem)) {
    .seo-text__content h3 {
      font-size: calc(1.375rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h3 {
    font-size: 1.375rem;
  }
}

.seo-text__content h3 {
  line-height: 1.5rem;
}

@media (min-width: 75.0625em) {
  .seo-text__content h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .seo-text__content h4 {
      font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .seo-text__content h4 {
      font-size: calc(1.25rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h4 {
    font-size: 1.25rem;
  }
}

.seo-text__content h4 {
  line-height: 1.5rem;
}

@media (min-width: 75.0625em) {
  .seo-text__content h5 {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.125rem, 1.0681818182rem + 0.2424242424vw, 1.25rem)) {
    .seo-text__content h5 {
      font-size: clamp(1.125rem, 1.0681818182rem + 0.2424242424vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(1.125rem, 1.0681818182rem + 0.2424242424vw, 1.25rem)) {
    .seo-text__content h5 {
      font-size: calc(1.125rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h5 {
    font-size: 1.125rem;
  }
}

.seo-text__content h5 {
  line-height: 1.5rem;
}

@media (min-width: 75.0625em) {
  .seo-text__content h6 {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .seo-text__content h6 {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .seo-text__content h6 {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h6 {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .seo-text__content h6 {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .seo-text__content h6 {
      line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .seo-text__content h6 {
      line-height: calc(1.25rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content h6 {
    line-height: 1.25rem;
  }
}

.seo-text__content p {
  margin: 0;
}

@media (min-width: 75.0625em) {
  .seo-text__content p {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .seo-text__content p {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .seo-text__content p {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content p {
    font-size: 0.875rem;
  }
}

.seo-text__content p {
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .seo-text__content p {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .seo-text__content p {
      line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .seo-text__content p {
      line-height: calc(1.25rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__content p {
    line-height: 1.25rem;
  }
}

.seo-text__content :is(p, ul, ol)+ :is(h2, h3, h4, h5, h6) {
  margin-top: 1.5625rem;
}

.seo-text__content ul,
.seo-text__content ol {
  margin: 0;
  padding-left: 0.625rem;
}

@media (min-width: 75.0625em) {

  .seo-text__content ul,
  .seo-text__content ol {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {

    .seo-text__content ul,
    .seo-text__content ol {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {

    .seo-text__content ul,
    .seo-text__content ol {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .seo-text__content ul,
  .seo-text__content ol {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {

  .seo-text__content ul,
  .seo-text__content ol {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {

    .seo-text__content ul,
    .seo-text__content ol {
      line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {

    .seo-text__content ul,
    .seo-text__content ol {
      line-height: calc(1.25rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .seo-text__content ul,
  .seo-text__content ol {
    line-height: 1.25rem;
  }
}

.seo-text__content ul,
.seo-text__content ol {
  list-style: none;
}

.seo-text__content li {
  position: relative;
  padding-left: 1.375rem;
}

.seo-text__content li+li {
  margin-top: 0.5rem;
}

.seo-text__content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6875rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background: var(--c-text);
}

.seo-text__content ol {
  counter-reset: seo-list;
}

.seo-text__content ol li {
  counter-increment: seo-list;
}

.seo-text__content ol li::before {
  content: counter(seo-list) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--c-text);
  font-weight: 500;
}

.seo-text__scrollbar {
  position: absolute;
}

@media (min-width: 75.0625em) {
  .seo-text__scrollbar {
    top: 3.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (top: clamp(1.625rem, 0.6022727273rem + 4.3636363636vw, 3.875rem)) {
    .seo-text__scrollbar {
      top: clamp(1.625rem, 0.6022727273rem + 4.3636363636vw, 3.875rem);
    }
  }

  @supports not (top: clamp(1.625rem, 0.6022727273rem + 4.3636363636vw, 3.875rem)) {
    .seo-text__scrollbar {
      top: calc(1.625rem + 2.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__scrollbar {
    top: 1.625rem;
  }
}

@media (min-width: 75.0625em) {
  .seo-text__scrollbar {
    right: 2.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (right: clamp(0.375rem, -0.3920454545rem + 3.2727272727vw, 2.0625rem)) {
    .seo-text__scrollbar {
      right: clamp(0.375rem, -0.3920454545rem + 3.2727272727vw, 2.0625rem);
    }
  }

  @supports not (right: clamp(0.375rem, -0.3920454545rem + 3.2727272727vw, 2.0625rem)) {
    .seo-text__scrollbar {
      right: calc(0.375rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__scrollbar {
    right: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .seo-text__scrollbar {
    bottom: 3.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (bottom: clamp(1.6875rem, 0.6931818182rem + 4.2424242424vw, 3.875rem)) {
    .seo-text__scrollbar {
      bottom: clamp(1.6875rem, 0.6931818182rem + 4.2424242424vw, 3.875rem);
    }
  }

  @supports not (bottom: clamp(1.6875rem, 0.6931818182rem + 4.2424242424vw, 3.875rem)) {
    .seo-text__scrollbar {
      bottom: calc(1.6875rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__scrollbar {
    bottom: 1.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .seo-text__scrollbar {
    width: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.375rem, 0.1477272727rem + 0.9696969697vw, 0.875rem)) {
    .seo-text__scrollbar {
      width: clamp(0.375rem, 0.1477272727rem + 0.9696969697vw, 0.875rem);
    }
  }

  @supports not (width: clamp(0.375rem, 0.1477272727rem + 0.9696969697vw, 0.875rem)) {
    .seo-text__scrollbar {
      width: calc(0.375rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .seo-text__scrollbar {
    width: 0.375rem;
  }
}

.seo-text__scrollbar {
  background: #F4F4F4;
  border-radius: 2.75rem;
}

.seo-text__thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5.5rem;
  background: #52259b;
  border-radius: 2.75rem;
  cursor: grab;
}

.seo-text__thumb:active {
  cursor: grabbing;
}

.seo-text__scrollbar.is-hidden {
  display: none;
}

@media screen and (max-width: 1023.98px) {
  .seo-text__card {
    padding: 3rem 3.75rem 3rem 2.75rem;
  }
}

@media screen and (max-width: 767.98px) {
  .seo-text__card {
    padding: 2.25rem 1.6875rem 2.625rem;
  }

  .seo-text__scroll {
    padding-right: 0.75rem;
  }
}

.contact-form {
  margin-top: 0.625rem;
}

.contact-form__card {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
  padding: 1.875rem 2.3125rem 2.5rem;
  background: #8c5ea9;
  border: 0.125rem solid #e5e7eb;
}

@media (min-width: 75.0625em) {
  .contact-form__card {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .contact-form__card {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .contact-form__card {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__card {
    border-radius: 0.9375rem;
  }
}

.contact-form__decor {
  position: absolute;
  top: 1.875rem;
  left: 45%;
  z-index: 0;
  width: 420px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  background-image: url('../img/tree.svg');
}

.contact-form__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.5rem;
}

.contact-form__title h2 {
  max-width: 38.8125rem;
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .contact-form__title h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
    .contact-form__title h2 {
      font-size: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
    .contact-form__title h2 {
      font-size: calc(1.5625rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__title h2 {
    font-size: 1.5625rem;
  }
}

.contact-form__title h2 {
  line-height: 120%;
  color: #ffffff;
}

.contact-form__subtitle {
  display: none;
  margin: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 150%;
  color: #ffffff;
}

.contact-form__contacts {
  display: flex;
  align-items: center;
  gap: 1.1875rem;
}

.contact-form__phone-icon {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .contact-form__phone-icon {
    width: 4.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .contact-form__phone-icon {
      width: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem);
    }
  }

  @supports not (width: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .contact-form__phone-icon {
      width: calc(2.75rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone-icon {
    width: 2.75rem;
  }
}

@media (min-width: 75.0625em) {
  .contact-form__phone-icon {
    height: 4.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .contact-form__phone-icon {
      height: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem);
    }
  }

  @supports not (height: clamp(2.75rem, 1.8977272727rem + 3.6363636364vw, 4.625rem)) {
    .contact-form__phone-icon {
      height: calc(2.75rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone-icon {
    height: 2.75rem;
  }
}

.contact-form__phone-icon {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #8c5ea9;
}

.contact-form__phone-icon::before {
  content: "";
  position: absolute;
}

@media (min-width: 75.0625em) {
  .contact-form__phone-icon::before {
    width: 3.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.3125rem, 1.6022727273rem + 3.0303030303vw, 3.875rem)) {
    .contact-form__phone-icon::before {
      width: clamp(2.3125rem, 1.6022727273rem + 3.0303030303vw, 3.875rem);
    }
  }

  @supports not (width: clamp(2.3125rem, 1.6022727273rem + 3.0303030303vw, 3.875rem)) {
    .contact-form__phone-icon::before {
      width: calc(2.3125rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone-icon::before {
    width: 2.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .contact-form__phone-icon::before {
    height: 3.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.3125rem, 1.6022727273rem + 3.0303030303vw, 3.875rem)) {
    .contact-form__phone-icon::before {
      height: clamp(2.3125rem, 1.6022727273rem + 3.0303030303vw, 3.875rem);
    }
  }

  @supports not (height: clamp(2.3125rem, 1.6022727273rem + 3.0303030303vw, 3.875rem)) {
    .contact-form__phone-icon::before {
      height: calc(2.3125rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone-icon::before {
    height: 2.3125rem;
  }
}

.contact-form__phone-icon::before {
  border-radius: 50%;
  background: #ffffff;
}

.contact-form__phone-icon svg {
  position: relative;
}

@media (min-width: 75.0625em) {
  .contact-form__phone-icon svg {
    width: 2.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(1.25rem, 0.8806818182rem + 1.5757575758vw, 2.0625rem)) {
    .contact-form__phone-icon svg {
      width: clamp(1.25rem, 0.8806818182rem + 1.5757575758vw, 2.0625rem);
    }
  }

  @supports not (width: clamp(1.25rem, 0.8806818182rem + 1.5757575758vw, 2.0625rem)) {
    .contact-form__phone-icon svg {
      width: calc(1.25rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone-icon svg {
    width: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .contact-form__phone-icon svg {
    height: 2.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(1.25rem, 0.8806818182rem + 1.5757575758vw, 2.0625rem)) {
    .contact-form__phone-icon svg {
      height: clamp(1.25rem, 0.8806818182rem + 1.5757575758vw, 2.0625rem);
    }
  }

  @supports not (height: clamp(1.25rem, 0.8806818182rem + 1.5757575758vw, 2.0625rem)) {
    .contact-form__phone-icon svg {
      height: calc(1.25rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone-icon svg {
    height: 1.25rem;
  }
}

.contact-form__phone {
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .contact-form__phone {
    font-size: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.4772727273rem + 1.696969697vw, 1.75rem)) {
    .contact-form__phone {
      font-size: clamp(0.875rem, 0.4772727273rem + 1.696969697vw, 1.75rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.4772727273rem + 1.696969697vw, 1.75rem)) {
    .contact-form__phone {
      font-size: calc(0.875rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__phone {
    font-size: 0.875rem;
  }
}

.contact-form__phone {
  line-height: 150%;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}

.contact-form__phone:hover {
  opacity: 0.85;
}

.contact-form__dot {
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #ffffff;
}

.contact-form__form {
  margin-top: 0.9375rem;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  width: 35.375rem;
  padding: 1.875rem;
  background: #ffffff;
  border-radius: 1.25rem;
}

.contact-form__form-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 21.875rem;
}

.contact-form__form-title {
  margin: 0;
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .contact-form__form-title {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem)) {
    .contact-form__form-title {
      font-size: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1.125rem, 0.9545454545rem + 0.7272727273vw, 1.5rem)) {
    .contact-form__form-title {
      font-size: calc(1.125rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__form-title {
    font-size: 1.125rem;
  }
}

.contact-form__form-title {
  line-height: 130%;
  color: #231f20;
}

.contact-form__form-subtitle {
  margin: 0;
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .contact-form__form-subtitle {
    font-size: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.8125rem, 0.7556818182rem + 0.2424242424vw, 0.9375rem)) {
    .contact-form__form-subtitle {
      font-size: clamp(0.8125rem, 0.7556818182rem + 0.2424242424vw, 0.9375rem);
    }
  }

  @supports not (font-size: clamp(0.8125rem, 0.7556818182rem + 0.2424242424vw, 0.9375rem)) {
    .contact-form__form-subtitle {
      font-size: calc(0.8125rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__form-subtitle {
    font-size: 0.8125rem;
  }
}

.contact-form__form-subtitle {
  line-height: 130%;
  color: #231f20;
}

.contact-form__fields {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

.contact-form__input {
  height: 3rem;
}

.contact-form__input,
.contact-form__textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem 1.25rem;
  font-family: "Onest", sans-serif;
}

@media (min-width: 75.0625em) {

  .contact-form__input,
  .contact-form__textarea {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {

    .contact-form__input,
    .contact-form__textarea {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {

    .contact-form__input,
    .contact-form__textarea {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .contact-form__input,
  .contact-form__textarea {
    font-size: 0.75rem;
  }
}

.contact-form__input,
.contact-form__textarea {
  line-height: 130%;
  color: #111111;
  background: #f9fafb;
  border: 0.0625rem solid #d1d5dc;
  border-radius: 0.625rem;
  transition: border-color 0.3s ease;
}

.contact-form__input::placeholder,
.contact-form__textarea::placeholder {
  color: #99a1af;
}

.contact-form__input:focus,
.contact-form__textarea:focus {
  outline: none;
  border-color: #8c5ea9;
}

.contact-form__textarea {
  min-height: 5.5625rem;
  resize: vertical;
}

.contact-form__submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.875rem 1.25rem;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 130%;
  color: #ffffff;
  background: #52259b;
  border: none;
  border-radius: 6.625rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact-form__submit:hover {
  background: #734fad;
}

.contact-form__note {
  margin: 0;
  text-align: center;
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .contact-form__note {
    font-size: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.8125rem, 0.7556818182rem + 0.2424242424vw, 0.9375rem)) {
    .contact-form__note {
      font-size: clamp(0.8125rem, 0.7556818182rem + 0.2424242424vw, 0.9375rem);
    }
  }

  @supports not (font-size: clamp(0.8125rem, 0.7556818182rem + 0.2424242424vw, 0.9375rem)) {
    .contact-form__note {
      font-size: calc(0.8125rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contact-form__note {
    font-size: 0.8125rem;
  }
}

.contact-form__note {
  line-height: 130%;
  color: #231f20;
}

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


  .contact-form__content {
    gap: 1.5rem;
  }

  .contact-form__decor {
    left: auto;
    right: 1.25rem;
    width: 18.75rem;
    height: 20.5rem;
  }

  .contact-form__form {
    width: 100%;
    margin-top: 0;
  }
}

@media screen and (max-width: 938px) {
  .contact-form__card {
    flex-direction: column;
    gap: 1.875rem;
    padding: 1.875rem;
  }

  .contact-form__form {
    width: 100% !important;
  }
}

@media screen and (max-width: 767.98px) {
  .contact-form__card {
    gap: 1.9375rem;
    padding: 1.5625rem 1.25rem;
  }

  .contact-form__content {
    gap: 1.25rem;
  }

  .contact-form__subtitle {
    display: block;
  }

  .contact-form__decor {
    top: 9.375rem;
    right: 1.25rem;
    width: 4.5rem;
    height: 4.9375rem;
    transform: rotate(-15deg);
  }

  .contact-form__contacts {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 0.6875rem;
    row-gap: 0;
    width: max-content;
  }

  .contact-form__phone-icon {
    grid-row: 1/span 2;
  }

  .contact-form__dot {
    display: none;
  }

  .contact-form__form {
    padding: 1.25rem;
  }
}

.footer {
  margin-top: 5.625rem;
  padding-bottom: 1.25rem;
}

.footer__wrapper {
  background: #1A1D20;
}

@media (min-width: 75.0625em) {
  .footer__wrapper {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .footer__wrapper {
      border-radius: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .footer__wrapper {
      border-radius: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__wrapper {
    border-radius: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .footer__container {
    padding-top: 4rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.9375rem, 1rem + 4vw, 4rem)) {
    .footer__container {
      padding-top: clamp(1.9375rem, 1rem + 4vw, 4rem);
    }
  }

  @supports not (padding-top: clamp(1.9375rem, 1rem + 4vw, 4rem)) {
    .footer__container {
      padding-top: calc(1.9375rem + 2.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__container {
    padding-top: 1.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .footer__container {
    padding-right: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .footer__container {
      padding-right: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .footer__container {
      padding-right: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__container {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .footer__container {
    padding-bottom: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.9375rem, 0.4545454545rem + 2.0606060606vw, 2rem)) {
    .footer__container {
      padding-bottom: clamp(0.9375rem, 0.4545454545rem + 2.0606060606vw, 2rem);
    }
  }

  @supports not (padding-bottom: clamp(0.9375rem, 0.4545454545rem + 2.0606060606vw, 2rem)) {
    .footer__container {
      padding-bottom: calc(0.9375rem + 1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__container {
    padding-bottom: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .footer__container {
    padding-left: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .footer__container {
      padding-left: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .footer__container {
      padding-left: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__container {
    padding-left: 0.9375rem;
  }
}

.footer__container {
  margin: auto;
  max-width: 72.8125rem;
}

.footer__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 75.0625em) {
  .footer__items {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .footer__items {
      gap: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.875rem, 1.5909090909rem + 1.2121212121vw, 2.5rem)) {
    .footer__items {
      gap: calc(1.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__items {
    gap: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .footer__items {
    padding-bottom: 2.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(3.75rem, 4.2045454545rem + -1.9393939394vw, 2.75rem)) {
    .footer__items {
      padding-bottom: clamp(3.75rem, 4.2045454545rem + -1.9393939394vw, 2.75rem);
    }
  }

  @supports not (padding-bottom: clamp(3.75rem, 4.2045454545rem + -1.9393939394vw, 2.75rem)) {
    .footer__items {
      padding-bottom: calc(3.75rem + -1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__items {
    padding-bottom: 3.75rem;
  }
}

.footer__item .header__soc-link {
  padding-top: 1.125rem;
}

.footer__item span {
  color: #D1D5DC;
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.footer__item p {
  color: #99A1AF;
  font-family: "Inter";
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

.footer__item li {
  margin-bottom: 0.3125rem;
}

.footer__item li a {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  color: #6A7282;
  font-family: "Inter";
  font-size: 0.8125rem;
  line-height: 1.21875rem;
}

.footer__item li a:hover {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  color: #fff !important;

}

.footer__logo {
  padding-bottom: 0.9375rem;
}

.footer__description {
  color: #99A1AF;
  font-family: "Inter";
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

@media (min-width: 75.0625em) {
  .footer__description {
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.25rem, 1.3068181818rem + -0.2424242424vw, 1.125rem)) {
    .footer__description {
      padding-bottom: clamp(1.25rem, 1.3068181818rem + -0.2424242424vw, 1.125rem);
    }
  }

  @supports not (padding-bottom: clamp(1.25rem, 1.3068181818rem + -0.2424242424vw, 1.125rem)) {
    .footer__description {
      padding-bottom: calc(1.25rem + -0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__description {
    padding-bottom: 1.25rem;
  }
}

.footer__phones {
  margin-top: 0.9375rem;
  padding-left: 2.0625rem;
  background-image: url('../img/phone-g.svg');
  background-repeat: no-repeat;
  background-position: 0.625rem 0.125rem;
}

.footer__phones a {
  display: block;
  color: #99A1AF;
  font-family: "Inter";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-bottom: 0.5rem;
  text-decoration: 0.2s;
}

.footer__emails a:hover,
.footer__phones a:hover {
  color: #fff !important;
}

.footer__emails {
  margin-top: 0.75rem;
  padding-left: 2.0625rem;
  background-image: url('../img/mail.svg');
  background-repeat: no-repeat;
  background-position: 0.625rem 0.125rem;
}

.footer__emails a {
  display: block;
  color: #99A1AF;
  font-family: "Inter";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-bottom: 0.5rem;
}

.footer__location {
  margin-top: 0.75rem;
  padding-left: 2.0625rem;
  background-image: url('../img/location.svg');
  background-repeat: no-repeat;
  background-position: 0.625rem 0.125rem;
}

.footer__location a {
  display: block;
  color: #99A1AF;
  font-family: "Inter";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-bottom: 0.5rem;
}

.footer__schedule {
  margin-top: 0.75rem;
  padding-left: 2.0625rem;
  background-image: url('../img/clock.svg');
  background-repeat: no-repeat;
  background-position: 0.625rem 0.3125rem;
}

.footer__schedule a {
  display: block;
  color: #99A1AF;
  font-family: "Inter";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3125rem;
  margin-bottom: 0.5rem;
}

.footer__map {
  overflow: hidden;
}

@media (min-width: 75.0625em) {
  .footer__map {
    height: 12.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(8.75rem, 7.0454545455rem + 7.2727272727vw, 12.5rem)) {
    .footer__map {
      height: clamp(8.75rem, 7.0454545455rem + 7.2727272727vw, 12.5rem);
    }
  }

  @supports not (height: clamp(8.75rem, 7.0454545455rem + 7.2727272727vw, 12.5rem)) {
    .footer__map {
      height: calc(8.75rem + 3.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .footer__map {
    height: 8.75rem;
  }
}

.footer__map {
  border-radius: 0.625rem;
  border: 0.0625rem solid #364153;
  margin-bottom: 2.5rem;
}

.footer__map .contacts__map-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #EEEEEE;
}

.footer__copywrite {
  border-top: 0.0625rem solid #1E2939;
  padding: 1.5625rem;
  color: #6A7282;
  text-align: center;
  font-family: "Inter";
  font-size: 0.8125rem;
  line-height: 1.21875rem;
}

@media screen and (max-width: 1023.98px) {
  .footer__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767.98px) {
  .footer__items {
    grid-template-columns: 1fr;
  }
}

.bar {
  border-radius: 1.5rem;
  background: #8C5EA9;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 75.0625em) {
  .bar {
    border-radius: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .bar {
      border-radius: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.6818181818rem + 1.0909090909vw, 1.5rem)) {
    .bar {
      border-radius: calc(0.9375rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar {
    border-radius: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .bar {
    padding-top: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem)) {
    .bar {
      padding-top: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem);
    }
  }

  @supports not (padding-top: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem)) {
    .bar {
      padding-top: calc(0.875rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar {
    padding-top: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .bar {
    padding-left: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .bar {
      padding-left: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .bar {
      padding-left: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .bar {
    padding-bottom: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem)) {
    .bar {
      padding-bottom: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem);
    }
  }

  @supports not (padding-bottom: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem)) {
    .bar {
      padding-bottom: calc(0.875rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar {
    padding-bottom: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .bar {
    padding-right: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .bar {
      padding-right: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .bar {
      padding-right: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar {
    padding-right: 0.9375rem;
  }
}

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

@media (min-width: 75.0625em) {
  .bar--team {
    padding-left: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .bar--team {
      padding-left: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .bar--team {
      padding-left: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--team {
    padding-left: 1.25rem;
  }
}

.bar--team span {
  color: #FFF;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: -0.0675rem;
}

@media (min-width: 75.0625em) {
  .bar--team span {
    font-size: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem)) {
    .bar--team span {
      font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem)) {
    .bar--team span {
      font-size: calc(1.25rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--team span {
    font-size: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--services {
    margin-top: 6.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.5rem, 0.5113636364rem + 8.4848484848vw, 6.875rem)) {
    .bar--services {
      margin-top: clamp(2.5rem, 0.5113636364rem + 8.4848484848vw, 6.875rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 0.5113636364rem + 8.4848484848vw, 6.875rem)) {
    .bar--services {
      margin-top: calc(2.5rem + 4.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services {
    margin-top: 2.5rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--services {
    padding-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
    .bar--services {
      padding-top: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem);
    }
  }

  @supports not (padding-top: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
    .bar--services {
      padding-top: calc(1.5625rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services {
    padding-top: 1.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--services {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
    .bar--services {
      padding-bottom: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem);
    }
  }

  @supports not (padding-bottom: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem)) {
    .bar--services {
      padding-bottom: calc(1.5625rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services {
    padding-bottom: 1.5625rem;
  }
}

.bar--services {
  --filter-gap: clamp(1.0625rem, 0.5366rem + 2.244vw, 2.5rem);
  visibility: visible !important;
}

.bar--services ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .bar--services ul {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--services ul {
      gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--services ul {
      gap: calc(1.0625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services ul {
    gap: 1.0625rem;
  }
}

.bar--services.is-initialized ul {
  gap: 0;
  justify-content: flex-start;
}

.bar--services.is-initialized .splide__track {
  overflow-x: clip;
  overflow-y: visible;
}

.bar--services li {
  display: flex;
}

@media (min-width: 75.0625em) {
  .bar--services li {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--services li {
      gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--services li {
      gap: calc(1.0625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services li {
    gap: 1.0625rem;
  }
}

.bar--services li {
  align-items: center;
}

.bar--services li:not(:last-child)::after {
  content: "";
}

@media (min-width: 75.0625em) {
  .bar--services li:not(:last-child)::after {
    width: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--services li:not(:last-child)::after {
      width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem);
    }
  }

  @supports not (width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--services li:not(:last-child)::after {
      width: calc(0.375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services li:not(:last-child)::after {
    width: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--services li:not(:last-child)::after {
    height: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--services li:not(:last-child)::after {
      height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem);
    }
  }

  @supports not (height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--services li:not(:last-child)::after {
      height: calc(0.375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services li:not(:last-child)::after {
    height: 0.375rem;
  }
}

.bar--services li:not(:last-child)::after {
  background: #fff;
  display: block;
  flex-shrink: 0;
  border-radius: 100%;
}

.bar--services a {
  color: #FFF;
}

@media (min-width: 75.0625em) {
  .bar--services a {
    font-size: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem)) {
    .bar--services a {
      font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem)) {
    .bar--services a {
      font-size: calc(1.25rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services a {
    font-size: 1.25rem;
  }
}

.bar--services a {
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .bar--services a {
    line-height: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.5rem, 1.0454545455rem + 1.9393939394vw, 2.5rem)) {
    .bar--services a {
      line-height: clamp(1.5rem, 1.0454545455rem + 1.9393939394vw, 2.5rem);
    }
  }

  @supports not (line-height: clamp(1.5rem, 1.0454545455rem + 1.9393939394vw, 2.5rem)) {
    .bar--services a {
      line-height: calc(1.5rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services a {
    line-height: 1.5rem;
  }
}

.bar--services a {
  letter-spacing: -0.0675rem;
  position: relative;
  opacity: 0.8;
  white-space: nowrap;
  transition: opacity 0.2s;
}

.bar--services a::after {
  content: "";
  position: absolute;
}

@media (min-width: 75.0625em) {
  .bar--services a::after {
    width: 8.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem)) {
    .bar--services a::after {
      width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem);
    }
  }

  @supports not (width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem)) {
    .bar--services a::after {
      width: calc(2.375rem + 6.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--services a::after {
    width: 2.375rem;
  }
}

.bar--services a::after {
  height: 0;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  background-size: 100%;
  background-image: url('../img/marker-slider.svg');
  background-repeat: no-repeat;
  transition: height 0.2s;
}

.bar--services a:hover {
  opacity: 1;
}

.bar--services a:hover::after {
  height: 1.25rem;
}

@media (min-width: 75.0625em) {
  .bar--filter {
    padding-top: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--filter {
      padding-top: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem);
    }
  }

  @supports not (padding-top: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--filter {
      padding-top: calc(1.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter {
    padding-top: 1.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--filter {
    padding-bottom: calc(2rem - var(--filter-track-bottom-offset));
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--filter {
      padding-bottom: calc(clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem) - var(--filter-track-bottom-offset));
    }
  }

  @supports not (padding-bottom: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--filter {
      padding-bottom: calc(1.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625 - var(--filter-track-bottom-offset));
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter {
    padding-bottom: calc(1.5625rem - var(--filter-track-bottom-offset));
  }
}

@media (min-width: 75.0625em) {
  .bar--filter {
    margin-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(4rem, 5.25rem + -5.3333333333vw, 1.25rem)) {
    .bar--filter {
      margin-top: clamp(4rem, 5.25rem + -5.3333333333vw, 1.25rem);
    }
  }

  @supports not (margin-top: clamp(4rem, 5.25rem + -5.3333333333vw, 1.25rem)) {
    .bar--filter {
      margin-top: calc(4rem + -2.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter {
    margin-top: 4rem;
  }
}

.bar--filter {
  --filter-gap: clamp(1.0625rem, 0.5366rem + 2.244vw, 2.5rem);
  --filter-track-bottom-offset: 10px;
  visibility: visible !important;
}

.bar--filter ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .bar--filter ul {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--filter ul {
      gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--filter ul {
      gap: calc(1.0625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter ul {
    gap: 1.0625rem;
  }
}

.bar--filter.is-initialized ul {
  gap: 0;
  justify-content: flex-start;
}

.bar--filter .splide__track {
  padding-bottom: 10px;
}

.bar--filter.is-initialized .splide__track {
  padding-bottom: var(--filter-track-bottom-offset);
  overflow-x: clip;
  overflow-y: visible;
}

@media (min-width: 75.0625em) {
  .bar--filter li {
    font-size: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.4318181818rem + 2.4242424242vw, 2.25rem)) {
    .bar--filter li {
      font-size: clamp(1rem, 0.4318181818rem + 2.4242424242vw, 2.25rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.4318181818rem + 2.4242424242vw, 2.25rem)) {
    .bar--filter li {
      font-size: calc(1rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter li {
    font-size: 1rem;
  }
}

.bar--filter li {
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .bar--filter li {
    line-height: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .bar--filter li {
      line-height: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .bar--filter li {
      line-height: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter li {
    line-height: 1.25rem;
  }
}

.bar--filter li {
  letter-spacing: -0.0675rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .bar--filter li {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--filter li {
      gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--filter li {
      gap: calc(1.0625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter li {
    gap: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--filter li {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .bar--filter li {
      padding-bottom: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .bar--filter li {
      padding-bottom: calc(0rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter li {
    padding-bottom: 0rem;
  }
}

.bar--filter li:not(:last-child)::after {
  content: "";
}

@media (min-width: 75.0625em) {
  .bar--filter li:not(:last-child)::after {
    height: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--filter li:not(:last-child)::after {
      height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem);
    }
  }

  @supports not (height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--filter li:not(:last-child)::after {
      height: calc(0.375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter li:not(:last-child)::after {
    height: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--filter li:not(:last-child)::after {
    width: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--filter li:not(:last-child)::after {
      width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem);
    }
  }

  @supports not (width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--filter li:not(:last-child)::after {
      width: calc(0.375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter li:not(:last-child)::after {
    width: 0.375rem;
  }
}

.bar--filter li:not(:last-child)::after {
  background: #fff;
  display: block;
  border-radius: 100%;
}

.bar--filter a {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.2s;
  position: relative;
  white-space: nowrap;
}

.bar--filter a::after {
  content: "";
  position: absolute;
  width: 8.5625rem;
  height: 0;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-size: 100%;
  background-image: url('../img/marker-slider.svg');
  background-repeat: no-repeat;
  transition: height 0.2s;
}

@media (min-width: 75.0625em) {
  .bar--filter a::after {
    width: 8.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem)) {
    .bar--filter a::after {
      width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem);
    }
  }

  @supports not (width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem)) {
    .bar--filter a::after {
      width: calc(2.375rem + 6.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--filter a::after {
    width: 2.375rem;
  }
}

.bar--filter a:hover {
  opacity: 1;
}

.bar--filter a:hover::after {
  height: 1.25rem;
}

.bar--filter .bar-current a::after {
  height: 1.25rem;
}

.bar--blog .splide__track {
  padding-bottom: 10px;
}

.bar--blog {
  padding-bottom: calc(2rem - 10px);
}

@media (min-width: 75.0625em) {
  .bar--blog {
    padding-top: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--blog {
      padding-top: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem);
    }
  }

  @supports not (padding-top: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--blog {
      padding-top: calc(1.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog {
    padding-top: 1.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--blog {
    padding-bottom: calc(2rem - var(--blog-track-bottom-offset));
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--blog {
      padding-bottom: calc(clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem) - var(--blog-track-bottom-offset));
    }
  }

  @supports not (padding-bottom: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .bar--blog {
      padding-bottom: calc(1.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625 - var(--blog-track-bottom-offset));
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog {
    padding-bottom: calc(1.5625rem - var(--blog-track-bottom-offset));
  }
}

@media (min-width: 75.0625em) {
  .bar--blog {
    margin-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .bar--blog {
      margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .bar--blog {
      margin-top: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog {
    margin-top: 0.625rem;
  }
}

.bar--blog {
  --filter-gap: clamp(1.0625rem, 0.5366rem + 2.244vw, 2.5rem);
  --blog-track-bottom-offset: 10px;
  visibility: visible !important;
}

.bar--blog ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .bar--blog ul {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--blog ul {
      gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--blog ul {
      gap: calc(1.0625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog ul {
    gap: 1.0625rem;
  }
}

.bar--blog.is-initialized ul {
  gap: 0;
  justify-content: flex-start;
}

.bar--blog.is-initialized .splide__track {
  padding-bottom: var(--blog-track-bottom-offset);
  overflow-x: clip;
  overflow-y: visible;
}

@media (min-width: 75.0625em) {
  .bar--blog li {
    font-size: 1.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.5738636364rem + 1.8181818182vw, 1.9375rem)) {
    .bar--blog li {
      font-size: clamp(1rem, 0.5738636364rem + 1.8181818182vw, 1.9375rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.5738636364rem + 1.8181818182vw, 1.9375rem)) {
    .bar--blog li {
      font-size: calc(1rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog li {
    font-size: 1rem;
  }
}

.bar--blog li {
  font-weight: 600;
}

@media (min-width: 75.0625em) {
  .bar--blog li {
    line-height: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .bar--blog li {
      line-height: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .bar--blog li {
      line-height: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog li {
    line-height: 1.25rem;
  }
}

.bar--blog li {
  letter-spacing: -0.0675rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .bar--blog li {
    gap: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--blog li {
      gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem);
    }
  }

  @supports not (gap: clamp(1.0625rem, 0.4090909091rem + 2.7878787879vw, 2.5rem)) {
    .bar--blog li {
      gap: calc(1.0625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog li {
    gap: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--blog li {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .bar--blog li {
      padding-bottom: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -0.2840909091rem + 1.2121212121vw, 0.625rem)) {
    .bar--blog li {
      padding-bottom: calc(0rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog li {
    padding-bottom: 0rem;
  }
}

.bar--blog li:not(:last-child)::after {
  content: "";
}

@media (min-width: 75.0625em) {
  .bar--blog li:not(:last-child)::after {
    height: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--blog li:not(:last-child)::after {
      height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem);
    }
  }

  @supports not (height: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--blog li:not(:last-child)::after {
      height: calc(0.375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog li:not(:last-child)::after {
    height: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .bar--blog li:not(:last-child)::after {
    width: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--blog li:not(:last-child)::after {
      width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem);
    }
  }

  @supports not (width: clamp(0.375rem, 0.2897727273rem + 0.3636363636vw, 0.5625rem)) {
    .bar--blog li:not(:last-child)::after {
      width: calc(0.375rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog li:not(:last-child)::after {
    width: 0.375rem;
  }
}

.bar--blog li:not(:last-child)::after {
  background: #fff;
  display: block;
  border-radius: 100%;
}

.bar--blog a {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.2s;
  position: relative;
  white-space: nowrap;
}

.bar--blog a::after {
  content: "";
  position: absolute;
  width: 8.5625rem;
  height: 0;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-size: 100%;
  background-image: url('../img/marker-slider.svg');
  background-repeat: no-repeat;
  transition: height 0.2s;
}

@media (min-width: 75.0625em) {
  .bar--blog a::after {
    width: 8.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem)) {
    .bar--blog a::after {
      width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem);
    }
  }

  @supports not (width: clamp(2.375rem, -0.4375rem + 12vw, 8.5625rem)) {
    .bar--blog a::after {
      width: calc(2.375rem + 6.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .bar--blog a::after {
    width: 2.375rem;
  }
}

.bar--blog a:hover {
  opacity: 1;
}

.bar--blog a:hover::after {
  height: 1.25rem;
}

.bar--blog .bar-current a::after {
  height: 1.25rem;
}

.bar--blog .bar-current a::after {
  height: 1.25rem;
}

@media (min-width: 75.0625em) {
  .breadcrumbs {
    padding-top: 1.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.875rem, 2.2443181818rem + -1.5757575758vw, 1.0625rem)) {
    .breadcrumbs {
      padding-top: clamp(1.875rem, 2.2443181818rem + -1.5757575758vw, 1.0625rem);
    }
  }

  @supports not (padding-top: clamp(1.875rem, 2.2443181818rem + -1.5757575758vw, 1.0625rem)) {
    .breadcrumbs {
      padding-top: calc(1.875rem + -0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .breadcrumbs {
    padding-top: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .breadcrumbs {
    padding-bottom: 1.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.3125rem, -0.0284090909rem + 1.4545454545vw, 1.0625rem)) {
    .breadcrumbs {
      padding-bottom: clamp(0.3125rem, -0.0284090909rem + 1.4545454545vw, 1.0625rem);
    }
  }

  @supports not (padding-bottom: clamp(0.3125rem, -0.0284090909rem + 1.4545454545vw, 1.0625rem)) {
    .breadcrumbs {
      padding-bottom: calc(0.3125rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .breadcrumbs {
    padding-bottom: 0.3125rem;
  }
}

.breadcrumbs ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.breadcrumbs {
  color: #4A5565 !important;
  font-family: "Inter";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.75rem;
  color: var(--color-neutral-500);
}

.breadcrumbs__link {
  color: #99A1AF !important;
  transition: color 0.3s;
}

.breadcrumbs__link:hover {
  color: var(--color-primary-700);
}

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

@media (min-width: 75.0625em) {
  .pagination {
    gap: 1.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.25rem, 0.9375rem + 1.3333333333vw, 1.9375rem)) {
    .pagination {
      gap: clamp(1.25rem, 0.9375rem + 1.3333333333vw, 1.9375rem);
    }
  }

  @supports not (gap: clamp(1.25rem, 0.9375rem + 1.3333333333vw, 1.9375rem)) {
    .pagination {
      gap: calc(1.25rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination {
    gap: 1.25rem;
  }
}

.pagination__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5625rem;
}

.pagination__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

@media (min-width: 75.0625em) {
  .pagination__arrow {
    width: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.6875rem, 1.9204545455rem + 3.2727272727vw, 4.375rem)) {
    .pagination__arrow {
      width: clamp(2.6875rem, 1.9204545455rem + 3.2727272727vw, 4.375rem);
    }
  }

  @supports not (width: clamp(2.6875rem, 1.9204545455rem + 3.2727272727vw, 4.375rem)) {
    .pagination__arrow {
      width: calc(2.6875rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__arrow {
    width: 2.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .pagination__arrow {
    height: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.6875rem, 1.9204545455rem + 3.2727272727vw, 4.375rem)) {
    .pagination__arrow {
      height: clamp(2.6875rem, 1.9204545455rem + 3.2727272727vw, 4.375rem);
    }
  }

  @supports not (height: clamp(2.6875rem, 1.9204545455rem + 3.2727272727vw, 4.375rem)) {
    .pagination__arrow {
      height: calc(2.6875rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__arrow {
    height: 2.6875rem;
  }
}

.pagination__arrow {
  border-radius: 50%;
  transition: background-color 0.25s, color 0.25s, border-color 0.25s;
}

.pagination__arrow img {
  width: 30%;
}

.pagination__arrow--next,
.pagination__arrow--prev {
  border: 0.0625rem solid var(--color-primary-900);
  background: transparent;
  color: var(--color-primary-900);
}

.pagination__arrow--next:hover,
.pagination__arrow--prev:hover {
  background: var(--color-primary-900);
  color: #fff;
}

.pagination__arrow--next:hover img,
.pagination__arrow--prev:hover img {
  filter: brightness(15);
}

.pagination__arrow svg {
  display: block;
}

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

@media (min-width: 75.0625em) {
  .pagination__numbers {
    gap: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem)) {
    .pagination__numbers {
      gap: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem);
    }
  }

  @supports not (gap: clamp(0.4375rem, 0.2954545455rem + 0.6060606061vw, 0.75rem)) {
    .pagination__numbers {
      gap: calc(0.4375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__numbers {
    gap: 0.4375rem;
  }
}

.pagination__num,
.pagination__dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {

  .pagination__num,
  .pagination__dots {
    width: 3.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.3125rem, 1.6590909091rem + 2.7878787879vw, 3.75rem)) {

    .pagination__num,
    .pagination__dots {
      width: clamp(2.3125rem, 1.6590909091rem + 2.7878787879vw, 3.75rem);
    }
  }

  @supports not (width: clamp(2.3125rem, 1.6590909091rem + 2.7878787879vw, 3.75rem)) {

    .pagination__num,
    .pagination__dots {
      width: calc(2.3125rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .pagination__num,
  .pagination__dots {
    width: 2.3125rem;
  }
}

@media (min-width: 75.0625em) {

  .pagination__num,
  .pagination__dots {
    height: 3.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.3125rem, 1.6590909091rem + 2.7878787879vw, 3.75rem)) {

    .pagination__num,
    .pagination__dots {
      height: clamp(2.3125rem, 1.6590909091rem + 2.7878787879vw, 3.75rem);
    }
  }

  @supports not (height: clamp(2.3125rem, 1.6590909091rem + 2.7878787879vw, 3.75rem)) {

    .pagination__num,
    .pagination__dots {
      height: calc(2.3125rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .pagination__num,
  .pagination__dots {
    height: 2.3125rem;
  }
}

.pagination__num,
.pagination__dots {
  border-radius: 50%;
  font-family: var(--font-primary, "Onest", sans-serif);
  font-weight: 500;
}

@media (min-width: 75.0625em) {

  .pagination__num,
  .pagination__dots {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.5625rem, 0.3636363636rem + 0.8484848485vw, 1rem)) {

    .pagination__num,
    .pagination__dots {
      font-size: clamp(0.5625rem, 0.3636363636rem + 0.8484848485vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.5625rem, 0.3636363636rem + 0.8484848485vw, 1rem)) {

    .pagination__num,
    .pagination__dots {
      font-size: calc(0.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .pagination__num,
  .pagination__dots {
    font-size: 0.5625rem;
  }
}

.pagination__num,
.pagination__dots {
  line-height: 1.25rem;
  transition: background-color 0.25s, color 0.25s;
}

.pagination__num {
  background: rgba(82, 37, 155, 0.1);
  color: var(--color-primary-900);
  text-decoration: none;
}

.pagination__num:hover {
  background: rgba(82, 37, 155, 0.25);
}

.pagination__num--near {
  background: rgba(82, 37, 155, 0.2);
}

.pagination__num--near:hover {
  background: rgba(82, 37, 155, 0.35);
}

.pagination__num--active {
  background: var(--color-primary-900);
  color: #fff;
  pointer-events: none;
}

.pagination__dots {
  background: rgba(82, 37, 155, 0.2);
  color: var(--color-primary-900);
  cursor: default;
  pointer-events: none;
}

.pagination__all-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

@media (min-width: 75.0625em) {
  .pagination__all-btn {
    padding-top: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .pagination__all-btn {
      padding-top: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem);
    }
  }

  @supports not (padding-top: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .pagination__all-btn {
      padding-top: calc(1rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__all-btn {
    padding-top: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .pagination__all-btn {
    padding-left: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem)) {
    .pagination__all-btn {
      padding-left: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem);
    }
  }

  @supports not (padding-left: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem)) {
    .pagination__all-btn {
      padding-left: calc(1.3125rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__all-btn {
    padding-left: 1.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .pagination__all-btn {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .pagination__all-btn {
      padding-bottom: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem);
    }
  }

  @supports not (padding-bottom: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .pagination__all-btn {
      padding-bottom: calc(1rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__all-btn {
    padding-bottom: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .pagination__all-btn {
    padding-right: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem)) {
    .pagination__all-btn {
      padding-right: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem);
    }
  }

  @supports not (padding-right: clamp(1.3125rem, 0.7727272727rem + 2.303030303vw, 2.5rem)) {
    .pagination__all-btn {
      padding-right: calc(1.3125rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__all-btn {
    padding-right: 1.3125rem;
  }
}

.pagination__all-btn {
  border: 1px solid var(--color-primary-900);
  border-radius: 5.25rem;
  font-family: var(--font-primary, "Onest", sans-serif);
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .pagination__all-btn {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .pagination__all-btn {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .pagination__all-btn {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .pagination__all-btn {
    font-size: 0.75rem;
  }
}

.pagination__all-btn {
  line-height: 1.25rem;
  color: var(--color-primary-900);
  text-decoration: none;
  transition: background-color 0.25s, color 0.25s;
}

.pagination__all-btn:hover {
  background: var(--color-primary-900);
  color: #fff;
}

.social-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 2.5rem;
}

.social-bar__icons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.social-bar__icon {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: #1A1D20;
  border: 0.0625rem solid #4A5565;
  border-radius: 50%;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.social-bar__icon img {
  width: 1.125rem;
  height: 1.125rem;
}

.social-bar__icon:hover {
  background: #2A2E33;
  border-color: #6A7282;
}

.social-bar__phone {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0.625rem 0.9375rem;
  background: #1A1D20;
  border: 0.0625rem solid #4A5565;
  border-radius: 2.9375rem;
  text-decoration: none;
}

.social-bar__phone-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(img/icons/phone.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.social-bar__phone-num {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
}

.social-bar__phone-arrow {
  flex-shrink: 0;
  width: 1rem;
  height: 0.4375rem;
  background: #FFFFFF;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.call-widget {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.25rem);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.call-widget__panel {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.625rem;
  background: #1A1D20;
  border: 0.0625rem solid #4A5565;
  border-radius: 1.25rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem) scale(0.96);
  transform-origin: bottom right;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

.call-widget__phone {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  text-decoration: none;
  transition: background 0.3s ease;
}

.call-widget__phone:hover {
  background: #2A2E33;
}

.call-widget__phone-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('../img/phone.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.call-widget__phone-num {
  font-family: "Onest", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #ffffff;
  white-space: nowrap;
}

.call-widget__toggle {
  align-self: flex-end;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  padding: 0;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.call-widget__toggle svg {
  display: block;
  width: 100%;
  height: 100%;
}

.call-widget__toggle:hover {
  transform: scale(1.05);
}

.call-widget.is-open .call-widget__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

@media (max-width: 767.98px) {
  .fp-header.is-scrolled~.call-widget {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.btn {
  display: inline-flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

.btn--empty {
  box-sizing: border-box;
  background: #fff;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 4.6875rem;
  color: #52259B;
  border: 0.0625rem solid #52259B;
}

@media (min-width: 75.0625em) {
  .btn--empty {
    padding-top: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem)) {
    .btn--empty {
      padding-top: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem);
    }
  }

  @supports not (padding-top: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem)) {
    .btn--empty {
      padding-top: calc(0.8125rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty {
    padding-top: 0.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty {
    padding-right: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .btn--empty {
      padding-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    }
  }

  @supports not (padding-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .btn--empty {
      padding-right: calc(1.875rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty {
    padding-right: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty {
    padding-bottom: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem)) {
    .btn--empty {
      padding-bottom: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem);
    }
  }

  @supports not (padding-bottom: clamp(0.8125rem, 0.3863636364rem + 1.8181818182vw, 1.75rem)) {
    .btn--empty {
      padding-bottom: calc(0.8125rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty {
    padding-bottom: 0.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty {
    padding-left: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .btn--empty {
      padding-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    }
  }

  @supports not (padding-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
    .btn--empty {
      padding-left: calc(1.875rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty {
    padding-left: 1.875rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .btn--empty {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .btn--empty {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty {
    font-size: 0.875rem;
  }
}

.btn--empty {
  gap: 1.1875rem;
  transition: background ease 0.3s, border-color ease 0.3s;
}

.btn--empty span {
  padding-right: 0.9375rem;
  background-image: url('../img/icon-arrow.svg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
  transition: filter ease 0.3s;
}

.btn--empty:hover {
  background: #C9A8FF;
  border-color: #C9A8FF;
}

.btn--empty:hover span {
  filter: brightness(100);
}

.btn--empty2 {
  background: #fff;
  display: flex;
}

@media (min-width: 75.0625em) {
  .btn--empty2 {
    padding-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .btn--empty2 {
      padding-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (padding-top: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .btn--empty2 {
      padding-top: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty2 {
    padding-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty2 {
    padding-right: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .btn--empty2 {
      padding-right: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .btn--empty2 {
      padding-right: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty2 {
    padding-right: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty2 {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .btn--empty2 {
      padding-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .btn--empty2 {
      padding-bottom: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty2 {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty2 {
    padding-left: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .btn--empty2 {
      padding-left: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .btn--empty2 {
      padding-left: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty2 {
    padding-left: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .btn--empty2 {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .btn--empty2 {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .btn--empty2 {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .btn--empty2 {
    font-size: 0.875rem;
  }
}

.btn--empty2 {
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  color: #52259B;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  border-radius: 3rem;
  box-sizing: border-box;
  transition: background ease 0.2s;
}

.btn--empty2:hover {
  background: #F5E5FF;
}

.btn--empty3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.5rem;
  width: 100%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 56px;
  font-family: "Onest", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #8c5ea9;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.btn--empty3:hover {
  background: #F5E5FF;
}

.link {
  display: inline-flex;
}

@media (min-width: 75.0625em) {
  .link {
    border-radius: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem)) {
    .link {
      border-radius: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem);
    }
  }

  @supports not (border-radius: clamp(0.3125rem, 0.2272727273rem + 0.3636363636vw, 0.5rem)) {
    .link {
      border-radius: calc(0.3125rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .link {
    border-radius: 0.3125rem;
  }
}

.link {
  background-color: #734FAD;
  background-image: url('../img/arrow-right-top.svg');
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (min-width: 75.0625em) {
  .link {
    width: 3.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.6875rem, 2.3181818182rem + 1.5757575758vw, 3.5rem)) {
    .link {
      width: clamp(2.6875rem, 2.3181818182rem + 1.5757575758vw, 3.5rem);
    }
  }

  @supports not (width: clamp(2.6875rem, 2.3181818182rem + 1.5757575758vw, 3.5rem)) {
    .link {
      width: calc(2.6875rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .link {
    width: 2.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .link {
    height: 3.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.6875rem, 2.3181818182rem + 1.5757575758vw, 3.5rem)) {
    .link {
      height: clamp(2.6875rem, 2.3181818182rem + 1.5757575758vw, 3.5rem);
    }
  }

  @supports not (height: clamp(2.6875rem, 2.3181818182rem + 1.5757575758vw, 3.5rem)) {
    .link {
      height: calc(2.6875rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .link {
    height: 2.6875rem;
  }
}

.link {
  transform: background-color ease 0.2s;
}

.link:hover {
  background-color: #52259B;
}

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

.btn-group span {
  box-sizing: border-box;
  display: flex;
  min-height: 4.375rem;
  padding: 1rem 1.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 3.5rem;
  background: #52259B;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition-duration: 0.3s;
}

.btn-group span:nth-child(1) {
  padding: 1rem 1.875rem;
}

.btn-group span:nth-child(2) {
  margin-left: -0.3125rem;
}

@media screen and (max-width: 600px) {
  .btn-group span .pc-v {
    display: none !important;
  }

  .btn-group span .mobile-v {
    display: block !important;
  }
}

.btn-group:hover span {
  background: #734FAD;
}

@media screen and (max-width: 767.98px) {
  .btn-group span {
    min-height: 2.8125rem;
    padding: 0.875rem 1.25rem;
    font-size: 0.84375rem;
    line-height: 1.0625rem;
    border-radius: 2.375rem;
  }

  .btn-group span:nth-child(1) {
    padding: 0.875rem 1.5rem;
  }

  .btn-group span:nth-child(2) {
    width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    padding: 0;
  }
}

.popup-review {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.66875rem;
  width: 39.9375rem;
  max-width: 90vw;
  padding: 5.8125rem 3.125rem 4.25rem;
  background: #ffffff;
  border: 0.166875rem solid #99a1af;
  border-radius: 1.875rem;
}

@media screen and (max-width: 767.98px) {
  .popup-review {
    padding: 3.75rem 1.5rem 2.5rem;
    gap: 1.25rem;
  }
}

.popup-review__head {
  width: 100%;
  text-align: center;
}

.popup-review__title {
  font-family: "Onest", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.1;
  color: #52259b;
}

@media screen and (max-width: 767.98px) {
  .popup-review__title {
    font-size: 1.875rem;
  }
}

.popup-review__subtitle {
  margin-top: 1.125rem;
  font-family: "Onest", sans-serif;
  font-weight: 400;
  font-size: 1.1625rem;
  line-height: 1.5;
  color: #6a7282;
}

@media screen and (max-width: 768px) {
  .popup-review__subtitle {
    margin-top: 10px;
    line-height: 1.2;
  }
  .popup-review__label{
    font-size: 14px!important;
    margin-bottom: 5px!important;
    display: block;
  }
}

.popup-review__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.3125rem;
  width: 100%;
}

.popup-review__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.popup-review__label {
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.44;
  color: #6a7282;
}

.popup-review__input,
.popup-review__textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.996875rem 1.329375rem;
  font-family: "Onest", sans-serif;
  font-size: 1rem;
  color: #111111;
  background: #f9fafb;
  border: 0.083125rem solid #d1d5dc;
  border-radius: 0.830625rem;
  outline: none;
  transition: border-color 0.3s ease;
}

.popup-review__input::placeholder,
.popup-review__textarea::placeholder {
  color: #99a1af;
}

.popup-review__input:focus,
.popup-review__textarea:focus {
  border-color: #52259b;
}

.popup-review__textarea {
  min-height: 9.125rem;
  line-height: 1.75;
  resize: vertical;
}

.popup-review__rating {
  display: flex;
  align-items: flex-start;
  gap: 0.3325rem;
}

.popup-review__star {
  display: inline-flex;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 0;
}

.popup-review__star svg {
  width: 1.99375rem;
  height: 1.99375rem;
  fill: #d1d5dc;
  stroke: #f9f132;
  stroke-width: 0;
  transition: fill 0.3s ease;
}

.popup-review__star.is-active svg {
  fill: #ffe83a;
}

.popup-review__star:hover svg {
  fill: #fff0a3;
}

.popup-review__submit {
  width: 100%;
  padding: 1.25rem 1.875rem;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 1.1625rem;
  line-height: 1.5;
  color: #ffffff;
  background: #52259b;
  border: none;
  border-radius: 5.375rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.popup-review__submit:hover {
  background: #734fad;
}





.popup-appointment {
  border: 0.166875rem solid #99a1af;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35rem;
  max-width: 90vw;
  padding: 3rem 3rem 2.5rem;
  background: #ffffff;
  border-radius: 1.875rem;
}

@media screen and (max-width: 767.98px) {
  .popup-appointment {
    padding: 2.5rem 1.25rem 2rem;
    border-radius: 1.25rem;
  }
}

.popup-appointment__logo {
  margin-bottom: 1.75rem;
}

.popup-appointment__logo img {
  display: block;
  height: 3rem;
  width: auto;
}

.popup-appointment__title {
  margin-bottom: 1.75rem;
  font-family: "Onest", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.4;
  text-align: center;
  color: #52259b;
}

.popup-appointment__title span {
  color: #111111;
}

@media screen and (max-width: 767.98px) {
  .popup-review__title {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767.98px) {
  .popup-appointment__title {
    font-size: 1.125rem;
  }
}

.popup-appointment__form {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  width: 100%;
}

.popup-appointment__field {
  display: flex;
  flex-direction: column;
}

.popup-appointment__input,
.popup-appointment__textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 1.25rem;
  font-family: "Onest", sans-serif;
  font-size: 0.9375rem;
  color: #111111;
  background: #fafafa;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.875rem;
  outline: none;
  transition: border-color 0.3s ease;
}

.popup-appointment__input::placeholder,
.popup-appointment__textarea::placeholder {
  color: #99a1af;
}

.popup-appointment__input:focus,
.popup-appointment__textarea:focus {
  border-color: #52259b;
}

.popup-appointment__textarea {
  min-height: 6rem;
  line-height: 1.5;
  resize: vertical;
}

.popup-appointment__select {
  position: relative;
  display: flex;
  flex-direction: column;
}

.popup-appointment__trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.9375rem 1.25rem;
  font-family: "Onest", sans-serif;
  font-size: 0.9375rem;
  text-align: left;
  color: #52259b;
  background: #FAFAFA;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.875rem;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.popup-appointment__trigger:hover {
  border-color: #52259b;
}

.popup-appointment__trigger-icon {
  display: inline-flex;
  flex-shrink: 0;
  color: #52259b;
}

.popup-appointment__trigger-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.popup-appointment__trigger-text {
  flex: 1;
}

.popup-appointment__select.is-filled .popup-appointment__trigger-text {
  color: #111111;
}

.popup-appointment__trigger-arrow {
  display: inline-flex;
  flex-shrink: 0;
  color: #52259b;
  transition: transform 0.3s ease;
}

.popup-appointment__trigger-arrow svg {
  width: 1.25rem;
  height: 1.25rem;
}

.popup-appointment__select.is-open .popup-appointment__trigger-arrow {
  transform: rotate(180deg);
}

.popup-appointment__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.625rem);
  left: 0;
  right: 0;
  z-index: 30;
  padding: 1rem 1.25rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.625rem;
  box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
}

.popup-appointment__select.is-open .popup-appointment__dropdown {
  display: block;
  animation: appointment-dropdown 0.3s ease;
}

.popup-appointment__slots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

.popup-appointment__slot {
  padding: 0.625rem 0.375rem;
  font-family: "Onest", sans-serif;
  font-size: 0.875rem;
  color: #111111;
  background: #eeeaf5;
  border: 0.0625rem solid transparent;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.popup-appointment__slot:hover {
  background: #f5e5ff;
  border-color: #c9a8ff;
}

.popup-appointment__slot.is-active {
  color: #ffffff;
  background: #52259b;
  border-color: #52259b;
}

.popup-appointment__submit {
  width: 100%;
  margin-top: 0.375rem;
  padding: 1.125rem 1.875rem;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
  background: #52259b;
  border: none;
  border-radius: 5.375rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.popup-appointment__submit:hover {
  background: #734fad;
}

.popup-review__close,
.popup-appointment__close {
  box-sizing: border-box;
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.popup-review__close span,
.popup-appointment__close span {
  font-family: "Onest", sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  color: #6a7282;
}

.popup-review__close:hover,
.popup-appointment__close:hover {
  background: #f3f4f6;
  border-color: #d1d5dc;
}

.popup-appointment .flatpickr-calendar {
  width: 100%;
  box-shadow: none;
  background: transparent;
  font-family: "Onest", sans-serif;
}

.popup-appointment .flatpickr-calendar.inline {
  top: 0;
}

.popup-appointment .flatpickr-innerContainer,
.popup-appointment .flatpickr-rContainer,
.popup-appointment .flatpickr-weekdaycontainer,
.popup-appointment .flatpickr-weekdays,
.popup-appointment .flatpickr-days,
.popup-appointment .dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.popup-appointment .flatpickr-days {
  border: 0;
}

.popup-appointment .dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.popup-appointment .flatpickr-day {
  flex-basis: 14.2857%;
  max-width: none;
  height: 2.375rem;
  line-height: 2.25rem;
}

.popup-appointment .flatpickr-months {
  align-items: center;
}

.popup-appointment .flatpickr-months .flatpickr-month {
  color: #52259b;
}

.popup-appointment .flatpickr-months .flatpickr-prev-month,
.popup-appointment .flatpickr-months .flatpickr-next-month {
  fill: #52259b;
}

.popup-appointment .flatpickr-months .flatpickr-prev-month svg path,
.popup-appointment .flatpickr-months .flatpickr-next-month svg path {
  fill: #52259b;
}

.popup-appointment .flatpickr-months .flatpickr-prev-month:hover svg path,
.popup-appointment .flatpickr-months .flatpickr-next-month:hover svg path {
  fill: #734fad;
}

.popup-appointment .flatpickr-current-month {
  font-weight: 600;
  font-size: 0.9375rem;
}

.popup-appointment .flatpickr-weekday {
  color: #6a7282;
  font-weight: 500;
}

.popup-appointment .flatpickr-day {
  color: #111111;
  border-radius: 0.625rem;
}

.popup-appointment .flatpickr-day:hover {
  background: #f5e5ff;
  border-color: #f5e5ff;
}

.popup-appointment .flatpickr-day.today {
  color: #52259b;
  border-color: #52259b;
}

.popup-appointment .flatpickr-day.selected,
.popup-appointment .flatpickr-day.selected:hover {
  color: #ffffff;
  background: #52259b;
  border-color: #52259b;
}

.popup-appointment .flatpickr-day.flatpickr-disabled,
.popup-appointment .flatpickr-day.prevMonthDay,
.popup-appointment .flatpickr-day.nextMonthDay {
  color: #d1d5dc;
}

@keyframes appointment-dropdown {
  from {
    opacity: 0;
    transform: translateY(-0.375rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.wpcf7 {
  position: relative;
  width: 100%;
}

.wpcf7 .wpcf7-spinner {
  position: absolute;
}

.popup-thanks {
  height: 40rem;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4.5625rem;
  width: 39.9375rem;
  max-width: 90vw;
  padding: 3.125rem;
  background: #ffffff;
  border: 0.166875rem solid #99a1af;
  border-radius: 1.875rem;
}

@media screen and (max-width: 767.98px) {
  .popup-thanks {
    gap: 2.5rem;
    padding: 2.5rem 1.5rem;
    border-radius: 1.25rem;
  }
}

.popup-thanks__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.9375rem;
  width: 100%;
}

.popup-thanks__icon {
  width: 8.5625rem;
  height: 8.5625rem;
}

.popup-thanks__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 767.98px) {
  .popup-thanks__icon {
    width: 6.875rem;
    height: 6.875rem;
  }
}

.popup-thanks__text {
  width: 100%;
  text-align: center;
}

.popup-thanks__title {
  font-family: "Onest", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.1;
  color: #52259b;
}

@media screen and (max-width: 767.98px) {
  .popup-thanks__title {
    font-size: 1.875rem;
  }
}

.popup-thanks__subtitle {
  margin-top: 1.125rem;
  font-family: "Onest", sans-serif;
  font-weight: 400;
  font-size: 1.1625rem;
  line-height: 1.5;
  color: #6a7282;
}

.popup-thanks__button {
  min-width: 13.6875rem;
  padding: 1.25rem 2.5rem;
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 1.1625rem;
  line-height: 1.5;
  color: #ffffff;
  background: #52259b;
  border: none;
  border-radius: 5.375rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.popup-thanks__button:hover {
  background: #734fad;
}

.popup-thanks__close {
  box-sizing: border-box;
  position: absolute;
  top: 1.625rem;
  right: 1.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  height: 3.25rem;
  background: #ffffff;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.popup-thanks__close span {
  font-family: "Onest", sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1;
  color: #6a7282;
}

.popup-thanks__close:hover {
  background: #f3f4f6;
  border-color: #d1d5dc;
}

@media (min-width: 75.0625em) {
  .page-thanks {
    margin-top: 0rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.1875rem, 3.1818181818rem + -4.2424242424vw, 0rem)) {
    .page-thanks {
      margin-top: clamp(2.1875rem, 3.1818181818rem + -4.2424242424vw, 0rem);
    }
  }

  @supports not (margin-top: clamp(2.1875rem, 3.1818181818rem + -4.2424242424vw, 0rem)) {
    .page-thanks {
      margin-top: calc(2.1875rem + -2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks {
    margin-top: 2.1875rem;
  }
}

.page-thanks+.footer {
  margin-top: 3.125rem;
}

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

@media (min-width: 75.0625em) {
  .page-thanks__img {
    font-size: 19.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem)) {
    .page-thanks__img {
      font-size: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem);
    }
  }

  @supports not (font-size: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem)) {
    .page-thanks__img {
      font-size: calc(9.375rem + 9.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__img {
    font-size: 9.375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__img {
    line-height: 19.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(7.5rem, 2.1875rem + 22.6666666667vw, 19.1875rem)) {
    .page-thanks__img {
      line-height: clamp(7.5rem, 2.1875rem + 22.6666666667vw, 19.1875rem);
    }
  }

  @supports not (line-height: clamp(7.5rem, 2.1875rem + 22.6666666667vw, 19.1875rem)) {
    .page-thanks__img {
      line-height: calc(7.5rem + 11.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__img {
    line-height: 7.5rem;
  }
}

.page-thanks__img img {
  max-width: 80%;
}

@media screen and (max-width: 500px) {
  .page-thanks__img img {
    width: 165px;
  }
}

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

@media (min-width: 75.0625em) {
  .page-thanks__title {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.875rem, 0.4204545455rem + 1.9393939394vw, 1.875rem)) {
    .page-thanks__title {
      margin-bottom: clamp(0.875rem, 0.4204545455rem + 1.9393939394vw, 1.875rem);
    }
  }

  @supports not (margin-bottom: clamp(0.875rem, 0.4204545455rem + 1.9393939394vw, 1.875rem)) {
    .page-thanks__title {
      margin-bottom: calc(0.875rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__title {
    margin-bottom: 0.875rem;
  }
}

.page-thanks__title span {
  color: #52259B;
}

.page-thanks__subtitle {
  color: #6A7282;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

@media (min-width: 75.0625em) {
  .page-thanks__subtitle {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .page-thanks__subtitle {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .page-thanks__subtitle {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__subtitle {
    font-size: 0.875rem;
  }
}

.page-thanks__subtitle span {
  display: block;
  margin-top: 0.625rem;
  color: #6A7282;
}

@media screen and (max-width: 500px) {
  .page-thanks__subtitle {
    margin-top: -20px;
  }
}

.page-thanks__btns {
  align-items: center;
  justify-content: center;
  gap: 1.125rem;
  display: flex;
}

@media (min-width: 75.0625em) {
  .page-thanks__btns {
    padding-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .page-thanks__btns {
      padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .page-thanks__btns {
      padding-top: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns {
    padding-top: 1.25rem;
  }
}

.page-thanks__btns a {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  border-radius: 7.787625rem;
  text-align: center;
  font-size: 1.25rem;
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .page-thanks__btns a {
      font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .page-thanks__btns a {
      font-size: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a {
    font-size: 0.75rem;
  }
}

.page-thanks__btns a {
  font-style: normal;
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a {
    line-height: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .page-thanks__btns a {
      line-height: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .page-thanks__btns a {
      line-height: calc(1.25rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a {
    line-height: 1.25rem;
  }
}

.page-thanks__btns a {
  transition-duration: 0.2s;
  box-sizing: border-box;
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a img {
    width: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-thanks__btns a img {
      width: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (width: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-thanks__btns a img {
      width: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a img {
    width: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a img {
    height: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-thanks__btns a img {
      height: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (height: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-thanks__btns a img {
      height: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a img {
    height: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(1) {
    padding-top: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-top: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(1) {
    padding-top: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(1) {
    padding-right: 2.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-right: calc(1.25rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(1) {
    padding-right: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(1) {
    padding-bottom: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-bottom: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(1) {
    padding-bottom: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(1) {
    padding-left: 2.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-thanks__btns a:nth-child(1) {
      padding-left: calc(1.25rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(1) {
    padding-left: 1.25rem;
  }
}

.page-thanks__btns a:nth-child(1) {
  background: #52259B;
  color: #fff;
}

.page-thanks__btns a:nth-child(1):hover {
  opacity: 0.8;
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(2) {
    padding-top: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-top: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(2) {
    padding-top: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(2) {
    padding-right: 2.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-right: calc(1.25rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(2) {
    padding-right: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(2) {
    padding-bottom: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-bottom: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(2) {
    padding-bottom: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__btns a:nth-child(2) {
    padding-left: 2.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-thanks__btns a:nth-child(2) {
      padding-left: calc(1.25rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__btns a:nth-child(2) {
    padding-left: 1.25rem;
  }
}

.page-thanks__btns a:nth-child(2) {
  color: #364153;
  background: #fff;
  border: 0.095rem solid #D1D5DC;
}

.page-thanks__btns a:nth-child(2):hover {
  background: #F5E5FF;
}

.page-thanks__phones {
  padding-top: 2.9375rem;
  padding-bottom: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .page-thanks__phones {
    gap: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.8125rem, 0.6420454545rem + 0.7272727273vw, 1.1875rem)) {
    .page-thanks__phones {
      gap: clamp(0.8125rem, 0.6420454545rem + 0.7272727273vw, 1.1875rem);
    }
  }

  @supports not (gap: clamp(0.8125rem, 0.6420454545rem + 0.7272727273vw, 1.1875rem)) {
    .page-thanks__phones {
      gap: calc(0.8125rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones {
    gap: 0.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__phones {
    padding-top: 2.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.375rem, 0.6647727273rem + 3.0303030303vw, 2.9375rem)) {
    .page-thanks__phones {
      padding-top: clamp(1.375rem, 0.6647727273rem + 3.0303030303vw, 2.9375rem);
    }
  }

  @supports not (padding-top: clamp(1.375rem, 0.6647727273rem + 3.0303030303vw, 2.9375rem)) {
    .page-thanks__phones {
      padding-top: calc(1.375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones {
    padding-top: 1.375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__phones {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0rem, -1.1363636364rem + 4.8484848485vw, 2.5rem)) {
    .page-thanks__phones {
      padding-bottom: clamp(0rem, -1.1363636364rem + 4.8484848485vw, 2.5rem);
    }
  }

  @supports not (padding-bottom: clamp(0rem, -1.1363636364rem + 4.8484848485vw, 2.5rem)) {
    .page-thanks__phones {
      padding-bottom: calc(0rem + 2.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones {
    padding-bottom: 0rem;
  }
}

@media screen and (max-width: 768px) {
  .page-thanks__phones {
    margin: auto;
    max-width: 240px;
  }
}

.page-thanks__phones span {
  flex-shrink: 0;
  display: flex;
  background: #52259B;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 6px solid #E5DFF0;
}

@media (min-width: 75.0625em) {
  .page-thanks__phones span {
    width: 3.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.75rem, 2.2386363636rem + 2.1818181818vw, 3.875rem)) {
    .page-thanks__phones span {
      width: clamp(2.75rem, 2.2386363636rem + 2.1818181818vw, 3.875rem);
    }
  }

  @supports not (width: clamp(2.75rem, 2.2386363636rem + 2.1818181818vw, 3.875rem)) {
    .page-thanks__phones span {
      width: calc(2.75rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones span {
    width: 2.75rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__phones span {
    height: 3.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.75rem, 2.2386363636rem + 2.1818181818vw, 3.875rem)) {
    .page-thanks__phones span {
      height: clamp(2.75rem, 2.2386363636rem + 2.1818181818vw, 3.875rem);
    }
  }

  @supports not (height: clamp(2.75rem, 2.2386363636rem + 2.1818181818vw, 3.875rem)) {
    .page-thanks__phones span {
      height: calc(2.75rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones span {
    height: 2.75rem;
  }
}

@media screen and (max-width: 768px) {
  .page-thanks__phones span {
    border: 4px solid #E5DFF0;
  }
}

.page-thanks__phones span img {
  width: 55%;
}

.page-thanks__phones ul {
  align-items: center;
  display: flex;
}

@media (min-width: 75.0625em) {
  .page-thanks__phones ul {
    gap: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0rem, -0.5397727273rem + 2.303030303vw, 1.1875rem)) {
    .page-thanks__phones ul {
      gap: clamp(0rem, -0.5397727273rem + 2.303030303vw, 1.1875rem);
    }
  }

  @supports not (gap: clamp(0rem, -0.5397727273rem + 2.303030303vw, 1.1875rem)) {
    .page-thanks__phones ul {
      gap: calc(0rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones ul {
    gap: 0rem;
  }
}

.page-thanks__phones ul {
  flex-wrap: wrap;
}

.page-thanks__phones ul li {
  display: flex;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .page-thanks__phones ul li {
    gap: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0rem, -0.5397727273rem + 2.303030303vw, 1.1875rem)) {
    .page-thanks__phones ul li {
      gap: clamp(0rem, -0.5397727273rem + 2.303030303vw, 1.1875rem);
    }
  }

  @supports not (gap: clamp(0rem, -0.5397727273rem + 2.303030303vw, 1.1875rem)) {
    .page-thanks__phones ul li {
      gap: calc(0rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones ul li {
    gap: 0rem;
  }
}

.page-thanks__phones ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #A790CC;
  border-radius: 0.625rem;
}

@media screen and (max-width: 768px) {
  .page-thanks__phones ul li:not(:last-child)::after {
    display: none;
  }
}

.page-thanks__phones ul a {
  color: rgba(82, 37, 155, 0.5);
  font-style: normal;
  line-height: 2.5625rem;
}

@media (min-width: 75.0625em) {
  .page-thanks__phones ul a {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .page-thanks__phones ul a {
      font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.7727272727rem + 0.9696969697vw, 1.5rem)) {
    .page-thanks__phones ul a {
      font-size: calc(1rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones ul a {
    font-size: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .page-thanks__phones ul a {
    line-height: 2.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.875rem, 1.5625rem + 1.3333333333vw, 2.5625rem)) {
    .page-thanks__phones ul a {
      line-height: clamp(1.875rem, 1.5625rem + 1.3333333333vw, 2.5625rem);
    }
  }

  @supports not (line-height: clamp(1.875rem, 1.5625rem + 1.3333333333vw, 2.5625rem)) {
    .page-thanks__phones ul a {
      line-height: calc(1.875rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-thanks__phones ul a {
    line-height: 1.875rem;
  }
}

.page-404+.footer {
  margin-top: 3.125rem;
}

.page-404 .page-body {
  text-align: center;
}

.page-404__img {
  color: rgba(82, 37, 155, 0.5);
  text-align: center;
  font-weight: 800;
}

@media (min-width: 75.0625em) {
  .page-404__img {
    font-size: 19.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem)) {
    .page-404__img {
      font-size: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem);
    }
  }

  @supports not (font-size: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem)) {
    .page-404__img {
      font-size: calc(9.375rem + 9.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__img {
    font-size: 9.375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__img {
    line-height: 19.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem)) {
    .page-404__img {
      line-height: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem);
    }
  }

  @supports not (line-height: clamp(9.375rem, 4.9147727273rem + 19.0303030303vw, 19.1875rem)) {
    .page-404__img {
      line-height: calc(9.375rem + 9.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__img {
    line-height: 9.375rem;
  }
}

.page-404__img img {
  max-width: 100%;
}

.page-404__title {
  text-align: center;
  margin-top: -6.75rem;
}

@media (min-width: 75.0625em) {
  .page-404__title {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .page-404__title {
      margin-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem);
    }
  }

  @supports not (margin-bottom: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .page-404__title {
      margin-bottom: calc(0rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__title {
    margin-bottom: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__title .g-title {
    margin-top: 0rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(2.5rem, 3.6363636364rem + -4.8484848485vw, 0rem)) {
    .page-404__title .g-title {
      margin-top: clamp(2.5rem, 3.6363636364rem + -4.8484848485vw, 0rem);
    }
  }

  @supports not (margin-top: clamp(2.5rem, 3.6363636364rem + -4.8484848485vw, 0rem)) {
    .page-404__title .g-title {
      margin-top: calc(2.5rem + -2.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__title .g-title {
    margin-top: 2.5rem;
  }
}

.page-404__title span {
  color: #52259B;
}

.page-404__subtitle {
  color: #6A7282;
  text-align: center;
}

@media (min-width: 75.0625em) {
  .page-404__subtitle {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .page-404__subtitle {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .page-404__subtitle {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__subtitle {
    font-size: 0.875rem;
  }
}

.page-404__subtitle {
  font-style: normal;
  line-height: 130%;
}

.page-404__btns {
  align-items: center;
  justify-content: center;
  gap: 1.125rem;
  display: flex;
}

@media (min-width: 75.0625em) {
  .page-404__btns {
    padding-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .page-404__btns {
      padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .page-404__btns {
      padding-top: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns {
    padding-top: 1.25rem;
  }
}

.page-404__btns a {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  border-radius: 7.787625rem;
  text-align: center;
  font-size: 1.25rem;
}

@media (min-width: 75.0625em) {
  .page-404__btns a {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .page-404__btns a {
      font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .page-404__btns a {
      font-size: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a {
    font-size: 0.75rem;
  }
}

.page-404__btns a {
  font-style: normal;
  font-weight: 400;
}

@media (min-width: 75.0625em) {
  .page-404__btns a {
    line-height: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .page-404__btns a {
      line-height: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 0.9090909091rem + 1.4545454545vw, 2rem)) {
    .page-404__btns a {
      line-height: calc(1.25rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a {
    line-height: 1.25rem;
  }
}

.page-404__btns a {
  transition-duration: 0.2s;
  box-sizing: border-box;
}

@media (min-width: 75.0625em) {
  .page-404__btns a img {
    width: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-404__btns a img {
      width: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (width: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-404__btns a img {
      width: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a img {
    width: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a img {
    height: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-404__btns a img {
      height: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem);
    }
  }

  @supports not (height: clamp(0.9375rem, 0.6534090909rem + 1.2121212121vw, 1.5625rem)) {
    .page-404__btns a img {
      height: calc(0.9375rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a img {
    height: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(1) {
    padding-top: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(1) {
      padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(1) {
      padding-top: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(1) {
    padding-top: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(1) {
    padding-right: 2.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-404__btns a:nth-child(1) {
      padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-404__btns a:nth-child(1) {
      padding-right: calc(1.25rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(1) {
    padding-right: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(1) {
    padding-bottom: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(1) {
      padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(1) {
      padding-bottom: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(1) {
    padding-bottom: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(1) {
    padding-left: 2.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-404__btns a:nth-child(1) {
      padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-404__btns a:nth-child(1) {
      padding-left: calc(1.25rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(1) {
    padding-left: 1.25rem;
  }
}

.page-404__btns a:nth-child(1) {
  background: #52259B;
  color: #fff;
}

.page-404__btns a:nth-child(1):hover {
  opacity: 0.8;
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(2) {
    padding-top: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(2) {
      padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-top: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(2) {
      padding-top: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(2) {
    padding-top: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(2) {
    padding-right: 2.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-404__btns a:nth-child(2) {
      padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, 0.4829545455rem + 3.2727272727vw, 2.9375rem)) {
    .page-404__btns a:nth-child(2) {
      padding-right: calc(1.25rem + 1.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(2) {
    padding-right: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(2) {
    padding-bottom: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(2) {
      padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem);
    }
  }

  @supports not (padding-bottom: clamp(0.6875rem, 0.4602272727rem + 0.9696969697vw, 1.1875rem)) {
    .page-404__btns a:nth-child(2) {
      padding-bottom: calc(0.6875rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(2) {
    padding-bottom: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__btns a:nth-child(2) {
    padding-left: 2.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-404__btns a:nth-child(2) {
      padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.625rem + 2.6666666667vw, 2.625rem)) {
    .page-404__btns a:nth-child(2) {
      padding-left: calc(1.25rem + 1.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__btns a:nth-child(2) {
    padding-left: 1.25rem;
  }
}

.page-404__btns a:nth-child(2) {
  color: #364153;
  background: #fff;
  border: 0.095rem solid #D1D5DC;
}

.page-404__btns a:nth-child(2):hover {
  background: #F5E5FF;
}

.page-404__bottom {
  display: inline-block;
  text-align: center;
  margin-top: 3.4375rem;
  padding-top: 3.125rem;
  color: #99A1AF;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 1.978125rem;
  border-top: 0.0625rem solid #E5E7EB;
}

@media (min-width: 75.0625em) {
  .page-404__bottom {
    margin-top: 3.4375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(4rem, 4.2556818182rem + -1.0909090909vw, 3.4375rem)) {
    .page-404__bottom {
      margin-top: clamp(4rem, 4.2556818182rem + -1.0909090909vw, 3.4375rem);
    }
  }

  @supports not (margin-top: clamp(4rem, 4.2556818182rem + -1.0909090909vw, 3.4375rem)) {
    .page-404__bottom {
      margin-top: calc(4rem + -0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__bottom {
    margin-top: 4rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__bottom {
    padding-top: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.9375rem, -0.0568181818rem + 4.2424242424vw, 3.125rem)) {
    .page-404__bottom {
      padding-top: clamp(0.9375rem, -0.0568181818rem + 4.2424242424vw, 3.125rem);
    }
  }

  @supports not (padding-top: clamp(0.9375rem, -0.0568181818rem + 4.2424242424vw, 3.125rem)) {
    .page-404__bottom {
      padding-top: calc(0.9375rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__bottom {
    padding-top: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__bottom {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .page-404__bottom {
      font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .page-404__bottom {
      font-size: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__bottom {
    font-size: 0.75rem;
  }
}

@media (max-width: 55.625em) {
  .page-404__bottom {
    display: block;
  }
}

@media (min-width: 75.0625em) {
  .page-404__tags {
    padding-top: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -0.8522727273rem + 3.6363636364vw, 1.875rem)) {
    .page-404__tags {
      padding-top: clamp(0rem, -0.8522727273rem + 3.6363636364vw, 1.875rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -0.8522727273rem + 3.6363636364vw, 1.875rem)) {
    .page-404__tags {
      padding-top: calc(0rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags {
    padding-top: 0rem;
  }
}

.page-404__tags {
  --filter-gap: 0.3125rem;
  visibility: visible !important;
}

.page-404__tags ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75.0625em) {
  .page-404__tags ul {
    gap: 1.1875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.3125rem, -0.0852272727rem + 1.696969697vw, 1.1875rem)) {
    .page-404__tags ul {
      gap: clamp(0.3125rem, -0.0852272727rem + 1.696969697vw, 1.1875rem);
    }
  }

  @supports not (gap: clamp(0.3125rem, -0.0852272727rem + 1.696969697vw, 1.1875rem)) {
    .page-404__tags ul {
      gap: calc(0.3125rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags ul {
    gap: 0.3125rem;
  }
}

.page-404__tags.is-initialized ul {
  gap: 0;
  justify-content: flex-start;
}

.page-404__tags a {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  border: 1px solid #E5E7EB;
  color: #6A7282;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition-duration: 0.2s;
}

@media (min-width: 75.0625em) {
  .page-404__tags a {
    line-height: 1.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.125rem, 0.7556818182rem + 1.5757575758vw, 1.9375rem)) {
    .page-404__tags a {
      line-height: clamp(1.125rem, 0.7556818182rem + 1.5757575758vw, 1.9375rem);
    }
  }

  @supports not (line-height: clamp(1.125rem, 0.7556818182rem + 1.5757575758vw, 1.9375rem)) {
    .page-404__tags a {
      line-height: calc(1.125rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags a {
    line-height: 1.125rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__tags a {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .page-404__tags a {
      font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .page-404__tags a {
      font-size: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags a {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__tags a {
    padding-top: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .page-404__tags a {
      padding-top: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem);
    }
  }

  @supports not (padding-top: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .page-404__tags a {
      padding-top: calc(0.3125rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags a {
    padding-top: 0.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__tags a {
    padding-right: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1rem, 0.6590909091rem + 1.4545454545vw, 1.75rem)) {
    .page-404__tags a {
      padding-right: clamp(1rem, 0.6590909091rem + 1.4545454545vw, 1.75rem);
    }
  }

  @supports not (padding-right: clamp(1rem, 0.6590909091rem + 1.4545454545vw, 1.75rem)) {
    .page-404__tags a {
      padding-right: calc(1rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags a {
    padding-right: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__tags a {
    padding-bottom: 0.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .page-404__tags a {
      padding-bottom: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem);
    }
  }

  @supports not (padding-bottom: clamp(0.3125rem, 0.1988636364rem + 0.4848484848vw, 0.5625rem)) {
    .page-404__tags a {
      padding-bottom: calc(0.3125rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags a {
    padding-bottom: 0.3125rem;
  }
}

@media (min-width: 75.0625em) {
  .page-404__tags a {
    padding-left: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1rem, 0.6590909091rem + 1.4545454545vw, 1.75rem)) {
    .page-404__tags a {
      padding-left: clamp(1rem, 0.6590909091rem + 1.4545454545vw, 1.75rem);
    }
  }

  @supports not (padding-left: clamp(1rem, 0.6590909091rem + 1.4545454545vw, 1.75rem)) {
    .page-404__tags a {
      padding-left: calc(1rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-404__tags a {
    padding-left: 1rem;
  }
}

.page-404__tags a::before {
  flex-shrink: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #C9A8FF;
  display: inline-block;
  border-radius: 0.625rem;
  display: none;
  transition-duration: 0.2s;
}

.page-404__tags a:hover {
  background: #52259B;
  color: #fff;
}

.page-404__tags a:hover::before {
  display: block;
}

.contacts+.footer {
  margin-top: 3.125rem;
}

.contacts__grid {
  background: #fff;
}

@media (min-width: 75.0625em) {
  .contacts__grid {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .contacts__grid {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .contacts__grid {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__grid {
    border-radius: 0.9375rem;
  }
}

.contacts__grid {
  margin-top: 1.875rem;
  display: grid;
}

@media (min-width: 75.0625em) {
  .contacts__grid {
    padding-top: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -0.7102272727rem + 3.0303030303vw, 1.5625rem)) {
    .contacts__grid {
      padding-top: clamp(0rem, -0.7102272727rem + 3.0303030303vw, 1.5625rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -0.7102272727rem + 3.0303030303vw, 1.5625rem)) {
    .contacts__grid {
      padding-top: calc(0rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__grid {
    padding-top: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .contacts__grid {
    padding-left: 3.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.9375rem, -0.3409090909rem + 5.4545454545vw, 3.75rem)) {
    .contacts__grid {
      padding-left: clamp(0.9375rem, -0.3409090909rem + 5.4545454545vw, 3.75rem);
    }
  }

  @supports not (padding-left: clamp(0.9375rem, -0.3409090909rem + 5.4545454545vw, 3.75rem)) {
    .contacts__grid {
      padding-left: calc(0.9375rem + 2.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__grid {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .contacts__grid {
    padding-right: 3.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(0.9375rem, -0.3409090909rem + 5.4545454545vw, 3.75rem)) {
    .contacts__grid {
      padding-right: clamp(0.9375rem, -0.3409090909rem + 5.4545454545vw, 3.75rem);
    }
  }

  @supports not (padding-right: clamp(0.9375rem, -0.3409090909rem + 5.4545454545vw, 3.75rem)) {
    .contacts__grid {
      padding-right: calc(0.9375rem + 2.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__grid {
    padding-right: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .contacts__grid {
    padding-bottom: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(1.25rem, 0.3977272727rem + 3.6363636364vw, 3.125rem)) {
    .contacts__grid {
      padding-bottom: clamp(1.25rem, 0.3977272727rem + 3.6363636364vw, 3.125rem);
    }
  }

  @supports not (padding-bottom: clamp(1.25rem, 0.3977272727rem + 3.6363636364vw, 3.125rem)) {
    .contacts__grid {
      padding-bottom: calc(1.25rem + 1.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__grid {
    padding-bottom: 1.25rem;
  }
}

.contacts__grid {
  grid-template-columns: 42.8125rem 45rem;
  justify-content: space-between;
}

@media (min-width: 75.0625em) {
  .contacts__grid {
    gap: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .contacts__grid {
      gap: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem);
    }
  }

  @supports not (gap: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .contacts__grid {
      gap: calc(1.25rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__grid {
    gap: 1.25rem;
  }
}

@media screen and (max-width: 1620px) {
  .contacts__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 992px) {
  .contacts__grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 75.0625em) {
  .contacts .hero {
    margin-bottom: 2.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.125rem, -0.8693181818rem + 4.2424242424vw, 2.3125rem)) {
    .contacts .hero {
      margin-bottom: clamp(0.125rem, -0.8693181818rem + 4.2424242424vw, 2.3125rem);
    }
  }

  @supports not (margin-bottom: clamp(0.125rem, -0.8693181818rem + 4.2424242424vw, 2.3125rem)) {
    .contacts .hero {
      margin-bottom: calc(0.125rem + 2.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts .hero {
    margin-bottom: 0.125rem;
  }
}

.contacts__items {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

@media (min-width: 75.0625em) {
  .contacts__items {
    gap: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem)) {
    .contacts__items {
      gap: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.1988636364rem + 1.8181818182vw, 1.5625rem)) {
    .contacts__items {
      gap: calc(0.625rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__items {
    gap: 0.625rem;
  }
}

.contacts__r {
  padding-top: 1.25rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .contacts__r {
    padding-top: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .contacts__r {
      padding-top: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -0.5681818182rem + 2.4242424242vw, 1.25rem)) {
    .contacts__r {
      padding-top: calc(0rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__r {
    padding-top: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .contacts__r {
    gap: 1.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.5rem, -0.0113636364rem + 2.1818181818vw, 1.625rem)) {
    .contacts__r {
      gap: clamp(0.5rem, -0.0113636364rem + 2.1818181818vw, 1.625rem);
    }
  }

  @supports not (gap: clamp(0.5rem, -0.0113636364rem + 2.1818181818vw, 1.625rem)) {
    .contacts__r {
      gap: calc(0.5rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__r {
    gap: 0.5rem;
  }
}

.contacts__map {
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.08125rem;
  height: 25.8125rem;
  background: #fff;
  border: 0.08125rem solid #E5E7EB;
}

@media (min-width: 75.0625em) {
  .contacts__map {
    border-radius: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .contacts__map {
      border-radius: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .contacts__map {
      border-radius: calc(0.9375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__map {
    border-radius: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .contacts__map {
    height: 180px;
  }
}

.contacts__map-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (min-width: 75.0625em) {
  .contacts__map-frame {
    border-radius: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .contacts__map-frame {
      border-radius: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.7954545455rem + 0.6060606061vw, 1.25rem)) {
    .contacts__map-frame {
      border-radius: calc(0.9375rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .contacts__map-frame {
    border-radius: 0.9375rem;
  }
}

.contacts__map-frame {
  background: #EEEEEE;
  filter: grayscale(1);
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .contacts .hero__tag {
    margin-top: 30px;
    justify-content: center;
  }

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

  .contacts .hero__description {
    padding-top: 3px;
    text-align: center;
  }

  .contacts .hero__description br {
    display: none;
  }
}

.ct-it {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 1.25rem;
  border: 1px solid #EBEBEB;
  background: #FFF;
  transition-duration: 0.2s;
}

@media (min-width: 75.0625em) {
  .ct-it {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .ct-it {
      font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8181818182rem + 0.2424242424vw, 1rem)) {
    .ct-it {
      font-size: calc(0.875rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .ct-it {
    padding: 1.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.9375rem, 0.5397727273rem + 1.696969697vw, 1.8125rem)) {
    .ct-it {
      padding: clamp(0.9375rem, 0.5397727273rem + 1.696969697vw, 1.8125rem);
    }
  }

  @supports not (padding: clamp(0.9375rem, 0.5397727273rem + 1.696969697vw, 1.8125rem)) {
    .ct-it {
      padding: calc(0.9375rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it {
    padding: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .ct-it {
    gap: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .ct-it {
      gap: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.3409090909rem + 1.2121212121vw, 1.25rem)) {
    .ct-it {
      gap: calc(0.625rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it {
    gap: 0.625rem;
  }
}

.ct-it {
  line-height: 1.5;
}

.ct-it__body {
  box-sizing: border-box;
  width: 100%;
}

.ct-it__icon {
  flex-shrink: 0;
  display: flex;
}

@media (min-width: 75.0625em) {
  .ct-it__icon {
    width: 3.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.5rem, 2.1022727273rem + 1.696969697vw, 3.375rem)) {
    .ct-it__icon {
      width: clamp(2.5rem, 2.1022727273rem + 1.696969697vw, 3.375rem);
    }
  }

  @supports not (width: clamp(2.5rem, 2.1022727273rem + 1.696969697vw, 3.375rem)) {
    .ct-it__icon {
      width: calc(2.5rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it__icon {
    width: 2.5rem;
  }
}

@media (min-width: 75.0625em) {
  .ct-it__icon {
    height: 3.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.5rem, 2.1022727273rem + 1.696969697vw, 3.375rem)) {
    .ct-it__icon {
      height: clamp(2.5rem, 2.1022727273rem + 1.696969697vw, 3.375rem);
    }
  }

  @supports not (height: clamp(2.5rem, 2.1022727273rem + 1.696969697vw, 3.375rem)) {
    .ct-it__icon {
      height: calc(2.5rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it__icon {
    height: 2.5rem;
  }
}

.ct-it__icon {
  justify-content: center;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .ct-it__icon {
    border-radius: 0.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .ct-it__icon {
      border-radius: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem);
    }
  }

  @supports not (border-radius: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem)) {
    .ct-it__icon {
      border-radius: calc(0.375rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it__icon {
    border-radius: 0.375rem;
  }
}

.ct-it__icon {
  background: #F4EFF7;
}

@media screen and (max-width: 768px) {
  .ct-it__icon img {
    max-width: 50%;
  }
}

.ct-it__title {
  color: #1A1D20;
}

@media (min-width: 75.0625em) {
  .ct-it__title {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem)) {
    .ct-it__title {
      font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem)) {
    .ct-it__title {
      font-size: calc(1rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it__title {
    font-size: 1rem;
  }
}

.ct-it__title {
  font-weight: 500;
  line-height: 1.7251875rem;
  padding-bottom: 0.375rem;
}

@media screen and (max-width: 768px) {
  .ct-it__title {
    padding-bottom: 0.625rem;
  }
}

.ct-it__address {
  color: #6A7282;
}

.ct-it__maplink a {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .ct-it__maplink a {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .ct-it__maplink a {
      font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .ct-it__maplink a {
      font-size: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it__maplink a {
    font-size: 0.75rem;
  }
}

.ct-it__maplink a {
  padding-top: 0.625rem;
  color: #6A7282;
}

.ct-it__phones {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

@media screen and (max-width: 540px) {
  .ct-it__phones {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}

.ct-it__phones li {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.ct-it__phones li:not(:last-child)::after {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  background: #D9D9D9;
  display: inline-block;
  border-radius: 0.625rem;
}

@media screen and (max-width: 540px) {
  .ct-it__phones li:not(:last-child)::after {
    display: none;
  }
}

.ct-it__phones a {
  color: #6A7282;
}

@media (min-width: 75.0625em) {
  .ct-it__phones a {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .ct-it__phones a {
      font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .ct-it__phones a {
      font-size: calc(0.875rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .ct-it__phones a {
    font-size: 0.875rem;
  }
}

.ct-it__phones a {
  line-height: 1.6101875rem;
}

.ct-it__subtext {
  color: #99A1AF;
  line-height: 1.380125rem;
  padding-top: 0.25rem;
}

.ct-it__item b {
  display: block;
  font-size: 1.125rem;
}

.ct-it__item a,
.ct-it__item p {
  color: #6A7282;
}

.ct-it__email a {
  color: #6A7282;
  line-height: 1.6101875rem;
}

.ct-it__schedule {
  padding-top: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

@media screen and (max-width: 768px) {
  .ct-it__schedule {
    gap: 0;
    padding-top: 0;
    font-size: 12px;
  }
}

.ct-it__schedule__row {
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
}

.ct-it__schedule p {
  color: #6A7282;
}

.ct-it__schedule p span {
  color: #99A1AF;
}

.ct-it__schedule span {
  color: #364153;
}

.ct-it .social-networks {
  padding-top: 0.625rem;
}

.ct-it:hover {
  background: #8C5EA9;
}

.ct-it:hover * {
  color: #fff;
}

.ct-it:hover .ct-it__icon {
  background: #fff;
}

.ct-it:hover .ct-it__maplink svg path {
  stroke: #fff;
}

.appoint {
  box-sizing: border-box;
  height: 100%;
}

@media (min-width: 75.0625em) {
  .appoint {
    padding: 2.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.3125rem, 0.6590909091rem + 2.7878787879vw, 2.75rem)) {
    .appoint {
      padding: clamp(1.3125rem, 0.6590909091rem + 2.7878787879vw, 2.75rem);
    }
  }

  @supports not (padding: clamp(1.3125rem, 0.6590909091rem + 2.7878787879vw, 2.75rem)) {
    .appoint {
      padding: calc(1.3125rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint {
    padding: 1.3125rem;
  }
}

.appoint {
  background: #8C5EA9;
  border: 1px solid #E5E7EB;
}

@media (min-width: 75.0625em) {
  .appoint {
    border-radius: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .appoint {
      border-radius: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem);
    }
  }

  @supports not (border-radius: clamp(0.75rem, 0.5227272727rem + 0.9696969697vw, 1.25rem)) {
    .appoint {
      border-radius: calc(0.75rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint {
    border-radius: 0.75rem;
  }
}

.appoint__head {
  text-align: center;
}

@media (min-width: 75.0625em) {
  .appoint__head {
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.625rem, 0.1136363636rem + 2.1818181818vw, 1.75rem)) {
    .appoint__head {
      margin-bottom: clamp(0.625rem, 0.1136363636rem + 2.1818181818vw, 1.75rem);
    }
  }

  @supports not (margin-bottom: clamp(0.625rem, 0.1136363636rem + 2.1818181818vw, 1.75rem)) {
    .appoint__head {
      margin-bottom: calc(0.625rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__head {
    margin-bottom: 0.625rem;
  }
}

.appoint__title {
  color: #fff;
}

@media (min-width: 75.0625em) {
  .appoint__title {
    font-size: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem)) {
    .appoint__title {
      font-size: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.5454545455rem + 1.9393939394vw, 2rem)) {
    .appoint__title {
      font-size: calc(1rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__title {
    font-size: 1rem;
  }
}

.appoint__title {
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .appoint__title {
    line-height: 2.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.6875rem, 1.2329545455rem + 1.9393939394vw, 2.6875rem)) {
    .appoint__title {
      line-height: clamp(1.6875rem, 1.2329545455rem + 1.9393939394vw, 2.6875rem);
    }
  }

  @supports not (line-height: clamp(1.6875rem, 1.2329545455rem + 1.9393939394vw, 2.6875rem)) {
    .appoint__title {
      line-height: calc(1.6875rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__title {
    line-height: 1.6875rem;
  }
}

.appoint__subtitle {
  color: #FAFAFA;
}

@media (min-width: 75.0625em) {
  .appoint__subtitle {
    font-size: 1.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6079545455rem + 0.6060606061vw, 1.0625rem)) {
    .appoint__subtitle {
      font-size: clamp(0.75rem, 0.6079545455rem + 0.6060606061vw, 1.0625rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6079545455rem + 0.6060606061vw, 1.0625rem)) {
    .appoint__subtitle {
      font-size: calc(0.75rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__subtitle {
    font-size: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .appoint__subtitle {
    line-height: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem)) {
    .appoint__subtitle {
      line-height: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem);
    }
  }

  @supports not (line-height: clamp(1rem, 0.7443181818rem + 1.0909090909vw, 1.5625rem)) {
    .appoint__subtitle {
      line-height: calc(1rem + 0.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__subtitle {
    line-height: 1rem;
  }
}

@media (min-width: 75.0625em) {
  .appoint__subtitle {
    padding-top: 0.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.125rem, 0.0113636364rem + 0.4848484848vw, 0.375rem)) {
    .appoint__subtitle {
      padding-top: clamp(0.125rem, 0.0113636364rem + 0.4848484848vw, 0.375rem);
    }
  }

  @supports not (padding-top: clamp(0.125rem, 0.0113636364rem + 0.4848484848vw, 0.375rem)) {
    .appoint__subtitle {
      padding-top: calc(0.125rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__subtitle {
    padding-top: 0.125rem;
  }
}

.appoint__form {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
}

@media (min-width: 75.0625em) {
  .appoint__form {
    gap: 1.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.8125rem, 0.5852272727rem + 0.9696969697vw, 1.3125rem)) {
    .appoint__form {
      gap: clamp(0.8125rem, 0.5852272727rem + 0.9696969697vw, 1.3125rem);
    }
  }

  @supports not (gap: clamp(0.8125rem, 0.5852272727rem + 0.9696969697vw, 1.3125rem)) {
    .appoint__form {
      gap: calc(0.8125rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__form {
    gap: 0.8125rem;
  }
}

.appoint__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.appoint__label {
  color: #fff;
}

@media (min-width: 75.0625em) {
  .appoint__label {
    font-size: 1.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6079545455rem + 0.6060606061vw, 1.0625rem)) {
    .appoint__label {
      font-size: clamp(0.75rem, 0.6079545455rem + 0.6060606061vw, 1.0625rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6079545455rem + 0.6060606061vw, 1.0625rem)) {
    .appoint__label {
      font-size: calc(0.75rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__label {
    font-size: 0.75rem;
  }
}

.appoint__label {
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .appoint__label {
    line-height: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .appoint__label {
      line-height: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem);
    }
  }

  @supports not (line-height: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .appoint__label {
      line-height: calc(1.125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__label {
    line-height: 1.125rem;
  }
}

.appoint__input,
.appoint__textarea {
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 75.0625em) {

  .appoint__input,
  .appoint__textarea {
    padding: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem)) {

    .appoint__input,
    .appoint__textarea {
      padding: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem);
    }
  }

  @supports not (padding: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem)) {

    .appoint__input,
    .appoint__textarea {
      padding: calc(0.8125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .appoint__input,
  .appoint__textarea {
    padding: 0.8125rem;
  }
}

@media (min-width: 75.0625em) {

  .appoint__input,
  .appoint__textarea {
    padding-top: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {

    .appoint__input,
    .appoint__textarea {
      padding-top: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (padding-top: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {

    .appoint__input,
    .appoint__textarea {
      padding-top: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .appoint__input,
  .appoint__textarea {
    padding-top: 0.75rem;
  }
}

@media (min-width: 75.0625em) {

  .appoint__input,
  .appoint__textarea {
    padding-bottom: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {

    .appoint__input,
    .appoint__textarea {
      padding-bottom: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (padding-bottom: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {

    .appoint__input,
    .appoint__textarea {
      padding-bottom: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .appoint__input,
  .appoint__textarea {
    padding-bottom: 0.75rem;
  }
}

.appoint__input,
.appoint__textarea {
  font-family: "Onest", sans-serif;
}

@media (min-width: 75.0625em) {

  .appoint__input,
  .appoint__textarea {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {

    .appoint__input,
    .appoint__textarea {
      font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {

    .appoint__input,
    .appoint__textarea {
      font-size: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .appoint__input,
  .appoint__textarea {
    font-size: 0.75rem;
  }
}

.appoint__input,
.appoint__textarea {
  line-height: 1.4375rem;
  color: #364153;
  background: #fff;
  border: 0.08125rem solid #D1D5DC;
}

@media (min-width: 75.0625em) {

  .appoint__input,
  .appoint__textarea {
    border-radius: 0.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.5rem, 0.3579545455rem + 0.6060606061vw, 0.8125rem)) {

    .appoint__input,
    .appoint__textarea {
      border-radius: clamp(0.5rem, 0.3579545455rem + 0.6060606061vw, 0.8125rem);
    }
  }

  @supports not (border-radius: clamp(0.5rem, 0.3579545455rem + 0.6060606061vw, 0.8125rem)) {

    .appoint__input,
    .appoint__textarea {
      border-radius: calc(0.5rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {

  .appoint__input,
  .appoint__textarea {
    border-radius: 0.5rem;
  }
}

.appoint__input,
.appoint__textarea {
  outline: none;
  transition: border-color 0.2s;
}

.appoint__input::placeholder,
.appoint__textarea::placeholder {
  color: #D1D5DC;
}

.appoint__input:focus,
.appoint__textarea:focus {
  border-color: #52259B;
}

.appoint__textarea {
  min-height: 7.1875rem;
  line-height: 1.6875rem;
  resize: vertical;
}

.appoint__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  margin-top: 0.25rem;
}

@media (min-width: 75.0625em) {
  .appoint__submit {
    padding: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(0.625rem, 0.3977272727rem + 0.9696969697vw, 1.125rem)) {
    .appoint__submit {
      padding: clamp(0.625rem, 0.3977272727rem + 0.9696969697vw, 1.125rem);
    }
  }

  @supports not (padding: clamp(0.625rem, 0.3977272727rem + 0.9696969697vw, 1.125rem)) {
    .appoint__submit {
      padding: calc(0.625rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__submit {
    padding: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .appoint__submit {
    padding-left: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .appoint__submit {
      padding-left: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem);
    }
  }

  @supports not (padding-left: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .appoint__submit {
      padding-left: calc(1.25rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__submit {
    padding-left: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .appoint__submit {
    padding-right: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .appoint__submit {
      padding-right: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem);
    }
  }

  @supports not (padding-right: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .appoint__submit {
      padding-right: calc(1.25rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__submit {
    padding-right: 1.25rem;
  }
}

.appoint__submit {
  font-family: "Onest", sans-serif;
  font-size: 1.125rem;
}

@media (min-width: 75.0625em) {
  .appoint__submit {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .appoint__submit {
      font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.5795454545rem + 0.7272727273vw, 1.125rem)) {
    .appoint__submit {
      font-size: calc(0.75rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__submit {
    font-size: 0.75rem;
  }
}

.appoint__submit {
  font-weight: 500;
  line-height: 1.6875rem;
  color: #fff;
  background: #52259B;
  border: none;
}

@media (min-width: 75.0625em) {
  .appoint__submit {
    border-radius: 3.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(2.5rem, 1.8465909091rem + 2.7878787879vw, 3.9375rem)) {
    .appoint__submit {
      border-radius: clamp(2.5rem, 1.8465909091rem + 2.7878787879vw, 3.9375rem);
    }
  }

  @supports not (border-radius: clamp(2.5rem, 1.8465909091rem + 2.7878787879vw, 3.9375rem)) {
    .appoint__submit {
      border-radius: calc(2.5rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__submit {
    border-radius: 2.5rem;
  }
}

.appoint__submit {
  cursor: pointer;
  transition: background 0.2s;
}

.appoint__submit:hover {
  background: #6a3bc0;
}

.appoint__submit-icon {
  flex-shrink: 0;
  width: 1.3125rem;
  height: 1.3125rem;
}

.appoint__consent {
  color: #fff;
}

@media (min-width: 75.0625em) {
  .appoint__consent {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem)) {
    .appoint__consent {
      font-size: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem)) {
    .appoint__consent {
      font-size: calc(0.625rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__consent {
    font-size: 0.625rem;
  }
}

.appoint__consent {
  text-align: center;
}

@media (min-width: 75.0625em) {
  .appoint__consent {
    line-height: 1.3125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.8125rem, 0.5852272727rem + 0.9696969697vw, 1.3125rem)) {
    .appoint__consent {
      line-height: clamp(0.8125rem, 0.5852272727rem + 0.9696969697vw, 1.3125rem);
    }
  }

  @supports not (line-height: clamp(0.8125rem, 0.5852272727rem + 0.9696969697vw, 1.3125rem)) {
    .appoint__consent {
      line-height: calc(0.8125rem + 0.5 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .appoint__consent {
    line-height: 0.8125rem;
  }
}

.appoint__consent a {
  color: #fff;
  text-decoration: underline;
}

.findus {
  display: flex;
  flex-direction: column;
}

@media (min-width: 75.0625em) {
  .findus {
    margin-top: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(3.75rem, 3.4659090909rem + 1.2121212121vw, 4.375rem)) {
    .findus {
      margin-top: clamp(3.75rem, 3.4659090909rem + 1.2121212121vw, 4.375rem);
    }
  }

  @supports not (margin-top: clamp(3.75rem, 3.4659090909rem + 1.2121212121vw, 4.375rem)) {
    .findus {
      margin-top: calc(3.75rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus {
    margin-top: 3.75rem;
  }
}

.findus {
  margin-bottom: 5.625rem;
}

@media (min-width: 75.0625em) {
  .findus {
    gap: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem)) {
    .findus {
      gap: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem);
    }
  }

  @supports not (gap: clamp(0.875rem, 0.3636363636rem + 2.1818181818vw, 2rem)) {
    .findus {
      gap: calc(0.875rem + 1.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus {
    gap: 0.875rem;
  }
}

.findus__title {
  color: #1A1D20;
}

@media (min-width: 75.0625em) {
  .findus__title {
    font-size: 2rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .findus__title {
      font-size: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 1.3636363636rem + 0.8484848485vw, 2rem)) {
    .findus__title {
      font-size: calc(1.5625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__title {
    font-size: 1.5625rem;
  }
}

.findus__title {
  font-weight: 600;
  line-height: 2.375rem;
}

.findus__title span {
  color: #52259B;
}

@media screen and (max-width: 992px) {
  .findus__title {
    text-align: center;
  }
}

.findus__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 75.0625em) {
  .findus__row {
    gap: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.2272727273rem + 1.696969697vw, 1.5rem)) {
    .findus__row {
      gap: clamp(0.625rem, 0.2272727273rem + 1.696969697vw, 1.5rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.2272727273rem + 1.696969697vw, 1.5rem)) {
    .findus__row {
      gap: calc(0.625rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__row {
    gap: 0.625rem;
  }
}

@media screen and (max-width: 1200px) {
  .findus__row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .findus__row {
    grid-template-columns: 1fr;
  }
}

.findus__card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 10.25rem;
}

@media (min-width: 75.0625em) {
  .findus__card {
    gap: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .findus__card {
      gap: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem);
    }
  }

  @supports not (gap: clamp(1.25rem, 0.9659090909rem + 1.2121212121vw, 1.875rem)) {
    .findus__card {
      gap: calc(1.25rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__card {
    gap: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .findus__card {
    padding: 2.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.0625rem, 0.5227272727rem + 2.303030303vw, 2.25rem)) {
    .findus__card {
      padding: clamp(1.0625rem, 0.5227272727rem + 2.303030303vw, 2.25rem);
    }
  }

  @supports not (padding: clamp(1.0625rem, 0.5227272727rem + 2.303030303vw, 2.25rem)) {
    .findus__card {
      padding: calc(1.0625rem + 1.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__card {
    padding: 1.0625rem;
  }
}

@media (min-width: 75.0625em) {
  .findus__card {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .findus__card {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .findus__card {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__card {
    border-radius: 0.9375rem;
  }
}

.findus__card {
  background: #F9FAFB;
}

@media screen and (max-width: 1200px) {
  .findus__card:last-child {
    grid-column: span 2;
  }
}

@media screen and (max-width: 992px) {
  .findus__card {
    min-height: auto;
  }

  .findus__card:last-child {
    grid-column: span 1;
  }
}

.findus__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  color: #52259B;
  background: rgba(140, 94, 169, 0.1);
}

@media (min-width: 75.0625em) {
  .findus__icon {
    border-radius: 1.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.625rem, 0.4261363636rem + 0.8484848485vw, 1.0625rem)) {
    .findus__icon {
      border-radius: clamp(0.625rem, 0.4261363636rem + 0.8484848485vw, 1.0625rem);
    }
  }

  @supports not (border-radius: clamp(0.625rem, 0.4261363636rem + 0.8484848485vw, 1.0625rem)) {
    .findus__icon {
      border-radius: calc(0.625rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__icon {
    border-radius: 0.625rem;
  }
}

.findus__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.findus__card-title {
  color: #1A1D20;
}

@media (min-width: 75.0625em) {
  .findus__card-title {
    font-size: 1.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .findus__card-title {
      font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7613636364rem + 0.4848484848vw, 1.125rem)) {
    .findus__card-title {
      font-size: calc(0.875rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__card-title {
    font-size: 0.875rem;
  }
}

.findus__card-title {
  font-weight: 500;
  line-height: 1.375rem;
}

.findus__card-text {
  color: #6A7282;
}

@media (min-width: 75.0625em) {
  .findus__card-text {
    font-size: 0.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .findus__card-text {
      font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6931818182rem + 0.2424242424vw, 0.875rem)) {
    .findus__card-text {
      font-size: calc(0.75rem + 0.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .findus__card-text {
    font-size: 0.75rem;
  }
}

.findus__card-text {
  line-height: 1.3125rem;
}

.social-networks {
  display: flex;
  gap: 0.9375rem;
}

@media (min-width: 75.0625em) {
  .social-networks {
    gap: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem)) {
    .social-networks {
      gap: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem);
    }
  }

  @supports not (gap: clamp(0.625rem, 0.4829545455rem + 0.6060606061vw, 0.9375rem)) {
    .social-networks {
      gap: calc(0.625rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .social-networks {
    gap: 0.625rem;
  }
}

.social-networks li svg {
  transition: filter 0.2s;
}

.social-networks li a {
  transition: background 0.2s;
  border-radius: 100%;
  background: #fff;
  border: 0.0625rem solid #D1D5DC;
  justify-content: center;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .social-networks li a {
    width: 3.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(2.25rem, 1.8806818182rem + 1.5757575758vw, 3.0625rem)) {
    .social-networks li a {
      width: clamp(2.25rem, 1.8806818182rem + 1.5757575758vw, 3.0625rem);
    }
  }

  @supports not (width: clamp(2.25rem, 1.8806818182rem + 1.5757575758vw, 3.0625rem)) {
    .social-networks li a {
      width: calc(2.25rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .social-networks li a {
    width: 2.25rem;
  }
}

@media (min-width: 75.0625em) {
  .social-networks li a {
    height: 3.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(2.25rem, 1.8806818182rem + 1.5757575758vw, 3.0625rem)) {
    .social-networks li a {
      height: clamp(2.25rem, 1.8806818182rem + 1.5757575758vw, 3.0625rem);
    }
  }

  @supports not (height: clamp(2.25rem, 1.8806818182rem + 1.5757575758vw, 3.0625rem)) {
    .social-networks li a {
      height: calc(2.25rem + 0.8125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .social-networks li a {
    height: 2.25rem;
  }
}

.social-networks li a {
  display: flex;
}

.social-networks li a img {
  max-width: 50%;
}

.social-networks li:hover a {
  background: #8C5EA9;
}

.social-networks li:hover svg {
  filter: brightness(5);
}

.about-hero {
  min-height: calc(100vh - 86px);
}

.about-hero .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 75.0625em) {
  .about-hero__tag {
    padding-top: 2.8125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.8125rem, 1.3579545455rem + 1.9393939394vw, 2.8125rem)) {
    .about-hero__tag {
      padding-top: clamp(1.8125rem, 1.3579545455rem + 1.9393939394vw, 2.8125rem);
    }
  }

  @supports not (padding-top: clamp(1.8125rem, 1.3579545455rem + 1.9393939394vw, 2.8125rem)) {
    .about-hero__tag {
      padding-top: calc(1.8125rem + 1 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__tag {
    padding-top: 1.8125rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__tag {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(2.3125rem, 2.7954545455rem + -2.0606060606vw, 1.25rem)) {
    .about-hero__tag {
      padding-bottom: clamp(2.3125rem, 2.7954545455rem + -2.0606060606vw, 1.25rem);
    }
  }

  @supports not (padding-bottom: clamp(2.3125rem, 2.7954545455rem + -2.0606060606vw, 1.25rem)) {
    .about-hero__tag {
      padding-bottom: calc(2.3125rem + -1.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__tag {
    padding-bottom: 2.3125rem;
  }
}

.about-hero__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}

@media (min-width: 75.0625em) {
  .about-hero__tag {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .about-hero__tag {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .about-hero__tag {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__tag {
    font-size: 0.75rem;
  }
}

.about-hero__tag {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.about-hero__tag::before {
  content: "";
}

@media (min-width: 75.0625em) {
  .about-hero__tag::before {
    width: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__tag::before {
      width: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem);
    }
  }

  @supports not (width: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__tag::before {
      width: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__tag::before {
    width: 0.5rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__tag::before {
    height: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__tag::before {
      height: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem);
    }
  }

  @supports not (height: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__tag::before {
      height: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__tag::before {
    height: 0.5rem;
  }
}

.about-hero__tag::before {
  border-radius: 50%;
  background: #C9A8FF;
  flex-shrink: 0;
}

.about-hero__inner {
  min-height: calc(100vh - 86px);
}

.about-hero__inner .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-hero__inner__tag {
  padding-top: 2.8125rem;
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}

@media (min-width: 75.0625em) {
  .about-hero__inner__tag {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .about-hero__inner__tag {
      font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem)) {
    .about-hero__inner__tag {
      font-size: calc(0.75rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__inner__tag {
    font-size: 0.75rem;
  }
}

.about-hero__inner__tag {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.about-hero__inner__tag::before {
  content: "";
}

@media (min-width: 75.0625em) {
  .about-hero__inner__tag::before {
    width: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__inner__tag::before {
      width: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem);
    }
  }

  @supports not (width: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__inner__tag::before {
      width: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__inner__tag::before {
    width: 0.5rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__inner__tag::before {
    height: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__inner__tag::before {
      height: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem);
    }
  }

  @supports not (height: clamp(0.5rem, 0.3863636364rem + 0.4848484848vw, 0.75rem)) {
    .about-hero__inner__tag::before {
      height: calc(0.5rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__inner__tag::before {
    height: 0.5rem;
  }
}

.about-hero__inner__tag::before {
  border-radius: 50%;
  background: #C9A8FF;
  flex-shrink: 0;
}

.about-hero__title {
  text-align: center;
  color: #9D7FBA;
  font-family: var(--font-deco);
}

@media (min-width: 75.0625em) {
  .about-hero__title {
    font-size: 16.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(4.375rem, -1.3352272727rem + 24.3636363636vw, 16.9375rem)) {
    .about-hero__title {
      font-size: clamp(4.375rem, -1.3352272727rem + 24.3636363636vw, 16.9375rem);
    }
  }

  @supports not (font-size: clamp(4.375rem, -1.3352272727rem + 24.3636363636vw, 16.9375rem)) {
    .about-hero__title {
      font-size: calc(4.375rem + 12.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__title {
    font-size: 4.375rem;
  }
}

.about-hero__title {
  font-style: normal;
  font-weight: 700;
  line-height: 118%;
}

@media (min-width: 75.0625em) {
  .about-hero__title {
    letter-spacing: -0.1694375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (letter-spacing: clamp(-0.04375rem, 0.0133806818rem + -0.2437575758vw, -0.1694375rem)) {
    .about-hero__title {
      letter-spacing: clamp(-0.04375rem, 0.0133806818rem + -0.2437575758vw, -0.1694375rem);
    }
  }

  @supports not (letter-spacing: clamp(-0.04375rem, 0.0133806818rem + -0.2437575758vw, -0.1694375rem)) {
    .about-hero__title {
      letter-spacing: calc(-0.04375rem + -0.1256875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__title {
    letter-spacing: -0.04375rem;
  }
}

.about-hero__title {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s;
}

@media (min-width: 75.0625em) {
  .about-hero__title {
    padding-top: 6.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0rem, -3.125rem + 13.3333333333vw, 6.875rem)) {
    .about-hero__title {
      padding-top: clamp(0rem, -3.125rem + 13.3333333333vw, 6.875rem);
    }
  }

  @supports not (padding-top: clamp(0rem, -3.125rem + 13.3333333333vw, 6.875rem)) {
    .about-hero__title {
      padding-top: calc(0rem + 6.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__title {
    padding-top: 0rem;
  }
}

.about-hero__photos {
  display: flex;
  justify-content: center;
}

.about-hero__photo {
  overflow: hidden;
}

@media (min-width: 75.0625em) {
  .about-hero__photo {
    border-radius: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.52875rem, 0.0872727273rem + 1.8836363636vw, 1.5rem)) {
    .about-hero__photo {
      border-radius: clamp(0.52875rem, 0.0872727273rem + 1.8836363636vw, 1.5rem);
    }
  }

  @supports not (border-radius: clamp(0.52875rem, 0.0872727273rem + 1.8836363636vw, 1.5rem)) {
    .about-hero__photo {
      border-radius: calc(0.52875rem + 0.97125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__photo {
    border-radius: 0.52875rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__photo {
    width: 24.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(8.61375rem, 1.4495454545rem + 30.5672727273vw, 24.375rem)) {
    .about-hero__photo {
      width: clamp(8.61375rem, 1.4495454545rem + 30.5672727273vw, 24.375rem);
    }
  }

  @supports not (width: clamp(8.61375rem, 1.4495454545rem + 30.5672727273vw, 24.375rem)) {
    .about-hero__photo {
      width: calc(8.61375rem + 15.76125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__photo {
    width: 8.61375rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__photo {
    height: 24.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(8.61375rem, 1.4495454545rem + 30.5672727273vw, 24.375rem)) {
    .about-hero__photo {
      height: clamp(8.61375rem, 1.4495454545rem + 30.5672727273vw, 24.375rem);
    }
  }

  @supports not (height: clamp(8.61375rem, 1.4495454545rem + 30.5672727273vw, 24.375rem)) {
    .about-hero__photo {
      height: calc(8.61375rem + 15.76125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__photo {
    height: 8.61375rem;
  }
}

.about-hero__photo {
  opacity: 0;
  transform: translateY(80px) scale(0.9) var(--tf, none);
  transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.about-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hero__photo--1 {
  --tf: rotate(4deg) translate(44%, -25%);
}

.about-hero__photo--2 {
  --tf: rotate(-4deg) translate(18%, -36%);
}

.about-hero__photo--3 {
  --tf: rotate(8deg) translate(-20%, -19%);
}

.about-hero__photo--4 {
  --tf: rotate(-3deg) translate(-35%, -31%);
}

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

@media (min-width: 75.0625em) {
  .about-hero__text {
    font-size: 3rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 0.9090909091rem + 2.7878787879vw, 3rem)) {
    .about-hero__text {
      font-size: clamp(1.5625rem, 0.9090909091rem + 2.7878787879vw, 3rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 0.9090909091rem + 2.7878787879vw, 3rem)) {
    .about-hero__text {
      font-size: calc(1.5625rem + 1.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__text {
    font-size: 1.5625rem;
  }
}

.about-hero__text {
  font-style: normal;
  font-weight: 500;
}

@media (min-width: 75.0625em) {
  .about-hero__text {
    line-height: 3.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.9375rem, 1.0284090909rem + 3.8787878788vw, 3.9375rem)) {
    .about-hero__text {
      line-height: clamp(1.9375rem, 1.0284090909rem + 3.8787878788vw, 3.9375rem);
    }
  }

  @supports not (line-height: clamp(1.9375rem, 1.0284090909rem + 3.8787878788vw, 3.9375rem)) {
    .about-hero__text {
      line-height: calc(1.9375rem + 2 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__text {
    line-height: 1.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__text {
    letter-spacing: -0.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (letter-spacing: clamp(-0.0625rem, -0.0340909091rem + -0.1212121212vw, -0.125rem)) {
    .about-hero__text {
      letter-spacing: clamp(-0.0625rem, -0.0340909091rem + -0.1212121212vw, -0.125rem);
    }
  }

  @supports not (letter-spacing: clamp(-0.0625rem, -0.0340909091rem + -0.1212121212vw, -0.125rem)) {
    .about-hero__text {
      letter-spacing: calc(-0.0625rem + -0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__text {
    letter-spacing: -0.0625rem;
  }
}

.about-hero__text {
  margin: auto;
  max-width: 80%;
}

@media (min-width: 75.0625em) {
  .about-hero__text {
    margin-top: 15.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(14.375rem, 13.6647727273rem + 3.0303030303vw, 15.9375rem)) {
    .about-hero__text {
      margin-top: clamp(14.375rem, 13.6647727273rem + 3.0303030303vw, 15.9375rem);
    }
  }

  @supports not (margin-top: clamp(14.375rem, 13.6647727273rem + 3.0303030303vw, 15.9375rem)) {
    .about-hero__text {
      margin-top: calc(14.375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__text {
    margin-top: 14.375rem;
  }
}

@media (min-width: 75.0625em) {
  .about-hero__text {
    margin-bottom: 21.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(12.5rem, 8.3806818182rem + 17.5757575758vw, 21.5625rem)) {
    .about-hero__text {
      margin-bottom: clamp(12.5rem, 8.3806818182rem + 17.5757575758vw, 21.5625rem);
    }
  }

  @supports not (margin-bottom: clamp(12.5rem, 8.3806818182rem + 17.5757575758vw, 21.5625rem)) {
    .about-hero__text {
      margin-bottom: calc(12.5rem + 9.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-hero__text {
    margin-bottom: 12.5rem;
  }
}

.about-hero__text span {
  color: #888;
}

.about-hero.is-visible .about-hero__tag,
.about-hero.is-visible .about-hero__title {
  opacity: 1;
  transform: translateY(0);
}

.about-hero.is-visible .about-hero__photo {
  opacity: 1;
  transform: translateY(0) scale(1) var(--tf, none);
}

.about-hero.is-visible .about-hero__photo--1 {
  transition-delay: 0.4s;
}

.about-hero.is-visible .about-hero__photo--2 {
  transition-delay: 0.52s;
}

.about-hero.is-visible .about-hero__photo--3 {
  transition-delay: 0.64s;
}

.about-hero.is-visible .about-hero__photo--4 {
  transition-delay: 0.76s;
}

@media screen and (max-width: 1300px) and (min-width: 75.0625em) {
  .about-hero__title {
    font-size: 10.6875rem;
  }
}

@media screen and (max-width: 1300px) and (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(4.375rem, 1.5056818182rem + 12.2424242424vw, 10.6875rem)) {
    .about-hero__title {
      font-size: clamp(4.375rem, 1.5056818182rem + 12.2424242424vw, 10.6875rem);
    }
  }

  @supports not (font-size: clamp(4.375rem, 1.5056818182rem + 12.2424242424vw, 10.6875rem)) {
    .about-hero__title {
      font-size: calc(4.375rem + 6.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media screen and (max-width: 1300px) and (max-width: 23.375em) {
  .about-hero__title {
    font-size: 4.375rem;
  }
}

@media screen and (max-width: 767.98px) {
  .about-hero__photos {
    margin-top: -1.25rem;
  }

  .about-hero__photo--1 {
    --tf: rotate(-5deg) translate(30%, -6%);
  }

  .about-hero__photo--2 {
    --tf: rotate(8deg) translate(-3%, 7%);
  }

  .about-hero__photo--3 {
    --tf: rotate(-4deg) translate(-28%, -3%);
  }

  .about-hero__photo--4 {
    display: none;
  }
}

@media (min-width: 75.0625em) {
  .about-box {
    margin-bottom: 15.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(5rem, 0.1704545455rem + 20.6060606061vw, 15.625rem)) {
    .about-box {
      margin-bottom: clamp(5rem, 0.1704545455rem + 20.6060606061vw, 15.625rem);
    }
  }

  @supports not (margin-bottom: clamp(5rem, 0.1704545455rem + 20.6060606061vw, 15.625rem)) {
    .about-box {
      margin-bottom: calc(5rem + 10.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box {
    margin-bottom: 5rem;
  }
}

.about-box__grid {
  display: grid;
  grid-template-columns: 1fr 725px;
}

@media (min-width: 75.0625em) {
  .about-box__grid {
    gap: 3.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(1.5rem, 0.5625rem + 4vw, 3.5625rem)) {
    .about-box__grid {
      gap: clamp(1.5rem, 0.5625rem + 4vw, 3.5625rem);
    }
  }

  @supports not (gap: clamp(1.5rem, 0.5625rem + 4vw, 3.5625rem)) {
    .about-box__grid {
      gap: calc(1.5rem + 2.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__grid {
    gap: 1.5rem;
  }
}

.about-box__grid {
  align-items: center;
}

.about-box__img img {
  width: 100%;
  height: auto;
}

@media (min-width: 75.0625em) {
  .about-box__img img {
    border-radius: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .about-box__img img {
      border-radius: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.5113636364rem + 1.8181818182vw, 1.875rem)) {
    .about-box__img img {
      border-radius: calc(0.9375rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__img img {
    border-radius: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .about-box__text {
    padding-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(3.75rem, 4.3181818182rem + -2.4242424242vw, 2.5rem)) {
    .about-box__text {
      padding-top: clamp(3.75rem, 4.3181818182rem + -2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-top: clamp(3.75rem, 4.3181818182rem + -2.4242424242vw, 2.5rem)) {
    .about-box__text {
      padding-top: calc(3.75rem + -1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text {
    padding-top: 3.75rem;
  }
}

@media (min-width: 75.0625em) {
  .about-box__text {
    font-size: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1rem, 0.6022727273rem + 1.696969697vw, 1.875rem)) {
    .about-box__text {
      font-size: clamp(1rem, 0.6022727273rem + 1.696969697vw, 1.875rem);
    }
  }

  @supports not (font-size: clamp(1rem, 0.6022727273rem + 1.696969697vw, 1.875rem)) {
    .about-box__text {
      font-size: calc(1rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text {
    font-size: 1rem;
  }
}

.about-box__text {
  line-height: 125%;
}

.about-box__text span {
  color: #7C7C7C;
}

@media (min-width: 75.0625em) {
  .about-box__text blockquote {
    margin-top: 3.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, -0.7954545455rem + 6.0606060606vw, 3.75rem)) {
    .about-box__text blockquote {
      margin-top: clamp(0.625rem, -0.7954545455rem + 6.0606060606vw, 3.75rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, -0.7954545455rem + 6.0606060606vw, 3.75rem)) {
    .about-box__text blockquote {
      margin-top: calc(0.625rem + 3.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text blockquote {
    margin-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .about-box__text blockquote {
    padding-left: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .about-box__text blockquote {
      padding-left: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (padding-left: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .about-box__text blockquote {
      padding-left: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text blockquote {
    padding-left: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .about-box__text blockquote {
    padding-top: 0rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(0.625rem, 0.9090909091rem + -1.2121212121vw, 0rem)) {
    .about-box__text blockquote {
      padding-top: clamp(0.625rem, 0.9090909091rem + -1.2121212121vw, 0rem);
    }
  }

  @supports not (padding-top: clamp(0.625rem, 0.9090909091rem + -1.2121212121vw, 0rem)) {
    .about-box__text blockquote {
      padding-top: calc(0.625rem + -0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text blockquote {
    padding-top: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .about-box__text blockquote {
    padding-bottom: 0rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(0.625rem, 0.9090909091rem + -1.2121212121vw, 0rem)) {
    .about-box__text blockquote {
      padding-bottom: clamp(0.625rem, 0.9090909091rem + -1.2121212121vw, 0rem);
    }
  }

  @supports not (padding-bottom: clamp(0.625rem, 0.9090909091rem + -1.2121212121vw, 0rem)) {
    .about-box__text blockquote {
      padding-bottom: calc(0.625rem + -0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text blockquote {
    padding-bottom: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .about-box__text blockquote {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .about-box__text blockquote {
      font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.5909090909rem + 1.2121212121vw, 1.5rem)) {
    .about-box__text blockquote {
      font-size: calc(0.875rem + 0.625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .about-box__text blockquote {
    font-size: 0.875rem;
  }
}

.about-box__text blockquote {
  border-left: 4px solid #8C5EA9;
}

@media screen and (max-width: 1199.98px) {
  .about-box__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767.98px) {
  .about-box__grid {
    grid-template-columns: 1fr;
    gap: 0.9375rem;
  }

  .about-box__text {
    background: url('../img/marker-services.svg');
    background-repeat: no-repeat;
    background-position: 50% 8%;
  }

  .about-box__text blockquote {
    border-left-color: #C9A8FF;
  }
}

@media (min-width: 75.0625em) {
  .policy-page {
    padding-bottom: 7.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-bottom: clamp(3.75rem, 2.0454545455rem + 7.2727272727vw, 7.5rem)) {
    .policy-page {
      padding-bottom: clamp(3.75rem, 2.0454545455rem + 7.2727272727vw, 7.5rem);
    }
  }

  @supports not (padding-bottom: clamp(3.75rem, 2.0454545455rem + 7.2727272727vw, 7.5rem)) {
    .policy-page {
      padding-bottom: calc(3.75rem + 3.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page {
    padding-bottom: 3.75rem;
  }
}

.policy-page__inner {
  max-width: 73.5rem;
  margin: 0 auto;
}

@media (min-width: 75.0625em) {
  .policy-page__head {
    padding-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .policy-page__head {
      padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (padding-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .policy-page__head {
      padding-top: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__head {
    padding-top: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .policy-page__head {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(1.75rem, 1.4090909091rem + 1.4545454545vw, 2.5rem)) {
    .policy-page__head {
      margin-bottom: clamp(1.75rem, 1.4090909091rem + 1.4545454545vw, 2.5rem);
    }
  }

  @supports not (margin-bottom: clamp(1.75rem, 1.4090909091rem + 1.4545454545vw, 2.5rem)) {
    .policy-page__head {
      margin-bottom: calc(1.75rem + 0.75 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__head {
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 75.0625em) {
  .policy-page .g-title h1 {
    font-size: 2.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5rem, 1.1022727273rem + 1.696969697vw, 2.375rem)) {
    .policy-page .g-title h1 {
      font-size: clamp(1.5rem, 1.1022727273rem + 1.696969697vw, 2.375rem);
    }
  }

  @supports not (font-size: clamp(1.5rem, 1.1022727273rem + 1.696969697vw, 2.375rem)) {
    .policy-page .g-title h1 {
      font-size: calc(1.5rem + 0.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page .g-title h1 {
    font-size: 1.5rem;
  }
}

@media (min-width: 75.0625em) {
  .policy-page .g-title h1 {
    line-height: 2.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.8125rem, 1.3863636364rem + 1.8181818182vw, 2.75rem)) {
    .policy-page .g-title h1 {
      line-height: clamp(1.8125rem, 1.3863636364rem + 1.8181818182vw, 2.75rem);
    }
  }

  @supports not (line-height: clamp(1.8125rem, 1.3863636364rem + 1.8181818182vw, 2.75rem)) {
    .policy-page .g-title h1 {
      line-height: calc(1.8125rem + 0.9375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page .g-title h1 {
    line-height: 1.8125rem;
  }
}

.policy-page .g-title h1 {
  font-weight: 600;
  color: #1A1D20;
}

.policy-page .g-title span {
  color: #52259b;
}

.policy-page__date {
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #99A1AF;
}

.policy-page__content>*:first-child {
  margin-top: 0;
}

.policy-page__content>*:last-child {
  margin-bottom: 0;
}

@media (min-width: 75.0625em) {
  .policy-page__content h2 {
    margin-top: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .policy-page__content h2 {
      margin-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem);
    }
  }

  @supports not (margin-top: clamp(1.25rem, 0.6818181818rem + 2.4242424242vw, 2.5rem)) {
    .policy-page__content h2 {
      margin-top: calc(1.25rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content h2 {
    margin-top: 1.25rem;
  }
}

.policy-page__content h2 {
  margin-bottom: 1rem;
}

@media (min-width: 75.0625em) {
  .policy-page__content h2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .policy-page__content h2 {
      font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem);
    }
  }

  @supports not (font-size: clamp(1.25rem, 1.1363636364rem + 0.4848484848vw, 1.5rem)) {
    .policy-page__content h2 {
      font-size: calc(1.25rem + 0.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content h2 {
    font-size: 1.25rem;
  }
}

.policy-page__content h2 {
  line-height: 1.875rem;
  font-weight: 500;
  color: #1A1D20;
}

@media (min-width: 75.0625em) {
  .policy-page__content p {
    margin-bottom: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .policy-page__content p {
      margin-bottom: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem);
    }
  }

  @supports not (margin-bottom: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .policy-page__content p {
      margin-bottom: calc(0.625rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content p {
    margin-bottom: 0.625rem;
  }
}

@media (min-width: 75.0625em) {
  .policy-page__content p {
    font-size: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8465909091rem + 0.1212121212vw, 0.9375rem)) {
    .policy-page__content p {
      font-size: clamp(0.875rem, 0.8465909091rem + 0.1212121212vw, 0.9375rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8465909091rem + 0.1212121212vw, 0.9375rem)) {
    .policy-page__content p {
      font-size: calc(0.875rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content p {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .policy-page__content p {
    line-height: 1.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem)) {
    .policy-page__content p {
      line-height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem)) {
    .policy-page__content p {
      line-height: calc(1.25rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content p {
    line-height: 1.25rem;
  }
}

.policy-page__content p {
  font-weight: 400;
  color: #4A5565;
}

@media (min-width: 75.0625em) {
  .policy-page__content ul {
    margin-bottom: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-bottom: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .policy-page__content ul {
      margin-bottom: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem);
    }
  }

  @supports not (margin-bottom: clamp(0.625rem, 0.4545454545rem + 0.7272727273vw, 1rem)) {
    .policy-page__content ul {
      margin-bottom: calc(0.625rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content ul {
    margin-bottom: 0.625rem;
  }
}

.policy-page__content ul {
  list-style: none;
}

.policy-page__content ul li {
  position: relative;
  padding-left: 1.375rem;
}

@media (min-width: 75.0625em) {
  .policy-page__content ul li {
    font-size: 0.9375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.8465909091rem + 0.1212121212vw, 0.9375rem)) {
    .policy-page__content ul li {
      font-size: clamp(0.875rem, 0.8465909091rem + 0.1212121212vw, 0.9375rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.8465909091rem + 0.1212121212vw, 0.9375rem)) {
    .policy-page__content ul li {
      font-size: calc(0.875rem + 0.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content ul li {
    font-size: 0.875rem;
  }
}

@media (min-width: 75.0625em) {
  .policy-page__content ul li {
    line-height: 1.625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem)) {
    .policy-page__content ul li {
      line-height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem);
    }
  }

  @supports not (line-height: clamp(1.25rem, 1.0795454545rem + 0.7272727273vw, 1.625rem)) {
    .policy-page__content ul li {
      line-height: calc(1.25rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content ul li {
    line-height: 1.25rem;
  }
}

.policy-page__content ul li {
  color: #4A5565;
}

.policy-page__content ul li:not(:last-child) {
  margin-bottom: 0.375rem;
}

.policy-page__content ul li::before {
  content: "";
  position: absolute;
  left: 0.375rem;
}

@media (min-width: 75.0625em) {
  .policy-page__content ul li::before {
    top: 0.6875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (top: clamp(0.5rem, 0.4147727273rem + 0.3636363636vw, 0.6875rem)) {
    .policy-page__content ul li::before {
      top: clamp(0.5rem, 0.4147727273rem + 0.3636363636vw, 0.6875rem);
    }
  }

  @supports not (top: clamp(0.5rem, 0.4147727273rem + 0.3636363636vw, 0.6875rem)) {
    .policy-page__content ul li::before {
      top: calc(0.5rem + 0.1875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .policy-page__content ul li::before {
    top: 0.5rem;
  }
}

.policy-page__content ul li::before {
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: var(--c-text);
}

.policy-page__content a {
  color: #52259b;
  transition: color 0.3s ease;
}

.policy-page__content a:hover {
  color: #8c5ea9;
}

@media screen and (max-width: 767.98px) {
  .policy-page__head {
    text-align: center;
  }
}

*[data-fancybox] {
  cursor: pointer;
}

textarea {
  height: 96px;
}

body {
  font-family: var(--font-primary);
  background: var(--bg-primary);
  font-size: 1.125rem;
  text-wrap: pretty;
}

html {
  scroll-behavior: smooth;
}

.wrapper {
  width: 100%;
  /* overflow-x: clip ріже горизонтальне переповнення, але (на відміну від
     overflow: hidden) НЕ створює scroll-контейнер, тож position: sticky у
     нащадків (.case-toc) працює нативно, без джанку при скролі. */
  overflow-x: clip;
}

.container {
  max-width: 116.625rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 75.0625em) {
  .container {
    padding-left: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-left: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .container {
      padding-left: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem);
    }
  }

  @supports not (padding-left: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .container {
      padding-left: calc(1.125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .container {
    padding-left: 1.125rem;
  }
}

@media (min-width: 75.0625em) {
  .container {
    padding-right: 1.5625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding-right: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .container {
      padding-right: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem);
    }
  }

  @supports not (padding-right: clamp(1.125rem, 0.9261363636rem + 0.8484848485vw, 1.5625rem)) {
    .container {
      padding-right: calc(1.125rem + 0.4375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .container {
    padding-right: 1.125rem;
  }
}

.container {
  margin: auto;
}

.section {
  padding: var(--space-4xl) 0;
}

@media screen and (max-width: 1023.98px) {
  .section {
    padding: 4.5rem 0;
  }
}

@media screen and (max-width: 767.98px) {
  .section {
    padding: 3.5rem 0;
  }
}

mark {
  color: inherit;
  background: none;
  position: relative;
}

mark::after {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  background-image: url('../img/icons/marker-slider.svg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  height: 1.25rem;
  width: 6.25rem;
  min-width: 8.75rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5rem;
}

.page-index {
  padding: 3.75rem 0 5rem;
}

.page-index__title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 2rem;
}

.page-index__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-index__link {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.125rem 1.5rem;
  border-radius: var(--radius-md);
  background: var(--c-white);
  border: 0.0625rem solid var(--c-border);
  color: var(--c-text);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all var(--transition);
}

.page-index__link::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--c-accent);
  flex-shrink: 0;
  transition: background var(--transition);
}

.page-index__link:hover {
  border-color: var(--c-primary);
  color: var(--c-primary);
  box-shadow: var(--shadow-glow);
}

.page-index__link:hover::before {
  background: var(--c-primary);
}

@media (min-width: 75.0625em) {
  .g-title {
    font-size: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem)) {
    .g-title {
      font-size: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem);
    }
  }

  @supports not (font-size: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem)) {
    .g-title {
      font-size: calc(1.5625rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .g-title {
    font-size: 1.5625rem;
  }
}

@media (min-width: 75.0625em) {
  .g-title {
    line-height: 3.125rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem)) {
    .g-title {
      line-height: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem);
    }
  }

  @supports not (line-height: clamp(1.5625rem, 0.8522727273rem + 3.0303030303vw, 3.125rem)) {
    .g-title {
      line-height: calc(1.5625rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .g-title {
    line-height: 1.5625rem;
  }
}

.g-title {
  font-weight: 700;
}

.g-title span {
  color: #52259B;
}

.tech-page .g-title {
  font-weight: 500;
  line-height: 3.9375rem;
}

.tech-page .g-title span {
  font-weight: 500;
  line-height: 3.9375rem;
}

.page-body {
  background: #fff;
  margin-top: 1.875rem;
}

@media (min-width: 75.0625em) {
  .page-body {
    padding: 4.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(1.25rem, -0.1704545455rem + 6.0606060606vw, 4.375rem)) {
    .page-body {
      padding: clamp(1.25rem, -0.1704545455rem + 6.0606060606vw, 4.375rem);
    }
  }

  @supports not (padding: clamp(1.25rem, -0.1704545455rem + 6.0606060606vw, 4.375rem)) {
    .page-body {
      padding: calc(1.25rem + 3.125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-body {
    padding: 1.25rem;
  }
}

@media (min-width: 75.0625em) {
  .page-body {
    border-radius: 2.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .page-body {
      border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem);
    }
  }

  @supports not (border-radius: clamp(0.9375rem, 0.2272727273rem + 3.0303030303vw, 2.5rem)) {
    .page-body {
      border-radius: calc(0.9375rem + 1.5625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-body {
    border-radius: 0.9375rem;
  }
}

@media (min-width: 75.0625em) {
  .page-body {
    margin-top: 1.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (margin-top: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .page-body {
      margin-top: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem);
    }
  }

  @supports not (margin-top: clamp(0.625rem, 0.0568181818rem + 2.4242424242vw, 1.875rem)) {
    .page-body {
      margin-top: calc(0.625rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .page-body {
    margin-top: 0.625rem;
  }
}

.portfolio-page {
  padding-bottom: 7.5rem;
}

.fp__head__tag {
  display: flex;
  align-items: center;
  margin-left: 0.3125rem;
  margin-bottom: 1.5625rem;
}

@media (min-width: 75.0625em) {
  .fp__head__tag {
    gap: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (gap: clamp(0.375rem, 0.2045454545rem + 0.7272727273vw, 0.75rem)) {
    .fp__head__tag {
      gap: clamp(0.375rem, 0.2045454545rem + 0.7272727273vw, 0.75rem);
    }
  }

  @supports not (gap: clamp(0.375rem, 0.2045454545rem + 0.7272727273vw, 0.75rem)) {
    .fp__head__tag {
      gap: calc(0.375rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp__head__tag {
    gap: 0.375rem;
  }
}

@media (min-width: 75.0625em) {
  .fp__head__tag {
    font-size: 1rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.6875rem, 0.5454545455rem + 0.6060606061vw, 1rem)) {
    .fp__head__tag {
      font-size: clamp(0.6875rem, 0.5454545455rem + 0.6060606061vw, 1rem);
    }
  }

  @supports not (font-size: clamp(0.6875rem, 0.5454545455rem + 0.6060606061vw, 1rem)) {
    .fp__head__tag {
      font-size: calc(0.6875rem + 0.3125 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp__head__tag {
    font-size: 0.6875rem;
  }
}

@media (min-width: 75.0625em) {
  .fp__head__tag {
    line-height: 1.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (line-height: clamp(0.8125rem, 0.5rem + 1.3333333333vw, 1.5rem)) {
    .fp__head__tag {
      line-height: clamp(0.8125rem, 0.5rem + 1.3333333333vw, 1.5rem);
    }
  }

  @supports not (line-height: clamp(0.8125rem, 0.5rem + 1.3333333333vw, 1.5rem)) {
    .fp__head__tag {
      line-height: calc(0.8125rem + 0.6875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp__head__tag {
    line-height: 0.8125rem;
  }
}

.fp__head__tag::before {
  content: "";
}

@media (min-width: 75.0625em) {
  .fp__head__tag::before {
    width: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (width: clamp(0.75rem, 0.75rem + 0vw, 0.75rem)) {
    .fp__head__tag::before {
      width: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
    }
  }

  @supports not (width: clamp(0.75rem, 0.75rem + 0vw, 0.75rem)) {
    .fp__head__tag::before {
      width: calc(0.75rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp__head__tag::before {
    width: 0.75rem;
  }
}

@media (min-width: 75.0625em) {
  .fp__head__tag::before {
    height: 0.75rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0.75rem, 0.75rem + 0vw, 0.75rem)) {
    .fp__head__tag::before {
      height: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
    }
  }

  @supports not (height: clamp(0.75rem, 0.75rem + 0vw, 0.75rem)) {
    .fp__head__tag::before {
      height: calc(0.75rem + 0 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp__head__tag::before {
    height: 0.75rem;
  }
}

.fp__head__tag::before {
  background: #C9A8FF;
  display: block;
  border-radius: 0.625rem;
}

.fp__head .g-title {
  line-height: 3.2675rem;
  letter-spacing: -0.09rem;
}

.fp__head__description {
  color: #6A7282;
}

@media (min-width: 75.0625em) {
  .fp__head__description {
    font-size: 1.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp__head__description {
      font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem);
    }
  }

  @supports not (font-size: clamp(0.875rem, 0.7045454545rem + 0.7272727273vw, 1.25rem)) {
    .fp__head__description {
      font-size: calc(0.875rem + 0.375 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp__head__description {
    font-size: 0.875rem;
  }
}

.fp__head__description {
  line-height: 1.5rem;
  padding-top: .9375rem;
}

.fp__head__btn {
  padding-top: 2.5rem;
}

.fp__head .btn {
  height: 4.375rem;
}

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

.mobile-v {
  display: none !important;
}

@media screen and (max-width: 890px) {
  .pc-v {
    display: none !important;
  }

  .mobile-v {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .fp-bar-1 {
    display: none;
  }

  .fp-bar-2 {
    display: none;
  }
}

@media (min-width: 75.0625em) {
  .fp-divider-1 {
    height: 6.875rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0rem, -3.125rem + 13.3333333333vw, 6.875rem)) {
    .fp-divider-1 {
      height: clamp(0rem, -3.125rem + 13.3333333333vw, 6.875rem);
    }
  }

  @supports not (height: clamp(0rem, -3.125rem + 13.3333333333vw, 6.875rem)) {
    .fp-divider-1 {
      height: calc(0rem + 6.875 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-divider-1 {
    height: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-divider-2 {
    height: 4.0625rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0rem, -1.8465909091rem + 7.8787878788vw, 4.0625rem)) {
    .fp-divider-2 {
      height: clamp(0rem, -1.8465909091rem + 7.8787878788vw, 4.0625rem);
    }
  }

  @supports not (height: clamp(0rem, -1.8465909091rem + 7.8787878788vw, 4.0625rem)) {
    .fp-divider-2 {
      height: calc(0rem + 4.0625 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-divider-2 {
    height: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-divider-3 {
    height: 6.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(0rem, -2.8409090909rem + 12.1212121212vw, 6.25rem)) {
    .fp-divider-3 {
      height: clamp(0rem, -2.8409090909rem + 12.1212121212vw, 6.25rem);
    }
  }

  @supports not (height: clamp(0rem, -2.8409090909rem + 12.1212121212vw, 6.25rem)) {
    .fp-divider-3 {
      height: calc(0rem + 6.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-divider-3 {
    height: 0rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-divider-4 {
    height: 6.25rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(5rem, 4.4318181818rem + 2.4242424242vw, 6.25rem)) {
    .fp-divider-4 {
      height: clamp(5rem, 4.4318181818rem + 2.4242424242vw, 6.25rem);
    }
  }

  @supports not (height: clamp(5rem, 4.4318181818rem + 2.4242424242vw, 6.25rem)) {
    .fp-divider-4 {
      height: calc(5rem + 1.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-divider-4 {
    height: 5rem;
  }
}

@media (min-width: 75.0625em) {
  .fp-divider-5 {
    height: 9.375rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (height: clamp(3.125rem, 0.2840909091rem + 12.1212121212vw, 9.375rem)) {
    .fp-divider-5 {
      height: clamp(3.125rem, 0.2840909091rem + 12.1212121212vw, 9.375rem);
    }
  }

  @supports not (height: clamp(3.125rem, 0.2840909091rem + 12.1212121212vw, 9.375rem)) {
    .fp-divider-5 {
      height: calc(3.125rem + 6.25 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .fp-divider-5 {
    height: 3.125rem;
  }
}

@media (min-width: 75.0625em) {
  .f-html {
    padding: 4.5rem;
  }
}

@media (min-width: 23.4375em) and (max-width: 75em) {
  @supports (padding: clamp(2.5rem, 1.5909090909rem + 3.8787878788vw, 4.5rem)) {
    .f-html {
      padding: clamp(2.5rem, 1.5909090909rem + 3.8787878788vw, 4.5rem);
    }
  }

  @supports not (padding: clamp(2.5rem, 1.5909090909rem + 3.8787878788vw, 4.5rem)) {
    .f-html {
      padding: calc(2.5rem + 2 * (100vw - 23.4375rem) / 51.5625);
    }
  }
}

@media (max-width: 23.375em) {
  .f-html {
    padding: 2.5rem;
  }
}

.service-mobile-title {
  display: none;
}

.fp-reviews__cta.btn.btn--empty,
.fp-cases__controls .btn--empty,
.fp-service .btn--empty {
  background: none;
}

.fp-reviews__cta.btn.btn--empty:hover,
.fp-cases__controls .btn--empty:hover,
.fp-service .btn--empty:hover {
  background: #52259B;
}

@media screen and (max-width: 890px) {
  .home .portfolio-card__more {
    margin-top: 0;
  }

  .portfolio-card {
    padding-bottom: 14px !important;
  }

  .home .portfolio-card {
    padding-bottom: 25px !important;
  }

  .fp-tech .fp-tech__item.is-open .fp-tech__item-desc {
    line-height: 130%;
  }

  .fp-tech__item.is-open .fp-tech__item-desc {
    padding-bottom: 5px !important;
    font-weight: 300;
  }

  .team-grid__item img {
    height: 100%;
  }
}

@media screen and (max-width: 890px) {
  .faq__header {
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .fp-cases .fp__head__tag,
  .faq__header,
  .fp-tech .fp__head__tag,
  .fp__head__tag {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }

  .g-title {
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
    line-height: 110% !important;
  }

  .mission__title.g-title {
    margin-bottom: 20px;
  }

  .fp__head__description {
    line-height: 16px !important;
    margin-top: 0px !important;
    padding-top: 0 !important;
  }

  .fp-service__head {
    margin-right: 0;
  }

  .fp-cases--slider .fp-cases__stage {
    margin-top: 20px !important;
  }

  .fp-tech__list {
    margin-top: 20px;
  }

  .fp-steps__head {
    display: block !important;
  }

  .fp-steps__layout {
    display: block;
  }

  .fp-steps__list {
    margin-top: 20px;
  }

  .faq__header {
    gap: 12px;
  }

  .fp-service__grid {
    display: block;
  }

  .fp-service__item,
  .fp-service__media {
    margin-bottom: 10px;
  }

  .portfolio-card {
    padding-bottom: 10px !important;
  }

  .home .portfolio-card {
    padding-bottom: 25px !important;
  }

  .fp-cases--slider .portfolio-card__badge {
    bottom: 14px;
    left: 14px;
    font-size: 14px;
  }

  .fp-cases--slider .portfolio-card__badge--after {
    left: auto;
    right: 14px;
  }

  .team-grid__overlay {
    border-radius: 14px;
  }

  .service-mobile-title {
    display: block;
  }

  .service-mobile-title .g-title {
    margin-bottom: 0;
  }

  .diff-card__title {
    margin-top: 12px;
  }

  .diff-card__text {
    margin-top: 8px;
    line-height: 130%;
  }

  .diff-card__text,
  .diff-card__title {
    max-width: none;
  }

  .diff-card {
    padding-right: 104px;
  }

  .difference {
    padding-bottom: 20px;
  }

  .diff-card--materials .diff-card__img {
    width: 11.8125rem;
    height: 7.625rem;
    right: -40px;
    top: 0.089375rem;
  }
}

@media screen and (max-width: 500px) {
  .portfolio-card__title {
    font-size: 14px !important;
  }

  .fp-tech .fp-tech__item-title {
    max-width: 249px;
  }

  .services__item__title {
    font-size: 12px;
  }

  .team-grid__img img {
    aspect-ratio: 350/494;
  }

  .difference__head mark::after {
    min-width: 10px !important;
    width: 100px !important;
    background-size: contain;
    transform: translateX(-102%);
    bottom: -11px;
  }
}

@media screen and (max-width: 400px) {
  .services__box__img {
    border-radius: 12px;
  }
}

.mobile-menu .mobile-menu-close {
  width: 30px;
  top: 12px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-menu .mobile-menu-close span {
  padding-top: 2px;
  height: 30px;
}

.splide__slide.bar-current a {
  opacity: 1;
  min-width: 138px;
  text-align: center;
  display: inline-block;
}

.header__links {
  filter: drop-shadow(0px) !important;
}

/* .case-content__body .fp-steps__visual {
  display: none;
} */

.popup-appointment__doctor {
  display: none;
}

@media screen and (max-width: 1520px) {
  .hero__title h1 br {
    display: none;
  }

  .hero__description br {
    display: none;
  }
}

.fp-service .mobile-v {
  display: none !important;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1
}

.splide--rtl {
  direction: rtl
}

.splide__track--ttb>.splide__list {
  display: block
}

.splide__container {
  box-sizing: border-box;
  position: relative
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
  display: none
}

.splide__progress__bar {
  width: 0
}

.splide {
  position: relative;
  visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative
}

.splide__slide img {
  vertical-align: bottom
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-shadow: none;
  --f-button-transition: all .15s ease;
  --f-button-transform: none;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(0, 0, 0, .7);
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-opacity: 1;
  --f-button-svg-disabled-opacity: .5;
  --f-button-svg-transition: opacity .15s ease;
  --f-button-svg-transform: none
}

.f-button {
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  transform: var(--f-button-transform);
  transition: var(--f-button-transition);
  backdrop-filter: var(--f-button-backdrop-filter);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden
}

@media(hover:hover) {
  .f-button:hover:not([aria-disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg, var(--f-button-bg))
  }
}

.f-button:active:not([aria-disabled]) {
  color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
  background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}

.f-button:focus {
  outline: none
}

.f-button:focus-visible {
  outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
  outline-offset: var(--f-button-outline-offset)
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  transform: var(--f-button-svg-transform);
  fill: var(--f-button-svg-fill);
  filter: var(--f-button-svg-filter);
  opacity: var(--f-button-svg-opacity, 1);
  transition: var(--f-button-svg-transition);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none
}

.f-button[aria-disabled] {
  cursor: default
}

.f-button[aria-disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity)
}

[data-panzoom-action=toggleFS] g:first-child {
  display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
  display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
  display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
  display: flex
}

[data-autoplay-action=toggle] svg g:first-child {
  display: flex
}

[data-autoplay-action=toggle] svg g:last-child {
  display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
  display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
  display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
  display: none
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
  display: flex
}

:root {
  --f-spinner-color-1: rgba(0, 0, 0, .1);
  --f-spinner-color-2: rgba(17, 24, 28, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px
}

.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
  translate: -50% -50%;
  border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
  border-top-color: var(--f-spinner-color-2);
  border-radius: var(--f-spinner-border-radius);
  animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both
}

@keyframes f-spinner {
  to {
    rotate: 360deg
  }
}

.f-panzoom,
.f-zoomable {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column
}

.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
  display: block;
  content: ""
}

.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
  margin-bottom: auto
}

.f-panzoom:after,
.f-zoomable:after {
  margin-top: auto
}

.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  z-index: 9999
}

.f-panzoom__wrapper {
  position: relative;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%
}

.f-panzoom__wrapper.will-zoom-out {
  cursor: zoom-out
}

.f-panzoom__wrapper.can-drag {
  cursor: move;
  cursor: grab
}

.f-panzoom__wrapper.will-zoom-in {
  cursor: zoom-in
}

.f-panzoom__wrapper.is-dragging {
  cursor: move;
  cursor: grabbing
}

.f-panzoom__wrapper.has-error {
  display: none
}

.f-panzoom__content {
  display: block;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%
}

.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
  visibility: hidden
}

img.f-panzoom__content {
  width: auto;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  transition: none;
  user-select: none
}

.f-panzoom__wrapper>.f-panzoom__content {
  visibility: hidden
}

.f-panzoom__viewport {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.f-panzoom__viewport>.f-panzoom__content {
  width: 100%;
  height: 100%;
  object-fit: fill
}

picture.f-panzoom__content img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  transition: none;
  user-select: none
}

.f-panzoom__protected {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none
}

html.with-panzoom-in-fullscreen {
  overflow: hidden
}

.f-fadeIn {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2
}

.f-fadeOut {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1
}

@keyframes f-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes f-fadeOut {
  to {
    opacity: 0
  }
}

.f-crossfadeIn {
  animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
  z-index: 2
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
  z-index: 1
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes f-crossfadeOut {
  to {
    opacity: 0
  }
}

.is-horizontal .f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextX
}

.is-horizontal .f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevX
}

.is-horizontal .f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextX
}

.is-horizontal .f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevX
}

@keyframes f-slideInPrevX {
  0% {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)))
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes f-slideInNextX {
  0% {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes f-slideOutNextX {
  to {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
  }
}

@keyframes f-slideOutPrevX {
  to {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)))
  }
}

.is-vertical .f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextY
}

.is-vertical .f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevY
}

.is-vertical .f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextY
}

.is-vertical .f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevY
}

@keyframes f-slideInPrevY {
  0% {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes f-slideInNextY {
  0% {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes f-slideOutNextY {
  to {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
  }
}

@keyframes f-slideOutPrevY {
  to {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
  }
}

.f-zoomInUp {
  animation: var(--f-transition-duration, .3s) ease both f-zoomInUp
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
  0% {
    transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0)
  }

  to {
    transform: scale(1) translateZ(0);
    opacity: 1
  }
}

@keyframes f-zoomOutDown {
  to {
    transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0
  }
}

.f-throwOutUp {
  animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp
}

.f-throwOutDown {
  animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0
  }
}

@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0
  }
}

.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible
}

.has-pdf .f-html,
.has-gmap .f-html {
  padding: 0
}

.f-html {
  position: relative;
  box-sizing: border-box;
  margin: var(--f-html-margin, 0);
  padding: var(--f-html-padding, 2rem);
  color: var(--f-html-color, currentColor);
  background: var(--f-html-bg)
}

.is-loading>.f-html {
  opacity: 0
}

.f-html.is-error {
  text-align: center
}

.f-iframe {
  display: block;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%
}

.f-caption {
  align-self: center;
  flex-shrink: 0;
  margin: var(--f-caption-margin);
  padding: var(--f-caption-padding, 16px 8px);
  max-width: 100%;
  max-height: calc(80vh - 100px);
  overflow: auto;
  overflow-wrap: anywhere;
  line-height: var(--f-caption-line-height);
  color: var(--f-caption-color);
  background: var(--f-caption-bg);
  font: var(--f-caption-font);
  text-wrap: balance
}

.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
  max-width: var(--f-video-width, 960px);
  max-height: var(--f-video-height, 540px);
  aspect-ratio: var(--f-video-aspect-ratio);
  background: var(--f-video-bg, rgba(0, 0, 0, .9))
}

.f-html5video {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent
}

.f-button.is-arrow {
  --f-button-width: var(--f-arrow-width, 46px);
  --f-button-height: var(--f-arrow-height, 46px);
  --f-button-svg-width: var(--f-arrow-svg-width, 24px);
  --f-button-svg-height: var(--f-arrow-svg-height, 24px);
  --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
  --f-button-border-radius: var(--f-arrow-border-radius, unset);
  --f-button-bg: var(--f-arrow-bg, transparent);
  --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
  --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
  --f-button-shadow: var(--f-arrow-shadow);
  --f-button-color: var(--f-arrow-color);
  --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
  --f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
  overflow: visible
}

.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
  position: absolute;
  transform: translate(0);
  z-index: 20
}

.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
  inset: 50% auto auto;
  transform: translateY(-50%)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
  left: var(--f-arrow-pos, 0)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
  right: var(--f-arrow-pos, 0)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
  right: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
  left: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg)
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
  top: var(--f-arrow-pos, 0);
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%)
}

.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
  top: auto;
  right: auto;
  bottom: var(--f-arrow-pos, 0);
  left: 50%;
  transform: translate(-50%)
}

.is-vertical .f-button.is-arrow.is-prev svg,
.is-vertical .f-button.is-arrow.is-next svg {
  transform: rotate(90deg)
}

.f-carousel__toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin: var(--f-toolbar-margin, 0);
  padding: var(--f-toolbar-padding, 8px);
  line-height: var(--f-toolbar-line-height);
  background: var(--f-toolbar-bg, none);
  box-shadow: var(--f-toolbar-shadow, none);
  backdrop-filter: var(--f-toolbar-backdrop-filter);
  position: relative;
  z-index: 20;
  color: var(--f-toolbar-color, currentColor);
  font-size: var(--f-toolbar-font-size, 17px);
  font-weight: var(--f-toolbar-font-weight, inherit);
  font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
  text-shadow: var(--f-toolbar-text-shadow);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  pointer-events: none
}

.f-carousel__toolbar.is-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.f-carousel__toolbar .f-button:focus-visible {
  position: relative;
  z-index: 1
}

.f-carousel__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--f-toolbar-gap, 0)
}

.f-carousel__toolbar__column.is-left {
  display: flex;
  justify-self: flex-start;
  justify-content: flex-start
}

.f-carousel__toolbar__column.is-middle {
  display: flex;
  justify-content: center
}

.f-carousel__toolbar__column.is-right {
  display: flex;
  justify-self: flex-end;
  justify-content: flex-end;
  flex-flow: nowrap
}

.f-carousel__toolbar__column {
  pointer-events: none
}

.f-carousel__toolbar__column>* {
  pointer-events: all
}

.f-counter {
  position: relative;
  display: flex;
  flex-direction: row;
  cursor: default;
  user-select: none;
  margin: var(--f-counter-margin, 0);
  padding: var(--f-counter-padding, 4px);
  line-height: var(--f-counter-line-height);
  background: var(--f-counter-bg);
  border-radius: var(--f-counter-border-radius)
}

.f-counter span {
  padding: 0 var(--f-counter-gap, 4px)
}

:root {
  --f-thumbs-gap: 8px;
  --f-thumbs-margin: 0;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: transparent;
  --f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
  --f-thumbs-z-index: 1;
  --f-thumbs-viewport-padding-x: 0px;
  --f-thumbs-viewport-padding-y: 0px;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-clip-width: 46px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-opacity: 1;
  --f-thumb-transition: opacity .3s ease, transform .15s ease;
  --f-thumb-border: none;
  --f-thumb-border-radius: 4px;
  --f-thumb-shadow: none;
  --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
  --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-border-transition: all .1s ease;
  --f-thumb-img-width: 100%;
  --f-thumb-img-height: 100%;
  --f-thumb-img-fit: cover;
  --f-thumb-img-position: 50% 20%
}

.f-thumbs {
  --f-carousel-slide-width: var(--f-thumb-width);
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: var(--f-thumbs-gap);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: var(--f-thumbs-margin);
  padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
  overflow: hidden;
  background: var(--f-thumbs-bg);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  transition: var(--f-thumbs-transition);
  z-index: var(--f-thumbs-z-index)
}

.f-thumbs.is-horizontal {
  max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)
}

.f-thumbs.is-horizontal.is-hidden {
  max-height: 0;
  --f-thumbs-padding-y: 0
}

.f-thumbs.is-vertical {
  max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)
}

.f-thumbs.is-vertical.is-hidden {
  max-width: 0;
  --f-thumbs-padding-x: 0
}

.f-thumbs.is-scrollable.is-hidden {
  max-height: 0;
  --f-thumbs-padding-y: 0
}

.f-thumbs.is-ltr {
  direction: ltr
}

.f-thumbs.is-rtl {
  direction: rtl
}

.f-thumbs img {
  display: block;
  width: var(--f-thumb-img-width);
  height: var(--f-thumb-img-height);
  object-fit: var(--f-thumb-img-fit);
  object-position: var(--f-thumb-img-position);
  pointer-events: none;
  border-radius: inherit;
  color: transparent
}

.f-thumbs img[data-lazy-src] {
  visibility: hidden
}

.f-thumbs img.has-lazyerror {
  display: none
}

.f-thumbs__viewport {
  box-sizing: border-box;
  height: 100%;
  padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
  overflow: visible;
  display: grid
}

.f-thumbs__slide {
  position: relative;
  box-sizing: border-box;
  grid-area: 1/1;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  overflow: visible
}

.f-thumbs__slide:hover button {
  opacity: var(--f-thumb-hover-opacity, 1);
  transform: var(--f-thumb-hover-transform, none)
}

.f-thumbs__slide:hover button:after {
  border: var(--f-thumb-hover-border, none);
  box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide button {
  all: unset;
  display: block;
  margin: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  outline: none;
  transition: var(--f-thumb-transition);
  border-radius: var(--f-thumb-border-radius);
  opacity: var(--f-thumb-opacity);
  transform: var(--f-thumb-transform);
  background: var(--f-thumb-bg)
}

.f-thumbs__slide button:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: var(--f-thumb-border-transition);
  border-radius: inherit;
  border: var(--f-thumb-border);
  box-shadow: var(--f-thumb-shadow)
}

.f-thumbs__slide button:focus-within {
  opacity: var(--f-thumb-focus-opacity, 1);
  transform: var(--f-thumb-focus-transform, none)
}

.f-thumbs__slide button:focus-within:after {
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide:active {
  opacity: var(--f-thumb-active-opacity, 1);
  transform: var(--f-thumb-active-transform, none)
}

.f-thumbs__slide:active:after {
  border: var(--f-thumb-active-border, none);
  box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide.is-selected {
  z-index: 2
}

.f-thumbs__slide.is-selected button {
  opacity: var(--f-thumb-selected-opacity, 1);
  transform: var(--f-thumb-selected-transform, none)
}

.f-thumbs__slide.is-selected button:after {
  border: var(--f-thumb-selected-border, none);
  box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
}

.f-thumbs.is-modern {
  --f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: 0;
  --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}

.f-thumbs.is-modern .f-thumbs__viewport {
  width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
  margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)
}

.f-thumbs.is-modern .f-thumbs__slide {
  --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
  --clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
  padding: 0;
  overflow: visible;
  left: var(--shift, 0);
  will-change: left;
  transition: left var(--f-transition-duration) var(--f-transition-easing)
}

.f-thumbs.is-modern .f-thumbs__slide button {
  display: block;
  margin-inline: 50%;
  width: var(--f-thumb-width);
  clip-path: var(--clip-path);
  border: none;
  box-shadow: none;
  transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
  display: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
  outline: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--clip-shift);
  bottom: 0;
  right: var(--clip-shift);
  transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
  border-radius: inherit;
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, none)
}

.f-thumbs.is-modern {
  --f-transition-duration: .25s;
  --f-transition-easing: ease-out
}

.f-thumbs.is-modern.is-syncing {
  --f-transition-duration: 0s
}

.f-thumbs.is-scrollable .f-thumbs__viewport {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
  grid-auto-rows: var(--f-thumb-height);
  gap: var(--f-thumbs-gap);
  overflow: auto;
  overscroll-behavior: contain;
  user-select: none
}

.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
  grid-area: auto;
  display: block;
  position: relative;
  max-width: 100%;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  cursor: pointer;
  outline: none
}

:root {
  --f-progressbar-height: 3px;
  --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
  --f-progressbar-opacity: 1;
  --f-progressbar-z-index: 30
}

.f-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--f-progressbar-z-index);
  height: var(--f-progressbar-height);
  transform: scaleX(0);
  transform-origin: 0;
  opacity: var(--f-progressbar-opacity);
  background: var(--f-progressbar-color);
  user-select: none;
  pointer-events: none;
  animation-name: f-progressbar;
  animation-play-state: running;
  animation-timing-function: linear
}

.f-progressbar:empty {
  display: block
}

button>.f-progressbar {
  --f-progressbar-height: 100%;
  --f-progressbar-opacity: .2
}

@keyframes f-progressbar {
  0% {
    transform: scaleX(0)
  }

  to {
    transform: scaleX(1)
  }
}

[data-fullscreen-action=toggle] svg g:first-child {
  display: flex
}

[data-fullscreen-action=toggle] svg g:last-child {
  display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
  display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
  display: flex
}

.in-fullscreen-mode>.f-carousel {
  flex: 1;
  min-width: 0 !important;
  min-height: 0 !important
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none
}

.fancybox__dialog {
  position: fixed;
  inset: 0;
  z-index: 1050;
  width: 100%;
  height: 100vh;
  max-height: unset;
  max-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
  touch-action: none;
  overscroll-behavior: contain
}

.fancybox__dialog:focus {
  outline: none
}

.fancybox__dialog::backdrop {
  opacity: 0
}

@supports (height: 100dvh) {
  .fancybox__dialog {
    height: 100dvh
  }
}

.fancybox__dialog *:empty {
  display: block
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
  --f-toolbar-margin: 0;
  --f-toolbar-padding: 8px;
  --f-toolbar-gap: 0;
  --f-toolbar-color: #ddd;
  --f-toolbar-font-size: 16px;
  --f-toolbar-font-weight: 500;
  --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  --f-toolbar-line-height: var(--f-button-height);
  --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  --f-toolbar-shadow: none;
  --f-toolbar-bg: none;
  --f-counter-margin: 0;
  --f-counter-padding: 0px 10px;
  --f-counter-gap: 4px;
  --f-counter-line-height: var(--f-button-height);
  --f-carousel-gap: 17px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: 100%;
  --f-carousel-slide-padding: 0;
  --f-carousel-slide-bg: unset;
  --f-html-color: #222;
  --f-html-bg: #fff;
  --f-error-color: #fff;
  --f-error-bg: #333;
  --f-caption-margin: 0;
  --f-caption-padding: 16px 8px;
  --f-caption-color: var(--fancybox-color, #dbdbdb);
  --f-caption-bg: transparent;
  --f-caption-font: inherit;
  --f-caption-line-height: 1.375;
  --f-spinner-color-1: rgba(255, 255, 255, .2);
  --f-spinner-color-2: rgba(255, 255, 255, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
  --f-progressbar-color: rgba(255, 255, 255);
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: #ddd;
  --f-button-hover-color: #fff;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(255, 255, 255, .75);
  --f-button-outline-offset: 0px;
  --f-button-bg: rgba(54, 54, 54, .75);
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-shadow: none;
  --f-button-transition: all .2s ease;
  --f-button-transform: none;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.75;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: .5;
  --f-arrow-pos: 32px;
  --f-arrow-width: 50px;
  --f-arrow-height: 50px;
  --f-arrow-svg-width: 24px;
  --f-arrow-svg-height: 24px;
  --f-arrow-svg-stroke-width: 2.5;
  --f-arrow-border-radius: 50%;
  --f-arrow-bg: rgba(54, 54, 54, .65);
  --f-arrow-color: #ddd;
  --f-arrow-hover-color: #fff;
  --f-close-button-width: 30px;
  --f-close-button-height: 30px;
  --f-close-button-svg-width: 24px;
  --f-close-button-svg-height: 24px;
  --f-close-button-svg-stroke-width: 1.75;
  --f-close-border-radius: 4px;
  --f-close-button-color: #fff;
  --f-close-button-hover-color: #fff;
  --f-close-button-bg: transparent;
  --f-close-button-hover-bg: transparent;
  --f-close-button-active-bg: transparent;
  --f-thumbs-margin: 0px;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: none;
  --f-thumb-transition: all .2s ease;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-opacity: 1;
  --f-thumb-border: none;
  --f-thumb-shadow: none;
  --f-thumb-transform: none;
  --f-thumb-focus-opacity: 1;
  --f-thumb-focus-border: none;
  --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
  --f-thumb-focus-transform: none;
  --f-thumb-hover-opacity: 1;
  --f-thumb-hover-border: none;
  --f-thumb-hover-transform: none;
  --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
  --f-thumb-active-border: var(--f-thumb-hover-border);
  --f-thumb-active-transform: var(--f-thumb-hover-transform);
  --f-thumb-selected-opacity: 1;
  --f-thumb-selected-border: none;
  --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
  --f-thumb-selected-transform: none;
  --f-scrollbar-width: 7px;
  --f-scrollbar-track-bg: #444;
  --f-scrollbar-track-border-radius: 10px;
  --f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
  --f-scrollbar-thumb-bg: #ddd;
  --f-scrollbar-thumb-border-radius: 10px
}

.fancybox__container[theme=light] {
  --fancybox-color: #222;
  --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
  --f-toolbar-color: var(--fancybox-color, #222);
  --f-toolbar-text-shadow: none;
  --f-toolbar-font-weight: 400;
  --f-html-color: var(--fancybox-color, #222);
  --f-html-bg: #fff;
  --f-error-color: #555;
  --f-error-bg: #fff;
  --f-video-bg: #fff;
  --f-caption-color: #333;
  --f-spinner-color-1: rgba(0, 0, 0, .2);
  --f-spinner-color-2: rgba(0, 0, 0, .8);
  --f-spinner-border-width: 3.5px;
  --f-progressbar-color: rgba(111, 111, 116);
  --f-button-color: #333;
  --f-button-hover-color: #000;
  --f-button-outline-color: rgba(0, 0, 0, .85);
  --f-button-bg: rgba(255, 255, 255, .85);
  --f-button-svg-stroke-width: 1.3;
  --f-button-svg-filter: none;
  --f-arrow-bg: rgba(255, 255, 255, .85);
  --f-arrow-color: #333;
  --f-arrow-hover-color: #000;
  --f-arrow-svg-stroke-width: 1.3;
  --f-close-button-color: #555;
  --f-close-button-hover-color: #000;
  --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
  --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
  --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
  --f-scrollbar-track-bg: #ddd;
  --f-scrollbar-thumb-bg: #444
}

.fancybox__container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.fancybox__container:focus {
  outline: none
}

.fancybox__container.has-vertical-thumbs {
  flex-direction: row-reverse
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
  overflow-x: clip;
  overflow-y: visible
}

.fancybox__container>*:not(.fancybox__carousel),
.fancybox__container .fancybox__carousel>*:not(.fancybox__grid, .fancybox__viewport),
.fancybox__container .fancybox__column>*:not(.fancybox__viewport),
.fancybox__container .fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
  opacity: var(--f-drag-opacity, 1)
}

.fancybox__container:not(.is-ready, .is-hiding) {
  visibility: hidden
}

.fancybox__container.is-revealing>*:not(.fancybox__carousel),
.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid, .fancybox__viewport),
.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper) {
  animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn
}

.fancybox__container.is-hiding>*:not(.fancybox__carousel),
.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid, .fancybox__viewport),
.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),
.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper) {
  animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
}

.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
  opacity: 0
}

.fancybox__container.is-hiding {
  pointer-events: none
}

.fancybox__container.is-idle .f-carousel__toolbar {
  pointer-events: none;
  opacity: 0
}

.fancybox__container.is-idle .f-button.is-arrow {
  opacity: 0
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
  animation: .15s ease-out both f-fadeOut
}

.fancybox__backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--fancybox-backdrop-bg);
  filter: var(--fancybox-backdrop-filter)
}

.fancybox__carousel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip
}

.fancybox__carousel.is-vertical {
  --f-carousel-slide-height: 100%
}

.fancybox__carousel.is-ltr {
  direction: ltr
}

.fancybox__carousel.is-rtl {
  direction: rtl
}

.fancybox__carousel>.f-button.is-arrow:before {
  position: absolute;
  content: "";
  inset: -30px;
  z-index: 1
}

.fancybox__viewport {
  display: grid;
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: visible;
  transform: translate3d(0, var(--f-drag-offset, 0), 0)
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing
}

.fancybox__viewport [data-selectable],
.fancybox__viewport [contenteditable] {
  cursor: auto
}

.fancybox__slide {
  box-sizing: border-box;
  position: relative;
  grid-area: 1/1;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  margin: 0;
  padding: var(--f-carousel-slide-padding);
  background: var(--f-carousel-slide-bg);
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform
}

.fancybox__slide:before,
.fancybox__slide:after {
  display: block;
  content: ""
}

.fancybox__slide:before {
  margin-bottom: auto
}

.fancybox__slide:after {
  margin-top: auto
}

.fancybox__slide.is-selected {
  z-index: 1
}

.fancybox__slide.f-zoomable {
  overflow: visible
}

.fancybox__slide.has-error {
  --f-html-color: var(--f-error-color, --f-html-color);
  --f-html-bg: var(--f-error-bg, --f-html-bg)
}

.fancybox__slide.has-html {
  overflow: auto;
  padding: 8px
}

.fancybox__slide.has-iframe {
  overflow: hidden;
  padding: 8px 0
}

.fancybox__slide.has-close-btn {
  padding-top: 34px
}

.fancybox__slide.has-controls:before {
  margin: 0
}

.fancybox__slide .f-spinner {
  cursor: pointer
}

.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
  visibility: hidden
}

.fancybox__container.is-closing .fancybox__carousel,
.fancybox__container.is-closing .fancybox__viewport,
.fancybox__container.is-closing .fancybox__slide.is-selected {
  overflow: visible
}

.f-button.is-close-button {
  --f-button-width: var(--f-close-button-width);
  --f-button-height: var(--f-close-button-height);
  --f-button-border-radius: var(--f-close-border-radius);
  --f-button-color: var(--f-close-button-color);
  --f-button-hover-color: var(--f-close-button-hover-color);
  --f-button-bg: var(--f-close-button-bg);
  --f-button-hover-bg: var(--f-close-button-hover-bg);
  --f-button-active-bg: var(--f-close-button-active-bg);
  --f-button-svg-width: var(--f-close-button-svg-width);
  --f-button-svg-height: var(--f-close-button-svg-height);
  --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
  position: absolute;
  top: calc((var(--f-button-height) + 2px) * -1);
  right: 0;
  z-index: 10
}

.is-loading .f-button.is-close-button {
  visibility: hidden
}

.fancybox__thumbs {
  flex: 0 1 100%
}

.fancybox__thumbs.is-scrollable {
  --f-thumbs-cols: 1;
  --f-thumbs-gap: 8px;
  --f-thumbs-transition: none;
  --f-thumbs-padding-x: 4px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-viewport-padding-x: 4px;
  --f-thumbs-viewport-padding-y: 0px;
  max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
  width: var(--f-scrollbar-width)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
  background: var(--f-scrollbar-track-bg);
  border-radius: var(--f-scrollbar-track-border-radius);
  box-shadow: var(--f-scrollbar-track-shadow)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
  background: var(--f-scrollbar-thumb-bg);
  border-radius: var(--f-scrollbar-thumb-border-radius)
}

.fancybox__thumbs.is-scrollable.is-hidden {
  max-width: 0;
  --f-thumbs-padding-x: 0;
  max-height: unset;
  --f-thumbs-padding-y: unset
}

.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
  overflow-x: hidden !important;
  grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols))) !important
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer+.dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}




@media screen and (max-width: 768px) {
  .srvice-single .portfolio-card__more {
    margin-left: 0;
  }

  .srvice-single .fp-cases--slider .fp-cases__slide.is-active .portfolio-card__body {
    padding: 0 14px;
    gap: 8px;
  }

  .srvice-single .fp-cases--slider .fp-cases__slide.is-active .portfolio-card {
    gap: 10px;
  }

  .srvice-single .portfolio-card__footer {
    display: block;
  }

  .srvice-single .portfolio-card {
    padding-bottom: 14px !important;
    /* margin-left: 9px!important; */
    /* margin-right: 9px!important; */
  }

}

@media screen and (max-width:768px) {
  .services__grid {
    padding-top: 0;
  }

  .services__box {
    min-height: auto !important;
  }

  .service-mobile-title {
    display: block !important;

  }

  .portfolio-card {
    padding-bottom: 14px !important;
  }
}

@media screen and (max-width: 1154px) {
  .fp-cases__body {
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fp-cases__slider-wrap {
    margin-left: 0;
    margin-right: 0;
  }

}


.contact-form__form .wpcf7-form {
  gap: 10px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1445px) {
  .contact-form__form {
    width: 420px;
  }
}

@media screen and (max-width: 1293px) {
  .contact-form__contacts {
    display: grid;
    grid-template-columns: 74px 1fr;
  }

  .contact-form__phone-icon {
    grid-row: span 2;
  }

  .contact-form__dot {
    display: none;
  }
}



@media screen and (max-width: 1512px) {
  /* .fp-service__head {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    order: 1;
    width: calc(50% - 0.625rem);
  } */

  .fp-service__media {
    display: none;
    /* margin: 0!important;
    padding: 0!important;
    box-sizing: border-box;
    order: 2;
    width: calc(50% - 0.625rem); */
  }


  .fp-service__grid {
    /* display: flex; */
    /* flex-wrap: wrap; */
    grid-template-columns: repeat(3, 1fr);
  }

  /* .fp-service__item {
    box-sizing: border-box;
    flex-shrink: 0;
    width: calc(33% - 0.625rem);
    order: 3;
  } */


  .fp-service__link {
    display: none !important;
    /* box-sizing: border-box;
    order: 10;
    width: calc(33% - 0.625rem); */
  }

  /*
  .fp-service__link,
  .fp-service__media{
    display: none!important;

  } */
}

/* @media screen and (max-width: 1512px) {
  .fp-service__head{
    grid-column: span 3;
  }
  .fp-service__grid{
    grid-template-columns: repeat(3, 1fr);
  }


  .fp-service__link,
  .fp-service__media{
    display: none!important;

  }
} */

@media screen and (max-width: 992px) {
  .fp-service__grid {
    /* display: flex; */
    /* flex-wrap: wrap; */
    grid-template-columns: repeat(2, 1fr);
  }


  .fp-service__head {
    grid-column: span 2;
  }

}

.fp-tech__patients-avatar,
.fp-tech__patients {
  transition-duration: .2s;
}

.fp-tech__patients:hover {
  opacity: 0.7;


}

.fp-tech__patients:hover .fp-tech__patients-avatar {
  transform: scale(1.1);
}

.header__soc-link a img {
  transition-duration: .3s;
}

.header__soc-link a:hover img {
  transform: scale(1.2);
}

@media screen and (max-width: 890px) {
  .faq__booking::before {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .contact-form__contacts {
    grid-template-columns: 54px 1fr;
  }
}

@media screen and (max-width: 520px) {
  .contact-form__contacts {
    grid-template-columns: 50px 1fr;
  }
}

@media screen and (max-width: 450px) {
  .contact-form__contacts {
    grid-template-columns: 43px 1fr;
  }
}

@media screen and (max-width: 600px) {
  .portfolio-card__more {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 1140px) {
  .contact-form .contact-form__title br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .care-tips__title.g-title br {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  #popup-review {
    padding: 55px 24px 24px;
  }
}


.fp-service__link mark::after {
  display: none;
}

.fp__head__btn a.btn--empty:hover {
  background-color: #52259B !important;
  border: 1px solid #52259B !important;
}