:root {
  --colors-base-black-100: #000000;
  --colors-base-green01: #04c65d;
  --colors-base-green02: #eefbf4;
  --colors-base-light-bg: #f6f8fa;
  --colors-base-white-100: #ffffff;
  --colors-blue-medical-100: #acdbff;
  --colors-blue-medical-200: #8dc5ff;
  --colors-blue-medical-300: #6dafff;
  --colors-blue-medical-400: #4a9aff;
  --colors-blue-medical-50: #cbf2ff;
  --colors-blue-medical-500: #1b86f7;
  --colors-blue-medical-600: #0072df;
  --colors-blue-medical-700: #005ec5;
  --colors-blue-medical-800: #004ca9;
  --colors-blue-medical-900: #003a8b;
  --colors-blue-medical-source: #218bff;
  --colors-graphite-100: #dddddd;
  --colors-graphite-200: #c6c6c6;
  --colors-graphite-300: #b0b0b0;
  --colors-graphite-400: #9b9b9b;
  --colors-graphite-50: #f3f3f3;
  --colors-graphite-500: #868686;
  --colors-graphite-600: #727272;
  --colors-graphite-700: #5e5e5e;
  --colors-graphite-800: #4b4b4b;
  --colors-graphite-900: #393939;
  --colors-graphite-source: #1e1e1e;
  --colors-red-medical-100: #ffaea2;
  --colors-red-medical-200: #ff9389;
  --colors-red-medical-300: #ff7871;
  --colors-red-medical-400: #ff5e5b;
  --colors-red-medical-50: #ffcbbd;
  --colors-red-medical-500: #f54448;
  --colors-red-medical-600: #da2936;
  --colors-red-medical-700: #be0526;
  --colors-red-medical-800: #a10018;
  --colors-red-medical-900: #82000c;
  --colors-red-medical-source: #fa4549;

  --fonts-size-12: 12px;
  --fonts-size-14: 14px;
  --fonts-size-16: 16px;
  --fonts-size-18: 18px;
  --fonts-size-20: 20px;
  --fonts-size-24: 24px;
  --fonts-size-29: 29px;
  --fonts-size-34: 34px;
  --fonts-size-41: 41px;
  --fonts-size-50: 50px;
  --fonts-size-60: 60px;
  --fonts-size-72: 72px;
  --fonts-size-87: 87px;
  --fonts-spacing--2: -2px;
  --fonts-spacing--1: -1px;
  --fonts-spacing-0: 0px;
  --scope-radius-8: 8px;
  --scope-radius-12: 12px;
  --scope-radius-16: 16px;
  --scope-radius-24: 24px;
  --scope-radius-99: 99px;

  --fonts-family-Instrument-Sans: "Instrument Sans", sans-serif;
  --font-family-lexend: "Lexend", sans-serif;
  --font-family-martian-mono: "Martian Mono", monospace;
  --fonts-weight-bold: bold;
  --fonts-weight-medium: medium;
  --fonts-weight-regular: regular;
  --fonts-weight-semibold: semibold;

  --colors-base-black-100: #000000;
  --colors-base-green01: #04c65d;
  --colors-base-green02: #eefbf4;
  --colors-base-light-bg: #f6f8fa;
  --colors-base-white-100: #ffffff;
  --colors-blue-medical-100: #acdbff;
  --colors-blue-medical-200: #8dc5ff;
  --colors-blue-medical-300: #6dafff;
  --colors-blue-medical-400: #4a9aff;
  --colors-blue-medical-50: #cbf2ff;
  --colors-blue-medical-500: #1b86f7;
  --colors-blue-medical-600: #0072df;
  --colors-blue-medical-700: #005ec5;
  --colors-blue-medical-800: #004ca9;
  --colors-blue-medical-900: #003a8b;
  --colors-blue-medical-source: #218bff;
  --colors-graphite-100: #dddddd;
  --colors-graphite-200: #c6c6c6;
  --colors-graphite-300: #b0b0b0;
  --colors-graphite-400: #9b9b9b;
  --colors-graphite-50: #f3f3f3;
  --colors-graphite-500: #868686;
  --colors-graphite-600: #727272;
  --colors-graphite-700: #5e5e5e;
  --colors-graphite-800: #4b4b4b;
  --colors-graphite-900: #393939;
  --colors-graphite-source: #1e1e1e;
  --colors-red-medical-100: #ffaea2;
  --colors-red-medical-200: #ff9389;
  --colors-red-medical-300: #ff7871;
  --colors-red-medical-400: #ff5e5b;
  --colors-red-medical-50: #ffcbbd;
  --colors-red-medical-500: #f54448;
  --colors-red-medical-600: #da2936;
  --colors-red-medical-700: #be0526;
  --colors-red-medical-800: #a10018;
  --colors-red-medical-900: #82000c;
  --colors-red-medical-source: #fa4549;

  --fonts-size-12: 12px;
  --fonts-size-14: 14px;
  --fonts-size-16: 14px;
  --fonts-size-18: 16px;
  --fonts-size-20: 18px;
  --fonts-size-24: 20px;
  --fonts-size-29: 24px;
  --fonts-size-34: 29px;
  --fonts-size-41: 34px;
  --fonts-size-50: 41px;
  --fonts-size-60: 50px;
  --fonts-size-72: 60px;
  --fonts-size-87: 72px;
  --fonts-spacing--2: -2px;
  --fonts-spacing--1: -1px;
  --fonts-spacing-0: 0px;
  --scope-radius-8: 8px;
  --scope-radius-12: 12px;
  --scope-radius-16: 16px;
  --scope-radius-24: 24px;
  --scope-radius-99: 99px;

  --fonts-family-instrument-sans: Instrument Sans;
  --fonts-weight-bold: bold;
  --fonts-weight-medium: medium;
  --fonts-weight-regular: regular;
  --fonts-weight-semibold: semibold;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/InstrumentSans-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/InstrumentSerif-Italic.woff2") format("woff2");
}

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

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

input[type="checkbox"] {
  accent-color: #218bff;
}

body {
  font-family: var(--fonts-family-Instrument-Sans);
  overflow-x: hidden;
}

.element {
  display: flex;
  align-items: flex-start;
}

.element::after {
  content: "®";
  font-size: 12px;
  margin-top: -5px;
  text-transform: uppercase;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 16px;
  border-radius: 99px;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid transparent;
  gap: 8px;
  box-sizing: border-box;
  white-space: nowrap;
}

.btn__icon {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn__icon svg,
.btn__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Red Outline */
.btn--red-outline {
  border-color: var(--colors-red-medical-source);
  color: var(--colors-red-medical-source);
  background-color: transparent;
}

.btn--red-outline:hover {
  background-color: var(--colors-red-medical-source);
  color: var(--colors-base-white-100);
}

.btn--red-outline:active {
  background-color: var(--colors-red-medical-source);
  color: var(--colors-base-white-100);
}

.btn--red-outline:disabled,
.btn--red-outline.is-disabled {
  border-color: var(--colors-red-medical-50);
  color: var(--colors-red-medical-50);
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: none;
}

/* Red Filled */
.btn--red-filled {
  background-color: var(--colors-red-medical-600);
  border-color: var(--colors-red-medical-600);
  color: var(--colors-base-white-100);
}

.btn--red-filled:hover {
  background-color: var(--colors-red-medical-source);
  border-color: var(--colors-red-medical-source);
}

.btn--red-filled:active {
  background-color: var(--colors-red-medical-source);
  border-color: var(--colors-red-medical-source);
}

.btn--red-filled:disabled,
.btn--red-filled.is-disabled {
  border-color: var(--colors-red-medical-50);
  color: var(--colors-red-medical-50);
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: none;
}

/* Light Outline */
.btn--light-outline {
  border-color: var(--colors-graphite-100);
  color: var(--colors-graphite-100);
  background-color: transparent;
}

.btn--light-outline:hover {
  border-color: var(--colors-red-medical-source);
  color: var(--colors-red-medical-source);
  background-color: var(--colors-base-white-100);
}

.btn--light-outline:disabled,
.btn--light-outline.is-disabled {
  border-color: var(--colors-graphite-50);
  color: var(--colors-graphite-50);
  cursor: not-allowed;
  pointer-events: none;
}

/* Light Filled */
.btn--light-filled {
  background-color: var(--colors-graphite-100);
  border-color: var(--colors-graphite-100);
  color: var(--colors-graphite-900);
}

.btn--light-filled:hover {
  background-color: var(--colors-graphite-50);
  border-color: var(--colors-graphite-50);
}

.btn--light-filled:disabled,
.btn--light-filled.is-disabled {
  border-color: var(--colors-graphite-100);
  color: var(--colors-graphite-100);
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: none;
}

/* Blue Outline */
.btn--blue-outline {
  border-color: var(--colors-blue-medical-source);
  color: var(--colors-blue-medical-source);
  background-color: transparent;
}

.btn--blue-outline:hover {
  background-color: var(--colors-blue-medical-source) !important;
  color: var(--colors-base-white-100) !important;
}

.btn--blue-outline:disabled,
.btn--blue-outline.is-disabled {
  border-color: var(--colors-blue-medical-50);
  color: var(--colors-blue-medical-50);
  cursor: not-allowed;
  pointer-events: none;
}

/* Blue Filled */
.btn--blue-filled {
  background-color: var(--colors-blue-medical-600);
  border-color: var(--colors-blue-medical-600);
  color: var(--colors-blue-medical-50);
}

.btn--blue-filled:hover {
  background-color: var(--colors-blue-medical-source);
  border-color: var(--colors-blue-medical-source);
}

.btn--blue-filled:disabled,
.btn--blue-filled.is-disabled {
  border-color: var(--colors-blue-medical-50);
  color: var(--colors-blue-medical-50);
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: none;
}

/* Gray Outline */
.btn--gray-outline {
  border-color: var(--colors-graphite-source);
  color: var(--colors-graphite-source);
  background-color: transparent;
}

.btn--gray-outline:hover {
  background-color: var(--colors-graphite-source) !important;
  color: var(--colors-base-white-100) !important;
}

.btn--gray-outline:disabled,
.btn--gray-outline.is-disabled {
  border-color: var(--colors-graphite-100);
  color: var(--colors-graphite-100);
  cursor: not-allowed;
  pointer-events: none;
}

/* Gray Filled */
.btn--gray-filled {
  background-color: var(--colors-graphite-source);
  border-color: var(--colors-graphite-source);
  color: var(--colors-base-white-100);
}

.btn--gray-filled:hover {
  background-color: var(--colors-graphite-900);
  border-color: var(--colors-graphite-900);
}

.btn--gray-filled:disabled,
.btn--gray-filled.is-disabled {
  border-color: var(--colors-graphite-100);
  color: var(--colors-graphite-100);
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: none;
}

.input-group--lg {
  gap: 6px;
}

.input-label {
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--colors-graphite-source);
  line-height: 1.3;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--colors-base-white-100);
  border: 1px solid var(--colors-graphite-100);
  border-radius: 8px;
  transition: all 0.3s;
  box-sizing: border-box;
}

.input-wrapper--sm {
  height: 44px;
  padding: 0 12px;
}

.input-wrapper--lg {
  height: 52px;
  padding: 0 16px;
}

.input-field {
  display: flex;
  width: 100%;
  height: 44px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-base-white-100);
  color: var(--colors-graphite-500);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: var(--fonts-size-14);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

select {
  display: flex;
  width: 100%;
  height: 44px;
  padding: 12px;
  padding-right: 32px;
  border-radius: 8px;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-base-white-100);
  color: var(--colors-graphite-500);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: var(--fonts-size-14);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/wp-content/themes/generatepress/assets/image/select.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
  outline: none;
}

.input-field::placeholder {
  color: var(--colors-graphite-500);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: var(--fonts-size-14);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

/* Hover */
.input-group:hover .input-wrapper {
  border-color: var(--colors-blue-medical-source);
}

.input-group:hover .input-field::placeholder {
  color: var(--colors-graphite-700);
}

/* Focus (simulated with class .is-focused or :focus-within) */
.input-wrapper:focus-within,
.input-wrapper.is-focused {
  border-color: #007eff;
  /* Focus color from design */
}

/* Error */
.input-group.is-error .input-wrapper {
  border-color: var(--colors-red-medical-source);
}

.input-group.is-error .input-field {
  color: var(--colors-red-medical-source);
}

.input-group.is-error .input-field::placeholder {
  color: var(--colors-red-medical-source);
}

.input-group.is-error .input-caption {
  color: var(--colors-red-medical-source);
}

/* Success */
.input-group.is-success .input-wrapper {
  border-color: var(--colors-base-green01);
}

.input-group.is-success .input-field {
  color: var(--colors-base-green01);
}

.input-group.is-success .input-field::placeholder {
  color: var(--colors-base-green01);
}

.input-group.is-success .input-caption {
  color: var(--colors-base-green01);
}

/* Disabled / Blocked */
.input-group.is-disabled .input-label {
  color: var(--colors-graphite-200);
}

.input-group.is-disabled .input-wrapper {
  background-color: var(--colors-graphite-50);
  border-color: var(--colors-graphite-100);
  pointer-events: none;
}

.input-group.is-disabled .input-field {
  color: var(--colors-graphite-200);
}

.input-group.is-disabled .input-field::placeholder {
  color: var(--colors-graphite-200);
}

.input-group.is-disabled .input-icon {
  opacity: 0.5;
  /* Adjust opacity for disabled icons */
  filter: grayscale(100%);
}

/* Links Component */

.link {
  display: inline-flex;
  gap: 8px;
  padding: 8px;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.2s ease;
  background: transparent;
  border: 1px solid transparent;
  font-family: var(--font-family-instrument-sans);
  font-weight: 500;
  font-size: var(--fonts-size-14);
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.link__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  border-bottom: 1px solid transparent;
  padding-bottom: 0px;
  /* Adjust if needed to match design spacing */
}

.link__icon {
  content: "";
  background: url(/wp-content/themes/generatepress/assets/image/arrow-bottom.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

.link__icon svg,
.link__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: currentColor;
}

/* --- Type: Gray (Default) --- */

/* Normal */
.link--gray {
  color: var(--colors-graphite-source);
}

.link--gray .link__icon {
  color: var(--colors-graphite-source);
}

/* Hover */
.link--gray:hover,
.link--gray:hover .link__icon {
  color: var(--colors-red-medical-source);
}

/* Pressed (Active) */
.link--gray:active {
  border-bottom-color: var(--colors-red-medical-source);
}

.link--gray:active,
.link--gray:active .link__icon {
  color: var(--colors-red-medical-source);
}

/* Disabled */
.link--gray.is-disabled {
  pointer-events: none;
  cursor: default;
}

.link--gray.is-disabled,
.link--gray.is-disabled .link__icon {
  color: var(--colors-red-medical-50);
}

/* --- Type: Light --- */

/* Normal */
.link--light {
  color: var(--colors-base-white-100);
}

.link--light .link__icon {
  color: var(--colors-base-white-100);
}

/* Hover */
.link--light:hover,
.link--light:hover .link__icon {
  color: var(--colors-red-medical-source);
}

/* Pressed (Active) */
.link--light:active {
  border-bottom-color: var(--colors-red-medical-source);
}

.link--light:active,
.link--light:active .link__icon {
  color: var(--colors-red-medical-source);
}

/* Disabled */
.link--light.is-disabled {
  pointer-events: none;
  cursor: default;
}

.link--light.is-disabled,
.link--light.is-disabled .link__icon {
  color: var(--colors-graphite-400);
}

* {
  box-sizing: border-box;
}

/* Header Styles */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  padding: 16px;
  z-index: 10000;
  background: var(--colors-base-white-100);
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  max-width: 800px;
}

/* Logo */
.header__logo {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  padding-right: 25px;
  max-width: 125px;
}

.header__logo-title {
  font-family: var(--fonts-family-Instrument-Sans);
  font-weight: 600;
  /* semibold */
  font-size: 24px;
  color: var(--colors-red-medical-source);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.header__logo-subtitle {
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 10px;
  color: var(--colors-graphite-500);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Desktop Navigation */
.header__nav {
  display: none;
}

.header__menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__menu-item {
  position: relative;
  padding: 8px;
}

.header__menu-link {
  padding: 8px;
  gap: 16px;
}

.header__menu-link .icon-namechevron-down {
  width: 16px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__menu-link .icon-namechevron-down:before {
  transition: transform 0.3s;
}

.header__menu-item:hover .header__menu-link .icon-namechevron-down:before {
  transform: rotate(180deg);
}

/* Desktop Submenu */
.header__submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  border-radius: 8px;
  border: 1px solid var(--colors-graphite-50);
  background: var(--colors-base-white-100);
  z-index: 100;
}

.header__menu-item:hover .header__submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.header__submenu-title {
  padding: 10px 20px;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 12px;
  color: var(--colors-red-medical-source);
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid var(--colors-red-medical-source);
  margin: 0 20px 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.header__submenu-link {
  display: block;
  padding: 8px;
  text-align: left;
  transition:
    background-color 0.2s,
    color 0.2s;
}

/* Burger Button */
.header__burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--colors-graphite-200);
  /* Light border as seen in screenshot? Or maybe just red icon */
  border-radius: 50%;
  /* Circle border? Screenshot shows circle around burger */
  cursor: pointer;
  gap: 4px;
}

/* Actually screenshot shows a red circle with burger lines inside? Or just red lines? 
   Looking at image-1.png middle part: It's a white circle with a red border and red lines.
*/
.header__burger {
  border: 1px solid var(--colors-red-medical-source);
  border-radius: 50%;
  width: 42px;
  height: 42px;
  position: relative;
}

.header__burger-line {
  width: 18px;
  height: 2px;
  background-color: var(--colors-red-medical-source);
  border-radius: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}

.header__burger-line:nth-child(1) {
  top: 13px;
}

.header__burger-line:nth-child(2) {
  top: 19px;
}

.header__burger-line:nth-child(3) {
  top: 25px;
}

.header__burger.is-active .header__burger-line:nth-child(1) {
  top: 19px;
  transform: translateX(-50%) rotate(45deg);
}

.header__burger.is-active .header__burger-line:nth-child(2) {
  opacity: 0;
}

.header__burger.is-active .header__burger-line:nth-child(3) {
  top: 19px;
  transform: translateX(-50%) rotate(-45deg);
}

/* Mobile Menu */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--colors-base-white-100);
  z-index: 1100;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mobile-menu.is-active {
  transform: translateY(0);
  top: 70px;
  height: calc(100vh - 70px);
}

.mobile-menu__header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--colors-graphite-100);
}

.mobile-menu__close {
  width: 40px;
  height: 40px;
  border: 1px solid var(--colors-red-medical-source);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-menu__close::before,
.mobile-menu__close::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: var(--colors-red-medical-source);
}

.mobile-menu__close::before {
  transform: rotate(45deg);
}

.mobile-menu__close::after {
  transform: rotate(-45deg);
}

.mobile-menu__content {
  padding: 16px 16px 48px 16px;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  overflow-y: auto;
  flex: 1;
}

.mobile-menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-menu__item {
  border-bottom: 1px solid var(--colors-graphite-100);
}

.mobile-menu__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0;
  text-decoration: none;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.mobile-menu__link i {
  font-size: 12px;
  transition: transform 0.3s;
}

.mobile-menu__item.is-open .mobile-menu__link i {
  transform: rotate(180deg);
}

.mobile-menu__submenu {
  display: none;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--colors-graphite-50);
  background: var(--colors-base-white-100);
}

.mobile-menu__item.is-open .mobile-menu__submenu {
  display: block;
  margin-top: 8px;
  margin-bottom: 16px;
}

.mobile-menu__submenu-link {
  display: block;
  text-align: left;
  padding: 8px;
}

.mobile-menu__item.is-open > .mobile-menu__link {
  color: var(--colors-red-medical-source);
  border-bottom-color: var(--colors-red-medical-source);
}

/* Overlay for mobile menu */
.mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.mobile-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

.header__btn {
  display: none;
}

.hero-image-wrapper {
  max-width: 476px;
  width: 100%;
  height: 845.979px;
  flex-shrink: 0;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.hero {
  background: url(/wp-content/themes/generatepress/assets/image/hero-section.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  padding: 141px 16px 0 16px;
  position: relative;
  min-height: 100vh;
}

.hero .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.hero__content-image {
  width: 300px;
  height: 35.714px;
}

.hero__content-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hero__content-title {
  display: inline-flex;
  flex-wrap: wrap;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 60px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
}

.hero__content-title span {
  color: var(--colors-red-medical-source);
}

.hero-image {
  max-width: 476px;
  width: 100%;
  margin: 0 auto;
  height: 845.979px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  aspect-ratio: 476/845.98;
}

.hero-image-wrapper .hero-image {
  pointer-events: auto;
}

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

.hero-image-backdrop img {
  width: 100%;
  height: 100%;
  object-position: right center;
}

.about {
  padding: 64px 16px 288px 16px;
  overflow: hidden;
  position: relative;
}

.about .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  align-self: stretch;
  margin: 0 auto;
}

.about__header {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.about__title {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 72px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  min-width: 288px;
  flex: 1 0 0;
}

.about__title span {
  font-weight: 600;
}

.about__title .element::after {
  font-size: 42px;
  margin-top: -18px;
}

.about__subtitle {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  display: inline;
  line-height: 130%;
  letter-spacing: 0;
  min-width: 288px;
  flex: 1 0 0;
}

.about__subtitle .element {
  display: inline-flex;
}

.about__subtitle .element::after {
  margin-top: -5px;
  display: inline;
}

.about__body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.about__video {
  display: flex;
  width: 393px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.about__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* pointer-events: none; */
}

.about__body-col {
  display: flex;
  min-width: 288px;
  flex: 1 0 0;
  padding: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.about__body-col-title {
  display: flex;
}

.about__body-col-title i {
  padding: 8px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
}

.about__body-col-title i::before {
  font-size: 24px;
}

.about__body-col-title h3 {
  padding: 8px 8px 8px 0;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about__body-col-title h3 span {
  color: #fa4549;
}

.about__body-col-text {
  padding: 8px;
  display: inline;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about__body-col-text .element {
  display: inline-flex;
}

.advantages {
  padding: 32px 16px;
}

.advantages .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  margin: 0 auto;
  align-self: stretch;
}

.advantages h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3px;
}

.advantages h2 .element::after {
  font-size: 30px;
  margin-top: -13px;
}

.advantages__list {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 48px 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.advantages__list-item {
  display: flex;
  min-width: 128px;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
}

.advantages__list-item:nth-last-of-type(1) {
  gap: 16px;
  justify-content: center;
}

.advantages__list-item p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

.advantages__list-item p:nth-last-of-type(1)::after {
  content: none;
}

.advantages__list-item p::after {
  content: "";
  background: url(/wp-content/themes/generatepress/assets/image/advantages-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 32px;
  display: flex;
  flex-shrink: 0;
}

.advantages__list-item-image {
  width: 172px;
  height: 196px;
}

.advantages__list-item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.advantages__list-item-text {
  width: 93.592px;
  height: 24.563px;
}

.advantages-swiper {
  padding: 16px;
  overflow: hidden;
}

.advantages-swiper .swiper-slide {
  width: 288px;
  height: 288px;
  min-height: 288px;
}

.advantages-slider-card {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  overflow: hidden;
  align-self: stretch;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  transition: all 0.3s;
  position: relative;
}

.advantages-slider-card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  z-index: 0;
}

.advantages-slider-card-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.advantages-slider-card-img {
  width: 32px;
  height: 32px;
}

.advantages-slider-card:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.advantages-slider-card i::before {
  font-size: 32px;
  transition: all 0.3s;
}

.advantages-slider-card:hover i::before {
  color: #218bff;
}

.advantages-slider-card h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.advantages-slider-card p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  color: var(--colors-graphite-700);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.advantages-sliders-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  align-self: stretch;
}

.advantages-sliders-button-next,
.advantages-sliders-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.advantages-sliders-button-next:hover,
.advantages-sliders-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.advantages-sliders-button-next:active,
.advantages-sliders-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.advantages-sliders-button-next i:before,
.advantages-sliders-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.advantages-sliders-button-next:hover i:before,
.advantages-sliders-button-prev:hover i:before {
  color: #fa4549;
}

.advantages-sliders-button-next:active i:before,
.advantages-sliders-button-prev:active i:before {
  color: #fa4549;
}

.advantages-sliders-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
}

.advantages-sliders-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.advantages-sliders-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.advantages-sliders-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.advantages-sliders-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.looking {
  padding: 32px 16px;
}

.looking .wrapper {
  position: relative;
  padding: 32px 16px 32px 16px;
  border-radius: 24px;
  overflow: hidden;
  z-index: 1;
}

.looking__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  z-index: -2;
}

.looking__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.looking__paralax {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.looking__paralax img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.looking__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  align-self: stretch;
  position: relative;
  z-index: 2;
  max-width: 576px;
}

.looking__content-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}

.looking__content-title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.looking__content-title h2 .element {
  display: inline-flex;
  margin-right: 5px;
}

.looking__content-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.looking__content-form {
  display: flex;
  padding-left: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-left: 2px solid var(--colors-red-medical-200);
}

.looking__content-form h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 5px;
  letter-spacing: 0;
}

.looking__content-form-col {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

.looking__content-form-group {
  display: flex;
  min-width: 128px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.looking__content-form-group.full-width {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.looking__content-form-group.full-width textarea {
  width: 100%;
  height: 150px;
  resize: none;
  padding: 12px;
  border-radius: 8px;
  outline: none;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-base-white-100);
  color: var(--colors-graphite-500);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.looking__content-form-group.full-width textarea::placeholder {
  color: var(--colors-graphite-500);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.looking__content-form-content {
  margin-top: 12px;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.looking__content-form-checkbox {
  display: flex;
  min-width: 128px;
  padding: 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.looking__content-form-checkbox input {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-base-white-100);
}

.looking__content-form-content .btn {
  min-width: 128px;
  flex: 1 0 0;
  gap: 27px;
  border-radius: 99px;
  border: 1px solid var(--colors-blue-medical-600);
  background: var(--colors-blue-medical-600);
  color: #fff;
  transition: all 0.3s;
}

.looking__content-form-content .btn .icon-namearrow-right:before {
  font-size: 20px;
}

.looking__content-form-content .btn:hover {
  border: 1px solid var(--colors-blue-medical-source);
  background: var(--colors-blue-medical-source);
  color: #cbf2ff;
}

.looking__content-form-content .btn:hover i::before {
  color: #cbf2ff;
}

.looking__content-form-content .btn:active {
  border: 1px solid var(--colors-blue-medical-source);
  background: var(--colors-blue-medical-source);
  color: #cbf2ff;
}

.looking__content-form-content .btn:active i::before {
  color: #cbf2ff;
}

.looking__content-form-checkbox label {
  color: var(--colors-graphite-500);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: var(--fonts-size-14);
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.looking__content-form-checkbox label a {
  color: #218bff;
  text-decoration: underline;
}

.looking__content-form-content .btn i::before {
  color: #fff;
}

.looking__content-banner {
  display: flex;
  padding: 20px 24px;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: var(--scope-radius-16);
  background: var(--colors-base-white-100);
}

.looking__content-banner-img {
  min-width: 128px;
}

.looking__content-banner-text {
  display: flex;
  min-width: 128px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.looking__content-banner-text h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.looking__content-banner-text p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

/* Nested Swiper Styles */
.product-range__nested-swiper {
  width: 100%;
}

.product-range__nested-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.product-range {
  padding: 64px 16px;
  overflow: hidden;
}

.product-range .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  flex: 1 0 0;
  margin: 0 auto;
  width: 100%;
}

.product-range__title {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.product-range__title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans, "Instrument Sans");
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  min-width: 288px;
  flex: 1 0 0;
}

.product-range__title h2 span {
  font-weight: 600;
}

.product-range__title h2 .element::after {
  font-size: 30px;
  margin-top: -13px;
}

.product-range__title-description {
  display: flex;
  min-width: 288px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

.product-range__title-description p {
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.product-range__title-description p .element {
  display: inline-flex;
}

.product-range__title-description .btn {
  gap: 5px;
}

.product-range__title-description .btn i {
  margin-left: 17px;
}

.product-range__title-description .btn i::before {
  font-size: 20px;
}

.product-range__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}

.product-range__tabs {
  display: flex;
  padding: 78px 0 16px 0;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.product-range__tab {
  padding: 16px 8px 8px 8px;
  margin-bottom: 8px;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  letter-spacing: 0;
  gap: 5px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: all 0.3s;
}

.product-range__tab::before {
  content: "";
  width: 0;
  height: 1px;
  background: #fa4549;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}

.product-range__tab:hover::before {
  width: 100%;
}

.product-range__tab:hover {
  color: #fa4549;
}

.product-range__tab--active {
  color: #fa4549;
}

.product-range__tab--active::before {
  width: 100%;
}

.product-range__section {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.product-range__swiper {
  width: 100%;
  max-width: 500px;
  height: 445px;
}

.product-range__swiper-slide {
  height: 100%;
}

.product-range__swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
}

.product-range__swiper-slide .swiper-slide-shadow {
  background: transparent;
  /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); */
}

.product-range__contents {
  width: 100%;
  margin-top: -70px;
}

.product-range__content {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  flex: 1 0 0;
}

.product-range__content.product-range__content--active {
  display: flex;
}

.product-range__content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.product-range__content-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 3;
  align-self: stretch;
}

.product-range__content-title h3 {
  display: inline-flex;
  color: var(--colors-red-medical-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  gap: 5px;
  flex-wrap: wrap;
}

.product-range__content-title h3 .element {
  color: var(--colors-graphite-source);
}

.product-range__content-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.product-range__content-title p .element {
  display: inline-flex;
}

.product-range__content-box-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

.product-range__content-box-item {
  display: flex;
  width: 176px;
  height: 240px;
  padding: 16px 11px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  transition: all 0.3s;
}

.product-range__content-box-item h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.product-range__content-box-item p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  color: var(--colors-graphite-700);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.product-range__content-box-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.product-range__nested-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  margin-bottom: 24px;
  max-width: 800px;
  width: 100%;
}

.product-range__nested-title h4 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.product-range__nested-title h4 strong {
  color: var(--colors-red-medical-source);
  display: inline;
}

.product-range__nested-title h4 .element {
  display: inline-flex;
}

.product-range__nested-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.product-range__nested-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  gap: 4px;
}

.product-range__nested-card a {
  position: relative;
  height: 236px;
  width: 100%;
  display: flex;
}

.product-range__nested-badge {
  padding: 10px 12px;
  position: absolute;
  left: 16px;
  top: 16px;
  border-radius: 8px;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.product-range__nested--red {
  background: #fa4549;
  color: #fff;
}

.product-range__nested--white {
  background: #f3f3f3;
}

.product-range__content .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
  width: 288px;
}

.product-range__content .advantages-sliders-nav {
  max-width: 800px;
  width: 100%;
  margin-top: 16px;
}

.advantages-sliders-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  align-self: stretch;
}

.product-range-button-next,
.product-range-button-prev,
.product-range-video-button-next,
.product-range-video-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.product-range-button-next:hover,
.product-range-button-prev:hover,
.product-range-video-button-next:hover,
.product-range-video-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.product-range-button-next:active,
.product-range-button-prev:active,
.product-range-video-button-next:active,
.product-range-video-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.product-range-button-next i:before,
.product-range-button-prev i:before,
.product-range-video-button-next i:before,
.product-range-video-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.product-range-button-next:hover i:before,
.product-range-button-prev:hover i:before,
.product-range-video-button-next:hover i:before,
.product-range-video-button-prev:hover i:before {
  color: #fa4549;
}

.product-range-button-next:active i:before,
.product-range-button-prev:active i:before,
.product-range-video-button-next:active i:before,
.product-range-video-button-prev:active i:before {
  color: #fa4549;
}

.product-range-pagination,
.product-range-video-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.product-range-pagination .swiper-pagination-bullet,
.product-range-video-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.product-range-pagination .swiper-pagination-bullet:hover,
.product-range-video-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.product-range-pagination .swiper-pagination-bullet:active,
.product-range-video-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.product-range-pagination .swiper-pagination-bullet-active,
.product-range-video-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.enhanced__boxs {
  position: relative;
}

.enhanced__boxs-tabs-item {
  transition: all 0.3s;
  position: relative;
  z-index: 2;
  border-bottom: 1px dashed transparent;
  padding-bottom: 5px;
  /* Add some space */
}

.enhanced__boxs-tabs-item.active {
  opacity: 1;
  border-bottom-color: #000;
}

/* Make zones clickable */
.enhanced__boxs-face svg path {
  transition: opacity 0.3s;
}

.enhanced__boxs-face svg path[data-zone] {
  cursor: pointer;
}

.enhanced__boxs-face svg path[data-zone]:hover {
  opacity: 0.8;
}

.connection-line {
  stroke: #000;
  stroke-width: 1.5;
  stroke-dasharray: 5, 5;
  fill: none;
  animation: dash 20s linear infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -1000;
  }
}

.enhanced {
  padding: 32px 16px;
  overflow: hidden;
}

.enhanced .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.enhanced__boxs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.enhanced__boxs-tabs {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  flex-wrap: wrap;
}

.enhanced__boxs-tabs-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.enhanced__boxs-tabs-item-img {
  width: 76px;
  height: 20px;
}

.enhanced__boxs-tabs-item span {
  display: flex;
  padding: 8px;
  border-radius: 8px;
  color: var(--colors-base-white-100);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.enhanced__boxs-tabs-item span strong {
  display: none;
}

.red-zone {
  background: #ec6547;
}

.perple-zone {
  background: #ae6c9e;
}

.yellow-zone {
  background: #e7ac44;
}

.enhanced__boxs-face-img {
  width: 550px;
  height: 550px;
  aspect-ratio: 1/1;
}

.enhanced__boxs-face svg {
  position: absolute;
  top: 42.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 239.25px;
  height: 329px;
}

.enhanced__boxs-face {
  position: relative;
  width: 550px;
  height: 550px;
  aspect-ratio: 1/1;
}

.enhanced__boxs-tabs-item.active {
  border-bottom: 1px solid transparent;
}

.enhanced__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: -10px;
}

.enhanced__content h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.enhanced__content h2 .element {
  display: inline-flex;
}

.enhanced__content-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.enhanced__content-box p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.enhanced__content-box p .element {
  display: inline-flex;
}

.enhanced__content-box-images {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 12px;
}

.enhanced__content-box-image-grid {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.enhanced__content-box-image {
  height: 179px;
}

.enhanced__content-box-image {
  display: flex;
  justify-content: center;
}

.enhanced__content-box-image-grid img {
  width: calc(50% - 8px);
  height: 47px;
  object-fit: contain;
}

/* Central Image */
.syringe-image {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease-out;
}

.syringe-image img {
  max-width: 100%;
  height: auto;
  max-height: 700px;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}

/* Text Blocks */
.info-block {
  position: relative;
  z-index: 3;
  opacity: 0;
  transition: all 0.8s ease-out;
}

.info-block--left {
  transform: translateX(-50px);
}

.info-block--right {
  transform: translateX(50px);
}

.info-block.visible {
  opacity: 1;
  transform: translateX(0);
}

.syringe-image.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Detail Circles */
.details-container {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s ease-out 0.5s;
}

.details-container.visible {
  opacity: 1;
  transform: translateY(0);
}

/* SVG Lines */
.lines-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.connector-line {
  fill: none;
  stroke: #000;
  stroke-width: 1;
  stroke-dasharray: 4 4;
  opacity: 0;
}

.connector-dot {
  fill: #000;
  opacity: 0;
}

/* Animation Classes */
.animate-lines .connector-line {
  animation: fadeIn 1.5s forwards ease-in-out;
}

.animate-lines .connector-dot {
  animation: fadeIn 0.5s forwards 1.5s;
}

@keyframes drawLine {
  from {
    stroke-dashoffset: 1000;
    opacity: 1;
  }

  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.clinician-comfort {
  padding: 64px 16px;
  background: url(/wp-content/themes/generatepress/assets/image/hero-section.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  position: relative;
  overflow: hidden;
}

.clinician-comfort .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  margin: 0 auto;
}

.clinician-comfort__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.clinician-comfort__title .btn {
  margin-left: auto;
}

.clinician-comfort__title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.clinician-comfort__title p {
  max-width: 776px;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.clinician-comfort__title p .element {
  display: inline-flex;
}

.syringe-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.product-range__nested-swiper {
  overflow: visible;
}

.col-left,
.col-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}

.syringe-image {
  order: 3;
  display: flex;
  width: 288px;
  height: 697.787px;
}

.info-header {
  display: flex;
  align-items: center;
}

.info-header i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.info-header i::before {
  font-size: 24px;
}

.info-title {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.info-title br {
  display: none;
}

.info-title span {
  display: inline-flex;
  color: var(--colors-red-medical-source);
}

.info-title .element {
  color: var(--colors-graphite-source);
}

.info-text {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.info-text .element {
  display: inline-flex;
}

.details-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.section-paralax {
  position: relative;
  overflow: hidden;
  padding: 48px 16px;
}

.section-paralax-block-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.section-paralax-block-image::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  z-index: 1;
}

.section-paralax-block-image img {
  width: 100%;
  height: 730px;
  object-fit: cover;
  object-position: bottom;
}

.section-paralax-swiper-slide {
  width: 288px;
  height: 376px;
  border-radius: 24px;
  background: var(--colors-base-white-100, #fff);
}

.section-paralax-swiper-slide-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.section-paralax-swiper-slide-content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.section-paralax-swiper-slide-content p {
  color: var(--colors-graphite-700);
  display: inline;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 15;
  overflow: hidden;
}

.section-paralax-swiper-slide-content p .element {
  display: inline-flex;
}

.section-paralax-swiper-slide-content-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.section-paralax-swiper-slide2 {
  max-width: 576px;
  width: 100%;
}

.section-paralax-swiper-slide2 .section-paralax-swiper-slide-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 100%;
}

.section-paralax-swiper-slide2
  .section-paralax-swiper-slide-content
  .section-paralax-swiper-slide-content-img {
  position: static;
}

.section-paralax-swiper-slide2 img {
  width: 100%;
  height: auto;
}

.section-paralax-swiper {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  overflow: visible;
}

.section-paralax-swiper .advantages-sliders-nav {
  margin-top: 16px;
}

.section-paralax-button-prev,
.section-paralax-button-next {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.section-paralax-button-next:hover,
.section-paralax-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.section-paralax-button-next:active,
.section-paralax-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.section-paralax-button-next i:before,
.section-paralax-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.section-paralax-button-next:hover i:before,
.section-paralax-button-prev:hover i:before {
  color: #fa4549;
}

.section-paralax-button-next:active i:before,
.section-paralax-button-prev:active i:before {
  color: #fa4549;
}

.section-paralax-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  position: static;
  justify-content: center;
}

.section-paralax-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: #ddd;
  border-radius: 0;
  transition: all 0.3s;
}

.section-paralax-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.section-paralax-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.section-paralax-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.results {
  padding: 64px 16px 48px 16px;
}

.results .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  margin: 0 auto;
}

.results__title {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.results__title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
  min-width: 288px;
  flex: 1 0 0;
}

.results__title h2 span {
  color: #fa4549;
}

.results__title .enhanced__content-box-images {
  margin-top: 0;
  min-width: 288px;
  flex: 1 0 0;
}

.results__body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.results__body-item {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  gap: 4px;
}

.results__body-item h3 {
  padding: 8px 8px 8px 0;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.results__body-item p {
  display: inline;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.results__body-item p .element {
  display: inline-flex;
}

.results__title .enhanced__content-box-image {
  width: 288px;
  height: 151.579px;
}

.partners {
  padding: 32px 16px;
}

.partners .wrapper {
  display: flex;
  padding: 48px 16px 208px 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 64px;
  align-self: stretch;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: var(--colors-base-light-bg);
}

.partners__content-video {
  position: absolute;
  inset: 0;
}

.partners__content-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.partners__content-video::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.95) 31.3%,
    rgba(255, 255, 255, 0) 67.55%
  );
  z-index: 1;
}

.partners__content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  width: 100%;
}

.partners__content-image {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  max-width: 390px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 208px;
}

.partners__content-image1 {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 235px;
  left: -15%;
  height: 215px;
}

.partners__content-image2 {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 235px;
  left: 16%;
  height: 210px;
}

.partners__content-image3 {
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 235px;
  height: 210px;
  left: 49%;
}

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

.partners__content h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.partners__content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
  margin-bottom: 16px;
}

.partners__content-box p {
  display: inline;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.partners__content-box p .element {
  display: inline-flex;
}

.why {
  padding: 96px 16px;
}

.why .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  margin: 0 auto;
}

.why__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.why__left h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 72px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  display: inline;
}

.why__left h2 .element {
  display: inline-flex;
  font-weight: 600;
}

.why__left h2 .element::after {
  font-size: 34px;
  margin-top: -25px;
}

.why__left-img {
  height: 276px;
  border-radius: 24px;
  width: 100%;
}

.why__left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.why__right {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 46px 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.why__right-item {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  gap: 12px;
}

.why__right-item span {
  color: var(--colors-red-medical-source, #fa4549);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__right-item h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__right-item p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.why__right-item p .element {
  display: inline-flex;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.product {
  padding: 32px 16px;
}

.product .wrapper {
  padding: 32px 16px;
  border-radius: 24px;
  background: url(/wp-content/themes/generatepress/assets/image/bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.product__wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  flex: 1 0 0;
  margin: 0 auto;
}

.product__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.product__top-title {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.product__top-title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  min-width: 256px;
  flex: 1 0 0;
}

.product__top-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  min-width: 256px;
  flex: 1 0 0;
}

.product__top-boxs {
  display: flex;
  gap: 16px;
  align-self: stretch;
  flex-wrap: nowrap;
  overflow: auto;
  width: calc(100% + 32px);
  padding-left: 16px;
  padding-bottom: 10px;
  min-width: 100%;
  padding-right: 16px;
  margin-left: -16px;
}

.product__top-card {
  display: flex;
  width: 256px;
  padding: 12px;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  border-radius: 12px;
  background: var(--colors-base-white-100);
}

.product__top-card-image {
  border-radius: 8px;
  height: 232px;
  position: relative;
  overflow: hidden;
}

.product__top-card-image video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: -2;
  transition: all 0.3s;
  display: none;
}

.product__top-card-image-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-100);
}

.product__top-card-image-icon i::before {
  color: #393939;
}

.product__top-card-content {
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
}

.product__top-card-content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  text-overflow: ellipsis;
  min-height: 42px;
}

.product__top-card-content h3 .element {
  display: inline-flex;
}

.product__top-card-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  color: var(--colors-graphite-source);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.product__top-card-content p .element {
  display: inline-flex;
}

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

.product__center-img {
  width: 220px;
  height: 64px;
  margin-bottom: 16px;
}

.product__center h3 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.product__center p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  display: inline;
  letter-spacing: 0;
  max-width: 576px;
  margin: 0 auto;
}

.product__center p .element {
  display: inline-flex;
}

.product__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.product__bottom-title {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.product__bottom-title h2 {
  min-width: 256px;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.product__bottom-title h2 span {
  color: var(--colors-red-medical-source);
}

.product__bottom-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
  min-width: 256px;
  flex: 1 0 0;
}

.product__bottom-title p .element {
  display: inline-flex;
}

.product__bottom-box {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.product__bottom-card {
  display: flex;
  height: 400px;
  min-width: 256px;
  padding: 12px;
  align-items: center;
  flex: 1 0 0;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: var(--colors-base-white-100);
}

.product__bottom-card video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 8px;
}

.product__bottom-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__bottom-card a {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}

.product__bottom-card:hover video {
  opacity: 1;
}

.cta {
  padding: 0 16px;
  position: relative;
}

.cta .wrapper {
  padding: 32px 16px;
  background: url(/wp-content/themes/generatepress/assets/image/bg3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 24px;
  margin: 0 auto;
}

.cta__wrapper {
  display: flex;
  max-width: 1176px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 48px;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.cta__wrapper-left {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
}

.cta__wrapper-right {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}

.cta__wrapper-left h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.cta__wrapper-left h2 .element {
  display: inline-flex;
}

.cta__wrapper-left p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.cta__wrapper-left p .element {
  display: inline-flex;
}

.cta__wrapper-left .looking__content-banner {
  padding: 20px 24px;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  background: var(--colors-base-white-100);
}

.cta__wrapper-left .looking__content-banner p {
  font-size: 14px;
}

.cta__wrapper-right .looking__content-form {
  padding: 0;
  border: 0;
}

.cta__wrapper-right .looking__content-form-checkbox {
  width: 100%;
}

.cta__wrapper-right .looking__content-form-content {
  gap: 16px;
}

.cta__wrapper-right .btn {
  min-width: 256px;
  min-height: 42px;
}

.cta__wrapper-right .looking__content-form-col {
  flex-direction: column;
}

.cta__wrapper-right .looking__content-form-group {
  width: 100%;
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -68px;
  align-self: stretch;
  background:
    url(/wp-content/themes/generatepress/assets/image/footer.png), #f6f8fa;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 124px 16px 24px 16px;
}

.footer .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.footer__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.footer__top a {
  width: 125px;
  height: 46.693px;
  display: flex;
}

.footer__top span {
  color: #1e1e1e;
  font-family: "Instrument Serif";
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.footer__center {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.footer__center h2 {
  color: #1e1e1e;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.footer__center p {
  color: #1e1e1e;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.footer__center p a {
  text-decoration: none;
  color: #1e1e1e;
}

.footer__bottom {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 45px;
  flex: 1 0 0;
}

.footer__bottom-nav2-list {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 17px 0;
}

.footer__bottom-nav2-item {
  padding: 8px;
}

.footer__bottom-nav2-link {
  padding: 8px;
  color: #1e1e1e;
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}

.footer__bottom-nav2-link:hover {
  color: var(--colors-red-medical-source);
}

.footer__bottom-nav2-link:active {
  color: var(--colors-red-medical-source);
  border-bottom: 1px solid var(--colors-red-medical-source);
}

/* Footer Submenu */
.footer__bottom-nav2-item--has-submenu {
  position: relative;
}

.footer__bottom-nav2-item--has-submenu .footer__bottom-nav2-link {
  display: flex;
  align-items: center;
  gap: 4px;
}

.footer__bottom-nav2-item--has-submenu .icon-namechevron-down {
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s;
}

.footer__bottom-nav2-item--has-submenu:hover .icon-namechevron-down,
.footer__bottom-nav2-item--has-submenu.active .icon-namechevron-down {
  transform: rotate(180deg);
}

.footer__submenu {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  border-radius: 8px;
  border: 1px solid var(--colors-graphite-50);
  background: var(--colors-base-white-100);
  z-index: 100;
  min-width: 120px;
}

.footer__bottom-nav2-item--has-submenu:hover .footer__submenu,
.footer__bottom-nav2-item--has-submenu.active .footer__submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

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

.footer__submenu-list li {
  padding: 0;
}

.footer__submenu-link {
  display: block;
  padding: 8px;
  text-align: left;
  transition:
    background-color 0.2s,
    color 0.2s;
  white-space: nowrap;
}

.footer__bottom-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.footer__bottom-list-item {
  padding: 8px;
}

.footer__bottom-list-link {
  padding: 8px;
  color: #1e1e1e;
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}

.footer__bottom-list-link:hover {
  color: var(--colors-red-medical-source);
}

.footer__bottom-list-link:active {
  color: var(--colors-red-medical-source);
  border-bottom: 1px solid var(--colors-red-medical-source);
}

.footer__bottom-navs {
  display: flex;
  flex-wrap: wrap;
}

.footer__bottom-list {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 15px 0;
}

.footer__bottom-navs span {
  color: var(--colors-graphite-400);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  padding: 16px 0;
}

.footer__bottom-nav p {
  color: #1e1e1e;
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.hero.hero__twac {
  background: transparent;
}

.hero__twac {
  min-height: 877px;
  padding-bottom: 64px;
  display: flex;
  overflow: hidden;
}

.hero__twac .wrapper {
  justify-content: flex-end;
  height: auto;
}

.hero__twac-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}

.hero__twac-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero__twac .hero-image-wrapper {
  width: 100%;
  height: 590.306px;
  max-width: 100%;
  bottom: 28px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.hero__twac .hero-image-wrapper .hero-image {
  max-width: 100%;
  width: 100%;
  height: 100%;
  aspect-ratio: unset;
  bottom: 262px;
}

.hero__twac .hero-image-wrapper .hero-image img {
  width: 506.122px;
  height: 354.2px;
  object-fit: cover;
  overflow: visible;
  content: url(/wp-content/themes/generatepress/assets/image/heros.png);
}

.hero__twac-content {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 48px;
  align-self: stretch;
  flex-wrap: wrap;
}

.hero__twac-content-title {
  display: flex;
  min-width: 288px;
  padding: 16px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  background: #fff;
}

.hero__twac-content-title h1 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 34px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.hero__twac-content-title h1 strong {
  color: var(--colors-red-medical-source);
  font-weight: 700;
}

.hero__twac-content p {
  display: flex;
  min-width: 288px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  text-align: right;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.hero__twac-bg::before {
  content: "";
  background: linear-gradient(
    180deg,
    rgba(243, 243, 243, 0) 19.33%,
    #f8f8f8 41.79%
  );
  position: absolute;
  inset: 0;
}

.hero.hero__twac::before {
  content: "";
  width: 1705.612px;
  height: 433.163px;
  border-radius: 1705.612px;
  background: linear-gradient(
    180deg,
    rgba(248, 248, 248, 0) -32.21%,
    #fff 14.84%
  );
  filter: blur(10.759405136108398px);
  position: absolute;
  bottom: -160px;
  left: 0;
  z-index: 3;
}

.about__twac {
  padding: 64px 16px;
}

.about__twac-wrapper {
  padding: 64px 16px 68px 16px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  position: relative;
  overflow: hidden;
}

.about__twac-wrapper .about__video {
  width: 100%;
  height: auto;
  max-height: 100%;
  bottom: 0;
  max-width: 100%;
  padding-top: 205px;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}

.about__twac-wrapper .about__video video {
  height: 412px;
  width: 100%;
}

.about__twac-wrapper {
  position: relative;
  isolation: isolate;
  /* Важно для mix-blend-mode */
}

.about__twac-wrapper::before {
  content: "";
  background: linear-gradient(180deg, #f6f8fa 0%, rgba(255, 255, 255, 0) 100%);
  /* Или так: */
  /* background: linear-gradient(to top, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 412px;
  z-index: 2;
  pointer-events: none;
  /* Чтобы не блокировать клики на видео */
}

.about__twac .wrapper {
  position: relative;
  z-index: 3;
}

.about__twac-wrapper .about__header {
  gap: 17px;
}

.about__twac-body {
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.about__twac-body p {
  padding: 0;
}

.about__twac .about__body-col-title h3 {
  display: flex;
  flex-direction: column;
}

.about__body-col {
  min-width: 256px;
}

.section-paralax__twac {
  padding: 32px 16px;
}

.section-paralax__twac .section-paralax-swiper-slide-content {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  width: 256px;
  height: 256px;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.3s;
}

.section-paralax__twac .section-paralax-swiper-slide-content:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.section-paralax__twac .section-paralax-swiper-slide-content h3 {
  min-height: 44px;
  position: relative;
  z-index: 2;
}

.section-paralax__twac .section-paralax-swiper-slide-content p {
  position: relative;
  z-index: 2;
}

.section-paralax__twac
  .section-paralax-swiper-slide-content
  .section-paralax-swiper-slide-content-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.section-paralax__twac
  .section-paralax-swiper-slide-content
  .section-paralax-swiper-slide-content-img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}

.section-paralax__twac .section-paralax-swiper-slide {
  width: 256px;
  height: 256px;
}

.product-range__twac .product-range__swiper {
  width: 100%;
  height: 654.694px;
  flex-shrink: 0;
  margin-top: -27px;
  max-width: 655px;
}

.product-range__twac .product-range__swiper-slide {
  width: 655px;
  height: 655px;
}

.product-range__twac .product-range__swiper-slide img {
  width: 655px;
  height: 655px;
  object-fit: contain;
}

.product-range__twac .product-range__body {
  gap: 0;
}

.product-range__twac .product-range__content-box-list {
  justify-content: flex-start;
}

.product-range__twac .product-range__nested-title h4 span {
  color: var(--colors-red-medical-source);
}

.product-range__twac .product-range__content-box-item {
  height: 176px;
  min-width: 176px;
  flex: 1 0 0;
}

.product-range__twac .product-range__nested-title p .element {
  display: inline-flex;
}

.regeneration {
  padding: 32px 16px;
}

.regeneration .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  align-self: stretch;
  margin: 0 auto;
}

.regeneration-header {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.regeneration-header h2 {
  display: flex;
  min-width: 256px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 34px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.regeneration-header-box {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
}

.regeneration-header-box h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.regeneration-header-box h3 span {
  display: inline-flex;
}

.regeneration-header-box p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.regeneration-header-box p .element {
  display: inline-flex;
}

.regeneration-body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 18px;
  align-self: stretch;
  flex-wrap: wrap;
}

.regeneration-body-col {
  display: flex;
  min-width: 200px;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  border-radius: 12px;
  transition: all 0.3s;
  gap: 7px;
}

.regeneration-body-col:hover {
  background: var(--colors-base-light-bg);
}

.regeneration-body-col > span {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: block;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #f3f3f3;
}

.regeneration-body-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.regeneration-body-item-img-wrapper {
  display: flex;
  height: 176px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
}

.regeneration-body-item-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  overflow: hidden;
}

.regeneration-body-item-img p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.regeneration-body-item > p {
  padding: 12px 24px 0 24px;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.regeneration-body-item > p .element {
  display: inline-flex;
}

.vessel {
  padding: 64px 16px 48px 16px;
}

.vessel .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
  margin: 0 auto;
}

.vessel__header {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px;
  align-self: stretch;
  flex-wrap: wrap;
}

.vessel__header h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
  min-width: 256px;
  flex: 1 0 0;
}

.vessel__header h2 span {
  color: var(--colors-red-medical-source);
}

.vessel__header-img {
  display: flex;
  min-width: 256px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}

.vessel__header-img img {
  width: 100%;
  height: 100%;
}

.vessel__body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.vessel__body-item {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  gap: 3px;
}

.vessel__body-item h3 {
  padding: 8px 8px 8px 0;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  flex: 1 0 0;
  width: 100%;
  display: inline-block;
}

.vessel__body-item h3 span {
  display: inline-flex;
}

.vessel__body-item p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.vessel__body-item p .element {
  display: inline-flex;
}

.vessel__header-img img {
  width: 288px;
  height: 129.016px;
}

.video-banner {
  padding: 32px 16px;
}

.video-banner__wrapper {
  height: 512px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.video-banner__wrapper .video-banner__play {
  position: absolute;
  top: 52px;
  right: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-100);
  width: 42px;
  z-index: 2;
  height: 42px;
  transition: all 0.3s;
}

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

.video-banner__wrapper::before {
  content: "";
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0.25) 100%
  );
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.video-banner__play:hover {
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-50);
}

.video-banner__play:active {
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-50);
}

.accordion__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.accordion__item.is-active .accordion__icon {
  transform: rotate(180deg);
}

.accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.why__right-accardion {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.why__right-accardion > h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
  gap: 5px;
}

.why__right-accardion > h3 .element {
  display: inline-flex;
}

.why__right-accardions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.accordion__item {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 16px;
  border-radius: 4px;
  border-bottom: 1px solid #f3f3f3;
}

.accordion__item:nth-last-of-type(1) {
  border-bottom: none;
}

.accordion__header {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}

.accordion__title {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
}

.accordion__icon {
  margin-left: auto;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.accordion__icon i::before {
  font-size: 24px;
}

.accordion__title > span {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  padding: 8px;
}

.accordion__title h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__twac .why__right {
  gap: 24px 16px;
}

.why__twac .why__right-item {
  min-width: 139px;
}

.accordion__item.is-active {
  background: var(--colors-base-light-bg);
  gap: 12px;
}

.accordion__item:hover {
  background: var(--colors-base-light-bg);
}

.accordion__item.is-active .accordion__title h3 {
  color: var(--colors-blue-medical-source);
}

.accordion__item:hover .accordion__title h3 {
  color: var(--colors-blue-medical-source);
}

.accordion__item.is-active .accordion__title span img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(75%) saturate(2324%)
    hue-rotate(196deg) brightness(102%) contrast(101%);
}

.accordion__item:hover .accordion__title span img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(75%) saturate(2324%)
    hue-rotate(196deg) brightness(102%) contrast(101%);
}

.accordion__item.is-active .accordion__icon i::before {
  color: var(--colors-blue-medical-source);
}

.accordion__item:hover .accordion__icon i:before {
  filter: brightness(0) saturate(100%) invert(41%) sepia(75%) saturate(2324%)
    hue-rotate(196deg) brightness(102%) contrast(101%);
}

.accordion__content p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
  text-align: left;
}

.accordion__content p .element {
  display: inline-flex;
}

.accordion__content {
  padding: 16px 24px;
}

.why__twac {
  padding-bottom: 31px;
}

/* .section-paralax__twac .section-paralax-swiper-slide-content p {
  -webkit-line-clamp: 7;
} */

.hero--fortox .hero__twac-content {
  gap: 16px;
  z-index: 4;
  flex-direction: column;
  align-items: center;
}

.hero--fortox .hero__twac-content-title {
  min-width: 288px;
  padding: 0 16px;
}

.hero--fortox .hero__twac-content-title h1 {
  text-align: center;
}

.hero--fortox .hero__twac-content p {
  text-align: center;
  justify-content: center;
}

.hero--fortox .hero-image-wrapper {
  width: 500px;
  height: 500px;
  bottom: 192px;
  z-index: 3;
}

.hero--fortox .hero-image-wrapper .hero-image img {
  width: 500px;
  height: 500px;
  content: none;
  object-fit: cover;
}

.hero--fortox {
  padding-bottom: 48px;
}

.hero--fortox .hero__twac-content p br {
  display: none;
}

.hero--fortox.hero.hero__twac::before {
  width: 1990px;
  height: 385px;
  border-radius: 1990px;
  background: linear-gradient(
    180deg,
    rgba(248, 248, 248, 0) -32.21%,
    #fff 14.84%
  );
  filter: blur(12.552639961242676px);
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.hero--fortox .hero__twac-bg::before {
  background: linear-gradient(
    180deg,
    rgba(243, 243, 243, 0) 8.45%,
    #f8f8f8 62.25%
  );
}

.about--fortox .about__body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.about__body-video {
  display: flex;
  height: 276px;
  min-width: 256px;
  flex: 1 0 0;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

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

.about__body-video .video-banner__play {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-100);
  width: 42px;
  z-index: 2;
  height: 42px;
  transition: all 0.3s;
}

.about__body-video .video-banner__play:hover {
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-50);
}

.about__body-video .video-banner__play:active {
  border: 1px solid var(--colors-graphite-100);
  background: var(--colors-graphite-50);
}

.about__body-col-title svg {
  width: 40px;
  height: 40px;
  padding: 8px;
}

.about__body-col-title {
  width: 100%;
}

.about--fortox .about__body-col-title h3 {
  width: 100%;
  flex-direction: row;
  display: inline;
}

.about--fortox .about__twac-wrapper .about__body {
  margin-bottom: 0;
}

.how-works {
  padding: 64px 16px;
  overflow: hidden;
}

.how-works .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  flex: 1 0 0;
  margin: 0 auto;
}

.how-works__header {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.how-works__header h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  min-width: 288px;
  flex: 1 0 0;
  display: inline;
}

.how-works__header h2 .element {
  display: inline-flex;
  font-weight: 600;
}

.how-works__header h2 .element::after {
  font-size: 30px;
  margin-top: -20px;
}

.how-works__header-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.how-works__header-description p .element {
  display: inline-flex;
}

.how-works__header-description {
  display: flex;
  min-width: 288px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
  position: relative;
  z-index: 2;
}

.how-works__content {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.how-works__content-image {
  display: flex;
  min-width: 288px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}

.how-works__content-list {
  display: flex;
  min-width: 288px;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  gap: 16px;
  position: relative;
  z-index: 3;
}

.how-works__content-item {
  display: flex;
  height: 176px;
  min-height: 176px;
  flex: 1 0 0;
  width: 100%;
  padding: 24px 150px 24px 32px;
  flex-direction: column;
  gap: 4px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}

.how-works__content-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.how-works__content-item img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.how-works__content-item h3 {
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.how-works__content-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.about--fortox .about__twac-wrapper {
  padding-bottom: 60px;
}

.how-works__header-description .btn {
  gap: 0;
}

.how-works__header-description .btn i {
  margin-left: 28px;
}

.how-works__content-image img {
  width: 1002px;
  height: 1002px;
  position: absolute;
  object-fit: cover;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
}

.how-works__content-image {
  min-height: 576px;
  position: relative;
}

.advantages-sliders--fortox .advantages-swiper {
  padding: 32px 16px;
  max-width: 832px;
  margin: 0 auto;
  width: 100%;
}

.advantages-sliders--fortox .advantages-swiper .swiper-slide {
  flex: 1 0 0;
  height: 276px;
  min-width: 276px;
  min-height: 276px;
  max-width: 392px;
}

.advantages-sliders--fortox
  .advantages-swiper
  .swiper-slide:nth-last-of-type(1) {
  margin-right: 0 !important;
}

.composition {
  padding: 60px 16px 66px;
}

.composition .info-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.composition .syringe-image {
  position: relative;
  height: 475.787px;
}

.composition .syringe-image img {
  width: 195.842px;
  height: 510.309px;
  aspect-ratio: 195.84/510.31;
  object-fit: cover;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.composition .syringe-section {
  width: 100%;
}

.composition .syringe-container {
  align-items: flex-start;
}

.clinician-comfort.composition {
  min-height: 784px;
  background: url(/wp-content/themes/generatepress/assets/image/bg22.png);
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: 50% 70%;
}

.composition .syringe-image {
  margin: 0 auto;
}

.info-block-svg {
  display: none;
}

.vessel--fortox {
  background: var(--colors-base-light-bg);
}

.vessel__header-title {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
}

.vessel__header-title p {
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.vessel--fortox .vessel__header {
  gap: 17px;
}

.vessel--fortox .vessel__header-img img {
  height: 184px;
}

.card {
  padding: 32px 16px 64px 16px;
  background: var(--colors-base-light-bg);
}

.card .wrapper {
  display: flex;
  max-width: 800px;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px 16px;
  align-self: stretch;
  flex-wrap: wrap;
  margin: 0 auto;
}

.card-grafics-item {
  min-width: 288px;
  flex: 1 0 0;
  border-radius: 24px;
  overflow: hidden;
  background: var(--colors-base-white-100);
}

.card-grafics-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.assessment {
  padding: 32px 16px;
}

.assessment .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  max-width: 800px;
  margin: 0 auto;
}

.assessment__title {
  display: flex;
  padding: 64px 16px 0 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.assessment__title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.assessment__title p {
  max-width: 776px;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.assessment__title p .element {
  display: inline-flex;
}

.assessment__title-img {
  display: flex;
  padding: 3.946px 41.5px 4.065px 16.5px;
  align-items: center;
  align-self: stretch;
  aspect-ratio: 361/146.12;
}

.assessment__title-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-grafics-item-img {
  display: flex;
  height: 333.372px;
  padding: 33.859px 12.5px 33.231px 13.5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 362px;
  align-self: stretch;
}

.card-grafics-item-img img {
  height: 333.372px;
  aspect-ratio: 361/333.37;
  max-height: 290px;
}

.card-grafics-item-box {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  min-height: 206px;
  align-self: stretch;
}

.card-grafics-item-list {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.card-grafics-item-list--title {
  background: var(--colors-base-light-bg);
}

.card-grafics-item-list-item {
  display: flex;
  padding: 12px 0;
  flex: 1 0 0;
  color: var(--colors-graphite-700);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  justify-content: center;
}

.card-grafics-item-list-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: var(--colors-graphite-700);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.card-grafics-item-list-items-color {
  color: #fff;
  border-radius: 4px;
  background: var(--colors-red-medical-source);
}

.why--fortox {
  padding: 48px 16px;
}

.why--fortox .why__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.why__left-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.why__left-top h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__left-grid {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.why__left-grid--col {
  min-width: 288px;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.why__left-grid--col--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why__left-grid--col-item {
  height: 136px;
  min-width: 288px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.3s;
}

.why__left-grid--col-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.why__left-grid--col--img {
  height: 376px;
  min-width: 288px;
  border-radius: 24px;
  padding: 0;
  background: var(--colors-base-light-bg);
  overflow: hidden;
}

.why__left-grid--col-item h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__left-grid--col-item p {
  overflow: hidden;
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.why__left-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.why__left-table h4 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__left-table-box-scroll {
  width: calc(100% + 16px);
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--colors-graphite-50);
  border-radius: 4px;
  border-top: 0;
}

.why__left-table-box-title {
  display: flex;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid var(--colors-graphite-50);
  background: var(--colors-base-light-bg);
  overflow: hidden;
}

.why__left-table-box-text {
  display: flex;
  height: 103px;
  padding: 0 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.why__left-table-box-titles {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
}

.why__left-table-box-texts {
  display: flex;
  min-height: 96px;
  padding: 3px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-bottom: 1px solid var(--colors-graphite-50);
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.why__left-table-box-titles:nth-last-of-type(1) .why__left-table-box-texts {
  border-bottom: none;
}

.why--fortox {
  overflow: hidden;
}

.why--fortox .why__right h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.why--fortox .why__right h2 .element {
  display: inline-flex;
}

.why--fortox.why .wrapper {
  gap: 44px;
}

.why--fortox.why__twac .why__right {
  gap: 35px 16px;
}

.accordion__content {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.accordion__content ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: disc;
  padding-left: 20px;
}

.accordion__content ul li {
  list-style: disc;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.accordion__content ul li .element {
  display: inline-flex;
}

.why__left-table-box-title {
  flex: 0 0 auto;
}

.why__left-table-box-titles {
  flex: 0 0 auto;
}

.why__left-table-box {
  display: flex;
  min-width: 100%;
  flex-direction: column;
  width: max-content;
}

.error-404 {
  padding: 117px 16px 64px 16px;
}

.error-404 .wrapper {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.error-404__content {
  padding: 40px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.error-404__title {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.error-404__text {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.breadcrumbs {
  max-width: 1279px;
  padding: 8px 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.breadcrumbs-item {
  padding: 16px 8px;
}

.breadcrumbs-link {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}

.breadcrumbs-link:hover {
  color: var(--colors-red-medical-source);
}

.breadcrumbs-link:active {
  color: var(--colors-red-medical-source);
  border-bottom: 1px solid var(--colors-red-medical-source);
}

.breadcrumbs-text {
  color: var(--colors-red-medical-50);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.error-404__box-img {
  height: 363px;
}

.error-404__box-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.error-404__box h2 {
  color: var(--colors-graphite-900);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.error-404__box p {
  color: var(--colors-graphite-700);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.error-404__link {
  margin: 0 auto;
  text-transform: capitalize;
}

.error-404__link i {
  transform: rotate(180deg);
}

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

.thank-you__box {
  align-items: flex-start;
}

.thank-you__box.error-404__box p {
  text-align: left;
}

.thank-you__box .error-404__link {
  margin-left: 0;
}

.thank-you__box .error-404__box-img {
  margin: 0 auto;
  height: 361px;
}

.hero--appeex .hero__twac-content-title h1 br {
  display: none;
}

.hero--appeex.hero--fortox .hero-image-wrapper {
  width: 600px;
  height: 590.306px;
  bottom: 125px;
  left: 55%;
}

.hero--appeex.hero--fortox .hero-image-wrapper .hero-image img {
  width: 600px;
  height: 590.306px;
  min-width: 700px;
}

.hero--appeex-cards {
  overflow: hidden;
}

.hero--appeex-cards-swiper {
  width: 100%;
  overflow: visible;
  padding: 32px 16px;
}

.hero--appeex-cards-item {
  flex-shrink: 0;
}

.hero--appeex-cards-item {
  display: flex;
  width: 276px;
  height: 376px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  position: relative;
  z-index: 0;
  gap: 16px;
  padding: 24px;
  transition: all 0.3s;
}

.hero--appeex-cards-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.hero--appeex-cards-item .hero--appeex-cards-item--img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 24px;
  overflow: hidden;
}

.hero--appeex-cards-item .hero--appeex-cards-item--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero--appeex-cards-item h3 {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: "Instrument Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}

.hero--appeex-cards-item h3 span {
  color: #fa4549;
}

.hero--appeex-cards-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.hero--appeex-cards-item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  right: -64px;
  background: url(/wp-content/themes/generatepress/assets/image/arrow-swiper.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
  height: 20px;
}

.hero--appeex-cards-item:nth-last-of-type(1)::before {
  content: none;
}

.hero--appeex-cards-button-next,
.hero--appeex-cards-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.hero--appeex-cards-button-next:hover,
.hero--appeex-cards-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.hero--appeex-cards-button-next:active,
.hero--appeex-cards-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.hero--appeex-cards-button-next i:before,
.hero--appeex-cards-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.hero--appeex-cards-button-next:hover i:before,
.hero--appeex-cards-button-prev:hover i:before {
  color: #fa4549;
}

.hero--appeex-cards-button-next:active i:before,
.hero--appeex-cards-button-prev:active i:before {
  color: #fa4549;
}

.hero--appeex-cards-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.hero--appeex-cards-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.hero--appeex-cards-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.hero--appeex-cards-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.hero--appeex-cards-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.hero--appeex-cards-swiper .advantages-sliders-nav {
  max-width: 800px;
  margin: 16px auto 0 auto;
  width: 100%;
}

.why__appeex .why__right-accardion {
  margin-top: 0;
}

.why__appeex .why__right-accardion > p {
  margin-top: -12px;
}

.chemical-mediators {
  padding: 32px 16px;
  height: 715px;
  position: relative;
  overflow: hidden;
}

.chemical-mediators-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.chemical-mediators-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chemical-mediators h2 {
  max-width: 800px;
  margin: 0 auto;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.chemical-mediators__content {
  width: 100%;
  max-width: calc(800px + 32px);
  margin: 0 auto;
  height: 567px;
  position: relative;
}

.chemical-mediators__content img {
  max-width: 800px;
  object-position: center;
  height: 567px;
  object-fit: cover;
  margin-left: -16px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.why__appeex {
  padding: 48px 16px;
}

.why__appeex .accordion__item {
  padding: 21px 16px;
}

.hero--home {
  min-height: 876px;
  padding-bottom: 78px;
}

.hero.hero__twac.hero--home:before {
  content: none;
}

.hero--home .hero__twac-bg::before {
  content: none;
}

.hero--home .hero__twac-content {
  width: 100%;
}

.hero--home .hero__twac-content-title {
  align-items: flex-start;
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.61);
  backdrop-filter: blur(50px);
}

.hero__twac-content-title .btn {
  gap: 27px;
}

.hero__twac-content-title .btn i:before {
  font-size: 20px;
}

.hero--home .hero__twac-content-title h1 {
  align-items: center;
  text-align: center;
}

.hero--home .hero__twac-content p {
  text-align: center;
  justify-content: center;
  font-size: 18px;
}

.product-range--home {
  padding: 64px 16px;
}

.product-range--home h2 {
  align-items: center;
  text-align: center;
}

.product-range--home.product-range .wrapper {
  gap: 24px;
}

.product-range--home .product-range__tabs {
  padding: 0;
  flex-direction: row;
  justify-content: center;
  gap: 18px;
}

.product-range--home.product-range__twac .product-range__body {
  gap: 40px;
}

.product-range--home.product-range__twac .product-range__swiper {
  min-width: 288px;
  min-height: 290px;
  margin: 0;
  height: 290px;
  margin: 0 auto;
}

.product-range--home.product-range__twac .product-range__swiper-slide {
  height: 100%;
}

.product-range--home.product-range__twac .product-range__swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.product-range--home .product-range__content {
  min-width: 288px;
}

.home-product-range__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.product-range__content-logo {
  width: 176px;
  height: 76px;
}

.product-range__content-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-range--home .product-range__contents {
  margin-top: 0;
}

.home-product-range__content h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.home-product-range__content h3 .element {
  display: inline-flex;
}

.home-product-range__content-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.home-product-range__content-text p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.home-product-range__content-text p .element {
  display: inline-flex;
}

.home-product-range__content .btn {
  width: 100%;
  gap: 27px;
  justify-content: center;
  border-radius: var(--scope-radius-99, 99px);
  border: 1px solid var(--colors-blue-medical-600);
  background: var(--colors-blue-medical-600);
  color: var(--colors-base-white-100);
}

.home-product-range__content .btn i:before {
  color: var(--colors-base-white-100);
  font-size: 20px;
}

.cta--home {
  padding: 0 16px;
}

.news {
  padding: 48px 16px 32px 16px;
  overflow: hidden;
}

.news .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.news__top {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.news__top h2 {
  display: flex;
  min-width: 256px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 34px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.news__top h2 span {
  font-weight: 600;
}

.news__top-description {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 24px;
  flex: 1 0 0;
}

.news__top-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.news__top-description .btn {
  gap: 22px;
}

.news__top-description .btn i:before {
  font-size: 20px;
}

.news-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.news__tabs {
  padding: 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  align-self: stretch;
}

.news__tab {
  padding: 16px 8px 8px 8px;
  margin-bottom: 8px;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  border-bottom: 1px solid transparent;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  letter-spacing: 0;
  gap: 5px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: all 0.3s;
}

.news__tab.news__tab--active {
  color: #fa4549;
  border-bottom: 1px solid #fa4549;
}

.news__tab:hover {
  color: #fa4549;
}

.news__cards {
  width: 100%;
  overflow: visible;
  padding: 0 16px 0 0;
}

.news__card:hover {
  background: var(--colors-base-white-100, #fff);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.news__cards-slide {
  width: 256px !important;
  height: 454px;
}

.news__card {
  border-radius: 12px;
  background: var(--colors-base-light-bg);
  width: 100%;
  overflow: hidden;
  height: 100%;
  transition: all 0.3s;
}

.news__card-img {
  height: 176px;
  width: 100%;
}

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

.news__card-content {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 21px;
  align-self: stretch;
}

.news__card-content-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.news__card-content-box time {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.news__card-badge {
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--colors-blue-medical-source);
  color: var(--colors-base-white-100);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
}

.news__card-badge.news__card-badge--red {
  background: var(--colors-red-medical-400);
}

.news__card-badge:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: var(--colors-blue-medical-source);
}

.news__card-badge.news__card-badge--red:before {
  background: var(--colors-red-medical-400);
}

.news__card-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.news__card-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  color: var(--colors-graphite-700);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.news__tabs-button-next,
.news__tabs-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.news__tabs-button-next:hover,
.news__tabs-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.news__tabs-button-next:active,
.news__tabs-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.news__tabs-button-next i:before,
.news__tabs-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.news__tabs-button-next:hover i:before,
.news__tabs-button-prev:hover i:before {
  color: #fa4549;
}

.news__tabs-button-next:active i:before,
.news__tabs-button-prev:active i:before {
  color: #fa4549;
}

.news__tabs-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
  position: static;
}

.news__tabs-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.news__tabs-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.news__tabs-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.news__tabs-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.news .advantages-sliders-nav {
  max-width: 800px;
  margin: 24px auto 0 auto;
  width: 100%;
}

.cta--home .cta__wrapper-left > p {
  font-size: 18px;
}

.cta--home .looking__content-form > p {
  font-size: 18px;
  display: inline;
  margin-bottom: 22px;
}

.cta--home .looking__content-form > h3 {
  font-size: 18px;
}

.cta--home .looking__content-form > p .element {
  display: inline-flex;
}

.about--home {
  padding: 48px 16px;
}

.about--home .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  align-items: flex-start;
  align-content: flex-start;
  gap: 19px;
  align-self: stretch;
  flex-wrap: wrap;
}

.about--home-left {
  min-width: 256px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  flex: 1 0 0;
}

.about--home-list {
  min-width: 256px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  flex: 1 0 0;
  border-left: 4px solid var(--colors-red-medical-source);
}

.about--home-left h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about--home-left p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about--home-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.about--home-list-item h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans,);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about--home-list-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.about--home-list-item p .element {
  display: inline-flex;
}

.about--home-list-item-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.about--home-list-item-box ul {
  padding-left: 20px;
}

.about--home-list-item-box ul li {
  list-style: disc;
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.hero--home .hero__twac-content-title h1 {
  font-size: 29px;
  display: flex;
  flex-direction: column;
}

.box-icons {
  overflow: hidden;
  padding: 64px 52px 54px 52px;
}

.box-icons .wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.box-icons-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: -52px;
  margin-right: -52px;
  padding-left: 52px;
  padding-right: 52px;
  width: calc(100% + 104px);

  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* .box-icons-list::-webkit-scrollbar {
  display: none;
} */

.box-icons-item {
  display: flex;
  width: 256px;
  height: 280px;
  padding: 32px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  transition: all 0.3s;
}

.box-icons-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.box-icons-item-svg {
  width: 100%;
  height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-icons-item:hover .box-icons-item-svg img {
  filter: brightness(0) saturate(100%) invert(47%) sepia(91%) saturate(2937%)
    hue-rotate(194deg) brightness(100%) contrast(104%);
}

.box-icons-item-svg img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.box-icons-item h3 {
  color: var(--colors-graphite-900);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.box-icons-item p {
  color: var(--colors-graphite-700);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma {
  padding: 32px 16px;
}

.about--yuma .wrapper {
  padding: 64px 16px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  position: relative;
  overflow: hidden;
}

.about--yuma-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.about--yuma-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    112deg,
    rgba(255, 255, 255, 0.9) 53.84%,
    rgba(255, 255, 255, 0.3) 88.98%
  );
  z-index: 1;
}

.about--yuma__wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
}

.about--yuma__top {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.about--yuma__title {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  gap: 8px;
  flex: 1 0 0;
}

.about--yuma__title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0;
}

.about--yuma__title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma__title-description {
  display: flex;
  min-width: 256px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
}

.about--yuma__title-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about--yuma__body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.about--yuma__body-left {
  display: flex;
  padding: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  min-width: 256px;
  flex: 1 0 0;
}

.about--yuma__body-title {
  display: flex;
  align-items: center;
  align-self: stretch;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma__body-title img {
  padding: 8px;
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.about--yuma__body-description {
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  align-self: stretch;
}

.about--yuma__body-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma__body-logo {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  height: 9px;
}

.about--yuma__body-logo img {
  width: auto;
  height: 9px;
  object-fit: contain;
}

.about--yuma__body-list {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px;
  align-self: stretch;
  flex-wrap: wrap;
  min-width: 256px;
  flex: 1 0 0;
}

.about--yuma__body-item {
  display: flex;
  height: 176px;
  min-width: 156px;
  gap: 8px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-white-100);
  transition: all 0.3s;
}

.about--yuma__body-item:hover {
  background: var(--colors-base-white-100, #fff);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.about--yuma__body-item h4 {
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma__body-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.box-product {
  padding: 64px 52px 54px 52px;
}

.box-product .wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.box-product--list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  overflow-x: auto;
  padding-bottom: 10px;
  flex-wrap: nowrap;

  margin-left: -52px;
  margin-right: -52px;
  padding-left: 52px;
  padding-right: 52px;
  width: calc(100% + 104px);

  -ms-overflow-style: none;
  scrollbar-width: none;
}

.box-product--list::-webkit-scrollbar {
  display: none;
}

.box-product--list-item {
  width: 256px;
  height: 256px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  padding: 32px;
  transition: all 0.3s;
}

.box-product--list-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.box-product--list-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.box-product--list-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.box-product--list-item h3 {
  color: var(--colors-graphite-700);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.our-commitment {
  padding: 32px 16px;
}

.our-commitment .wrapper {
  display: flex;
  padding: 48px 16px 208px 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 64px;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
}

.our-commitment-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.our-commitment-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our-commitment-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.95) 50%,
    rgba(255, 255, 255, 0) 77.37%
  );
  z-index: 1;
}

.our-commitment__content {
  display: flex;
  max-width: 800px;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  position: relative;
  z-index: 2;
}

.our-commitment__title {
  display: flex;
  max-width: 800px;
  align-items: flex-start;
  gap: 12px;
  flex-direction: column;
  flex: 1 0 0;
}

.our-commitment__title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.our-commitment__title h2 span {
  color: var(--colors-red-medical-source);
}

.our-commitment__description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 21px;
  align-self: stretch;
}

.our-commitment__description p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.indications {
  padding: 32px 16px;
  overflow: hidden;
}

.indications .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.indications-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.indications-title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.indications-title p {
  max-width: 776px;
  flex: 1 0 0;
  margin: 0 auto;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.indications-swiper {
  width: 100%;
  overflow: visible;
}

.indications__swiper-slide {
  width: 288px;
  height: 476px;
}

.indications__swiper-content:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.indications__swiper-content {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  overflow: hidden;
  position: relative;
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  transition: all 0.3s;
}

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

.indications__swiper-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left bottom;
}

.indications__swiper-contents {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.indications__swiper-contents h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.indications__swiper-contents p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.indications__swiper-content .btn {
  position: relative;
  z-index: 2;
  gap: 20px;
}

.indications__swiper-content .btn i:before {
  font-size: 20px;
}

.indications-button-next,
.indications-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.indications-button-next:hover,
.indications-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.indications-button-next:active,
.indications-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.indications-button-next i:before,
.indications-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.indications-button-next:hover i:before,
.indications-button-prev:hover i:before {
  color: #fa4549;
}

.indications-button-next:active i:before,
.indications-button-prev:active i:before {
  color: #fa4549;
}

.indications-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
  position: static;
}

.indications-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.indications-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.indications-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.indications-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.indications-sliders-nav {
  max-width: 800px;
  margin: 24px auto 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.key-facts {
  padding: 48px 16px;
}

.key-facts .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
  margin: 0 auto;
  width: 100%;
}

.key-facts-title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
}

.key-facts-title h2 span {
  color: var(--colors-red-medical-source);
}

.key-facts-body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.key-facts-body-left {
  display: flex;
  min-width: 288px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.key-facts-body-right {
  min-width: 256px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex: 1 0 0;
}

.key-facts-body-img {
  display: flex;
  width: 288px;
  height: 287px;
  justify-content: center;
  align-items: center;
}

.key-facts-body-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.key-facts-body-left h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.key-facts-body-left h3 span {
  color: var(--colors-red-medical-source);
}

.key-facts-body-left-item {
  display: flex;
  height: 248px;
  min-width: 176px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 24px;
  gap: 16px;
  padding: 24px;
  background: var(--colors-base-light-bg);
  transition: all 0.3s;
}

.key-facts-body-left-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.key-facts-body-left-item h3 {
  overflow: hidden;
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.key-facts-body-left-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.home-maps {
  overflow: hidden;
}

.home-maps .wrapper {
  max-width: 800px;
  padding: 32px 16px;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  position: relative;
}

.home-maps .wrapper img {
  height: 500px;
  width: calc(1176px + 32px);
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cta--home .cta__wrapper-left ul {
  padding-left: 20px;
}

.cta--home .cta__wrapper-left ul li {
  list-style: disc;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.footer__center-social {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

.footer__center-list {
  border-radius: 99px;
  border: 1px solid #1e1e1e;
  transition: all 0.3s;
}

.footer__center-links {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 27px;
  padding: 0 16px;
  color: #1e1e1e;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  transition: all 0.3s;
}

.footer__center-links img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(5%) saturate(12%)
    hue-rotate(327deg) brightness(91%) contrast(92%);
}

.footer__center-list:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.footer__center-list:hover .footer__center-links {
  color: var(--colors-red-medical-source);
}

.footer__center-list:hover .footer__center-links img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(88%) saturate(3306%)
    hue-rotate(334deg) brightness(101%) contrast(96%);
}

.footer__center-list:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.footer__center-list:active .footer__center-links {
  color: var(--colors-red-medical-source);
}

.footer__center-list:active .footer__center-links img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(88%) saturate(3306%)
    hue-rotate(334deg) brightness(101%) contrast(96%);
}

.input-field:hover {
  border-radius: var(--scope-radius-8, 8px);
  border: 1px solid var(--colors-blue-medical-source, #218bff);
  background: var(--colors-base-white-100, #fff);
}

.input-group select:hover {
  border-radius: var(--scope-radius-8, 8px);
  border: 1px solid var(--colors-blue-medical-source, #218bff);
}

.looking__content-form-checkbox {
  transition: all 0.3s;
  border: 1px solid transparent;
}

.looking__content-form-checkbox:hover {
  border-radius: var(--scope-radius-8, 8px);
  border: 1px solid var(--colors-graphite-100, #ddd);
  background: var(--colors-base-white-100, #fff);
}

.how-works__content-list .product-range__nested-title {
  margin-top: 30px;
}

.how-works__content-list .product-range__nested-title h4 .element {
  color: var(--colors-red-medical-source);
}

.how-works__content-list .product-range__nested-card {
  flex-direction: row;
}

.how-works__content-list .product-range__nested-card a {
  height: 276px;
}

.how-works__content-list .advantages-sliders-nav {
  margin-top: 14px;
}

.indicationses {
  padding: 52px 16px 32px 16px;
  overflow: hidden;
}

.indicationses .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  margin: 0 auto;
}

.indicationses-title {
  width: 100%;
}

.indicationses-title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.indicationses-swiper {
  width: 100%;
  overflow: visible;
}

.indicationses-swiper-slide {
  width: 256px;
  height: 256px;
}

.indicationses-swiper-slide-box {
  width: 256px;
  height: 256px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  padding: 32px;
  position: relative;
  transition: all 0.3s;
}

.indicationses-swiper-slide-box:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.indicationses-swiper-slide-box h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.indicationses-swiper-slide-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 24px;
  overflow: hidden;
}

.indicationses-swiper-slide-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.indicationses-sliders-nav {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indicationses-button-next,
.indicationses-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.indicationses-button-next:hover,
.indicationses-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.indicationses-button-next:active,
.indicationses-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.indicationses-button-next i:before,
.indicationses-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.indicationses-button-next:hover i:before,
.indicationses-button-prev:hover i:before {
  color: #fa4549;
}

.indicationses-button-next:active i:before,
.indicationses-button-prev:active i:before {
  color: #fa4549;
}

.indicationses-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
  position: static;
}

.indicationses-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.indicationses-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.indicationses-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.indicationses-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.why--fortox .why__right .accordion__content ul {
  gap: 28px;
}

.why--fortox .why__right .why__right-accardions {
  gap: 24px;
}

#content-video-procedures.product-range__content--active {
  margin-top: 70px;
}

#content-video-procedures .product-range__content-title h3 {
  display: inline;
}

#content-video-procedures .product-range__content-title h3 .element {
  display: inline-flex;
}

.product-range__video-swiper {
  width: 100%;
  overflow: visible;
}

.product-range__video-swiper .swiper-slide {
  width: 256px;
}

.product-range__video-swiper .swiper-slide .product__top-card {
  padding: 12px;
  border-radius: 12px;
  background: var(--colors-base-white-100);
  width: 100%;
}

.advantages-sliders--appeex .advantages-slider-card {
  padding: 26px 32px;
  width: 256px;
  height: 256px;
}

.advantages-sliders--appeex .advantages-swiper .swiper-slide {
  width: 256px;
  height: 256px;
  min-width: 256px;
  min-height: 256px;
}

.advantages-sliders--appeex .advantages-sliders-nav {
  margin-top: 10px;
}

.composition--appex .clinician-comfort__title h2 {
  display: inline;
}

.composition--appeex .clinician-comfort__title h2 .element {
  display: inline-flex;
}

.composition--appeex .syringe-image img {
  width: 388px;
  min-width: 388px;
  height: 475.787px;
  object-position: center bottom;
  filter: none;
  top: 30px;
  aspect-ratio: 488 / 575.787;
}

.clinician-comfort.composition.composition--appeex {
  overflow: hidden;
  background: url(/wp-content/themes/generatepress/assets/image/sectionbg.png);
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: 50% 70%;
}

.new-sliders--appeex {
  padding: 32px 16px;
  overflow: hidden;
}

.new-sliders--appeex-swiper {
  max-width: 800px;
  width: 100%;
  overflow: visible;
  margin: 0 auto;
}

.new-sliders--appeex-swiper .swiper-slide {
  width: 276px !important;
  height: 256px;
}

.new-sliders--appeex-swiper .new-sliders--appeex-slider-card {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  transition: all 0.3s;
}

.new-sliders--appeex-swiper .new-sliders--appeex-slider-card:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.new-sliders--appeex-swiper .new-sliders--appeex-slider-card h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.new-sliders--appeex-swiper .new-sliders--appeex-slider-card p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.new-sliders--appeex-swiper .new-sliders--appeex-slider-card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 24px;
  overflow: hidden;
}

.new-sliders--appeex-swiper .new-sliders--appeex-slider-card-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.new-sliders--appeex-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  align-self: stretch;
}

.new-sliders--appeex-button-next,
.new-sliders--appeex-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.new-sliders--appeex-button-next:hover,
.new-sliders--appeex-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.new-sliders--appeex-button-next:active,
.new-sliders--appeex-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.new-sliders--appeex-button-next i:before,
.new-sliders--appeex-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.new-sliders--appeex-button-next:hover i:before,
.new-sliders--appeex-button-prev:hover i:before {
  color: #fa4549;
}

.new-sliders--appeex-button-next:active i:before,
.new-sliders--appeex-button-prev:active i:before {
  color: #fa4549;
}

.new-sliders--appeex-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
}

.new-sliders--appeex-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.new-sliders--appeex-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.new-sliders--appeex-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.new-sliders--appeex-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.about--twac .wrapper {
  gap: 30px;
}

.section-paralax--twac .section-paralax-swiper-slide {
  width: 256px;
  height: 456px;
}

.section-paralax--twac .section-paralax-swiper-slide-content {
  width: 100%;
  height: 100%;
}

.section-paralax--twac
  .section-paralax-swiper-slide-content
  .section-paralax-swiper-slide-content-img
  img {
  opacity: 1;
}

.section-paralax--twac .section-paralax-swiper-slide-content h3 {
  -webkit-line-clamp: 6;
}

.product-range__title-btn {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

.btn--transparent {
  height: 42px;
  padding: 0 16px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-source);
  transition: all 0.3s;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.btn--transparent:hover {
  border: 1px solid var(--colors-graphite-source);
  background: var(--colors-graphite-source);
  color: #fff;
}

.btn--transparent:active {
  border: 1px solid var(--colors-graphite-source);
  background: var(--colors-graphite-source);
  color: #fff;
}

.product-range--twac .product-range__tabs {
  padding-top: 62px;
}

.section-twacs {
  padding: 32px 16px;
}

.section-twacs .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  margin: 0 auto;
  width: 100%;
}

.section-twacs-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}

.section-twacs-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.section-twacs-title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 34px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.section-twacs-title h2 .element {
  display: inline-flex;
}

.section-twacs-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.section-twacs-title p .element {
  display: inline-flex;
}

.section-twacs-list {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.section-twacs-item {
  height: 276px;
  min-width: 150px;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  transition: all 0.3s;
}

.section-twacs-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.section-twacs-item:hover img {
  filter: brightness(0) saturate(100%) invert(43%) sepia(32%) saturate(2090%)
    hue-rotate(184deg) brightness(103%) contrast(108%);
}

.section-twacs-item-img {
  width: 32px;
  height: 32px;
}

.section-twacs-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-twacs-item h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.section-twacs-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.section-twacs-bottom {
  padding: 24px 16px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.section-twacs-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.section-twacs-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section-twacs-bottom-title {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.section-twacs-bottom-title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.section-twacs-bottom-title p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.section-twacs-bottom-title p .element {
  display: inline-flex;
}

.section-twacs-bottom-list {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.section-twacs-bottom-item {
  height: 204px;
  min-width: 136px;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-white-100);
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  transition: all 0.3s;
}

.section-twacs-bottom-item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.section-twacs-bottom-item:hover img {
  filter: brightness(0) saturate(100%) invert(43%) sepia(32%) saturate(2090%)
    hue-rotate(184deg) brightness(103%) contrast(108%);
}

.section-twacs-bottom-icon {
  width: 32px;
  height: 32px;
}

.section-twacs-bottom-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-twacs-bottom-item h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.section-twacs-tabsic {
  padding: 48px 16px;
}

.section-twacs-tabsic .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  align-self: stretch;
}

.section-twacs-tabsic-content {
  display: none;
  width: 100%;
}

.section-twacs-tabsic-content.section-twacs-tabsic-content--active {
  display: block;
}

.section-twacs-tabsic-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  align-self: stretch;
  padding: 16px 0;
}

.section-twacs-tabsic-tab {
  padding: 16px 8px 8px 8px;
  margin-bottom: 8px;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  letter-spacing: 0;
  gap: 5px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: all 0.3s;
}

.section-twacs-tabsic-tab::before {
  content: "";
  width: 0;
  height: 1px;
  background: #fa4549;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}

.section-twacs-tabsic-tab:hover::before {
  width: 100%;
}

.section-twacs-tabsic-tab:hover {
  color: #fa4549;
}

.section-twacs-tabsic-tab--active {
  color: #fa4549;
}

.section-twacs-tabsic-tab--active::before {
  width: 100%;
}

.section-twacs-tabsic-content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.section-twacs-tabsic-content-box h2 {
  color: var(--colors-red-medical-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 60px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.section-twacs-tabsic-content-boxeng {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.section-twacs-tabsic-content-boxeng-article {
  width: 136px;
  height: 136px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  padding: 16px;
  display: flex;
  justify-content: center;
  transition: all 0.3s;
}

.section-twacs-tabsic-content-boxeng-article:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.section-twacs-tabsic-content-boxeng-article h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--colors-graphite-900);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.mechanism {
  display: flex;
  padding: 48px 0;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
  background: var(--colors-base-light-bg);
}

.mechanism-top {
  padding: 0 16px;
}

.mechanism-top .wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.mechanism-top .wrapper h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 34px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
  text-align: center;
}

.mechanism-top .wrapper h2 .element {
  display: inline-flex;
}

.mechanism-top .wrapper h2 strong {
  color: var(--colors-red-medical-source);
}

.mechanism-top-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.mechanism-top-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.mechanism-top-item p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.mechanism-top-item::after {
  content: "";
  background: url(/wp-content/themes/generatepress/assets/image/arrow-swiper.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
  height: 24px;
  transform: rotate(90deg);
}

.mechanism-top-item:nth-last-of-type(1)::after {
  display: none;
}

.mechanism-bottom {
  padding: 0 16px;
  width: 100%;
}

.mechanism-bottom .wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.mechanism-bottom-image {
  border-radius: var(--scope-radius-24, 24px);
  background: var(--colors-base-white-100);
  overflow: hidden;
  width: 100%;
}

.mechanism-bottom-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.areas {
  padding: 64px 16px 32px 16px;
  overflow: hidden;
}

.areas .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  margin: 0 auto;
}

.areas-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.areas-title h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
  display: inline;
}

.areas-title h2 .element {
  display: inline-flex;
}

.areas-title p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.areas-title p .element {
  display: inline-flex;
}

.areas-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.areas-body-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.areas-body-title h3 {
  color: var(--colors-red-medical-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 34px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.areas-body-title h3 .element {
  display: inline-flex;
  color: var(--colors-graphite-source);
}

.areas-body-title-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  align-self: stretch;
}

.areas-body-title-box strong {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.areas-body-title-box p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.areas-body-title-box p .element {
  display: inline-flex;
}

.areas-body .swiper {
  width: 100%;
  overflow: visible;
}

.areas-body .swiper .swiper-slide {
  width: 276px;
  height: 376px;
}

.areas-swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  flex: 1 0 0;
  background: var(--colors-base-light-bg);
  align-self: stretch;
  transition: all 0.3s;
}

.areas-swiper-slide:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.areas-swiper-slide video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.areas-swiper-slide .video-banner__play {
  position: absolute;
  top: 32px;
  right: 32px;
}

.areas-swiper-slide-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
}

.areas-swiper-slide h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.areas-swiper-slide--end {
  justify-content: flex-end;
}

.areas-swiper-slide p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
  position: relative;
  z-index: 2;
}

.areas-swiper-slide p .element {
  display: inline-flex;
}

.areas-swiper-button-prev,
.areas-swiper-button-next {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.areas-swiper-button-next:hover,
.areas-swiper-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.areas-swiper-button-next:active,
.areas-swiper-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.areas-swiper-button-next i:before,
.areas-swiper-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.areas-swiper-button-next:hover i:before,
.areas-swiper-button-prev:hover i:before {
  color: #fa4549;
}

.areas-swiper-button-next:active i:before,
.areas-swiper-button-prev:active i:before {
  color: #fa4549;
}

.areas-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  position: static;
  justify-content: center;
}

.areas-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: #ddd;
  border-radius: 0;
  transition: all 0.3s;
}

.areas-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.areas-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.areas-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.areas-swiper-sliders-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-top: 24px;
}

.why--twac {
  padding: 48px 16px;
}

.why__right-accardions--twac {
  gap: 20px;
}

.hero-smoll {
  position: relative;
  min-height: 235px;
  padding: 110px 16px 32px 16px;
  display: flex;
}

.hero-smoll .wrapper {
  max-width: 800px;
  padding: 8px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.hero-smoll h1 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.hero-smoll p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

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

.hero-smoll-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-smoll-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) -80.21%,
    #fff 94.5%
  );
}

.top-breadcrumbs {
  padding: 8px 16px;
}

.top-breadcrumbs .wrapper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.top-breadcrumbs-list {
  display: flex;
  align-items: center;
}

.top-breadcrumbs-item {
  padding: 8px;
}

.top-breadcrumbs-link {
  min-height: 34px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 17px;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}

.top-breadcrumbs-link::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/wp-content/themes/generatepress/assets/image/breadcrumbs-arrow.svg);
  background-repeat: no-repeat;
  background-size: none;
  background-position: center;
  flex-shrink: 0;
}

.top-breadcrumbs-item:nth-last-of-type(1) .top-breadcrumbs-link::after {
  display: none;
}

.top-breadcrumbs-item:nth-last-of-type(1) .top-breadcrumbs-link {
  color: var(--colors-red-medical-50);
}

.top-breadcrumbs-link:hover {
  color: var(--colors-red-medical-source);
}

.top-breadcrumbs-link:hover::after {
  filter: brightness(0) saturate(100%) invert(39%) sepia(58%) saturate(4128%)
    hue-rotate(333deg) brightness(101%) contrast(96%);
}

.top-breadcrumbs-link:active {
  color: var(--colors-red-medical-source);
  border-bottom: 1px solid var(--colors-red-medical-source);
}

.about-yuma {
  padding: 32px 16px;
}

.about-yuma .wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 64px 16px;
  border-radius: 24px;
}

.about-yuma-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 24px;
  overflow: hidden;
}

.about-yuma-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-yuma-photo {
  position: absolute;
  left: 66%;
  bottom: 0;
  width: 668px;
  height: 460px;
  z-index: 2;
}

.about-yuma-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}

.wrapper-container {
  position: relative;
  z-index: 3;
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
}

.about-yuma-title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0;
}

.about-yuma-title {
  width: 100%;
  text-align: left;
}

.about-yuma-body {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.about-yuma-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  min-width: 256px;
  flex: 1 0 0;
}

.about-yuma-col h3 {
  padding: 8px 8px 8px 0;
  width: 100%;
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about-yuma-col-description {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}

.about-yuma-col-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about-yuma-bottom {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  gap: 24px 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.about-yuma-bottom-content {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 24px;
  min-width: 256px;
  max-width: 376px;
  flex: 1 0 0;
  background: var(--colors-base-white-100);
}

.about-yuma-bottom-content h4 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.about-yuma-bottom-content p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about-yuma-bottom-image {
  min-width: 256px;
  flex: 1 0 0;
  display: flex;
  justify-content: flex-end;
}

.about-yuma-col .btn {
  gap: 27px;
}

.key-facts--about {
  padding: 48px 16px;
}

.key-facts--about .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
}

.key-facts--about h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
}

.key-facts--about h2 span {
  color: var(--colors-red-medical-source);
  font-weight: 600;
}

.key-facts--about-body {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.key-facts--about-left {
  display: flex;
  min-width: 288px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  max-height: 283px;
}

.key-facts--about-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.key-facts--about-right {
  min-width: 288px;
  flex: 1 0 0;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px;
  align-self: stretch;
  flex-wrap: wrap;
}

.key-facts--about-right-item {
  height: 176px;
  min-width: 156px;
  display: flex;
  padding: 24px 32px;
  flex-direction: column;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
}

.key-facts--about-right-item h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.key-facts--about-right-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.why-choose-us {
  padding: 32px 16px;
  overflow: hidden;
}

.why-choose-us .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}

.why-choose-us h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
  width: 100%;
  text-align: center;
}

.why-choose-us-swiper {
  width: 100%;
  overflow: visible;
}

.why-choose-us-swiper-slide {
  width: 256px;
  height: 276px;
}

.why-choose-us-swiper-slide-content {
  position: relative;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: flex;
  padding: 32px;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}

.why-choose-us-swiper-slide-content-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.why-choose-us-swiper-slide-content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.why-choose-us-swiper-slide-content h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.why-choose-us-swiper-slide-content p {
  position: relative;
  z-index: 2;
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.why-choose-us-nav {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-choose-us-button-prev,
.why-choose-us-button-next {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.why-choose-us-button-next:hover,
.why-choose-us-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.why-choose-us-button-next:active,
.why-choose-us-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.why-choose-us-button-next i:before,
.why-choose-us-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}
.why-choose-us-button-next:hover i:before,
.why-choose-us-button-prev:hover i:before {
  color: #fa4549;
}
.why-choose-us-button-next:active i:before,
.why-choose-us-button-prev:active i:before {
  color: #fa4549;
}

.why-choose-us--button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.why-choose-us-button-next:hover i:before,
.why-choose-us-button-prev:hover i:before {
  color: #fa4549;
}

.why-choose-us-button-next:active i:before,
.why-choose-us-button-prev:active i:before {
  color: #fa4549;
}

.why-choose-us-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  position: static;
  justify-content: center;
}

.why-choose-us-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: #ddd;
  border-radius: 0;
  transition: all 0.3s;
}

.why-choose-us-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.why-choose-us-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.why-choose-us-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.our-commitment2 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.our-commitment2 .our-commitment__title h2 {
  text-align: left;
}

.our-commitment2 .wrapper {
  padding: 88px 16px;
}

.our-commitment2 .our-commitment__description p {
  text-align: left;
}

.our-commitment__description {
  margin-bottom: 5px;
}

.our-commitment2 .btn {
  gap: 27px;
  padding-right: 10px;
}

.our-commitment2 .btn i::before {
  font-size: 20px;
}

.our-commitment2 .our-commitment__title {
  max-width: 476px;
}

.our-companys-advantages {
  padding: 48px 16px;
  overflow: hidden;
}

.our-companys-advantages .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.our-companys-advantages h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  width: 100%;
  text-align: left;
}

.our-companys-advantages-swiper {
  width: 100%;
  overflow: visible;
}

.our-companys-advantages-swiper .swiper-slide {
  width: 256px;
  height: 256px;
}

.our-companys-advantages-swiper-slide-content {
  display: flex;
  padding: 32px;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  width: 100%;
  height: 100%;
}

.our-companys-advantages-swiper-slide-content h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.our-companys-advantages-swiper-slide-content p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.our-companys-advantages-nav {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-companys-advantages-button-prev,
.our-companys-advantages-button-next {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.our-companys-advantages-button-next:hover,
.our-companys-advantages-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.our-companys-advantages-button-next:active,
.our-companys-advantages-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.our-companys-advantages-button-next i:before,
.our-companys-advantages-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}
.our-companys-advantages-button-next:hover i:before,
.our-companys-advantages-button-prev:hover i:before {
  color: #fa4549;
}
.our-companys-advantages-button-next:active i:before,
.our-companys-advantages-button-prev:active i:before {
  color: #fa4549;
}

.our-companys-advantages-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.our-companys-advantages-button-next:hover i:before,
.our-companys-advantages-button-prev:hover i:before {
  color: #fa4549;
}

.our-companys-advantages-button-next:active i:before,
.our-companys-advantages-button-prev:active i:before {
  color: #fa4549;
}

.our-companys-advantages-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  position: static;
  justify-content: center;
}

.our-companys-advantages-swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: #ddd;
  border-radius: 0;
  transition: all 0.3s;
}

.our-companys-advantages-swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.our-companys-advantages-swiper-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.our-companys-advantages-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.about--fortox .wrapper {
  gap: 32px;
}

.accordion__title h3 {
  display: inline;
}

.accordion__title h3 .element {
  display: inline-flex;
}

.why--about2 .wrapper {
  gap: 33px;
}

.why--about2 .why__right-accardions--twac {
  gap: 22px;
}

.contact-hero .error-404__content {
  padding: 8px;
  position: relative;
  z-index: 2;
}

.contact-hero {
  padding-top: 110px;
  position: relative;
  padding-bottom: 30px;
}

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

.contact-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.breadcrumbs--global {
  max-width: 800px;
  margin: 0 auto;
  padding: 8px 16px;
}

.breadcrumbs--global .breadcrumbs-item {
  padding: 16px;
}

.contact-main {
  padding: 48px 16px;
}

.contact-main .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.contact-main-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.contact-main-left-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.contact-main-left-title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.contact-main-left-title p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.contact-main-left-info {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.contact-main-left-titles {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.contact-main-left-titles h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  display: flex;
  min-width: 256px;
  align-items: center;
  flex: 1 0 0;
}

.contact-main-left-titles h3 img {
  width: 40px;
  height: 40px;
  object-fit: none;
}

.contact-main-left-box {
  display: flex;
  min-width: 256px;
  padding-left: 21px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  flex: 1 0 0;
  border-left: 4px solid var(--colors-red-medical-source);
}

.contact-main-left-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.contact-main-left-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.contact-main-left-link {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.contact-main-left-item span {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.contact-main-left-item strong {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.contact-main-right {
  display: flex;
}

.contact-main-right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.blog-hero h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.news-page .news__tab {
  white-space: nowrap;
}

.news-page .wrapper {
  gap: 26px;
}

.news-page .news__tabs {
  overflow: auto;
  justify-content: flex-start;
  gap: 34px;
}

.news-page .news-content {
  gap: 16px;
}

.news-page .news__card-img {
  height: 298px;
}

.news-page-box {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.news-page-box .news__card {
  height: 576px;
  min-width: 256px;
  width: min-content;
}

.pagination {
  display: flex;
  height: 42px;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  flex: 1 0 0;
  flex-wrap: wrap;
  width: 100%;
}

.pagination-item {
  border-radius: 99px;
  border: 1px solid #ddd;
  flex-shrink: 0;
  height: 100%;
  transition: all 0.3s;
}

.pagination-link {
  color: var(--colors-graphite-100);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  line-height: 130%;
  letter-spacing: 0;
  transition: all 0.3s;
}

.pagination-item:hover {
  border: 1px solid var(--colors-red-medical-source);
}

.pagination-item:hover .pagination-link {
  color: var(--colors-red-medical-source);
}

.pagination-item--active {
  border: 1px solid var(--colors-red-medical-source);
}

.pagination-item--active .pagination-link {
  color: var(--colors-red-medical-source);
}

.pagination-item:nth-last-of-type(1) {
  margin-left: auto;
  max-width: 42px;
}

.pagination-item:nth-of-type(1) {
  margin-right: auto;
  max-width: 42px;
}

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

.breadcrumbs--global {
  overflow: auto;
}

.article-page {
  padding: 48px 16px;
}

.article-page .wrapper {
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.article-page-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.article-page-content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.article-page-content-box h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.article-page-content-box p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: inline;
}

.article-page-content-box p .element {
  display: inline-flex;
}

.article-page-content-box li {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  list-style: disc;
}

.article-page-content-box ul {
  padding-left: 20px;
}

.article-page-content-box h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.article-page-content-box--border {
  padding-bottom: 25px;
  border-bottom: 4px solid var(--colors-red-medical-source);
}

.article-page-content-box--border p {
  font-size: 18px;
}

.article-page-content-box--image {
  border-radius: 40px;
  overflow: hidden;
  height: 376px;
}

.article-page-content-box--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.article-page-content-box-bg {
  background: var(--colors-base-light-bg);
  padding: 24px;
}

.article-page-form.cta {
  display: flex !important;
  padding: 0;
}

.article-page-form.cta .wrapper {
  padding: 24px;
  gap: 24px;
}

.article-page-form.cta .cta__wrapper-left h2 {
  font-size: 18px;
}

.article-page-form.cta .cta__wrapper-left p {
  font-size: 14px;
}

.article-page-form.cta .cta__wrapper-left {
  gap: 27px;
}

.article-page-form.cta .looking__content-form h3 {
  margin-bottom: 15px;
}

.article-page-form.cta .looking__content-form-content {
  margin-top: 16px;
  gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

.article-page-form.cta
  .looking__content-form-content
  .looking__content-form-checkbox {
  width: max-content;
}

.article-page-form.cta .cta__wrapper-right .looking__content-form-col {
  flex-direction: row;
}

.article-page-form.cta .cta__wrapper-right {
  width: 100%;
}

.article-page-form.cta .cta__wrapper-right .btn {
  width: 100%;
}

.academy-hero {
  padding: 110px 16px 32px 16px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

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

.academy-hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) -80.21%,
    #fff 94.5%
  );
  z-index: 1;
}

.academy-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 77px;
}

.academy-hero .wrapper {
  max-width: 800px;
  padding: 8px;
  width: 100%;
  margin: 0 auto;
}

.academy-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  position: relative;
  z-index: 2;
}

.breadcrumbs-box2 {
  padding: 8px 16px;
}

.breadcrumbs-box2 .breadcrumbs--global {
  padding: 0;
}

.academy-hero .wrapper h1 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 50px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.academy-hero .wrapper p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.about--yuma--academy .about--yuma__title-description {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.about--yuma--academy .about--yuma__title-description p {
  font-size: 24px;
}

.about--yuma--academy .about--yuma__title-description .btn {
  gap: 27px;
}

.about--yuma--academy .about--yuma__body-item {
  height: 256px;
  min-width: 256px;
  padding: 24px;
}

.about--yuma--academy .about--yuma__body-left {
  padding: 0;
}

.academy-advantages h2 {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.academy-news .news__card {
  width: 256px;
  height: 546px;
  flex: 1 0 0;
}

.academy-news.news-page .news__card-img {
  height: 176px;
}

.curses-address {
  margin: 16px 0 5px 0;
  overflow: hidden;
  color: var(--colors-blue-medical-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.academy-news.news-page .news__card-title {
  margin: 16px 0;
  min-height: 52px;
}

.academy-news.news-page .wrapper {
  gap: 32px;
}

.academy-news.news-page .news__card-content {
  gap: 0;
  height: calc(100% - 176px);
}

.academy-news.news-page .btn {
  margin-top: auto;
}

.news-content > .btn {
  display: none;
}

.academy-advantages .advantages-swiper {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

.academy-advantages {
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  width: 100%;
}

.courses-badge-blue {
  background: var(--colors-blue-medical-source);
}

.courses-badge-red {
  background: var(--colors-red-medical-400);
}

.courses-badge-red::before {
  background: var(--colors-red-medical-400);
}

.courses-badge-green {
  background: var(--colors-base-green01);
}

.courses-badge-green::before {
  background: var(--colors-base-green01);
}

.courses-badge-blues {
  background: var(--colors-blue-medical-900);
}

.courses-badge-blues::before {
  background: var(--colors-blue-medical-900);
}

.academy-hero__content-btns {
  position: relative;
  z-index: 2;
}

.academy-hero--article .academy-hero-bg::before {
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 29.04%,
    rgba(255, 255, 255, 0.95) 65.62%
  );
}

.academy-hero__content-date {
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--colors-blue-medical-source);
  color: var(--colors-base-white-100);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  margin-bottom: 40px;
  position: relative;
  margin-left: 8px;
}

.academy-hero__content-date::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: var(--colors-blue-medical-source);
  z-index: 2;
}

.academy-hero--article .academy-hero__content {
  gap: 0;
}

.academy-hero--article .academy-hero__content span {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  display: block;
  margin-bottom: 12px;
}

.academy-hero--article .academy-hero__content h1 {
  margin-bottom: 24px;
}

.academy-hero__content-btns {
  display: flex;
  padding: 16px 0;
  align-items: center;
  align-content: center;
  gap: 12px;
  align-self: stretch;
  flex-wrap: wrap;
}

.academy-hero__content-btns .btn {
  gap: 22px;
}

.academy-hero__content-btns .btn i::before {
  font-size: 20px;
}

.btn-transparent {
  border-radius: 99px;
  border: 1px solid #1e1e1e;
  display: flex;
  align-items: center;
  background: transparent;
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
  transition: all 0.4s;
}

.btn-transparent i::before {
  font-size: 20px;
}

.btn-transparent:hover {
  border-radius: 99px;
  border: 1px solid #1e1e1e;
  background: #1e1e1e;
  color: #fff;
}

.btn-transparent:active {
  border-radius: 99px;
  border: 1px solid #1e1e1e;
  background: #1e1e1e;
  color: #fff;
}

.btn-transparent img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.btn-transparent:hover i::before {
  color: #fff;
}

.btn-transparent:active i::before {
  color: #fff;
}

.btn-transparent:hover img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(91%) saturate(2%)
    hue-rotate(255deg) brightness(106%) contrast(100%);
}

.btn-transparent:active img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(91%) saturate(2%)
    hue-rotate(255deg) brightness(106%) contrast(100%);
}

.academy-hero--article {
  padding-top: 125px;
}

.innovations {
  padding: 55px 16px 48px;
  overflow: hidden;
}

.innovations .wrapper {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 45px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  align-self: stretch;
}

.innovations__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

.innovations__right-title-description {
  padding-left: 20px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  border-left: 4px solid var(--colors-blue-medical-source);
}

.innovations__right-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  align-self: stretch;
}

.innovations__right-title h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.innovations__right-title-description h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
  white-space: nowrap;
}

.innovations__right-title-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.innovations__right-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.innovations__right-item {
  display: flex;
  padding: 32px;
  width: 100%;
  flex-direction: column;
  gap: 16px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
}

.innovations__right-item img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.innovations__right-item h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.innovations__right-item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.innovations__right-item .btn {
  max-width: 180px;
  margin-left: auto;
  gap: 27px;
}

.innovations__right-item .btn i::before {
  font-size: 20px;
}

.innovations__right-discription {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.innovations__right-discription h4 {
  overflow: hidden;
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.innovations__right-discription-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.innovations__right-discription-text p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.innovations__left {
  width: 100%;
  overflow: visible;
}

.innovations__left .swiper-slide {
  width: 288px !important;
  height: 288px;
}

.innovations__left-img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}

.innovations__left-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.innovations-sliders-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  align-self: stretch;
  max-width: 800px;
  width: 100%;
  margin-top: 16px;
}

.innovations-sliders-button-next,
.innovations-sliders-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.innovations-sliders-button-next:hover,
.innovations-sliders-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.innovations-sliders-button-next:active,
.innovations-sliders-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.innovations-sliders-button-next i:before,
.innovations-sliders-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.innovations-sliders-button-next:hover i:before,
.innovations-sliders-button-prev:hover i:before {
  color: #fa4549;
}

.innovations-sliders-button-next:active i:before,
.innovations-sliders-button-prev:active i:before {
  color: #fa4549;
}

.innovations-sliders-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.innovations-sliders-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.innovations-sliders-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}
.innovations-sliders-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.innovations-sliders-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}
.innovations-sliders-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.advantages-slider-card ul {
  padding-left: 20px;
}

.advantages-slider-card ul li {
  list-style: disc;
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.academy-advantages-title p {
  color: var(--colors-graphite-source);
  text-align: center;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.academy-advantages-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.academy-advantages-article.academy-advantages .advantages-swiper {
  padding: 16px 0;
}

.academy-advantages-article .advantages-slider-card {
  padding: 24px;
}

.academy-advantages-article .advantages-swiper .swiper-slide {
  height: auto;
}

.academy-advantages-article .advantages-sliders-nav {
  margin-top: 24px;
}

.speakers-experts {
  padding: 32px 16px;
}

.speakers-experts .wrapper {
  padding: 32px 0;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.speakers-experts__wrapper {
  display: flex;
  max-width: 1024px;
  width: 100%;
  align-items: center;
  align-content: center;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.speakers-experts__left {
  min-width: 288px;
  max-width: 576px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  display: flex;
  gap: 24px;
}

.speakers-experts__left h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.speakers-experts__left-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 28px;
  align-self: stretch;
}

.speakers-experts__left-description p {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.speakers-experts__left .btn {
  gap: 27px;
}

.speakers-experts__left .btn i::before {
  font-size: 20px;
}

.speakers-experts__right {
  display: flex;
  min-width: 288px;
  align-items: center;
  flex: 1 0 0;
  overflow: hidden;
}

.speakers-experts-slider {
  padding: 0 24px;
  width: 100%;
  overflow: visible;
}

.speakers-experts-slider .swiper-slide {
  width: 240px !important;
  height: 476px;
}

.speakers-experts-card {
  padding: 12px;
  border-radius: 12px;
  background: var(--colors-base-white-100);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.speakers-experts-card-img {
  height: 278px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.speakers-experts-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.speakers-experts-content {
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.speakers-experts-content h3 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0;
}

.speakers-experts-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  color: var(--colors-graphite-source);
  text-overflow: ellipsis;
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.speakers-experts-sliders-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  align-self: stretch;
  max-width: 800px;
  width: 100%;
  margin-top: 16px;
}

.speakers-experts-sliders-button-next,
.speakers-experts-sliders-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 99px;
  border: 1px solid var(--colors-graphite-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s;
}

.speakers-experts-sliders-button-next:hover,
.speakers-experts-sliders-button-prev:hover {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.speakers-experts-sliders-button-next:active,
.speakers-experts-sliders-button-prev:active {
  border: 1px solid var(--colors-red-medical-source);
  background: var(--colors-base-white-100);
}

.speakers-experts-sliders-button-next i:before,
.speakers-experts-sliders-button-prev i:before {
  font-size: 20px;
  color: #ddd;
  transition: all 0.3s;
}

.speakers-experts-sliders-button-next:hover i:before,
.speakers-experts-sliders-button-prev:hover i:before {
  color: #fa4549;
}

.speakers-experts-sliders-button-next:active i:before,
.speakers-experts-sliders-button-prev:active i:before {
  color: #fa4549;
}

.speakers-experts-sliders-pagination {
  display: flex;
  align-items: center;
  gap: 8px 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.speakers-experts-sliders-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  opacity: 0.5;
  background: var(--colors-graphite-100);
  border-radius: 0;
  transition: all 0.3s;
}

.speakers-experts-sliders-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}
.speakers-experts-sliders-pagination .swiper-pagination-bullet:hover {
  opacity: 0.5;
  background: var(--colors-red-medical-source);
}

.speakers-experts-sliders-pagination .swiper-pagination-bullet:active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}
.speakers-experts-sliders-pagination .swiper-pagination-bullet-active {
  background: var(--colors-red-medical-source);
  opacity: 1;
}

.academy-advantages-article.academy-advantages .advantages-swiper {
  padding-bottom: 0;
}

.event-program .wrapper {
  gap: 24px;
}

.event-program .why__left h2 {
  font-size: 29px;
  font-weight: 600;
}

.event-program .why__left {
  gap: 53px;
}

.event-program .why__left-img {
  height: 376px;
}

.event-program .why__right-accardion {
  margin-top: 0;
}

.accordion__content-new span {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.accordion__content-new ul {
  gap: 17px;
}

.accordion__content-new {
  padding-bottom: 0;
}

.event-program .why__right-accardion {
  width: 100%;
}

.news__top-description .btn {
  gap: 21px;
}

.news__top-description .btn i::before {
  font-size: 20px;
}

.event-program--date {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.academy-news--article {
  padding-top: 54px;
}

.academy-news--article .news__top h2 {
  font-weight: 600;
}

.academy-news--article .news__top {
  gap: 15px;
}

.academy-news--article .news__cards-slide {
  width: 276px !important;
  height: 308px;
}

.academy-news--article .news__card-content {
  gap: 16px;
}

.empower-business {
  padding: 48px 16px;
}

.empower-business .wrapper {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
}

.empower-business__left {
  display: flex;
  min-width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.empower-business__left h2 {
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 29px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.empower-business__description strong {
  color: var(--colors-red-medical-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.empower-business__description span {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.empower-business__list {
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.empower-business__item {
  min-height: 240px;
  min-width: 188px;
  flex: 1 0 0;
  padding: 24px;
  border-radius: 24px;
  background: var(--colors-base-light-bg);
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.3s;
}

.empower-business__item:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.empower-business__item:hover img {
  filter: brightness(0) saturate(100%) invert(48%) sepia(28%) saturate(6911%)
    hue-rotate(195deg) brightness(100%) contrast(102%);
}

.empower-business__item h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.empower-business__item p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.empower-business__item a {
  margin-top: auto;
  width: fit-content;
  margin-left: auto;
  gap: 21px;
}

.empower-business__item a i::before {
  font-size: 20px;
}

.empower-business__right {
  width: calc(100% + 32px);
  margin-left: -16px;
  height: 376px;
}

.empower-business__right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.section-paralax--global {
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.section-paralax--global-content {
  height: 276px;
  min-width: 256px;
  flex: 1 0 0;
  border-radius: 24px;
  background: var(--colors-base-white-100);
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  overflow: hidden;
  transition: all 0.3s;
}

.section-paralax--global-content:hover {
  background: var(--colors-base-white-100);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.section-paralax--global-content-image {
  padding: 0;
}

.section-paralax--global-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cever;
}

.section-paralax--global-content h3 {
  color: var(--colors-graphite-900);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0;
}

.section-paralax--global-content p {
  color: var(--colors-graphite-700);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.section-paralax--global-content-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-paralax--global-content-bg::before {
  content: none;
}

@media (min-width: 768px) {
  .syringe-container {
    padding-right: 312px;
  }

  .col-left,
  .col-right {
    max-width: 500px;
  }

  .syringe-image {
    position: absolute;
    right: 0;
    top: 0;
  }

  .syringe-container {
    position: relative;
  }

  .composition .syringe-container {
    padding-right: 0;
  }

  .enhanced__content-box-image-grid img {
    object-fit: none;
  }

  .looking .wrapper {
    position: relative;
    padding: 32px 16px 32px 32px;
  }

  .looking__content {
    gap: 20px;
  }

  .enhanced__content {
    margin-top: 0;
  }

  .composition .syringe-image {
    position: absolute;
  }
}

@media (min-width: 800px) {
  .product__top-boxs {
    min-width: 988px;
  }
}

/* Desktop Styles */
@media (min-width: 1280px) {
  .header {
    padding: 16px 52px;
  }

  .about {
    padding: 64px 52px 456px 52px;
  }

  .about .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .about__title {
    font-size: 87px;
  }

  .about__header {
    gap: 24px;
  }

  .hero-image-wrapper {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
  }

  .header__burger {
    display: none;
  }

  .header__nav {
    display: block;
  }

  .header__btn {
    display: flex;
    justify-content: space-between;
    min-width: 165px;
  }

  .mobile-menu,
  .mobile-overlay {
    display: none;
  }

  .header__submenu-list li {
    padding: 8px;
  }

  .header__container {
    max-width: 1816px;
    margin: 0 auto;
  }

  .header__logo {
    padding-right: 0;
  }

  .hero-image {
    width: 651px;
    height: 700px;
    flex-shrink: 0;
    aspect-ratio: 651/700;
  }

  .hero {
    /* height: 100vh; */
    height: 1280px;
    padding: 205px 52px 0 52px;
    clip-path: none;
    min-height: auto;
  }

  .hero .wrapper {
    max-width: 1659px;
    gap: 62px;
    align-items: center;
  }

  .hero-image {
    position: static;
    margin-left: -95px;
    bottom: 0;
    top: auto;
    /* left: 50%; */
    z-index: 3;
    /* animation: identifier 3s ease forwards; */
    max-width: 651px;
    height: 1157px;
    flex-shrink: 0;
    aspect-ratio: 651/1157;
  }

  .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
  }

  .hero__content-image {
    width: 776px;
    height: 92.381px;
  }

  .hero__content-title {
    display: flex;
    /* gap: 96px; */
    gap: 66px;
    align-items: flex-end;
    margin-left: -113px;
    font-size: var(--fonts-size-72, 72px);
    /* width: 90%; */
  }

  .hero__content-title h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  @keyframes identifier {
    0% {
      opacity: 0;
      transform: translate(-50%, 10%);
    }

    100% {
      opacity: 1;
      transform: translate(-50%, 0);
    }
  }

  .about__subtitle {
    font-size: 24px;
  }

  .about__body {
    gap: 24px;
    margin-bottom: 0;
  }

  .about {
    padding: 64px 52px 380px 52px;
  }

  .about__body-col {
    padding: 0 48px;
  }

  .about__body-col-title h3 {
    font-size: 20px;
  }

  .about__body-col-text {
    font-size: 16px;
  }

  .about__video img {
    object-position: left;
  }

  .about__video {
    height: 492px;
    top: auto;
    bottom: 0;
    left: 14%;
  }

  .advantages-sliders--phillex .advantages-slider-card {
    padding: 32px !important;
  }

  .hero__content-title h1 {
    font-size: 72px;
    line-height: 120%;
  }

  .hero__content-title h2 {
    font-size: 72px;
    padding-left: 70px;
  }

  .advantages {
    padding: 64px 52px;
  }

  .advantages .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .advantages h2 {
    gap: 15px;
    font-size: 60px;
  }

  .advantages__list {
    gap: 24px;
  }

  .advantages__list-item:nth-last-of-type(1) {
    max-width: 176px;
  }

  .advantages__list-item-image {
    width: 276px;
    height: 406px;
    aspect-ratio: 276/389;
  }

  .advantages__list-item-text {
    width: 166.386px;
    height: 43.668px;
  }

  .advantages__list-item p {
    font-size: 18px;
  }

  .advantages__list-item p::after {
    height: 48px;
  }

  .advantages-swiper {
    padding: 64px 52px;
    gap: 24px;
    overflow: visible;
    width: 100%;
    max-width: 1920px;
  }

  .advantages-swiper .swiper-wrapper {
    height: auto;
  }

  .advantages-sliders {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
  }

  .advantages-sliders-nav {
    margin-top: 24px;
  }

  .advantages-swiper .swiper-slide {
    width: 376px;
    height: 376px;
    min-height: 376px;
  }

  .advantages-slider-card h3 {
    font-size: 20px;
  }

  .advantages-slider-card p {
    font-size: 16px;
  }

  .looking {
    padding: 64px 52px;
  }

  .looking .wrapper {
    padding: 64px 52px;
    display: flex;
    justify-content: center;
  }

  .looking__content {
    display: flex;
    max-width: 1176px;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
  }

  .looking__paralax img {
    object-fit: contain;
    max-width: 1667px;
    width: 100%;
    height: auto;
  }

  .looking__content-form-content {
    margin-top: 0;
  }

  .looking__content-banner {
    max-width: 576px;
  }

  .looking__content-banner-text h3 {
    font-size: 16px;
  }

  .looking__content-banner {
    width: 100%;
    gap: 16px;
    flex-direction: row;
    padding: 20px 24px;
  }

  .looking__content-form h3 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .looking__content-form-group {
    gap: 4px;
  }

  .enhanced__boxs-tabs-item span strong {
    display: flex;
  }

  .clinician-comfort__title p {
    font-size: 20px;
  }

  .clinician-comfort__title h2 {
    font-size: 60px;
  }

  .looking__content-form-group.full-width {
    margin-top: 0;
  }

  .cta__wrapper-right {
    min-width: 576px;
  }

  .looking__content-form {
    gap: 24px;
    max-width: 576px;
    padding-left: 48px;
    border-left: 3px solid var(--colors-red-medical-200);
  }

  .looking__content-title p {
    font-size: 18px;
  }

  .looking__content-title h2 {
    font-size: 34px;
    display: initial;
  }

  .looking__content-title h2 .element {
    display: inline-flex;
    margin-right: 10px;
  }

  .looking__content-title h2 .element::after {
    font-size: 26px;
  }

  .looking__content-title {
    width: 576px;
  }

  .product-range {
    padding: 64px 52px;
  }

  .product-range .wrapper {
    max-width: 1176px;
  }

  .product-range__title h2 {
    font-size: 60px;
  }

  .product-range__title-description p {
    font-size: 20px;
  }

  .product-range__tabs {
    flex-direction: row;
    padding: 16px 0;
    justify-content: center;
    gap: 20px;
  }

  .product-range__section {
    gap: 24px;
    flex-direction: row;
  }

  .product-range__contents {
    margin-top: 0;
    width: 576px;
    flex: 1 0 0;
  }

  .product-range__swiper {
    display: flex;
    padding-top: 98px;
    align-items: center;
    flex: 1 0 0;
    width: 576px;
    max-width: 576px;
    height: 576px;
  }

  .product-range__swiper {
    height: 720px;
  }

  .product-range__content-title h3 {
    font-size: 20px;
  }

  .product-range__content-title p {
    font-size: 16px;
  }

  .product-range__content-box-list {
    gap: 24px;
    justify-content: flex-start;
  }

  .product-range__nested-title h4 {
    font-size: 20px;
  }

  .product-range__nested-title {
    max-width: 100%;
  }

  .product-range__nested-swiper {
    width: 100%;
    margin: 0;
    padding: 0;
    min-width: 100%;
  }

  .product-range__content .swiper-slide {
    width: 576px;
  }

  .product-range__nested-card {
    flex-direction: row;
  }

  .product-range__nested-card img {
    transition: all 0.3s;
  }

  .product-range__nested-card a {
    height: 276px;
    overflow: hidden;
  }

  .product-range__nested-card:hover img {
    transform: scale(1.5);
  }

  .enhanced {
    padding: 64px 52px 32px 52px;
  }

  .enhanced .wrapper {
    flex-direction: row;
    max-width: 1176px;
    gap: 0;
  }

  .enhanced__boxs {
    flex-direction: row;
    gap: 0;
    width: calc(100% - 376px);
  }

  .enhanced__content {
    width: 376px;
  }

  .enhanced__boxs-tabs {
    max-width: 276px;
    width: 100%;
    justify-content: space-between;
    align-content: space-between;
  }

  .enhanced__boxs-tabs-item-img {
    width: 139.496px;
    height: 36.6px;
  }

  .enhanced__boxs-tabs-item span {
    padding: 10px 12px;
    white-space: nowrap;
    display: flex;
    gap: 3px;
  }

  .enhanced__boxs-face-img {
    height: 550px;
  }

  .enhanced__content h2 {
    font-size: 20px;
  }

  .clinician-comfort {
    padding: 128px 52px 225px;
  }

  .clinician-comfort .wrapper {
    max-width: 1176px;
    gap: 140px;
  }

  .syringe-container {
    padding-right: 0;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .col-left,
  .col-right {
    max-width: 376px;
    width: 100%;
    overflow: hidden;
  }

  .syringe-section {
    width: 100%;
    max-width: 1167px;
    position: relative;
  }

  .col-left {
    gap: 154px;
  }

  .info-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .info-title {
    font-size: 20px;
  }

  .info-title br {
    display: flex;
  }

  .info-title span {
    display: inline;
  }

  .syringe-image {
    width: 512px;
    height: 911px;
    flex-shrink: 0;
    aspect-ratio: 512/911;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }

  .syringe-image img {
    max-height: 100%;
    width: 100%;
    object-fit: contain;
  }

  .section-paralax {
    padding: 64px 52px;
    height: 904px;
  }

  .section-paralax-block-image img {
    height: 1000px;
  }

  .section-paralax-block-image::before {
    content: none;
  }

  .section-paralax .advantages-sliders-nav {
    display: none;
  }

  .section-paralax .swiper-wrapper {
    display: flex;
    max-width: 1176px;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
  }

  .section-paralax-swiper {
    max-width: 1176px;
  }

  .section-paralax-swiper-slide {
    width: 376px;
  }

  .section-paralax-swiper-slide2 {
    max-width: 776px;
    width: 100%;
  }

  .section-paralax-swiper-slide-content {
    padding: 32px;
  }

  .section-paralax-swiper-slide-content h3 {
    font-size: 20px;
  }

  .section-paralax-swiper-slide2 .section-paralax-swiper-slide-content {
    padding: 23px 24px 23px 25px;
  }

  .section-paralax-swiper-slide-content p {
    -webkit-line-clamp: 13;
  }

  .results {
    padding: 96px 52px 64px 52px;
  }

  .results .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .results__title h2 {
    font-size: 60px;
  }

  .results__title .enhanced__content-box-image {
    height: 190px;
    max-width: 576px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }

  .results__title .enhanced__content-box-image-grid img {
    width: auto;
  }

  .results__body-item h3 {
    font-size: 20px;
  }

  .results__body-item p {
    font-size: 16px;
  }

  .partners {
    padding: 64px 52px;
  }

  .partners .wrapper {
    max-width: 1816px;
    margin: 0 auto;
    padding: 64px 52px;
    display: flex;
    align-items: flex-end;
  }

  .partners__content {
    max-width: 376px;
    width: 100%;
    margin-left: 16%;
    margin: 0 auto;
    align-items: flex-start;
  }

  .partners__content h2 {
    max-width: 376px;
    width: 100%;
    font-size: 34px;
    text-align: left;
  }

  .partners__content-box {
    max-width: 376px;
    align-items: flex-start;
    text-align: left;
  }

  .partners__content-box p {
    text-align: left;
    font-size: 18px;
  }

  .partners__content-image {
    max-width: 870px;
    width: 100%;
    right: -45px;
    position: relative;
    transform: none;
    left: auto;
    height: 100%;
    margin-bottom: -64px;
  }

  .partners__content-image1 {
    width: 460px;
    left: -20%;
    height: 570px;
  }

  .partners__content-image2 {
    width: 500px;
    left: 0%;
    height: 600px;
    bottom: -35px;
  }

  .partners__content-image3 {
    width: 500px;
    left: 24%;
    height: 600px;
    bottom: -35px;
  }

  .why {
    padding: 96px 52px;
  }

  .why .wrapper {
    display: flex;
    max-width: 1176px;
    align-items: flex-start;
    gap: 124px;
    align-self: stretch;
    flex-direction: row;
  }

  .why__left {
    width: 476px;
    gap: 48px;
    flex-shrink: 0;
  }

  .why__left h2 {
    font-size: 87px;
  }

  .why__left-img {
    height: 476px;
    border-radius: 24px;
  }

  .why__right {
    display: flex;
    width: 576px;
    min-height: 747px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 48px 24px;
    flex-wrap: wrap;
  }

  .why__right-item {
    width: 276px;
  }

  .why__right-item > span {
    font-size: 20px;
  }

  .why__right-item h3 {
    font-size: 20px;
  }

  .why__right-item p {
    font-size: 16px;
  }

  .product {
    padding: 64px 52px;
  }

  .product .wrapper {
    max-width: 1816px;
    padding: 64px 51px;
    margin: 0 auto;
  }

  .product__wrapper {
    max-width: 1176px;
    gap: 96px;
  }

  .product__top {
    gap: 48px;
  }

  .product__top-title h2 {
    font-size: 34px;
  }

  .product__top-title p {
    font-size: 18px;
  }

  .product__top-boxs {
    gap: 48px;
    width: 100%;
    padding: 0;
  }

  .product__top-card {
    flex: 1;
  }

  .product__center h3 {
    font-size: 18px;
  }

  .product__bottom {
    gap: 48px;
  }

  .product__bottom-title h2 {
    font-size: 34px;
  }

  .product__bottom-title p {
    font-size: 18px;
  }

  .product__bottom-box {
    gap: 24px;
  }

  .cta {
    padding: 0 52px;
  }

  .cta .wrapper {
    max-width: 1816px;
    padding: 64px 52px;
  }

  .cta__wrapper {
    display: flex;
    max-width: 1176px;
    align-items: flex-start;
    gap: 30px;
    flex: 1 0 0;
    margin: 0 auto;
  }

  .cta__wrapper-left {
    gap: 0;
  }

  .cta__wrapper-left h2 {
    font-size: 34px;
    margin-bottom: 24px;
    padding-right: 20px;
  }

  .cta__wrapper-left h2 .element::after {
    font-size: 20px;
  }

  .cta__wrapper-left p {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .cta__wrapper-left .looking__content-banner p {
    margin-bottom: 0;
  }

  .cta__wrapper-right .looking__content-form-col {
    flex-direction: row;
  }

  .footer {
    padding: 176px 52px 24px 52px;
  }

  .footer .wrapper {
    max-width: 1176px;
    gap: 44px;
  }

  .footer__center {
    max-width: 437px;
    width: 100%;
  }

  .footer__center h2 {
    font-size: 34px;
  }

  .footer__bottom {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 96px;
    flex: 1 0 0;
    flex-direction: row;
    margin-top: 10px;
  }

  .footer__bottom-nav {
    gap: 4px;
    flex: 1 0 0;
    align-items: flex-start;
  }

  .footer__bottom-nav2 {
    flex: 1 0 0;
  }

  .footer__bottom-nav p {
    text-align: left;
  }

  .product__top-card-image:hover video {
    opacity: 1;
  }

  .product__top-card-image video {
    opacity: 0;
    display: block;
    z-index: 1;
  }

  .hero.hero__twac {
    height: 1090px;
    padding: 128px 52px;
    position: relative;
    overflow: hidden;
  }

  .hero__twac .hero-image-wrapper {
    height: 100%;
    top: auto;
    z-index: 2;
    bottom: -20px;
  }

  .hero__twac .hero-image-wrapper .hero-image img {
    content: none;
    width: 992px;
    height: 992px;
    object-fit: cover;
  }

  .hero__twac .hero-image-wrapper .hero-image {
    margin: 0;
    display: flex;
    align-items: flex-end;
  }

  .hero__twac-content {
    z-index: 15;
    padding-top: 124px;
    gap: 12px;
  }

  .hero__twac-content-title {
    padding: 16px;
  }

  .hero__twac-content-title h1 {
    font-size: 60px;
  }

  .hero__twac-content p {
    font-size: 29px;
    justify-content: flex-end;
  }

  .hero.hero__twac::before {
    content: "";
    width: 3343px;
    height: 849px;
    border-radius: 3343px;
    background: linear-gradient(
      180deg,
      rgba(248, 248, 248, 0) -32.21%,
      #fff 14.84%
    );
    filter: blur(21.08843421936035px);
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }

  .about__twac-wrapper {
    max-width: 1816px;
    margin: 0 auto;
    padding: 96px 51px 376px 51px;
  }

  .about__twac-wrapper .about__title {
    display: flex;
    gap: 16px;
  }

  .about__twac-wrapper::before {
    height: 414px;
  }

  .about__twac-wrapper .about__body-col {
    padding: 0 16px;
  }

  .about__twac {
    padding-top: 57px;
    padding-bottom: 64px;
  }

  .about__twac .section-paralax .swiper-wrapper {
    gap: 24px;
  }

  .section-paralax__twac .section-paralax-swiper-slide {
    width: 376px;
    height: 376px;
    border-radius: 24px;
  }

  .section-paralax__twac .section-paralax-swiper-slide-content {
    width: 100%;
    height: 100%;
  }

  .section-paralax__twac
    .section-paralax-swiper-slide:nth-of-type(2n)
    .section-paralax-swiper-slide-content {
    justify-content: flex-end;
  }

  .section-paralax__twac
    .section-paralax-swiper-slide-content
    .section-paralax-swiper-slide-content-img
    img {
    opacity: 1;
  }

  .section-paralax__twac .product-range .wrapper {
    gap: 70px;
  }

  .section-paralax__twac
    .section-paralax-swiper-slide:nth-of-type(2)
    .section-paralax-swiper-slide-content {
    justify-content: flex-start;
  }

  .product-range__twac .product-range__body {
    gap: 45px;
  }

  .product-range__twac .product-range__swiper {
    width: 962px;
    height: 962px;
    margin-top: -100px;
  }

  .product-range__twac .product-range__swiper-slide {
    width: 962px;
    height: 962px;
  }

  .product-range__twac .product-range__swiper-slide img {
    width: 962px;
    height: 962px;
  }

  .product-range__twac .product-range__content-box-item {
    flex: 0;
  }

  .product-range__twac .product-range__nested-title p {
    font-size: 16px;
  }

  .regeneration .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .regeneration-header h2 {
    font-size: 41px;
  }

  .regeneration-header-box h3 {
    font-size: 24px;
  }

  .regeneration-body {
    gap: 124px;
  }

  .regeneration {
    padding: 64px 52px;
  }

  .regeneration-body-col {
    padding: 24px;
    gap: 24px;
  }

  .regeneration-body-col > span {
    padding-bottom: 24px;
  }

  .regeneration-body-item-img p {
    font-size: 16px;
  }

  .regeneration-body-item {
    gap: 24px;
  }

  .regeneration-body-item > p {
    padding-top: 24px;
    font-size: 18px;
  }

  .vessel {
    padding: 96px 52px 64px 52px;
  }

  .vessel .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .vessel__header h2 {
    font-size: 60px;
  }

  .vessel__header-img img {
    width: 567px;
    height: 254px;
  }

  .vessel__body {
    gap: 24px;
  }

  .vessel__body-item h3 {
    font-size: 20px;
  }

  .vessel__body-item p {
    font-size: 16px;
  }

  .video-banner {
    padding: 64px 52px;
  }

  .video-banner__wrapper {
    max-width: 1816px;
    width: 100%;
    height: 450px;
  }

  .why__twac .why__right {
    gap: 48px 24px;
  }

  .why__twac .why__right-item {
    width: 276px;
    min-width: 276px;
  }

  .why__right-accardion > h3 {
    font-size: 34px;
  }

  .why__right-accardion {
    margin-top: 16px;
    gap: 48px;
  }

  .accordion__title h3 {
    font-size: 20px;
  }

  .why__twac {
    padding-bottom: 155px;
  }

  .footer {
    margin-top: -90px;
  }

  .why__right-accardion {
    margin-top: 19px;
  }

  .hero--fortox .hero__twac-content {
    flex-direction: row;
  }

  .hero--fortox.hero .wrapper {
    max-width: 1816px;
  }

  .hero--fortox .hero__twac-content-title {
    padding: 32px;
  }

  .hero--fortox .hero__twac-content-title h1 {
    text-align: left;
  }

  .hero--fortox .hero__twac-content p br {
    display: block;
  }

  .hero--fortox .hero__twac-content p {
    text-align: right;
    justify-content: flex-end;
  }

  .hero--fortox .hero-image-wrapper .hero-image img {
    width: 512px;
    flex-shrink: 0;
    height: 814px;
    object-position: left;
  }

  .indicationses-sliders-nav {
    margin-top: 30px;
  }

  .indicationses-swiper-slide-box {
    width: 276px;
    height: 276px;
  }

  .indicationses-title h2 {
    font-size: 60px;
  }

  .product-range__nested-title p {
    font-size: 16px;
  }

  .how-works__content-list .product-range__nested-title {
    margin-top: 40px;
  }

  .hero--fortox .hero-image-wrapper {
    width: 512px;
    height: 814px;
    bottom: 135px;
  }

  .about--fortox .about__twac-wrapper .about__title {
    flex-wrap: wrap;
    gap: 0;
  }

  .about--fortox .about__body {
    gap: 124px;
  }

  .about__body-video {
    height: 376px;
  }

  .about--fortox .about__body-col {
    max-width: 476px;
  }

  .about--fortox .about__twac-wrapper {
    padding-bottom: 96px;
  }

  .how-works {
    padding: 64px 52px;
  }

  .how-works .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .how-works__header h2 {
    font-size: 60px;
  }

  .how-works__header-description p {
    font-size: 20px;
  }

  .how-works__content-item {
    padding: 24px 296px 24px 32px;
  }

  .how-works__content-list {
    gap: 24px;
  }

  .composition .col-right {
    gap: 88px;
    overflow: visible;
  }

  .advantages-sliders--fortox {
    padding: 64px 52px;
  }

  .advantages-sliders--fortox .advantages-swiper {
    padding: 0;
    max-width: 1176px;
    width: 100%;
  }

  .advantages-sliders--fortox .advantages-swiper .swiper-wrapper {
    display: flex;
    gap: 24px;
  }

  .advantages-sliders--fortox .advantages-sliders-nav {
    display: none;
  }

  .advantages-sliders--fortox .advantages-swiper .swiper-slide {
    width: acuto;
    max-width: none;
    height: 376px;
    min-height: 376px;
    min-width: 376px;
  }

  .advantages-slider-card {
    padding: 32px 176px 32px 32px;
  }

  .clinician-comfort.composition {
    padding-top: 66px;
    padding-bottom: 215px;
  }

  .composition .syringe-image img {
    width: 376px;
    height: 676px;
    min-height: 676px;
    aspect-ratio: 376/676;
    top: -72px;
    left: 44%;
    transform: translateX(-50%);
  }

  .vessel__header-title p {
    font-size: 16px;
  }

  .composition .col-left {
    gap: 128px;
    padding-top: 53px;
    overflow: visible;
  }

  .clinician-comfort.composition {
    min-height: 928px;
    background: url(../image/bg22.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
  }

  .composition .syringe-container {
    min-height: 319px;
    align-items: flex-end;
  }

  .composition .info-text {
    font-size: 16px;
  }

  .composition .info-block {
    gap: 24px;
    position: relative;
  }

  .info-block-svg {
    position: absolute;
    right: -215.712px;
    bottom: -93.5px;
    width: 591.712px;
    height: 130.5px;
    display: block;
  }

  .info-block-svg2 {
    right: -215.712px;

    top: -22.5px;
  }

  .info-block-svg3 {
    left: -192.5px;
    bottom: -74.212px;
  }

  .info-block-svg4 {
    left: -192.5px;
    bottom: -91.212px;
  }

  .vessel--fortox .vessel__header-img img {
    width: 567px;
    height: 254px;
  }

  .card {
    padding: 32px 52px 64px 52px;
  }

  .card .wrapper {
    max-width: 1176px;
  }

  .assessment .wrapper {
    max-width: 1176px;
    gap: 0;
  }

  .assessment__title {
    padding-top: 64px;
  }

  .assessment__title h2 {
    font-size: 34px;
  }

  .assessment__title p {
    font-size: 20px;
  }

  .assessment__title-img {
    padding: 10px 89px 10px 88px;
  }

  .card-grafics-item-img img {
    width: 539px;
    height: 428px;
    max-height: 428px;
    aspect-ratio: 539/428;
    object-fit: contain;
  }

  .card-grafics-item-img {
    height: 476px;
    padding: 24px 28px 24px 9px;
    max-height: 476px;
  }

  .card-grafics-item-box {
    padding: 32px;
  }

  .why--fortox {
    padding: 96px 52px;
  }

  .why--fortox.why .wrapper {
    gap: 124px;
  }

  .why--fortox .why__left {
    width: 576px;
  }

  .why__left-top h2 {
    font-size: 34px;
  }

  .why__left-grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  .why__left-grid--col {
    width: 376px;
    flex-shrink: 0;
    min-width: 376px;
  }

  .why__left-grid--col2 {
    width: 176px;
    min-width: 176px;
  }

  .why__left-grid--col .why__left-grid--col-item {
    height: 176px;
  }

  .why__left-grid--col2 .why__left-grid--col-item {
    min-width: 100%;
    height: 100%;
  }

  .why__left-grid--col .why__left-grid--col-item.why__left-grid--col--img {
    height: 376px;
  }

  .why__left-grid--col-item h3 {
    font-size: 16px;
  }

  .why__left-table h4 {
    font-size: 20px;
  }

  .why__left-table-box-scroll {
    width: 100%;
  }

  .why__left-table-box {
    width: auto;
  }

  .why--fortox .why__right h2 {
    font-size: 34px;
  }

  .accordion__content p {
    font-size: 16px;
  }

  .accordion__content ul li {
    font-size: 16px;
  }

  .error-404 {
    padding: 128px 52px 64px 52px;
  }

  .error-404 .wrapper {
    max-width: 1524px;
  }

  .error-404__content {
    padding: 0 0 64px 0;
    gap: 12px;
  }

  .error-404__title {
    font-size: 60px;
  }

  .error-404__text {
    font-size: 34px;
  }

  .breadcrumbs {
    padding: 12px 0;
    max-width: 100%;
  }

  .error-404__box-img {
    width: 100%;
    height: 357px;
  }

  .error-404__box-img img {
    object-fit: contain;
  }

  .error-404__box h2 {
    font-size: 20px;
  }

  .error-404__box p {
    font-size: 16px;
  }

  .thank-you__box {
    display: flex;
    align-items: center;
    gap: 48px;
    align-self: stretch;
    flex-direction: row;
  }

  .thank-you__box .error-404__box-img {
    height: 363px;
    flex: 1 0 0;
  }

  .thank-you__boxs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
  }

  .thank-you__box .error-404__link {
    gap: 27px;
  }

  .thank-you__box .error-404__link i:before {
    font-size: 20px;
  }

  .hero--appeex.hero--fortox .hero__twac-content-title {
    padding: 0;
    background: transparent;
  }

  .hero.hero__twac.hero--appeex {
    padding-bottom: 192px;
  }

  .hero.hero__twac.hero--appeex::before {
    width: 3343px;
    height: 849px;
    border-radius: 3343px;
    background: linear-gradient(
      180deg,
      rgba(248, 248, 248, 0) -32.21%,
      #fff 14.84%
    );
    filter: blur(21.08843421936035px);
  }

  .hero--appeex.hero--fortox .hero-image-wrapper .hero-image img {
    width: 1176px;
    height: 950px;
    object-position: center;
    flex-shrink: 0;
  }

  .hero--appeex.hero--fortox .hero-image-wrapper {
    left: 55%;
    width: 1176px;
    height: 1157px;
    flex-shrink: 0;
    display: flex;
    width: 1176px;
    padding: 51.384px 92px 411.384px 92px;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -393px;
  }

  .hero--appeex .hero__twac-content-title h1 br {
    display: block;
  }

  .hero--appeex-cards {
    padding: 64px 52px;
  }

  .hero--appeex-cards-swiper {
    padding: 0;
  }

  .hero--appeex-cards .wrapper {
    max-width: 1176px;
    width: 100%;
    margin: 0 auto;
  }

  .hero--appeex-cards .advantages-sliders-nav {
    display: none;
  }

  .hero--appeex-cards-list {
    gap: 108px;
    justify-content: space-between;
  }

  .hero--appeex-cards-item {
    height: 376px;
    flex: 1 0 0;
    width: 320px;
    min-width: 320px;
    padding: 32px;
  }

  .hero--appeex-cards-item h3 {
    font-size: 20px;
  }

  .hero--appeex-cards-item::before {
    width: 76px;
    right: -135px;
    background: url(../image/big-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .why__appeex .why__right-accardion > p {
    margin-top: -36px;
  }

  .why__appeex {
    padding-bottom: 96px;
  }

  .chemical-mediators {
    min-height: 931px;
    padding: 32px 52px;
    overflow-x: hidden;
    overflow-y: visibility;
  }

  .chemical-mediators .wrapper {
    display: flex;
    max-width: 1176px;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
  }

  .chemical-mediators h2 {
    font-size: 34px;
  }

  .chemical-mediators__content {
    width: 1176px;
    height: 835px;
    max-width: 100%;
  }

  .chemical-mediators__content img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    top: -24px;
    left: 51%;
  }

  .chemical-mediators__tab:nth-of-type(3) {
    top: 32% !important;
    left: 35% !important;
  }

  .chemical-mediators__tab:nth-of-type(6) {
    top: 31% !important;
    left: 55% !important;
  }

  .chemical-mediators__tab:nth-of-type(2) {
    top: 45% !important;
    left: 18% !important;
  }

  .chemical-mediators__tab:nth-of-type(4) {
    top: 51% !important;
    left: 33% !important;
  }

  .chemical-mediators__tab:nth-of-type(1) {
    top: 24% !important;
    left: 11% !important;
  }

  .chemical-mediators__tab:nth-of-type(5) {
    top: 67% !important;
    left: 40% !important;
  }

  .chemical-mediators__tab:nth-of-type(8) {
    top: 62% !important;
    left: 71% !important;
  }

  .chemical-mediators__tab:nth-of-type(7) {
    top: 37% !important;
    left: 80% !important;
  }

  .hero.hero__twac.hero--home {
    min-height: 1024px;
    height: 1024px;
  }

  .hero.hero__twac.hero--home .hero__twac-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 54.3%,
      #fff 94.5%
    );
    inset: 0;
  }

  .hero--home .hero__twac-content {
    max-width: 908px;
    padding: 0;
  }

  .hero--home .hero__twac-content-title {
    padding: 48px 56px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.61);
    backdrop-filter: blur(50px);
    align-items: flex-start;
  }

  .hero--home .hero__twac-content-title h1 {
    align-items: flex-start;
    text-align: left;
    font-size: 60px;
    line-height: 1.2;
  }

  .box-icons {
    padding: 64px 0;
  }

  .box-icons .wrapper {
    max-width: 1920px;
    padding: 0;
    justify-content: center;
    display: flex;
  }

  .box-icons-list {
    gap: 24px;
    min-width: auto;
    /* overflow: visible; */
    margin: 0;

    width: 100%;
  }

  .box-icons-item-svg {
    height: 94px;
  }

  .box-icons-item-svg img {
    width: 48px;
    height: 48px;
    aspect-ratio: 1/1;
  }

  .box-icons-item h3 {
    font-size: 20px;
  }

  .box-icons-item p {
    font-size: 16px;
  }

  .box-icons-item {
    width: 276px;
    height: 352px;
  }

  .hero--home .hero__twac-content p {
    font-size: 34px;
    justify-content: flex-start;
    text-align: left;
  }

  .hero--home a {
    min-width: 145px;
  }

  .home-product-range__content {
    display: flex;
    padding: 0 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    max-width: 525px;
    width: 100%;
  }

  .home-product-range__content h3 {
    font-size: 24px;
  }

  .home-product-range__content-text {
    gap: 21px;
  }

  .home-product-range__content-text p {
    font-size: 16px;
  }

  .hero--home .wrapper {
    max-width: 1816px;
  }

  .product-range--home h2 {
    max-width: 99%;
  }

  .product-range--home .product-range__tabs {
    gap: 28px;
  }

  .product-range--home.product-range .wrapper {
    gap: 40px;
  }

  .product-range--home.product-range__twac .product-range__body {
    gap: 55px;
  }

  .product-range--home.product-range__twac .product-range__swiper {
    width: 445px;
    height: 580px;
    padding: 0;
  }

  .cta--home {
    padding: 0 52px;
  }

  .cta--home .wrapper {
    max-width: 1816px;
    width: 100%;
    margin: 0 auto;
  }

  .cta--home .cta__wrapper-left > p {
    font-size: 20px;
  }

  .cta--home .looking__content-form > p {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .cta--home .looking__content-form > h3 {
    font-size: 20px;
  }

  .news {
    padding: 0 52px 32px 52px;
  }

  .news .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .news__top h2 {
    font-size: 41px;
  }

  .news__top-description p {
    font-size: 20px;
  }

  .news-content {
    gap: 52px;
  }

  .news__cards-slide {
    width: 276px !important;
  }

  .news__card-title {
    font-size: 20px;
  }

  .news__card-text {
    font-size: 16px;
  }

  .news .advantages-sliders-nav {
    max-width: 1176px;
  }

  .about--home {
    padding: 96px 52px;
  }

  .about--home .wrapper {
    max-width: 1176px;
    gap: 124px;
  }

  .about--home-left h2 {
    font-size: 34px;
  }

  .about--home-left {
    gap: 32px;
  }

  .about--home-left p {
    font-size: 20px;
  }

  .about--home-list {
    padding-left: 24px;
    gap: 38px;
  }

  .about--home-list-item h3 {
    font-size: 20px;
  }

  .about--home-list-item p {
    font-size: 16px;
  }

  .about--home-list-item ul li {
    font-size: 16px;
  }

  .about--yuma {
    padding: 55px 52px;
  }

  .about--yuma .wrapper {
    max-width: 1816px;
    width: 100%;
    margin: 0 auto;
    padding: 96px 52px;
  }

  .about--yuma__body-description p {
    font-size: 16px;
  }

  .about--yuma__wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .about--yuma__body-description {
    gap: 22px;
  }

  .about--yuma__body-logo {
    height: 13px;
  }

  .about--yuma__body-list {
    gap: 24px;
  }

  .about--yuma__body-item {
    width: 276px;
    height: 176px;
    padding: 24px;
    min-width: 276px;
  }

  .about--yuma__body-item h4 {
    font-size: 16px;
  }

  .about--yuma__body-logo img {
    height: 13px;
  }

  .about--yuma-video::before {
    background: linear-gradient(
      112deg,
      rgba(255, 255, 255, 0.9) 53.84%,
      rgba(255, 255, 255, 0.3) 88.98%
    );
  }

  .about--yuma__title h2 {
    font-size: 60px;
  }

  .about--yuma__title p {
    font-size: 29px;
  }

  .about--yuma__title-description p {
    font-size: 24px;
  }

  .about--yuma__body {
    gap: 124px;
  }

  .about--yuma__body-left {
    max-width: 476px;
    gap: 20px;
  }

  .about--yuma__body-title {
    font-size: 20px;
  }

  .box-product .wrapper {
    max-width: 1176px;
    justify-content: center;
  }

  .box-product--list {
    gap: 24px;
  }

  .box-product--list-item {
    width: auto;
    flex: 1 0 0;
    height: 276px;
  }

  .box-product--list-item h3 {
    font-size: 16px;
  }

  .box-product--list-img img {
    object-fit: cover;
  }

  .our-commitment {
    padding: 64px 52px;
  }

  .our-commitment .wrapper {
    max-width: 1816px;
    padding: 64px 52px;
  }

  .our-commitment__content {
    max-width: 1176px;
  }

  .our-commitment-bg::before {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.95) 31.3%,
      rgba(255, 255, 255, 0) 67.55%
    );
  }

  .our-commitment__title {
    max-width: 376px;
    gap: 24px;
    align-items: flex-start;
  }

  .our-commitment__title h2 {
    font-size: 34px;
    text-align: left;
  }

  .our-commitment__description {
    gap: 24px;
  }

  .our-commitment__description p {
    font-size: 18px;
    text-align: left;
  }

  .indications {
    padding: 32px 52px 64px 52px;
  }

  .indications .wrapper {
    max-width: 1176px;
    gap: 92px;
  }

  .indications-title h2 {
    font-size: 60px;
  }

  .indications-title p {
    font-size: 20px;
  }

  .indications__swiper-slide {
    width: 676px;
    height: 476px;
  }

  .indications__swiper-content {
    padding: 48px;
    gap: 24px;
  }

  .indications__swiper-contents h3 {
    font-size: 24px;
  }

  .indications__swiper-contents p {
    font-size: 16px;
  }

  .key-facts {
    padding: 64px 52px;
  }

  .key-facts .wrapper {
    max-width: 1176px;
  }

  .key-facts-title h2 {
    font-size: 60px;
  }

  .key-facts-body {
    gap: 124px;
  }

  .key-facts-body-left {
    min-width: 576px;
    position: sticky;
    top: 0;
  }

  .key-facts-body-img {
    height: 570px;
    width: 100%;
  }

  .key-facts-body-left h3 {
    width: 100%;
    font-size: 24px;
  }

  .key-facts-body-right {
    gap: 24px;
  }

  .key-facts-body-left-item {
    padding: 48px;
    gap: 16px;
    height: 300px;
    min-width: 176px;
  }

  .key-facts-body-left-item h3 {
    font-size: 34px;
  }

  .key-facts-body-left-item p {
    font-size: 18px;
  }

  .home-maps {
    padding: 64px 52px 32px 52px;
  }

  .home-maps .wrapper {
    max-width: 1176px;
    height: 640px;
  }

  .home-maps .wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .cta--home .cta__wrapper-left ul li {
    font-size: 16px;
  }

  .box-product--list {
    overflow: visible;
  }

  .indicationses {
    padding: 96px 52px 64px 52px;
  }

  .indicationses .wrapper {
    max-width: 1176px;
    gap: 92px;
  }

  .indicationses-swiper-slide {
    width: 276px;
    height: 276px;
  }

  .indicationses-swiper-slide-box h3 {
    font-size: 20px;
  }

  .composition--appeex .info-block-svg {
    right: -215.712px;
    bottom: -58px;
  }

  .composition--appeex .info-block-svg2 {
    right: -221.5px;
    top: -10px;
  }

  .composition--appeex .info-block-svg3 {
    left: -192.5px;
    bottom: -60px;
  }

  .composition--appeex .info-block-svg4 {
    left: -192.5px;
    top: -45px;
  }

  .new-sliders--appeex {
    padding: 64px 52px;
  }

  .new-sliders--appeex-swiper {
    max-width: 1176px;
  }

  .new-sliders--appeex-swiper .new-sliders--appeex-slider-card h3 {
    font-size: 20px;
  }

  .new-sliders--appeex-nav {
    margin-top: 33px;
  }

  .new-sliders--appeex-swiper .new-sliders--appeex-slider-card {
    padding: 40px 32px;
  }

  .new-sliders--appeex-swiper .swiper-slide {
    width: 376px !important;
    height: 376px;
    margin-right: 24px !important;
  }

  .new-sliders--appeex-swiper .swiper-slide:nth-last-of-type(1) {
    margin-right: 0 !important;
  }

  .composition--appeex .syringe-image img {
    min-width: 540px;
    top: 45px;
  }

  .product-range__nested-swiper {
    overflow: hidden;
  }

  .advantages-sliders--appeex .advantages-slider-card {
    width: 376px;
    height: 376px;
  }

  .advantages-sliders--appeex .advantages-slider-card p {
    font-size: 14px;
  }

  .clinician-comfort.composition.composition--appeex {
    padding-top: 122px;
  }

  .composition--appeex .col-left {
    padding-top: 0;
    gap: 196px;
  }

  .composition--appeex .info-title {
    display: flex;
    flex-direction: column;
  }

  .composition--appeex .info-text {
    font-size: 14px;
  }

  .product-range--phillex {
    padding: 55px 52px;
  }

  .hero--twac .wrapper {
    max-width: 1816px;
  }

  .about--twac .about__video {
    left: 0;
  }

  .product-range--twac .product-range__tabs {
    padding-top: 20px;
  }

  .section-twacs {
    padding: 96px 52px;
  }

  .section-twacs .wrapper {
    max-width: 1176px;
    gap: 92px;
  }

  .section-twacs-top {
    gap: 24px;
    flex-direction: row;
    align-items: flex-start;
  }

  .section-twacs-title {
    padding: 96px 0;
    flex: 1 0 0;
    align-self: flex-start;
    align-items: flex-start;
  }

  .section-twacs-list {
    gap: 24px;
    flex: 1 0 0;
  }

  .section-twacs-title h2 {
    font-size: 41px;
  }

  .section-twacs-title p {
    font-size: 24px;
  }

  .section-twacs-item {
    height: 276px;
    width: calc(50% - 12px);
    flex: none;
    padding: 32px;
  }

  .section-twacs-item h3 {
    font-size: 20px;
  }

  .section-twacs-bottom {
    padding: 48px;
    border-radius: 24px;
    gap: 56px;
  }

  .section-twacs-bottom-title {
    gap: 12px;
  }

  .section-twacs-bottom-title h2 {
    font-size: 34px;
  }

  .section-twacs-bottom-title p {
    font-size: 24px;
  }

  .section-twacs-bottom-list {
    gap: 24px;
  }

  .section-twacs-bottom-item {
    padding: 32px;
    height: 252px;
  }

  .section-twacs-bottom-item h3 {
    font-size: 20px;
  }

  .section-twacs-tabsic {
    padding: 64px 52px;
  }

  .section-twacs-tabsic .wrapper {
    max-width: 1176px;
    gap: 41px;
  }

  .section-twacs-tabsic-content-box {
    flex-direction: row;
    gap: 124px;
    align-items: flex-start;
  }

  .mechanism-top {
    padding: 0;
  }

  .section-twacs-tabsic-content-box h2 {
    font-size: 87px;
    white-space: nowrap;
    width: 376px;
    text-align: left;
    flex-shrink: 0;
  }

  .mechanism-top .wrapper h2 {
    text-align: left;
    width: 376px;
    flex-shrink: 0;
    font-size: 41px;
  }

  .mechanism-top-list {
    gap: 16px;
    flex-direction: row;
  }

  .mechanism-top .wrapper {
    max-width: 1176px;
    flex-direction: row;
    gap: 24px;
    min-height: 210px;
  }

  .mechanism-top-item {
    flex-direction: row;
  }

  .mechanism-bottom .wrapper {
    max-width: 1816px;
    border-radius: 24px;
    background: var(--colors-base-white-100);
    padding: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mechanism-bottom-image {
    width: 979px;
    height: 480px;
    flex-shrink: 0;
    aspect-ratio: 89/46;
  }

  .mechanism-top-item p {
    font-size: 18px;
    text-align: left;
    max-width: 216px;
    width: 100%;
    flex-shrink: 0;
  }

  .mechanism-top-item::after {
    flex-shrink: 0;
    transform: rotate(0);
  }

  .section-twacs-tabsic-content-boxeng {
    gap: 24px;
    justify-content: flex-start;
  }

  .section-twacs-tabsic-content-boxeng-article {
    padding: 24px;
    width: 176px;
    height: 176px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .section-twacs-tabsic-content-boxeng-article h3 {
    font-size: 16px;
  }

  .areas {
    padding: 96px 52px 64px 52px;
  }

  .areas .wrapper {
    max-width: 1176px;
    gap: 92px;
  }

  .areas-title {
    gap: 16px;
    align-items: center;
  }

  .areas-body-title-box strong {
    font-size: 24px;
  }

  .areas-swiper-slide h3 {
    font-size: 20px;
  }

  .areas-title h2 {
    font-size: 60px;
  }

  .areas-title p {
    max-width: 776px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
  }

  .areas-body-title h3 {
    font-size: 41px;
  }

  .product-range--twac .product-range__swiper {
    position: sticky;
    top: 0;
  }

  .product-range--twac {
    overflow: visible;
  }

  .hero-smoll h1 {
    font-size: 60px;
  }

  .hero-smoll p {
    font-size: 34px;
  }

  .hero-smoll .wrapper {
    max-width: 1540px;
    width: 100%;
    padding: 8px;
    gap: 8px;
  }

  .hero-smoll {
    padding: 128px 52px 64px 52px;
  }

  .top-breadcrumbs {
    padding: 12px 52px;
  }

  .top-breadcrumbs .wrapper {
    max-width: 1540px;
  }

  .about-yuma {
    padding: 64px 52px;
  }

  .about-yuma .wrapper {
    padding: 72px 52px;
  }

  .wrapper-container {
    max-width: 1176px;
    gap: 48px;
  }

  .about-yuma-title h2 {
    font-size: 61px;
  }

  .about-yuma-body {
    gap: 24px;
  }

  .about-yuma-col {
    max-width: 376px;
    padding: 0 16px;
    gap: 20px;
  }

  .about-yuma-col h3 {
    font-size: 20px;
  }

  .about-yuma-col-description p {
    font-size: 16px;
  }

  .about-yuma-bottom {
    flex-direction: row-reverse;
    max-width: 800px;
  }

  .about-yuma-bottom-image {
    justify-content: flex-start;
  }

  .about-yuma-bottom-content h4 {
    font-size: 16px;
  }

  .about-yuma-bottom-content p {
    font-size: 16px;
  }

  .about-yuma-photo {
    width: 953.603px;
    height: 656.3px;
    left: 50%;
    right: 0;
  }

  .about-yuma-col-description {
    gap: 25px;
  }

  .key-facts--about {
    padding: 64px 52px;
  }

  .key-facts--about .wrapper {
    max-width: 1176px;
    gap: 32px;
  }

  .key-facts--about h2 {
    font-size: 60px;
  }

  .key-facts--about-body {
    display: flex;
    align-items: center;
    gap: 124px;
    align-self: stretch;
  }

  .key-facts--about-left {
    display: flex;
    min-width: 576px;
    align-items: center;
    flex: 1 0 0;
    max-height: 574px;
  }

  .key-facts--about-right {
    height: auto;
    align-items: center;
    justify-content: center;
    align-content: center;
  }

  .key-facts--about-right-item h3 {
    font-size: 60px;
  }

  .key-facts--about-right-item p {
    font-size: 18px;
  }

  .why-choose-us {
    padding: 64px 52px;
  }

  .why-choose-us .wrapper {
    max-width: 1176px;
    gap: 64px;
  }

  .why-choose-us h2 {
    font-size: 60px;
  }

  .why-choose-us-swiper-slide {
    width: 376px;
    height: 376px;
  }

  .why-choose-us-swiper-slide-content h3 {
    font-size: 20px;
  }

  .why-choose-us-swiper-slide-content p {
    font-size: 16px;
  }

  .why-choose-us-nav {
    margin-top: 25px;
  }

  .product-range--about.product-range--home.product-range__twac
    .product-range__swiper {
    height: auto;
    max-height: 476px;
    overflow: visible;
  }

  .our-commitment2 .our-commitment__title {
    gap: 14px;
  }

  .our-companys-advantages {
    padding: 64px 52px;
  }

  .our-companys-advantages .wrapper {
    max-width: 1176px;
    gap: 48px;
  }

  .our-companys-advantages h2 {
    font-size: 34px;
  }

  .our-companys-advantages-swiper .swiper-slide {
    width: 276px;
    height: 276px;
  }

  .our-companys-advantages-swiper-slide-content h3 {
    font-size: 20px;
  }

  .our-companys-advantages-swiper-slide-content p {
    font-size: 16px;
  }

  .header--home {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(12px);
  }

  .why--about2 .why__right-accardion {
    margin-top: 0;
    gap: 32px;
  }

  .why--about2 .why__right-accardions--twac {
    gap: 15px;
  }

  .home-maps-about .wrapper img {
    content: none;
    height: 640px;
    top: 0;
    left: 0;
    inset: 0;
    transform: none;
    position: static;
  }

  .why--about2 {
    padding-bottom: 96px;
  }

  .home-maps-about .wrapper {
    padding: 0;
  }

  .breadcrumbs--global {
    padding: 12px 0;
    max-width: 1540px;
  }

  .contact-main {
    padding: 96px 52px;
  }

  .contact-main .wrapper {
    max-width: 1176px;
    gap: 124px;
    flex-direction: row;
  }

  .contact-main-right {
    width: 526px;
    height: 476px;
    flex-shrink: 0;
  }

  .contact-main-left-title h2 {
    font-size: 34px;
  }

  .contact-main-left-title p {
    font-size: 18px;
  }

  .contact-main-left-titles {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }

  .contact-main-left-titles h3 {
    font-size: 20px;
    min-width: auto;
    flex: auto;
  }

  .breadcrumbs-box {
    padding: 0 52px;
  }

  .contact-main-left-box {
    padding-left: 24px;
  }

  .contact-main-left-link {
    font-size: 18px;
  }

  .contact-main-left-item strong {
    font-size: 18px;
  }

  .header--blur {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(12px);
  }

  .blog-hero h2 {
    font-size: 34px;
  }

  .news-page {
    padding: 96px 52px;
  }

  .news-page .wrapper {
    gap: 58px;
  }

  .news-page-box .news__card {
    width: 276px;
    height: auto;
  }

  .news-page-box {
    gap: 48px 24px;
  }

  .news-page .news__card-img {
    height: 176px;
  }

  .news-page .pagination {
    margin-top: 10px;
  }

  .blog-hero.contact-hero .error-404__content {
    padding: 0;
  }

  .blog-hero.contact-hero {
    padding-bottom: 80px;
  }

  .article-page {
    padding: 64px 52px;
  }

  .article-page .wrapper {
    max-width: 1176px;
    flex-direction: row;
    gap: 96px;
  }

  .article-page-form.cta {
    max-width: 376px;
    margin-top: 82px;
    flex-shrink: 0;
    position: sticky;
    top: 82px;
  }

  .article-page-form.cta .cta__wrapper-right {
    min-width: auto;
  }

  .article-page-content-box h2 {
    font-size: 34px;
  }

  .article-page-content-box--image {
    height: 476px;
  }

  .article-page-content {
    gap: 32px;
  }

  .article-page-content-box h3 {
    font-size: 20px;
  }

  .article-page-content-box-bg {
    padding: 32px;
  }

  .article-page-content-box ul {
    margin-top: 10px;
  }

  .article-page-content-box p {
    font-size: 16px;
  }

  .article-page-content-box--border p {
    font-size: 20px;
  }

  .article-page-content-box li {
    font-size: 16px;
  }

  .article-page-form.cta .wrapper {
    padding: 48px 29px 48px 32px;
  }

  .article-page-form.cta .cta__wrapper-left h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .article-page-form.cta .cta__wrapper-left {
    gap: 0;
  }

  .article-page-form.cta .cta__wrapper-left p {
    font-size: 16px;
  }

  .article-page-form.cta .wrapper {
    gap: 16px;
  }

  .article-page-form.cta .looking__content-form h3 {
    margin-bottom: 0;
  }

  .article-page-form.cta .cta__wrapper-right .looking__content-form-col {
    flex-direction: column;
  }

  .article-page-form.cta .looking__content-form-content {
    margin-top: 5px;
    gap: 32px;
  }

  .article-page-news {
    padding: 96px 52px 32px 52px;
  }

  .academy-hero-bg img {
    object-position: center;
  }

  .academy-hero {
    padding: 128px 52px 64px 52px;
  }

  .academy-hero .wrapper {
    max-width: 1540px;
    padding: 8px;
    width: 100%;
  }

  .academy-hero__content {
    max-width: 762px;
    width: 100%;
  }

  .academy-hero .wrapper h1 {
    font-size: 60px;
  }

  .academy-hero .wrapper p {
    font-size: 34px;
  }

  .academy-hero__content {
    gap: 10px;
  }

  .academy-hero {
    padding-bottom: 78px;
  }

  .about--yuma--academy {
    padding: 75px 52px;
  }

  .about--yuma--academy .about--yuma__title-description p {
    font-size: 29px;
  }

  .about--yuma--academy .about--yuma__title-description {
    gap: 24px;
  }

  .about--yuma--academy .about--yuma__body-left {
    padding: 0 16px;
  }

  .about--yuma--academy .about--yuma__body-item {
    height: 276px;
  }

  .academy-advantages {
    padding: 50px 52px;
    gap: 32px;
  }

  .academy-advantages h2 {
    max-width: 1176px;
    font-size: 34px;
  }

  .academy-advantages .advantages-swiper {
    max-width: 1176px;
    padding: 16px 0;
  }

  .academy-news.news-page .wrapper {
    gap: 64px;
  }

  .academy-news .news__card {
    height: 549px;
  }

  .academy-news .pagination {
    display: none;
  }

  .news-content > .btn {
    display: flex;
    margin: 8px auto 0 auto !important;
    min-width: 148px;
  }

  .academy-news2 h2 br {
    display: none;
  }

  .academy-news2 .news__card {
    height: 397px;
  }

  .academy-news2 .news__cards-slide {
    height: 397px;
  }

  .academy-news2 {
    padding: 96px 52px 64px 52px;
  }

  .academy-hero {
    padding-top: 145px;
    padding-bottom: 64px;
  }

  .academy-hero__content-date {
    font-size: 16px;
  }

  .academy-hero--article .academy-hero__content span {
    font-size: 34px;
  }

  .innovations {
    padding: 64px 52px;
  }

  .breadcrumbs--global .breadcrumbs-item {
    padding: 16px;
  }

  .innovations .wrapper {
    gap: 124px;
    max-width: 1176px;
    flex-direction: row;
  }

  .innovations__left {
    min-width: 576px;
    padding-top: 96px;
    flex: 1 0 0;
    overflow: hidden;
  }

  .innovations__right {
    flex: 1 0 0;
  }

  .innovations__left .swiper-slide {
    width: 576px !important;
    height: 576px;
  }

  .innovations__right-title h2 {
    font-size: 24px;
  }

  .innovations__right-title-description h3 {
    font-size: 18px;
  }

  .innovations__right-title-description p {
    font-size: 18px;
  }

  .innovations__right {
    gap: 48px;
  }

  .innovations__right-item h3 {
    font-size: 20px;
  }

  .innovations__right-item p {
    font-size: 16px;
  }

  .innovations__right-discription h4 {
    font-size: 20px;
  }

  .innovations__right-discription-text p {
    font-size: 16px;
  }

  .academy-advantages-article {
    padding: 64px 52px;
    gap: 48px;
  }

  .academy-advantages-title p {
    font-size: 18px;
  }

  .academy-advantages-title {
    max-width: 1176px;
    align-items: center;
  }

  .advantages-slider-card ul li {
    font-size: 18px;
  }

  .speakers-experts {
    padding: 64px 52px;
  }

  .speakers-experts .wrapper {
    max-width: 1816px;
    width: 100%;
    margin: 0 auto;
    padding: 64px 0 64px 52px;
  }

  .speakers-experts__wrapper {
    max-width: 1496px;
    gap: 48px;
  }

  .speakers-experts__left {
    max-width: 576px;
    padding: 0;
    gap: 24px;
  }

  .speakers-experts__left h2 {
    font-size: 34px;
  }

  .speakers-experts__left-description {
    gap: 24px;
  }

  .speakers-experts__left-description p {
    font-size: 18px;
  }

  .speakers-experts__right {
    padding: 0 64px;
  }

  .speakers-experts-slider .swiper-slide {
    width: 488px !important;
    height: 576px;
  }

  .speakers-experts-slider {
    padding: 0;
  }

  .speakers-experts-card-img {
    height: 433px;
  }

  .speakers-experts-content h3 {
    font-size: 18px;
  }

  .event-program .why__left h2 {
    font-size: 34px;
  }

  .event-program .why__left-img {
    height: 476px;
  }

  .accordion__content-new span {
    font-size: 16px;
  }

  .accordion__content-new ul {
    gap: 22px;
  }

  .event-program .why__right {
    min-height: auto;
  }

  .academy-news--article {
    padding: 96px 52px 64px 52px;
  }

  .event-program {
    padding-bottom: 96px;
  }

  .academy-news2 .news__cards-slide .news__card {
    height: 100%;
  }

  .academy-news2 .news__cards-slide {
    height: 308px;
  }

  .empower-business {
    padding: 96px 52px;
    overflow: hidden;
  }

  .empower-business .wrapper {
    max-width: 1176px;
    flex-direction: row;
    align-items: center;
  }

  .empower-business__left {
    flex: 1 0 0;
    gap: 32px;
  }

  .empower-business__left h2 {
    font-size: 34px;
  }

  .empower-business__item {
    min-height: 276px;
    width: 276px;
  }

  .empower-business__item h3 {
    font-size: 16px;
  }

  .empower-business__description {
    display: flex;
    flex-direction: column;
    font-size: 20px;
  }

  .empower-business__list {
    gap: 24px;
  }

  .empower-business__description strong {
    font-size: 20px;
  }

  .empower-business__description span {
    font-size: 20px;
  }

  .empower-business__right {
    flex: 1 0 0;
    height: 576px;
    position: relative;
    width: auto;
    margin-left: 0;
  }

  .empower-business__right img {
    width: 875px;
    min-width: 875px;
    position: absolute;
    top: 0;
    left: 0;
    height: 576px;
    flex-shrink: 0;
  }

  .section-paralax--global-page {
    height: auto;
  }

  .section-paralax--global {
    max-width: 1176px;
    gap: 24px;
  }

  .section-paralax--global-content {
    width: 376px;
    height: 376px;
    border-radius: 24px;
    min-width: 376px;
    padding: 32px;
    gap: 16px;
  }

  .section-paralax--global-content-image {
    padding: 0;
  }

  .section-paralax--global-content h3 {
    font-size: 20px;
  }

  .section-paralax--global-content p {
    font-size: 16px;
  }

  .advantages-sliders--fortox2 .advantages-sliders-nav {
    display: flex;
  }

  .advantages-sliders--fortox2 .advantages-swiper .swiper-wrapper {
    gap: 0;
  }

  .vessel--fortox2 .vessel__header-title h2 {
    font-size: 50px;
  }

  .section-twacs2 .section-twacs-title {
    padding: 0;
  }

  .section-twacs2 .section-twacs-top {
    gap: 124px;
  }

  .section-twacs2 .video-banner__wrapper {
    margin-top: 36px;
    height: 776px !important;
  }

  .section-twacs2 .video-banner__wrapper::before {
    content: none;
  }
}

@media (max-width: 1279px) {
  .about__video {
    bottom: 148px;
  }

  .about__twac-wrapper .about__body {
    margin-bottom: 185px;
  }
}

@media (max-width: 768px) {
  .about__video {
    bottom: 66px;
  }
}

@media (max-width: 576px) {
  .clinician-comfort {
    background-size: inherit;
    background-position: 50% 170%;
  }

  .composition .clinician-comfort {
    background-position: 50% 70%;
  }

  .error-404__box-img {
    height: 163.804px;
  }
}

.chemical-mediators__content {
  position: relative;
}

.chemical-mediators__tab {
  position: absolute;
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  cursor: pointer;
  gap: 8px;
  z-index: 2;
}

.chemical-mediators__tab i {
  font-size: 42px;
  color: #fff;
  border: 1px solid var(--colors-blue-medical-600);
  background: var(--colors-blue-medical-600);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chemical-mediators__tab i:before {
  font-size: 20px;
}

.chemical-mediators__tab i::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: rgba(0, 114, 223, 0.3);
  z-index: -1;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.chemical-mediators__tab span {
  background: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--colors-graphite-50);
  color: var(--colors-graphite-source);
  font-family: var(--fonts-family-Instrument-Sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  position: relative;
  z-index: 5;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  white-space: nowrap;
}

.section-twacs2 .video-banner__wrapper {
  width: 100%;
  height: 476px;
}

.section-twacs2 .video-banner__wrapper .video-banner__play {
  top: 24px;
  right: 24px;
}

@media (min-width: 1280px) {
  .chemical-mediators__tab span {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.chemical-mediators__tab.is-active span {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Fancybox z-index fix */
.fancybox__container {
  z-index: 10001 !important;
}

/* Prevent browser navigation on horizontal scroll */
.swiper,
.news__cards,
.advantages-swiper,
.indications-swiper,
.product-range__nested-swiper,
.product-range__swiper {
  overscroll-behavior-x: none;
}

@media (max-width: 375px) {
  .why__left h2 {
    font-size: 50px;
  }
}

.page-template-fortox .vessel__body {
  align-items: stretch;
}

.page-template-fortox .vessel__body-item h3 {
  flex: none;
}

.page-template-fortox .vessel__body-item:nth-of-type(2) {
  padding-top: 12px;
}

.page-template-twac .section-paralax-swiper-slide2 h3 {
  min-height: auto;
}

.section-twacs-tabsic-tab:hover {
  background: transparent;
}

/* 
.cta {
  display: none !important;
} */
/* 
.footer {
  margin-top: 0 !important;
} */