@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-tiny {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.text-small {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .text-small {
    font-size: 12px;
    line-height: 16px;
  }
}

.text-button {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}

.text-small-bold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.text-normal {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .text-normal {
    font-size: 14px;
  }
}

.text-normal-semibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .text-normal-semibold {
    font-size: 14px;
  }
}

.text-normal-bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .text-normal-bold {
    font-size: 14px;
  }
}

.text-medium {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .text-medium {
    font-size: 18px;
    line-height: 24px;
  }
}

.text-medium-semibold {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .text-medium-semibold {
    font-size: 18px;
    line-height: 24px;
  }
}

.text-medium-bold {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .text-medium-bold {
    font-size: 18px;
    line-height: 24px;
  }
}

.text-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .text-title {
    font-size: 24px;
    line-height: 32px;
  }
}

.page {
  scroll-behavior: smooth;
  background: #F3F3F1;
  /*color: #1B1D1F;*/
  transition: all 0.3s;
}
.page__body {
  background-color: #F3F3F1;
}
.page__button {
  padding: 14px 16px;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #2B2C2E;
  color: #fff;
  transition: background-color 0.2s ease;
}
.page__button:hover {
  background-color: #222323;
}
.page__button:focus {
  background-color: #1B1D1F;
}
.page__button:disabled {
  background-color: #E5E3DF;
}
.page__button--primary {
  background-color: #BADDF1;
  color: #111111;
}
.page__button--primary:hover {
  background-color: #9AD0EF;
}
.page__button--primary:focus {
  background-color: #58B2E6;
}
.page__button--primary:disabled {
  background-color: #E5E3DF;
}
.page__socialButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background-color: #E5E3DF;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .page__socialButton {
    width: 24px;
    height: 24px;
  }
}
.page__socialButton a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page__socialButton a svg {
  width: 50%;
}
.page__socialButton:hover {
  background-color: #9AD0EF;
}
.page__socialButton:focus {
  background-color: #58B2E6;
}
.page__socialButton:disabled {
  background-color: #ACB1B3;
}
.page__menu {
  position: fixed;
  z-index: 100;
  transform: translateX(-100%);
  transition: transform 0.1s;
}
@media (max-width: 1024px) {
  .page__menu {
    top: 64px;
    left: 0;
    right: 0;
  }
}
.page__menu.open {
  transform: translateX(0);
}
.page__more {
  border: none;
  background-color: transparent;
  color: #7691C0;
  cursor: pointer;
  text-decoration: underline;
  transition: opacity 0.2s ease;
  padding: 0;
  align-self: flex-start;
}
@media (max-width: 767px) {
  .page__more {
    font-size: 16px;
    line-height: 24px;
  }
}
.page__more:hover {
  color: #5774A8;
}
.page__more:hover path[stroke] {
  stroke: #5774A8;
}
.page__more:hover path[fill] {
  fill: #5774A8;
}
.page__more:active {
  color: #355792;
}
.page__more:active path[stroke] {
  stroke: #355792;
}
.page__more:active path[fill] {
  fill: #355792;
}
.page__search {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #E5E3DF;
  padding: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}
.page__search input {
  border: none;
  background-color: transparent;
  color: #111111;
}
.page__search input::-moz-placeholder {
  color: #111111;
}
.page__search input::placeholder {
  color: #111111;
}
.page__search input:focus {
  border: none;
  outline: none;
}
.page__search:focus-within, .page__search:hover {
  border-bottom: 1px solid #C2C2C1;
}
.page__link {
  color: #1B1D1F;
  transition: all 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.page__link--underline {
  text-decoration: underline;
}
.page__link svg, .page__link path {
  transition: all 0.3s ease;
}
.page__link:hover {
  color: #7691C0;
}
.page__link:hover path[stroke] {
  stroke: #7691C0;
}
.page__link:hover path[fill] {
  fill: #7691C0;
}
.page__link:active {
  color: #355792;
}
.page__link:active path[stroke] {
  stroke: #355792;
}
.page__link:active path[fill] {
  fill: #355792;
}
.page__link--color {
  color: #7691C0;
}
.page__link--color:hover {
  color: #5774A8;
}
.page__link--color:hover path[stroke] {
  stroke: #5774A8;
}
.page__link--color:hover path[fill] {
  fill: #5774A8;
}
.page__breadcrumbs {
  display: flex;
  -moz-column-gap: 38px;
  column-gap: 38px;
}
.page__breadcrumbs a {
  color: #2B2C2E;
  transition: color 0.2s ease;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}
@media (max-width: 1024px) {
  .page__breadcrumbs a {
    font-size: 14px;
  }
}
.page__breadcrumbs li {
  display: flex;
  align-items: center;
}
.page__breadcrumbs li:not(:last-child) a::after {
  content: "/";
  position: absolute;
  right: -24px;
}
.page__breadcrumbs a:hover {
  color: #7691C0;
}
.page__breadcrumbs a:focus {
  color: #355792;
}
.page__breadcrumbs a:disabled {
  color: #ACB1B3;
}
.page__selectWrapper {
  position: relative;
  cursor: pointer;
}
.page__selectWrapper input {
  cursor: pointer;
  padding-right: 40px;
}
.page__selectWrapper input::-moz-placeholder {
  color: #ACB1B3;
}
.page__selectWrapper input::placeholder {
  color: #ACB1B3;
}
.page__selectWrapper::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 12px;
  border-radius: 50%;
  background-color: #BADDF1;
  background-image: url("../img/icons/dropdown.svg");
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .page__selectWrapper::after {
    top: 8px;
  }
}
.page__selectWrapper.open::after {
  transform: scaleY(-1);
}
.page__selectWrapper ul {
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  max-height: 0;
  border-radius: 4px;
  color: #111111;
  transition: all 0.2s ease;
  background-color: #F3F3F1;
  overflow: auto;
  opacity: 0;
  z-index: -10;
}
.page__selectWrapper ul.open {
  max-height: 280px;
  border: 1px solid #7691C0;
  opacity: 1;
  z-index: 10;
}
.page__selectWrapper li {
  padding: 12px 16px;
  padding-right: 40px;
  position: relative;
}
.page__selectWrapper li::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 12px;
  border-radius: 50%;
  border: 1px solid #5774A8;
}
.page__selectWrapper li.checked::after {
  background-image: url("../img/icons/done.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
.page__label {
  position: absolute;
  padding: 0 4px;
  top: -8px;
  left: 16px;
  background-color: #BADDF1;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: calc(100% - 24px);
}
.page__input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #C2C2C1;
  color: #111111;
  transition: all 0.2s ease;
  outline: none;
  background-color: transparent;
}
@media (max-width: 1024px) {
  .page__input {
    padding: 8px 16px;
  }
}
.page__input::-moz-placeholder {
  color: #2B2C2E;
}
.page__input::placeholder {
  color: #2B2C2E;
}

.header {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 10;
}
.header__topWrapper {
  width: 100%;
  margin: auto;
  background-color: #F3F3F1;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .header__topWrapper {
    display: none;
  }
}
.header__bottomWrapper {
  width: 100%;
  margin: auto;
  background-color: #2B2C2E;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translateY(0);
  position: relative;
  z-index: 1;
  transition: transform .5s ease-out;
}
.header__bottomWrapper.hidden {
  transform: translateY(-105%);
}
.header__dropdown-content {
  width: 100%;
  position: absolute;
  top: calc(100% + 8px);
  display: none;
  background-color: #F3F3F1;
  border-radius: 2px;
  padding: 2px;
}
.header__dropdown-content-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 8px;
  align-items: center;
  border-radius: 2px;
}
@media (max-width: 1024px) {
  .header__dropdown-content-wrapper {
    flex-direction: row;
  }
}
.header__dropdown-content-wrapper a {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  color: #1B1D1F;
  transition: all 0.3s ease;
  border-radius: 2px;
  overflow: hidden;
}
.header__dropdown-content-wrapper a:hover, .header__dropdown-content-wrapper a.active {
  background-color: #BADDF1;
}
.header__languageWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border-radius: 2px;
  padding: 2px;
}
.header__languageWrapper.show .header__dropdown-content {
  display: flex;
  justify-content: center;
}
.header__languageWrapper.show svg {
  transform: scaleY(-1);
}
.header__languageSwitcher {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.header__languageSwitcher p {
  color: #1B1D1F;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.header__container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  padding-block: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .header__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .header__container {
    padding-inline: 20px;
  }
}
.header__bottom-container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  padding-block: 8px;
}
@media (max-width: 1024px) {
  .header__bottom-container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .header__bottom-container {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .header__bottom-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .header__bottom-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.header__logo {
  width: 200px;
  height: auto;
  cursor: pointer;
  display: flex;
}
.header__logo img {
  width: 100%;
	max-height: 75px;
}
.header__logoMobile {
  display: none;
}
@media (max-width: 1024px) {
  .header__logoMobile {
    width: 107px;
    height: 40px;
    cursor: pointer;
    display: flex;
  }
}
.header__logoMobile img {
  width: 100%;
}
.header__topBlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.header__mobileBottomBlock {
  display: none;
}
@media (max-width: 1024px) {
  .header__mobileBottomBlock {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
  }
}
.header__burger {
  border: none;
  width: 48px;
  height: 48px;
  background-color: transparent;
  background-image: url("../img/icons/burger.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.header__burger.open {
  background-image: url("../img/icons/close.svg");
}
.header__locationWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  text-decoration: none;
  color: #1B1D1F;
  transition: all 0.2s ease;
}
.header__locationWrapper:hover {
  color: #355792;
}
.header__locationWrapper:hover path[stroke] {
  stroke: #355792;
}
.header__locationWrapper:hover path[fill] {
  fill: #355792;
}
.header__adress {
  margin-left: 32px;
}
.header__city {
  display: flex;
  gap: 8px;
}
.header__city svg {
  width: 24px;
  aspect-ratio: 1;
}
.header__socialButton {
  flex-shrink: 0;
}
.header__button {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-inline: 32px;
}
.header__nav {
  grid-column: span 6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1200px) {
  .header__nav {
    grid-column: span 5;
  }
}
@media (max-width: 1024px) {
  .header__nav {
    display: none;
  }
}
.header__list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.header__navItem {
  height: 100%;
  display: flex;
  align-items: center;
}
.header__navItem--relative {
  position: relative;
}
.header__navItem a {
  height: 100%;
  text-decoration: none;
  color: #F3F3F1;
  display: flex;
  gap: 9px;
  align-items: center;
  transition: all 0.2s ease;
}
.header__navItem svg {
  position: relative;
  top: -1px;
}
.header__navItem:hover a.header__mainLink, .header__navItem a.active {
  color: #7691C0;
}
.header__navItem:hover a.header__mainLink svg, .header__navItem a.active svg {
  transform: scale(-1);
}
.header__collapse {
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
}
.header__collapse:not(.show) {
  display: none;
}
.header__servicesList {
  height: 100vh;
}
.header__bottomBlock {
  grid-column: 7/span 6;
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
  gap: 48px;
}
@media (max-width: 1200px) {
  .header__bottomBlock {
    gap: 12px;
  }
}
@media (max-width: 1024px) {
  .header__bottomBlock {
    display: none;
  }
}
.header__mobilePhoneButton {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #BADDF1;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__mobilePhoneButton:hover {
  background-color: #9AD0EF;
}
.header__mobilePhoneButton:active {
  background-color: #58B2E6;
}
.header__mobilePhoneButton:disabled {
  background-color: #E5E3DF;
}
.header__mobilePhoneButton svg {
  width: 50%;
}
.header__phoneButton {
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 216px;
  padding-inline: 32px;
}
.header__search {
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 190px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}
.header__search input {
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 180px;
  border: none;
  background-color: transparent;
  color: #F3F3F1;
}
.header__search input::-moz-placeholder {
  color: #F3F3F1;
}
.header__search input::placeholder {
  color: #F3F3F1;
}
.header__search input:focus {
  border: none;
  outline: none;
}
.header__search:focus-within, .header__search:hover {
  border-bottom: 1px solid #C2C2C1;
}
.header__smileList {
  top: 46px;
  left: -24px;
  right: -48px;
  padding: 24px 16px;
  background-color: #2B2C2E;
}
.header__smileList nav {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.header__smileList a {
  text-decoration: none;
}
.header__smileList a:hover {
  color: #7691C0;
}

.menu {
  display: none;
}
@media (max-width: 1024px) {
  .menu {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100dvh;
    z-index: 100;
  }
}
.menu__container {
  display: flex;
}
@media (max-width: 1024px) {
  .menu__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 352px;
    height: 100dvh;
    justify-content: flex-start;
    align-items: center;
    row-gap: 16px;
    padding-bottom: 170px;
    overflow-y: auto;
    background-color: #F3F3F1;
    position: relative;
    z-index: 100;
  }
}
@media (max-width: 767px) {
  .menu__container {
    max-width: unset;
  }
}
.menu__locations {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 36px;
  padding: 20px 20px 0;
}
.menu__locationWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  text-decoration: none;
  color: #1B1D1F;
  transition: all 0.2s ease;
}
.menu__locationWrapper:hover {
  color: #355792;
}
.menu__locationWrapper:hover path[stroke] {
  stroke: #355792;
}
.menu__locationWrapper:hover path[fill] {
  fill: #355792;
}
.menu__city {
  display: flex;
  gap: 8px;
}
.menu__city svg {
  width: 24px;
  aspect-ratio: 1;
}
.menu__nav {
  width: 100%;
  overflow-y: auto;
  padding-inline: 20px;
  scrollbar-gutter: stable;
}
.menu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 24px;
}
.menu__list a, .menu__list h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #2B2C2E;
}
.menu__list a:hover, .menu__list h2:hover {
  color: #355792;
}
.menu__list a, .menu__list span, .menu__list h2, .menu__list h3 {
  color: #2B2C2E;
}
.menu__item, .menu__innerItem {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  color: #2B2C2E;
}
.menu__item button, .menu__innerItem button {
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.menu__item button:hover h2, .menu__item button:hover h3, .menu__item button:hover > a, .menu__innerItem button:hover h2, .menu__innerItem button:hover h3, .menu__innerItem button:hover > a {
  color: #355792;
}
.menu__item a, .menu__item button, .menu__innerItem a, .menu__innerItem button {
  padding: 8px 0;
  border-bottom: 1px solid #E5E3DF;
}
.menu__item a, .menu__innerItem a {
  text-decoration: none;
}
.menu__item.open > button svg, .menu__innerItem.open > button svg {
  transform: scale(-1);
}
.menu__innerItem button {
  padding-right: 6px;
}
.menu__innerItem.open h3 {
  color: #355792;
}
.menu__itemList, .menu__innerItemList {
  transition: all 0.3s ease;
  max-height: 0;
  overflow: hidden;
}
.menu__itemList.open, .menu__innerItemList.open {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-top: 16px;
  max-height: 100vh;
  overflow: auto;
}
.menu__itemList li, .menu__innerItemList li {
  padding-block: 12px;
}
.menu__itemList a, .menu__innerItemList a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #2B2C2E;
  border: none;
}
.menu__innerItemList li {
  padding: 0;
}
.menu__innerItemList span {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.menu__innerItemList a {
  display: flex;
  gap: 4px;
}
.menu__innerItemList a svg {
  flex-shrink: 0;
}
.menu__innerItemList li:hover span {
  color: #355792;
}
.menu__innerItemList li:hover path[stroke] {
  stroke: #355792;
}
.menu__innerItemList li:hover path[fill] {
  fill: #355792;
}
.menu__arrow {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #BADDF1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu__button {
  display: none;
}
@media (max-width: 1024px) {
  .menu__button {
    display: block;
    width: 100%;
    max-width: 420px;
  }
  .menu__button button {
    width: 100%;
  }
}
.menu__search {
  width: 100%;
  padding-inline: 20px;
  margin-bottom: 16px;
}
.menu__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.menu__languageWrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  border-radius: 2px;
  padding-inline: 20px;
  margin-top: 8px;
  align-self: flex-end;
}
@media (max-width: 767px) {
  .menu__languageWrapper {
    margin-top: auto;
  }
}
.menu__languageWrapper a {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  color: #1B1D1F;
  transition: all 0.3s ease;
  border-radius: 2px;
  overflow: hidden;
}
.menu__languageWrapper a:hover, .menu__languageWrapper a.active {
  background-color: #BADDF1;
}

.services {
  padding-top: 8px;
  width: 100%;
  margin: auto;
  height: calc(100vh - 170px);
}
.services::before {
  content: "";
  position: absolute;
  left: -2000px;
  right: 50%;
  top: 8px;
  bottom: 0;
  background-color: #2B2C2E;
  z-index: -1;
}
.services::after {
  content: "";
  position: absolute;
  right: -2000px;
  left: 50%;
  top: 8px;
  bottom: 0;
  background-color: #F3F3F1;
  z-index: -1;
}
.services__container {
  height: 100%;
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 0;
  column-gap: 0;
}
@media (max-width: 1024px) {
  .services__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .services__container {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .services__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.services__nav {
  grid-column: span 5;
  background-color: #2B2C2E;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  padding-block: 32px;
  overflow-y: auto;
}
.services__title {
  color: #F3F3F1;
}
.services__list {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.services__item {
  border: none;
  background-color: transparent;
  color: #F3F3F1;
  cursor: pointer;
  transition: color 0.2s ease;
}
.services__item:hover, .services__item.active {
  color: #7691C0;
}
.services__content {
  grid-column: span 7;
  background-color: #F3F3F1;
  position: relative;
  padding: 88px 40px;
}
.services__close {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 32px;
  right: 0;
  cursor: pointer;
}
.services__block {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.services__blockTitle {
  color: #111111;
}
.services__search {
  position: relative;
  border: 1px solid #C2C2C1;
  border-radius: 4px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}
.services__search label {
  color: #2B2C2E;
  position: absolute;
  top: -9px;
  left: 20px;
  padding-inline: 4px;
  background-color: #F3F3F1;
}
.services__search input {
  border: none;
  background-color: transparent;
  color: #2B2C2E;
}
.services__search input:focus {
  border: none;
  outline: none;
}
.services__search:hover {
  border: 1px solid #355792;
}
.services__search:focus-within {
  border: 1px solid #5774A8;
}
.services__blockList {
  width: 100%;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.services__blockItem {
  margin-bottom: 24px;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
.services__blockItem a {
  text-decoration: none;
  display: flex;
  gap: 4px;
  align-items: flex-start;
  transition: all 0.2s ease;
}
.services__blockItem a svg {
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.services__blockItem a span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #111111;
  transition: all 0.2s ease;
}
.services__blockItem a:hover span {
  color: #355792;
}
.services__blockItem a:hover path[stroke] {
  stroke: #355792;
}
.services__blockItem a:hover path[fill] {
  fill: #355792;
}

.bottomMenu {
  display: none;
}
@media (max-width: 1024px) {
  .bottomMenu {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #F3F3F1;
    z-index: 100;
  }
}
.bottomMenu__list {
  width: 100%;
  padding: 16px 20px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 24px;
  flex-basis: 1;
  background-color: #BADDF1;
}
.bottomMenu__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottomMenu__item a, .bottomMenu__item button {
  border: none;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  align-items: center;
  text-decoration: none;
  color: #111111;
  transition: all 0.2s ease;
  cursor: pointer;
}
.bottomMenu__item svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.bottomMenu__item:hover a, .bottomMenu__item:hover button {
  color: #355792;
}
.bottomMenu__item:hover path[stroke] {
  stroke: #355792;
}
.bottomMenu__item:hover path[fill] {
  fill: #355792;
}

.contacts {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .contacts {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .contacts {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .contacts {
    row-gap: 24px;
  }
}
.contacts__container {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 32px;
}
@media (max-width: 767px) {
  .contacts__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.contacts__firstBlock {
  grid-column: span 5;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .contacts__firstBlock {
    grid-column: 1/-1;
    flex-direction: column;
    max-height: 270px;
  }
}
@media (max-width: 767px) {
  .contacts__firstBlock {
    max-height: unset;
  }
}
.contacts__item {
  width: 40%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .contacts__item {
    width: 45%;
    row-gap: 8px;
  }
}
@media (max-width: 767px) {
  .contacts__item {
    width: 100%;
  }
}
.contacts__item a {
  text-decoration: none;
  color: #111111;
  transition: color 0.2s ease;
}
.contacts__item a:hover {
  color: #7691C0;
}
.contacts__innerBlock {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.contacts__social {
  display: flex;
  gap: 24px;
}
.contacts__consultation {
  grid-column: 7/span 6;
  background-color: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 16px;
  align-items: center;
  border-radius: 4px;
  margin-right: -80px;
}
@media (max-width: 1024px) {
  .contacts__consultation {
    margin-right: unset;
    grid-column: 1/-1;
    padding: 32px 102px;
  }
}
@media (max-width: 767px) {
  .contacts__consultation {
    margin-inline: -20px;
    padding: 32px 20px;
    border-radius: 0;
  }
}
.contacts__consultation p {
  text-align: center;
}
.contacts__consultation h3 {
  margin-bottom: 8px;
}

.blog {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .blog {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .blog {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .blog {
    row-gap: 24px;
  }
}
.blog__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog__container {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 16px;
}
@media (max-width: 767px) {
  .blog__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog__item {
  grid-column: span 6;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
@media (max-width: 1200px) {
  .blog__item {
    grid-column: span 7;
  }
}
@media (max-width: 767px) {
  .blog__item {
    grid-column: 1/-1;
    grid-template-columns: repeat(7, 1fr);
  }
  .blog__item h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.blog__item:first-child {
  grid-row: 1/4;
}
.blog__item:first-child .blog__imageWrapper {
  grid-column: 1/-1;
  aspect-ratio: 1.8;
}
.blog__item:first-child .blog__content {
  grid-column: 1/-1;
}
.blog__item:first-child p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .blog__item:first-child {
    grid-column: span 5;
  }
  .blog__item:first-child .blog__imageWrapper {
    aspect-ratio: 1.4;
  }
}
@media (max-width: 767px) {
  .blog__item:first-child p {
    -webkit-line-clamp: 4;
  }
  .blog__item:first-child .blog__imageWrapper {
    aspect-ratio: 1.5;
  }
}
.blog__imageWrapper {
  display: flex;
  grid-column: span 2;
  position: relative;
  width: 100%;
  aspect-ratio: 1.3;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .blog__imageWrapper {
    aspect-ratio: 0.84;
  }
}
@media (max-width: 767px) {
  .blog__imageWrapper {
    grid-column: span 3;
  }
}
.blog__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.blog__content {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.blog__content a {
  color: #111111;
  text-decoration: none;
}
.blog__content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.reviews {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .reviews {
    row-gap: 24px;
  }
}
.reviews__top {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
}
@media (max-width: 1024px) {
  .reviews__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .reviews__top {
    padding-inline: 20px;
  }
}
.reviews__container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .reviews__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .reviews__container {
    padding-inline: 20px;
  }
}
.reviews__container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.reviews__container .swiper-slide {
  height: auto !important;
}
.reviews__item {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .reviews__item {
    padding: 16px;
  }
}
.reviews__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.reviews__content button {
  display: none;
}
.reviews__content.close button {
  display: block;
}
.reviews__content.close p:last-of-type {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.reviews__more {
  padding: 0;
  align-self: flex-end;
}
.reviews__bottom {
  display: flex;
  justify-content: space-between;
}
.reviews__rating {
  display: flex;
  gap: 4px;
}
.reviews__swiper-pagination, .reviews__navigation {
  position: absolute;
  left: 50% !important;
  bottom: 2px !important;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 1;
  font-size: 16px;
  line-height: 1em;
  color: #1B1D1F;
}
.reviews__navigation {
  width: 160px;
  display: flex;
  justify-content: space-between;
}

.form-sleep {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
}
@media (max-width: 1024px) {
  .form-sleep {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .form-sleep {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .form-sleep {
    width: 100%;
    margin: auto;
    padding-inline: unset;
  }
}
.form-sleep__container {
  background-color: #BADDF1;
  border-radius: 4px;
  padding: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .form-sleep__container {
    padding: 22.5px;
  }
}
@media (max-width: 767px) {
  .form-sleep__container {
    padding: 20px;
    width: 100%;
    margin: auto;
    border-radius: unset;
  }
}
.form-sleep__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  margin-bottom: 8px;
}
.form-sleep__top h2 {
  text-align: center;
}
.form-sleep__form {
  width: 100%;
  max-width: 810px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.form-sleep__blockInput {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .form-sleep__blockInput {
    grid-template-columns: 1fr;
  }
}
.form-sleep__blockInput p {
  position: relative;
}
@media (max-width: 767px) {
  .form-sleep__blockInput p {
    width: 100%;
    max-width: 420px;
    justify-self: center;
  }
}
.form-sleep__label {
  position: absolute;
  padding: 0 4px;
  top: -8px;
  left: 16px;
  background-color: #BADDF1;
  color: #111111;
}
.form-sleep__input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #7691C0;
  color: #111111;
  transition: all 0.2s ease;
  outline: none;
  background-color: transparent;
}
@media (max-width: 1024px) {
  .form-sleep__input {
    padding: 8px 16px;
  }
}
.form-sleep__input::-moz-placeholder {
  color: #2B2C2E;
}
.form-sleep__input::placeholder {
  color: #2B2C2E;
}
.form-sleep__input:hover {
  border: 1px solid #355792;
}
.form-sleep__input:focus {
  border: 1px solid #5774A8;
  outline: none;
}
.form-sleep__input:user-invalid {
  border: 1px solid #E94235;
}
.form-sleep__input:disabled {
  border: 1px solid #ACB1B3;
}
.form-sleep__input:disabled::-moz-placeholder {
  color: #ACB1B3;
}
.form-sleep__input:disabled::placeholder, .form-sleep__input:disabled label {
  color: #ACB1B3;
}
.form-sleep__input--textarea {
  resize: none;
}
.form-sleep__text {
  color: #5B5B5B;
}
.form-sleep__social {
  display: flex;
  gap: 8px;
}
.form-sleep__social a {
  color: #111111;
  transition: color 0.2s ease;
}
.form-sleep__social a:hover {
  color: #7691C0;
}
.form-sleep__social a:active {
  color: #355792;
}
.form-sleep__iconWrapper {
  width: 24px;
  aspect-ratio: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #E5E3DF;
  flex-shrink: 0;
}
.form-sleep__iconWrapper svg {
  width: 50%;
  height: 50%;
}
@media (max-width: 767px) {
  .form-sleep__iconWrapper {
    width: 48px;
  }
}
@media (max-width: 767px) {
  .form-sleep__button {
    width: 100%;
    max-width: 420px;
    justify-self: center;
  }
}
.form-sleep__mobileEnter {
  display: none;
}
@media (max-width: 767px) {
  .form-sleep__mobileEnter {
    display: block;
  }
}
.form-sleep__mobileHidden {
  display: inline;
}
@media (max-width: 767px) {
  .form-sleep__mobileHidden {
    display: none;
  }
}

.appointment {
  display: none;
}
.appointment.open {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  min-height: 100dvh;
  overflow-y: auto;
  z-index: 200;
}
.appointment__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1024px) {
  .appointment__overlay {
    background-color: #F3F3F1;
  }
}
.appointment__container {
  width: 80%;
  max-width: 695px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px 32px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 1025px) and (max-height: 600px) {
	.appointment__container {
		transform: scale(.8) translate(-50%, -50%);
		transform-origin: left top;
	}
}
@media (max-width: 1024px) {
  .appointment__container {
    top: 38px;
    left: 52px;
    right: 52px;
    width: unset;
    max-width: unset;
    padding: 24px;
    transform: unset;
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .appointment__container {
    top: 0;
    left: 0;
    right: 0;
    min-height: 100dvh;
    padding: 24px 20px;
  }
}
.appointment__container h2 {
  padding-right: 32px;
}
.appointment__form {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.appointment__form fieldset {
  border: none;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  padding: 0;
}
.appointment__form fieldset legend {
  padding: 0;
  margin-bottom: 12px;
	font-size: 19px;
	line-height: 1.4;
}
@media (max-width: 1024px) {
  .appointment__form fieldset legend {
    margin-bottom: 24px;
  }
}
.appointment__form fieldset p {
  position: relative;
}
.appointment__form fieldset label[for]:has(+ input[required]) {
  width: -moz-min-content;
  width: min-content;
  padding-right: 14px;
}
.appointment__form fieldset label[for]:has(+ input[required])::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  right: 4px;
  top: 0;
  background-image: url(../img/icons/require_star.svg);
}
.appointment__blockInput {
  width: 100%;
  display: flex;
  gap: 16px;
  position: relative;
}
@media (max-width: 1024px) {
  .appointment__blockInput {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .appointment__blockInput {
    flex-direction: column;
  }
}
.appointment__blockInput > * {
  flex-basis: 50%;
}
.appointment__label {
  position: absolute;
  padding: 0 4px;
  top: -8px;
  left: 16px;
  background-color: #fff;
  color: #111111;
}
.appointment__wrapper ul {
  background-color: #fff;
}
.appointment__input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #7691C0;
  color: #111111;
  transition: all 0.2s ease;
  outline: none;
}
@media (max-width: 1024px) {
  .appointment__input {
    padding: 8px 16px;
  }
}
.appointment__input::-moz-placeholder {
  color: #ACB1B3;
}
.appointment__input::placeholder {
  color: #ACB1B3;
}
.appointment__input:hover {
  border: 1px solid #355792;
}
.appointment__input:focus {
  border: 1px solid #5774A8;
  outline: none;
}
.appointment__input:user-invalid {
  border: 1px solid #E94235;
}
.appointment__input:disabled {
  border: 1px solid #ACB1B3;
}
.appointment__input:disabled::-moz-placeholder {
  color: #ACB1B3;
}
.appointment__input:disabled::placeholder, .appointment__input:disabled label {
  color: #ACB1B3;
}
.appointment__input--textarea {
  height: 108px;
  resize: none;
	display: block;
}
.appointment__submitBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1024px) {
  .appointment__submitBlock {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .appointment__submitBlock {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .appointment__submitBlock > * {
    flex-basis: 50%;
  }
}
.appointment__submitBlock p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .appointment__submitBlock p {
    text-align: left;
  }
}
.appointment__submitBlock p, .appointment__submitBlock p a {
  color: #2B2C2E;
}
.appointment__container .wpcf7-not-valid-tip {
	font-size: 14px;
	padding-top: 2px;
	padding-left: 10px;
}
.appointment__button {
  padding-inline: 60px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .appointment__button {
    align-self: flex-start;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .appointment__button {
    align-self: center;
    width: 100%;
    max-width: 420px;
  }
}
.appointment__close {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .appointment__close {
    top: 28px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .appointment__close {
    top: 24px;
    right: 20px;
  }
}

.request {
  display: none;
}
.request.open {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  min-height: 100dvh;
  overflow-y: auto;
  z-index: 200;
}
.request__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 1024px) {
  .request__overlay {
    background-color: #F3F3F1;
  }
}
.request__container {
  width: 80%;
  max-width: 695px;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 40px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .request__container {
    top: 38px;
    left: 52px;
    right: 52px;
    width: unset;
    max-width: unset;
    padding: 24px;
    transform: unset;
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .request__container {
    top: 0;
    left: 0;
    right: 0;
    min-height: 100dvh;
    padding: 24px 20px;
  }
}
.request__container h2 {
  padding-right: 32px;
}
.request__form {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .request__form {
    row-gap: 24px;
  }
}
.request__form p {
  position: relative;
}
.request__form label[for]:has(+ input[required]) {
  width: -moz-min-content;
  width: min-content;
  padding-right: 14px;
}
.request__form label[for]:has(+ input[required])::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  right: 4px;
  top: 0;
  background-image: url(../img/icons/require_star.svg);
}
.request__blockInput {
  width: 100%;
  display: flex;
  gap: 16px;
  position: relative;
}
@media (max-width: 1024px) {
  .request__blockInput {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .request__blockInput {
    flex-direction: column;
  }
}
.request__blockInput > * {
  flex-basis: 50%;
}
.request__label {
  position: absolute;
  padding: 0 4px;
  top: -8px;
  left: 16px;
  background-color: #fff;
  color: #111111;
}
.request__wrapper ul {
  background-color: #fff;
}
.request__input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #7691C0;
  color: #111111;
  transition: all 0.2s ease;
  outline: none;
}
@media (max-width: 1024px) {
  .request__input {
    padding: 8px 16px;
  }
}
.request__input::-moz-placeholder {
  color: #ACB1B3;
}
.request__input::placeholder {
  color: #ACB1B3;
}
.request__input:hover {
  border: 1px solid #355792;
}
.request__input:focus {
  border: 1px solid #5774A8;
  outline: none;
}
.request__input:user-invalid {
  border: 1px solid #E94235;
}
.request__input:disabled {
  border: 1px solid #ACB1B3;
}
.request__input:disabled::-moz-placeholder {
  color: #ACB1B3;
}
.request__input:disabled::placeholder, .request__input:disabled label {
  color: #ACB1B3;
}
.request__input--textarea {
  height: 108px;
  resize: none;
}
.request__submitBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1024px) {
  .request__submitBlock {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .request__submitBlock {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .request__submitBlock > * {
    flex-basis: 50%;
  }
}
.request__submitBlock p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .request__submitBlock p {
    text-align: left;
  }
}
.request__submitBlock p, .request__submitBlock p a {
  color: #2B2C2E;
}
.request__button {
  padding-inline: 60px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .request__button {
    align-self: flex-start;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .request__button {
    align-self: center;
    width: 100%;
    max-width: 420px;
  }
}
.request__close {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .request__close {
    top: 28px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .request__close {
    top: 24px;
    right: 20px;
  }
}

.footer {
  width: 100%;
  margin: auto;
  background-color: #2B2C2E;
}
.footer__container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  padding-block: 48px;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .footer__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .footer__container {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .footer__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .footer__container {
    padding-top: 24px;
    padding-bottom: 120px;
  }
}
.footer__logo {
  grid-column: span 3;
  align-self: flex-start;
  width: 251px;
  height: auto;
  cursor: pointer;
  display: flex;
}
.footer__logo img {
  width: 100%;
}
@media (max-width: 1200px) {
  .footer__logo {
    grid-column: 1/-1;
  }
}
@media (max-width: 1024px) {
  .footer__logo {
    width: 137px;
  }
}
@media (max-width: 767px) {
  .footer__logo {
    width: 251px;
  }
}
.footer__listBlock {
  grid-column: span 6;
  margin-right: 24px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .footer__listBlock {
    grid-column: span 8;
  }
}
@media (max-width: 767px) {
  .footer__listBlock {
    grid-column: 1/-1;
    flex-direction: column;
    row-gap: 24px;
  }
}
.footer__contacts, .footer__nav {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  color: #fff;
}
.footer__contacts h4, .footer__nav h4 {
	color: inherit;
}
.footer__contactsList, .footer__navList {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.footer__contactsList a, .footer__navList a {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  color: #fff;
  transition: all 0.2s ease;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
.footer__contactsList a path, .footer__navList a path {
  transition: all 0.2s ease;
}
.footer__contactsList a:hover, .footer__navList a:hover {
  color: #BADDF1;
}
.footer__contactsList a:hover path[stroke], .footer__navList a:hover path[stroke] {
  stroke: #BADDF1;
}
.footer__contactsList a:hover path[fill], .footer__navList a:hover path[fill] {
  fill: #BADDF1;
}
.footer__locationBlock {
  grid-column: 10/span 3;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer__locationBlock a, .footer__locationBlock h4 {
  text-decoration: none;
  color: #fff;
  transition: color 0.2s ease;
}
.footer__locationBlock a:hover {
  color: #BADDF1;
}
@media (max-width: 1200px) {
  .footer__locationBlock {
    grid-column: 9/span 4;
  }
}
@media (max-width: 767px) {
  .footer__locationBlock {
    grid-column: 1/-1;
  }
}
.footer__linkMap {
  display: block;
  width: 100%;
  aspect-ratio: 1.58;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.footer__linkMap iframe {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.footer__map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent;
}

.about {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .about {
    row-gap: 24px;
  }
}
.about__container {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .about__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .about__container {
    row-gap: 8px;
  }
}
.about__imageWrapper {
  width: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.about__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about__first {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 36px;
}
.about__first .about__imageWrapper {
  aspect-ratio: 0.74;
}
@media (max-width: 767px) {
  .about__first .about__imageWrapper {
    aspect-ratio: 0.84;
  }
}
@media (max-width: 1024px) {
  .about__first {
    grid-column: span 4;
  }
}
@media (max-width: 767px) {
  .about__first {
    grid-column: span 4;
    row-gap: 8px;
  }
}
.about__wrapper {
  grid-column: 5/span 8;
  margin-left: -16px;
  padding-left: 16px;
  margin-right: -80px;
  padding-right: 80px;
  padding-bottom: 16px;
  margin-top: 40px;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(8, 1fr);
  background-color: #2B2C2E;
  border-radius: 4px 0 0 4px;
}
@media (max-width: 1024px) {
  .about__wrapper {
    grid-column: 6/span 7;
    margin-right: -32px;
    padding-right: 32px;
    margin-top: unset;
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (max-width: 767px) {
  .about__wrapper {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    background-color: transparent;
  }
}
.about__innerBlockFirst {
  grid-column: span 4;
  margin-top: -16px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.about__innerBlockFirst .about__imageWrapper {
  aspect-ratio: 0.92;
}
@media (max-width: 767px) {
  .about__innerBlockFirst .about__imageWrapper {
    aspect-ratio: 0.84;
  }
}
.about__innerBlockFirst p {
  color: #fff;
}
@media (max-width: 1024px) {
  .about__innerBlockFirst {
    margin-top: 16px;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .about__innerBlockFirst {
    margin-top: 0;
    flex-direction: column-reverse;
    row-gap: 8px;
  }
  .about__innerBlockFirst p {
    color: #111111;
  }
}
.about__innerBlockSecond {
  grid-column: 6/span 3;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 24px;
}
.about__innerBlockSecond .about__imageWrapper {
  aspect-ratio: 0.92;
}
@media (max-width: 767px) {
  .about__innerBlockSecond .about__imageWrapper {
    aspect-ratio: 0.84;
  }
}
.about__innerBlockSecond p {
  color: #fff;
}
@media (max-width: 1024px) {
  .about__innerBlockSecond {
    grid-column: 5/span 3;
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .about__innerBlockSecond {
    flex-direction: column-reverse;
    row-gap: 8px;
  }
  .about__innerBlockSecond p {
    color: #111111;
  }
}

.help {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .help {
    row-gap: 24px;
  }
}
.help__top {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .help__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .help__top {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .help__top {
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
  }
}
.help__container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .help__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .help__container {
    padding-inline: 20px;
  }
}
.help__container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.help__container .swiper-slide {
  height: auto !important;
}
.help__item {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.help__item p {
  flex-grow: 1;
}
.help__item > svg {
  width: 100px;
  aspect-ratio: 1;
  height: auto;
}
@media (max-width: 1024px) {
  .help__item {
    padding: 16px;
  }
}
.help__swiper-pagination, .help__navigation {
  position: absolute;
  left: 50% !important;
  bottom: 2px !important;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 1;
  font-size: 16px;
  line-height: 1em;
  color: #1B1D1F;
}
.help__navigation {
  width: 160px;
  display: flex;
  justify-content: space-between;
}

.hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  padding-top: 64px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .hero {
    padding-block: 16px;
  }
}
.hero__carousel {
  grid-column: 3/span 10;
  margin-right: -80px;
  aspect-ratio: 2.41;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .hero__carousel {
    grid-column: 1/-1;
    margin-right: unset;
    aspect-ratio: 2.1;
  }
}
@media (max-width: 767px) {
  .hero__carousel {
    aspect-ratio: 1.1;
  }
}
.hero__carousel .swiper-container {
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .hero__carousel .swiper-container {
    padding-bottom: 16px;
  }
}
.hero__item {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.hero__item img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.hero__notification {
  position: absolute;
  z-index: 2;
  width: 50%;
  max-width: 655px;
  height: auto;
  bottom: 3%;
  left: 80px;
  padding: 40px;
  border-radius: 8px;
  background-color: #BADDF1;
  overflow: hidden;
}
.hero__notification .swiper-slide {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .hero__notification {
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.hero__notification h2 {
  letter-spacing: 0.04em;
}
.hero__list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.hero__list li {
  padding-left: 26px;
  position: relative;
}
.hero__list li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #111111;
  top: 8px;
  left: 0;
  transform: translate(0, -50%);
}
.hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.hero__actionBlock a:hover {
  color: #7691C0;
}
.hero__actionBlock a:focus {
  color: #355792;
}
@media (max-width: 767px) {
  .hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .hero__button {
    width: 100%;
    max-width: 420px;
  }
}
.hero__swiper-pagination {
  position: absolute;
  left: 25% !important;
  bottom: 0;
  text-align: center;
  display: flex;
  gap: 65px;
  align-items: center;
  justify-content: center;
  counter-reset: bullet;
  z-index: 1;
}
@media (max-width: 1024px) {
  .hero__swiper-pagination {
    left: calc(50% + 36px) !important;
    transform: translate(-50%, 0);
    gap: 42px;
    bottom: 2px !important;
  }
}
.hero .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 1 !important;
  background-color: #E5E3DF !important;
  position: relative;
  counter-increment: bullet;
}
.hero .swiper-pagination-bullet::before {
  content: counter(bullet, decimal-leading-zero);
  position: absolute;
  top: -6px;
  left: -44px;
  font-size: 16px;
  color: #E5E3DF;
}
@media (max-width: 1024px) {
  .hero .swiper-pagination-bullet::before {
    left: -36px;
  }
}
.hero .swiper-pagination-bullet-active {
  background-color: #111111 !important;
}
.hero .swiper-pagination-bullet-active::before {
  color: #111111;
}

.patients {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .patients {
    row-gap: 24px;
  }
}
.patients__top {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .patients__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .patients__top {
    padding-inline: 20px;
  }
}
.patients__fullContainer {
  width: 100%;
  margin: auto;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .patients__fullContainer {
    background-color: unset;
  }
}
.patients__container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  position: relative;
  padding-block: 40px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .patients__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .patients__container {
    padding-inline: 20px;
  }
}
.patients__container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.patients__container .swiper-slide {
  height: auto !important;
}
@media (max-width: 1024px) {
  .patients__container {
    padding-top: 0;
  }
}
.patients__item {
  width: 100%;
  height: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 16px;
}
@media (max-width: 767px) {
  .patients__item {
    grid-template-columns: repeat(4, 1fr);
  }
}
.patients__leftBlock {
  grid-column: span 4;
  aspect-ratio: 0.84;
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .patients__leftBlock {
    width: 70%;
    margin: auto;
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .patients__leftBlock {
    width: 100%;
  }
}
.patients__backgroundWrapper {
  position: absolute;
  width: 90%;
  aspect-ratio: 0.82;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #2B2C2E;
}
.patients__imageWrapper {
  position: absolute;
  width: 90%;
  aspect-ratio: 0.82;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.patients__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.patients__contentBlock {
  grid-column: 6/span 6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .patients__contentBlock {
    grid-column: 1/-1;
  }
}
.patients__topItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patients__topItem h3 {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.patients__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.patients__content button {
  display: none;
}
.patients__content.close button {
  display: block;
}
.patients__content.close p:last-of-type {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.patients__button {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 1024px) {
  .patients__button {
    max-width: unset;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 282px;
  }
}
@media (max-width: 767px) {
  .patients__button {
    width: 100%;
    max-width: 420px;
    margin: auto;
  }
}
.patients__more {
  padding: 0;
  align-self: flex-start;
}
.patients__swiper-pagination, .patients__navigation {
  position: absolute;
  right: 80px !important;
  bottom: 40px !important;
  text-align: right;
  z-index: 1;
  font-size: 16px;
  line-height: 1em;
  color: #1B1D1F;
}
@media (max-width: 1024px) {
  .patients__swiper-pagination, .patients__navigation {
    bottom: 0 !important;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
  }
}
.patients__swiper-pagination {
  padding-right: 134px;
}
@media (max-width: 1024px) {
  .patients__swiper-pagination {
    padding-right: unset;
  }
}
.patients__navigation {
  width: 160px;
  display: flex;
  justify-content: space-between;
}

.reason {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .reason {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .reason {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .reason {
    row-gap: 24px;
  }
}
.reason__container {
  overflow: hidden;
}
@media (max-width: 1024px) {
  .reason__container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 40px;
  }
}
.reason__container .swiper-wrapper {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .reason__container .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .reason__container .swiper-wrapper {
    gap: 0;
    display: flex;
    align-items: stretch;
  }
}
.reason__container .swiper-slide {
  grid-column: span 4;
  height: auto !important;
}
.reason__item {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 8px 0 0 8px;
}
.reason__counter {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111111;
  border-radius: 2px;
  background-color: #BADDF1;
  z-index: 5;
}
.reason__counter span {
  opacity: 0.77;
}
@media (max-width: 1024px) {
  .reason__counter {
    width: 64px;
  }
}
.reason__wrapper {
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.reason__contentWrapper {
  flex-grow: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  justify-content: space-between;
}
.reason__contentWrapper h3 {
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .reason__contentWrapper {
    padding: 16px 8px;
  }
}
@media (max-width: 767px) {
  .reason__contentWrapper {
    padding: 16px;
  }
}
.reason__imageWrapper {
  width: 100%;
  aspect-ratio: 2.1;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
}
.reason__imageWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 1024px) {
  .reason__imageWrapper {
    aspect-ratio: 1.37;
  }
}
@media (max-width: 767px) {
  .reason__imageWrapper {
    aspect-ratio: 1.5;
  }
}
.reason__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.reason__content button {
  display: none;
}
.reason__content.close button {
  display: block;
}
.reason__content.close p:last-of-type {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.reason__more {
  padding: 0;
  align-self: flex-start;
}
.reason__swiper-pagination, .reason__navigation {
  display: none;
}
@media (max-width: 1024px) {
  .reason__swiper-pagination, .reason__navigation {
    display: block;
    position: absolute;
    left: 50% !important;
    bottom: 2px !important;
    transform: translate(-50%, 0);
    text-align: center;
    z-index: 1;
    font-size: 16px;
    line-height: 1em;
    color: #1B1D1F;
  }
}
.reason__navigation {
  display: none;
}
@media (max-width: 1024px) {
  .reason__navigation {
    width: 160px;
    display: flex;
    justify-content: space-between;
  }
}
.reason .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 1 !important;
  background-color: #E5E3DF !important;
  position: relative;
}
.reason .swiper-pagination-bullet-active {
  background-color: #111111 !important;
}

.allServices {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .allServices {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .allServices {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .allServices {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .allServices {
    width: 100%;
    margin: auto;
    max-width: unset;
    padding-inline: unset;
  }
}
.allServices__top {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .allServices__top {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .allServices__top {
    width: 100%;
    padding-inline: 80px;
    max-width: 1440px;
    margin: auto;
  }
}
@media (max-width: 767px) and (max-width: 1024px) {
  .allServices__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .allServices__top {
    padding-inline: 20px;
  }
}
.allServices__container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .allServices__container {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .allServices__container {
    width: 100%;
    margin: auto;
  }
}
.allServices__item {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 24px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .allServices__item {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .allServices__item {
    padding: 24px 16px;
  }
}
@media (max-width: 767px) {
  .allServices__item {
    padding: 24px 20px;
  }
}
.allServices__leftBlock {
  grid-column: span 4;
  aspect-ratio: 1.63;
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (max-width: 1024px) {
  .allServices__leftBlock {
    grid-column: span 6;
    width: 95%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .allServices__leftBlock {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 1.56;
  }
}
.allServices__backgroundWrapper {
  position: absolute;
  width: 97%;
  aspect-ratio: 1.78;
  top: 0;
  right: 2%;
  border-radius: 4px;
  background-color: #2B2C2E;
}
@media (max-width: 1024px) {
  .allServices__backgroundWrapper {
    width: 94%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .allServices__backgroundWrapper {
    width: 98%;
    left: 0;
    right: unset;
  }
}
.allServices__imageWrapper {
  position: absolute;
  width: 94%;
  aspect-ratio: 1.72;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .allServices__imageWrapper {
    width: 92%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .allServices__imageWrapper {
    width: 95%;
  }
}
.allServices__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.allServices__contentBlock {
  grid-column: 6/span 7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .allServices__contentBlock {
    grid-column: span 6;
    width: 85%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .allServices__contentBlock {
    grid-column: 1/-1;
    width: 100%;
  }
}
.allServices__block {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.allServices__blockTitle {
  color: #111111;
}
.allServices__blockList {
  width: 100%;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 1024px) {
  .allServices__blockList {
    -moz-column-count: 1;
    column-count: 1;
  }
}
.allServices__blockItem {
  align-self: flex-start;
  margin-bottom: 24px;
}
.allServices__blockItem a {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  transition: all 0.2s ease;
  text-decoration: none;
}
.allServices__blockItem a svg {
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.allServices__blockItem a span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #111111;
  transition: all 0.2s ease;
}
.allServices__blockItem a:hover span {
  color: #355792;
}
.allServices__blockItem a:hover path[stroke] {
  stroke: #355792;
}
.allServices__blockItem a:hover path[fill] {
  fill: #355792;
}

.oneService-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .oneService-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneService-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .oneService-hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .oneService-hero {
    margin-top: 16px;
    row-gap: 16px;
  }
}
.oneService-hero__breadcrumbs {
  grid-column: 1/-1;
}
.oneService-hero__imageWrapper {
  grid-column: span 7;
  aspect-ratio: 1.8;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .oneService-hero__imageWrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .oneService-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.oneService-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.oneService-hero__notification {
  position: absolute;
  z-index: 2;
  width: 50%;
  max-width: 655px;
  height: auto;
  bottom: 0;
  right: 80px;
  padding: 49px 40px;
  border-radius: 4px;
  background-color: #E5E3DF;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .oneService-hero__notification {
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .oneService-hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.oneService-hero__notification h2 {
  letter-spacing: 0.04em;
}
.oneService-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.oneService-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.oneService-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .oneService-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .oneService-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .oneService-hero__button {
    max-width: 420px;
  }
}

.oneService-slider {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oneService-slider {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneService-slider {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneService-slider {
    row-gap: 24px;
  }
}
.oneService-slider__container {
  position: relative;
  padding-bottom: 40px;
}
.oneService-slider__container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.oneService-slider__container .swiper-slide {
  height: auto !important;
}
.oneService-slider__item {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.oneService-slider__item p {
  flex-grow: 1;
}
.oneService-slider__item > svg {
  width: 100px;
  aspect-ratio: 1;
  height: auto;
}
@media (max-width: 1024px) {
  .oneService-slider__item {
    padding: 16px;
  }
}
.oneService-slider__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.oneService-slider__content button {
  display: none;
}
.oneService-slider__content.close button {
  display: block;
}
.oneService-slider__content.close p:last-of-type {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oneService-slider__content.close p:last-of-type {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 767px) {
  .oneService-slider__content.close p:last-of-type {
    -webkit-line-clamp: 4;
  }
}
.oneService-slider__more {
  padding: 0;
  align-self: flex-start;
}
.oneService-slider__swiper-pagination, .oneService-slider__navigation {
  position: absolute;
  left: 50% !important;
  bottom: 2px !important;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 1;
  font-size: 16px;
  line-height: 1em;
  color: #1B1D1F;
}
.oneService-slider__navigation {
  width: 160px;
  display: flex;
  justify-content: space-between;
}

.oneService-price {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oneService-price {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneService-price {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneService-price {
    row-gap: 24px;
  }
}
.oneService-price__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oneService-price__container {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.oneService-price__item {
  background-color: #fff;
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.oneService-price__item p {
  color: #2B2C2E;
}
@media (max-width: 1024px) {
  .oneService-price__item {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .oneService-price__item {
    flex-direction: column;
    row-gap: 8px;
    align-items: flex-start;
  }
}
.oneService-price.scroll-content ul {
  list-style: inside;
}

.oneService-sleep {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oneService-sleep {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneService-sleep {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneService-sleep {
    row-gap: 24px;
  }
}
.oneService-sleep__container {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .oneService-sleep__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.oneService-sleep__first {
  grid-column: span 5;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-self: center;
}
.oneService-sleep__first ul {
  list-style: inside;
}
@media (max-width: 767px) {
  .oneService-sleep__first {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
}
.oneService-sleep__wrapper {
  grid-column: 7/span 6;
  aspect-ratio: 1.65;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-right: -80px;
  padding-right: 80px;
  border-radius: 4px 0 0 4px;
  position: relative;
}
.oneService-sleep__wrapper::before {
  content: "";
  width: 96%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17%;
  right: -13%;
  border-radius: 4px;
  background-color: #2B2C2E;
}
@media (max-width: 1024px) {
  .oneService-sleep__wrapper::before {
    left: 22%;
  }
}
@media (max-width: 1024px) {
  .oneService-sleep__wrapper {
    grid-column: 7/span 6;
    aspect-ratio: 1.1;
    margin-right: -32px;
    padding-right: 32px;
    margin-left: -16px;
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .oneService-sleep__wrapper {
    grid-column: 1/-1;
    aspect-ratio: 1.6;
    margin-right: -20px;
    padding-right: 20px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.oneService-sleep__imageWrapper {
  grid-column: 1/-1;
  width: 100%;
  aspect-ratio: 1.67;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  align-self: center;
}
@media (max-width: 1024px) {
  .oneService-sleep__imageWrapper {
    aspect-ratio: 1.2;
  }
}
@media (max-width: 767px) {
  .oneService-sleep__imageWrapper {
    aspect-ratio: 1.73;
  }
}
.oneService-sleep__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 767px) {
  .oneService-sleep__imageWrapper img {
    padding-right: 16px;
  }
}
.oneService-sleep__button {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 1024px) {
  .oneService-sleep__button {
    max-width: 420px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

.oneService-questions {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oneService-questions {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneService-questions {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneService-questions {
    row-gap: 24px;
  }
}
.oneService-questions__container {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .oneService-questions__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.oneService-questions__item {
  grid-column: span 6;
  background-color: #fff;
  padding: 16px;
  border-radius: 4px;
  color: #2B2C2E;
  align-self: flex-start;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .oneService-questions__item {
    grid-column: 1/-1;
    padding: 16px 8px;
  }
}
.oneService-questions__question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oneService-questions__question-header.open svg {
  transform: scale(-1);
}
.oneService-questions__question-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.oneService-questions__question-content p {
  padding-top: 22.5px;
}

.doctors-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .doctors-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .doctors-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .doctors-hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .doctors-hero {
    margin-top: 16px;
    row-gap: 16px;
  }
}
.doctors-hero__breadcrumbs {
  grid-column: 1/-1;
}
.doctors-hero__imageWrapper {
  grid-column: 6/span 7;
  aspect-ratio: 1.8;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .doctors-hero__imageWrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .doctors-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.doctors-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.doctors-hero__notification {
  position: absolute;
  z-index: 2;
  width: 55%;
  max-width: 655px;
  height: auto;
  bottom: 0;
  left: 80px;
  padding: 61px 40px;
  border-radius: 4px;
  background-color: #E5E3DF;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .doctors-hero__notification {
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .doctors-hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.doctors-hero__notification h2 {
  letter-spacing: 0.04em;
}
.doctors-hero__notification h1 {
  max-width: 420px;
}
.doctors-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.doctors-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.doctors-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .doctors-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .doctors-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .doctors-hero__button {
    max-width: 420px;
  }
}
.doctors-hero--about-us .doctors-hero__notification {
  padding: 37px 40px;
}

.doctors-list {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .doctors-list {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .doctors-list {
    padding-inline: 20px;
  }
}
.doctors-list__container {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 40px;
}
@media (max-width: 767px) {
  .doctors-list__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.doctors-list__filterBlock {
  width: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
}
@media (max-width: 767px) {
  .doctors-list__filterBlock {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .doctors-list__filterBlock {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 767px) {
  .doctors-list__filterBlock {
    row-gap: 32px;
  }
}
.doctors-list__filterBlock div {
  position: relative;
  grid-column: span 4;
}
.doctors-list__filterBlock label {
  background-color: #F3F3F1;
}
.doctors-list__filterBlock input::-moz-placeholder {
  color: #ACB1B3;
}
.doctors-list__filterBlock input::placeholder {
  color: #ACB1B3;
}
.doctors-list__item {
  grid-column: span 6;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 10px;
  display: none;
  gap: 8px;
}
@media (max-width: 1200px) {
  .doctors-list__item {
    flex-direction: column;
    margin-top: unset;
  }
}
@media (max-width: 767px) {
  .doctors-list__item {
    grid-column: 1/-1;
  }
}
.doctors-list__imageWrapper {
  width: 34%;
  aspect-ratio: 0.63;
  margin-top: -10px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .doctors-list__imageWrapper {
    width: 100%;
    aspect-ratio: 1.45;
    margin-top: unset;
  }
}
@media (max-width: 767px) {
  .doctors-list__imageWrapper {
    aspect-ratio: 1.27;
  }
}
.doctors-list__imageWrapper div {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 16px;
  background-color: #2B2C2E;
  border-radius: 4px;
}
@media (max-width: 1200px) {
  .doctors-list__imageWrapper div {
    bottom: 0;
  }
}
.doctors-list__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 16px;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 1200px) {
  .doctors-list__imageWrapper img {
    top: unset;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.doctors-list__topItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.doctors-list__topItem h3 {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.doctors-list__content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 24px;
}
@media (max-width: 1024px) {
  .doctors-list__content {
    padding: 16px;
  }
}
.doctors-list__center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  row-gap: 16px;
}
.doctors-list__center p:last-of-type {
  flex-grow: 1;
}
.doctors-list__button {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  padding: 0;
  cursor: pointer;
  color: #7691C0;
}
.doctors-list__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .doctors-list__moreButton {
    max-width: 300px;
  }
}

.oneDoctor-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .oneDoctor-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneDoctor-hero {
    margin-top: 16px;
    row-gap: 16px;
  }
}
.oneDoctor-hero__wrapper {
  width: 100%;
  height: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .oneDoctor-hero__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.oneDoctor-hero__imageWrapper {
  grid-column: span 5;
  aspect-ratio: 1.33;
  position: relative;
  align-self: flex-end;
  overflow: hidden;
  background-color: #2B2C2E;
  margin-top: 31px;
  margin-left: -40px;
}
@media (max-width: 1024px) {
  .oneDoctor-hero__imageWrapper {
    grid-column: 1/-1;
    grid-row: 1/2;
    aspect-ratio: 2.1;
    margin: unset;
  }
}
@media (max-width: 767px) {
  .oneDoctor-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.oneDoctor-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.oneDoctor-hero__content {
  grid-column: span 7;
  height: auto;
  padding: 40px;
  padding-right: 100px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 29px;
  margin-right: -12px;
}
@media (max-width: 1024px) {
  .oneDoctor-hero__content {
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    row-gap: 16px;
    margin: unset;
  }
}
.oneDoctor-hero__content h2 {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5B5B5B;
}
.oneDoctor-hero__blockList {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.oneDoctor-hero__blockItem {
  align-self: flex-start;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  transition: all 0.2s ease;
  text-decoration: none;
}
.oneDoctor-hero__blockItem svg {
  flex-shrink: 0;
}
.oneDoctor-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.oneDoctor-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.oneDoctor-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .oneDoctor-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .oneDoctor-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .oneDoctor-hero__button {
    max-width: 420px;
  }
}

.oneDoctor-profile {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .oneDoctor-profile {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-profile {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneDoctor-profile {
    row-gap: 24px;
  }
}
.oneDoctor-profile__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  row-gap: 40px;
  -moz-column-gap: 70px;
  column-gap: 70px;
}
@media (max-width: 1024px) {
  .oneDoctor-profile__list {
    row-gap: 24px;
  }
}
.oneDoctor-profile__item {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .oneDoctor-profile__item {
    grid-column: span 2;
  }
}
.oneDoctor-profile__item ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.oneDoctor-profile__item li {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  align-items: center;
}
.oneDoctor-profile__item li svg {
  align-self: flex-start;
  flex-shrink: 0;
}

.oneDoctor-work {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .oneDoctor-work {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-work {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneDoctor-work {
    row-gap: 24px;
  }
}
.oneDoctor-work__list {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  row-gap: 16px;
}
@media (max-width: 767px) {
  .oneDoctor-work__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .oneDoctor-work__list {
    row-gap: 20px;
  }
}
.oneDoctor-work__item {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .oneDoctor-work__item {
    grid-column: 1/-1;
  }
}
.oneDoctor-work__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.oneDoctor-work__content span {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .oneDoctor-work__content {
    padding: 16px;
  }
}
.oneDoctor-work__doctorsBlock {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.oneDoctor-work__doctorsBlock ul {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .oneDoctor-work__doctorsBlock ul {
    flex-direction: column;
  }
}
.oneDoctor-work__imageWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2.1;
  border-radius: 4px;
  overflow: hidden;
  cursor: ew-resize;
  display: flex;
}
@media (max-width: 1024px) {
  .oneDoctor-work__imageWrapper {
    aspect-ratio: 1.57;
  }
}
@media (max-width: 767px) {
  .oneDoctor-work__imageWrapper {
    aspect-ratio: 1.38;
  }
}
.oneDoctor-work__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.oneDoctor-work__imageWrapper::before {
  content: "Before";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  left: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #1B1D1F;
  border-radius: 0 4px 4px 0;
  color: #fff;
}
.oneDoctor-work__imageWrapper::after {
  content: "After";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  right: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #BADDF1;
  border-radius: 4px 0 0 4px;
  color: #111111;
}
.oneDoctor-work__afterImageWrapper {
  position: absolute;
  inset: 0;
  z-index: 2;
  clip-path: inset(0 0 0 50%);
}
.oneDoctor-work__afterImageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.oneDoctor-work__divider {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #fff;
  z-index: 3;
  cursor: ew-resize;
}
.oneDoctor-work__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .oneDoctor-work__moreButton {
    max-width: 300px;
  }
}

.oneDoctor-listServices {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .oneDoctor-listServices {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices {
    width: 100%;
    margin: auto;
    max-width: unset;
    padding-inline: unset;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__top {
    width: 100%;
    padding-inline: 80px;
    max-width: 1440px;
    margin: auto;
  }
}
@media (max-width: 767px) and (max-width: 1024px) {
  .oneDoctor-listServices__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .oneDoctor-listServices__top {
    padding-inline: 20px;
  }
}
.oneDoctor-listServices__container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__container {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__container {
    width: 100%;
    margin: auto;
  }
}
.oneDoctor-listServices__item {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 24px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .oneDoctor-listServices__item {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__item {
    padding: 24px 16px;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__item {
    padding: 24px 20px;
  }
}
.oneDoctor-listServices__leftBlock {
  grid-column: span 4;
  aspect-ratio: 1.63;
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__leftBlock {
    grid-column: span 6;
    width: 95%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__leftBlock {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 1.56;
  }
}
.oneDoctor-listServices__backgroundWrapper {
  position: absolute;
  width: 97%;
  aspect-ratio: 1.78;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #2B2C2E;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__backgroundWrapper {
    width: 94%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__backgroundWrapper {
    width: 98%;
    left: 0;
    right: unset;
  }
}
.oneDoctor-listServices__imageWrapper {
  position: absolute;
  width: 94%;
  aspect-ratio: 1.72;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__imageWrapper {
    width: 92%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__imageWrapper {
    width: 95%;
  }
}
.oneDoctor-listServices__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.oneDoctor-listServices__contentBlock {
  grid-column: 6/span 7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__contentBlock {
    grid-column: span 6;
    width: 85%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .oneDoctor-listServices__contentBlock {
    grid-column: 1/-1;
    width: 100%;
  }
}
.oneDoctor-listServices__block {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.oneDoctor-listServices__blockTitle {
  color: #111111;
}
.oneDoctor-listServices__blockList {
  width: 100%;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 1024px) {
  .oneDoctor-listServices__blockList {
    -moz-column-count: 1;
    column-count: 1;
  }
}
.oneDoctor-listServices__blockItem {
  align-self: flex-start;
  margin-bottom: 24px;
}
.oneDoctor-listServices__blockItem a {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  transition: all 0.2s ease;
  text-decoration: none;
}
.oneDoctor-listServices__blockItem a svg {
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.oneDoctor-listServices__blockItem a span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #111111;
  transition: all 0.2s ease;
}
.oneDoctor-listServices__blockItem a:hover span {
  color: #355792;
}
.oneDoctor-listServices__blockItem a:hover path[stroke] {
  stroke: #355792;
}
.oneDoctor-listServices__blockItem a:hover path[fill] {
  fill: #355792;
}

.story-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .story-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .story-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .story-hero {
    margin-top: 16px;
    row-gap: 16px;
  }
}
.story-hero__container {
  width: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 40px;
}
@media (max-width: 767px) {
  .story-hero__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.story-hero__wrapper {
  grid-column: 2/-2;
  aspect-ratio: 2.07;
  position: relative;
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .story-hero__wrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
  }
}
.story-hero__imageWrapper {
  width: 100%;
  aspect-ratio: 2.07;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .story-hero__imageWrapper {
    aspect-ratio: 2.1;
  }
}
@media (max-width: 767px) {
  .story-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.story-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.story-hero__name {
  position: absolute;
  width: 30%;
  bottom: -16px;
  left: -16px;
  background-color: #BADDF1;
  color: #111111;
  border-radius: 4px;
  padding-block: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .story-hero__name {
    width: 41%;
    left: 0;
    padding-block: 12px;
  }
}
@media (max-width: 767px) {
  .story-hero__name {
    width: 53%;
    bottom: -5px;
    padding-block: 6px;
  }
}
.story-hero__content {
  grid-column: 2/-2;
}
.story-hero__content ul {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 1024px) {
  .story-hero__content ul {
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (max-width: 1024px) {
  .story-hero__content {
    grid-column: 1/-1;
  }
}
.story-hero__item {
  margin-bottom: 16px;
}
.story-hero__item span {
  font-weight: 500;
}
@media (max-width: 767px) {
  .story-hero__item {
    margin-bottom: 8px;
  }
}
.story-hero__doctorsBlock {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.story-hero__doctorsBlock ul {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .story-hero__doctorsBlock ul {
    flex-direction: column;
  }
}

.story-work {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .story-work {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .story-work {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .story-work {
    row-gap: 24px;
  }
}
.story-work__list {
  width: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .story-work__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.story-work__item {
  grid-column: span 6;
}
@media (max-width: 767px) {
  .story-work__item {
    grid-column: 1/-1;
  }
}
.story-work__imageWrapper {
  width: 100%;
  aspect-ratio: 1.56;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.story-work__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.story-work__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .story-work__moreButton {
    max-width: 300px;
  }
}

.story-relevant {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  overflow: hidden;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .story-relevant {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .story-relevant {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .story-relevant {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .story-relevant {
    width: 100%;
    margin: auto;
    max-width: unset;
    padding-inline: unset;
  }
}
@media (max-width: 767px) {
  .story-relevant__top {
    width: 100%;
    padding-inline: 80px;
    max-width: 1440px;
    margin: auto;
  }
}
@media (max-width: 767px) and (max-width: 1024px) {
  .story-relevant__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .story-relevant__top {
    padding-inline: 20px;
  }
}
.story-relevant__container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .story-relevant__container {
    row-gap: 16px;
  }
}
@media (max-width: 767px) {
  .story-relevant__container {
    width: 100%;
    margin: auto;
  }
}
.story-relevant__item {
  width: 100%;
  height: 100%;
  padding: 40px;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 24px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .story-relevant__item {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .story-relevant__item {
    padding: 24px 16px;
  }
}
@media (max-width: 767px) {
  .story-relevant__item {
    padding: 24px 20px;
  }
}
.story-relevant__leftBlock {
  grid-column: span 4;
  aspect-ratio: 1.63;
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (max-width: 1024px) {
  .story-relevant__leftBlock {
    grid-column: span 6;
    width: 95%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .story-relevant__leftBlock {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 1.56;
  }
}
.story-relevant__backgroundWrapper {
  position: absolute;
  width: 97%;
  aspect-ratio: 1.78;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #2B2C2E;
}
@media (max-width: 1024px) {
  .story-relevant__backgroundWrapper {
    width: 94%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .story-relevant__backgroundWrapper {
    width: 98%;
    left: 0;
    right: unset;
  }
}
.story-relevant__imageWrapper {
  position: absolute;
  width: 94%;
  aspect-ratio: 1.72;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .story-relevant__imageWrapper {
    width: 92%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .story-relevant__imageWrapper {
    width: 95%;
  }
}
.story-relevant__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.story-relevant__contentBlock {
  grid-column: 6/span 7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .story-relevant__contentBlock {
    grid-column: span 6;
    width: 85%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .story-relevant__contentBlock {
    grid-column: 1/-1;
    width: 100%;
  }
}
.story-relevant__block {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.story-relevant__blockTitle {
  color: #111111;
}
.story-relevant__blockList {
  width: 100%;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 1024px) {
  .story-relevant__blockList {
    -moz-column-count: 1;
    column-count: 1;
  }
}
.story-relevant__blockItem {
  align-self: flex-start;
  margin-bottom: 24px;
}
.story-relevant__blockItem a {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  transition: all 0.2s ease;
  text-decoration: none;
}
.story-relevant__blockItem a svg {
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.story-relevant__blockItem a span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #111111;
  transition: all 0.2s ease;
}
.story-relevant__blockItem a:hover span {
  color: #355792;
}
.story-relevant__blockItem a:hover path[stroke] {
  stroke: #355792;
}
.story-relevant__blockItem a:hover path[fill] {
  fill: #355792;
}
.story-relevant .text_wrapper.clamp:not(.collapsed) {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.story-relevant .text_wrapper:not(.clamp) ~ .page__more {
	display: none;
}

.article-hero {
  width: 100%;
  margin: auto;
  position: relative;
}
.article-hero::before {
  position: absolute;
  z-index: -1;
  top: 0;
  content: "";
  width: 100%;
  height: 420px;
  background-color: #2B2C2E;
}
.article-hero__container {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 24px;
  padding-block: 24px;
}
@media (max-width: 1024px) {
  .article-hero__container {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .article-hero__container {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .article-hero__container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.article-hero__top {
  grid-column: 3/-3;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  color: #fff;
  text-align: center;
}
.article-hero__top p {
  margin-top: 8px;
}
@media (max-width: 1024px) {
  .article-hero__top {
    grid-column: 1/-1;
  }
}
.article-hero__content {
  grid-column: 2/-2;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .article-hero__content {
    grid-column: 1/-1;
    row-gap: 16px;
  }
}
.article-hero__content h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .article-hero__content h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.article-hero__content p, .article-hero__content li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .article-hero__content p, .article-hero__content li {
    font-size: 14px;
  }
}
.article-hero__content div {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.article-hero__content ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.article-hero__content li {
  padding-left: 28px;
  position: relative;
}
.article-hero__content li::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  background-image: url("../img/icons/tooth.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.article-hero__content span, .article-hero__content a {
  color: #878787;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.article-hero__content blockquote {
  padding-left: 16px;
  border-left: 2px solid #878787;
}
.article-hero__imageWrapper {
  width: 100%;
  aspect-ratio: 3.36;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.article-hero__imageWrapper--main {
  aspect-ratio: 2.83;
}
@media (max-width: 1024px) {
  .article-hero__imageWrapper {
    aspect-ratio: 3.45;
  }
}
@media (max-width: 767px) {
  .article-hero__imageWrapper {
    aspect-ratio: 1.47;
  }
}
.article-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.blog-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .blog-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .blog-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .blog-hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .blog-hero {
    margin-top: 16px;
  }
}
.blog-hero__breadcrumbs {
  grid-column: 1/-1;
}
.blog-hero__imageWrapper {
  grid-column: 6/span 7;
  aspect-ratio: 1.8;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .blog-hero__imageWrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .blog-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.blog-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.blog-hero__notification {
  position: absolute;
  z-index: 2;
  width: 55%;
  max-width: 655px;
  height: auto;
  bottom: 0;
  left: 80px;
  padding: 40px;
  border-radius: 4px;
  background-color: #BADDF1;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .blog-hero__notification {
    width: 75%;
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .blog-hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.blog-hero__notification h2 {
  letter-spacing: 0.04em;
}
.blog-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.blog-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.blog-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .blog-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .blog-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .blog-hero__button {
    max-width: 420px;
  }
}

.blog-categoriesList {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .blog-categoriesList {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .blog-categoriesList {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .blog-categoriesList {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog-categoriesList h2 {
  grid-column: 1/-1;
}
@media (max-width: 1024px) {
  .blog-categoriesList {
    row-gap: 24px;
  }
}
.blog-categoriesList__desktopBlock {
  grid-column: 1/-1;
}
.blog-categoriesList__desktopBlock ul {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 1024px) {
  .blog-categoriesList__desktopBlock {
    display: none;
  }
}
.blog-categoriesList__label {
  background-color: #F3F3F1;
  font-weight: 700;
}
.blog-categoriesList__tabletBlock {
  display: none;
}
@media (max-width: 1024px) {
  .blog-categoriesList__tabletBlock {
    display: block;
    grid-column: span 7;
  }
}
.blog-categoriesList__button {
  padding: 16px 32px;
  background-color: #BADDF1;
  color: #111111;
  transition: all 0.2s ease;
}
.blog-categoriesList__button.active {
  background-color: #2B2C2E;
  color: #fff;
}
.blog-categoriesList__button:hover {
  color: #fff;
}
.blog-categoriesList__button:focus {
  color: #fff;
}
@media (max-width: 1024px) {
  .blog-categoriesList__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .blog-categoriesList__button {
    max-width: 420px;
  }
}

.blog-articles {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .blog-articles {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .blog-articles {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .blog-articles {
    row-gap: 24px;
  }
}
.blog-articles__list {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  row-gap: 16px;
}
@media (max-width: 767px) {
  .blog-articles__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .blog-articles__list {
    row-gap: 20px;
  }
}
.blog-articles__imageWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1.8;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .blog-articles__imageWrapper {
    aspect-ratio: 1.76;
  }
}
@media (max-width: 767px) {
  .blog-articles__imageWrapper {
    aspect-ratio: 1.54;
  }
}
.blog-articles__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.blog-articles__recommendation {
  padding: 8px 32px;
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  color: #fff;
  background-color: #1B1D1F;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 1024px) {
  .blog-articles__recommendation {
    top: 8px;
    left: 8px;
  }
}
.blog-articles__item {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  color: #111111;
}
@media (max-width: 767px) {
  .blog-articles__item {
    grid-column: 1/-1;
  }
}
.blog-articles__item:nth-child(4n+2) .blog-articles__recommendation, .blog-articles__item:nth-child(4n+3) .blog-articles__recommendation {
  color: #111111;
  background-color: #BADDF1;
}
.blog-articles__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.blog-articles__content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blog-articles__more {
  margin-top: 8px;
}
.blog-articles__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .blog-articles__moreButton {
    max-width: 300px;
  }
}

.price-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .price-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .price-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .price-hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .price-hero {
    margin-top: 16px;
  }
}
.price-hero__breadcrumbs {
  grid-column: 1/-1;
}
.price-hero__imageWrapper {
  grid-column: 6/span 7;
  aspect-ratio: 1.8;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .price-hero__imageWrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .price-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.price-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.price-hero__notification {
  position: absolute;
  z-index: 2;
  width: 55%;
  max-width: 655px;
  height: auto;
  bottom: 0;
  left: 80px;
  padding: 40px;
  border-radius: 4px;
  background-color: #BADDF1;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .price-hero__notification {
    width: 75%;
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .price-hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.price-hero__notification h2 {
  letter-spacing: 0.04em;
}
.price-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
	gap: 16px;
}
.price-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
	text-align: center;
}
.price-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .price-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .price-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .price-hero__button {
    max-width: 420px;
  }
}

.price-main {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
}
@media (max-width: 1024px) {
  .price-main {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .price-main {
    padding-inline: 20px;
  }
}
.price-main__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.price-main__item {
  background-color: #fff;
}
@media (max-width: 1024px) {
  .price-main__item {
    background-color: transparent;
  }
}
.price-main__header {
  padding: 20px 32px;
  position: relative;
  cursor: pointer;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .price-main__header {
    padding: 12px 16px;
    border-radius: 4px;
  }
  .price-main__header h3 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .price-main__header {
    padding: 8px;
    border-radius: 4px;
    min-height: 64px;
    display: flex;
    align-items: center;
  }
}
.price-main__header.open svg {
  transform: scaleY(-1);
}
.price-main__wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.price-main__arrow {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #BADDF1;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.price-main__arrow svg {
  width: 50%;
}
@media (max-width: 1024px) {
  .price-main__arrow {
    width: 24px;
  }
}
.price-main__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .price-main__content {
    row-gap: 16px;
  }
}
.price-main__topContent {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
  padding-top: 16px;
}
@media (max-width: 767px) {
  .price-main__topContent {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .price-main__topContent {
    padding-top: 24px;
  }
}
.price-main__image {
  grid-column: 7/span 6;
  width: 90%;
  aspect-ratio: 1.63;
  position: relative;
  justify-self: center;
  align-self: flex-start;
}
@media (max-width: 1024px) {
  .price-main__image {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 1.91;
  }
}
@media (max-width: 767px) {
  .price-main__image {
    aspect-ratio: 1.66;
  }
}
.price-main__backgroundWrapper {
  position: absolute;
  width: 94%;
  aspect-ratio: 1.78;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #2B2C2E;
}
@media (max-width: 1024px) {
  .price-main__backgroundWrapper {
    width: 96%;
    aspect-ratio: 1.95;
  }
}
@media (max-width: 767px) {
  .price-main__backgroundWrapper {
    width: 97%;
    aspect-ratio: 1.81;
  }
}
.price-main__imageWrapper {
  position: absolute;
  width: 90%;
  aspect-ratio: 1.72;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .price-main__imageWrapper {
    width: 97%;
    aspect-ratio: 1.95;
  }
}
@media (max-width: 767px) {
  .price-main__imageWrapper {
    width: 93%;
    aspect-ratio: 1.76;
  }
}
.price-main__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.price-main__topList {
  grid-column: span 6;
  grid-row: 1/2;
  padding: 16px 24px 16px 32px;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .price-main__topList {
    grid-row: 2/3;
    grid-column: 1/-1;
    padding: 0;
  }
}
.price-main__topList li {
  padding-left: 32px;
  position: relative;
}
.price-main__topList li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/icons/check.svg");
}
.price-main__priceContent {
  padding: 0 32px 32px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .price-main__priceContent {
    row-gap: 16px;
    padding: 0;
  }
}
.price-main__priceContent ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.price-main__priceContent li {
  padding: 20px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background-color: #F3F3F1;
  color: #111111;
}
@media (max-width: 1024px) {
  .price-main__priceContent li {
    padding: 12px 16px;
    background-color: #fff;
  }
  .price-main__priceContent li span:first-child {
    color: #2B2C2E;
  }
}
@media (max-width: 767px) {
  .price-main__priceContent li {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
    padding: 10px 16px;
  }
}

.portraits-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .portraits-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .portraits-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .portraits-hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .portraits-hero {
    margin-top: 16px;
  }
}
.portraits-hero__breadcrumbs {
  grid-column: 1/-1;
}
.portraits-hero__imageWrapper {
  grid-column: 6/span 7;
  aspect-ratio: 1.8;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .portraits-hero__imageWrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .portraits-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.portraits-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.portraits-hero__notification {
  position: absolute;
  z-index: 2;
  width: 55%;
  max-width: 655px;
  height: auto;
  bottom: 0;
  left: 80px;
  padding: 40px;
  border-radius: 4px;
  background-color: #E5E3DF;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .portraits-hero__notification {
    width: 75%;
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .portraits-hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.portraits-hero__notification h2 {
  letter-spacing: 0.04em;
}
.portraits-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.portraits-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.portraits-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .portraits-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .portraits-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .portraits-hero__button {
    max-width: 420px;
  }
}

.portraits-list {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .portraits-list {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .portraits-list {
    padding-inline: 20px;
  }
}
.portraits-list__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.portraits-list__filterBlock {
  width: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
}
@media (max-width: 767px) {
  .portraits-list__filterBlock {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .portraits-list__filterBlock {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 767px) {
  .portraits-list__filterBlock {
    row-gap: 32px;
  }
}
.portraits-list__filterBlock div {
  position: relative;
  grid-column: span 4;
}
.portraits-list__filterBlock label {
  background-color: #F3F3F1;
}
.portraits-list__filterBlock input::-moz-placeholder {
  color: #ACB1B3;
}
.portraits-list__filterBlock input::placeholder {
  color: #ACB1B3;
}
.portraits-list__item {
  width: 100%;
  height: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 16px;
  background-color: #fff;
  padding-block: 40px;
}
@media (max-width: 767px) {
  .portraits-list__item {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .portraits-list__item {
    background-color: transparent;
    padding-block: 8px;
  }
}
@media (max-width: 767px) {
  .portraits-list__item {
    padding-block: 0;
  }
}
.portraits-list__leftBlock {
  grid-column: span 5;
  width: 82%;
  margin: auto;
  aspect-ratio: 0.84;
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .portraits-list__leftBlock {
    grid-column: 3/-3;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .portraits-list__leftBlock {
    grid-column: 1/-1;
  }
}
.portraits-list__backgroundWrapper {
  position: absolute;
  width: 90%;
  aspect-ratio: 0.82;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #2B2C2E;
}
.portraits-list__imageWrapper {
  position: absolute;
  width: 90%;
  aspect-ratio: 0.82;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.portraits-list__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.portraits-list__contentBlock {
  grid-column: 6/span 6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  row-gap: 16px;
}
.portraits-list__contentBlock h4 {
  text-transform: uppercase;
}
.portraits-list__contentBlock ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.portraits-list__contentBlock span {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .portraits-list__contentBlock {
    grid-column: 1/-1;
  }
}
.portraits-list__moreButton {
  margin: auto;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .portraits-list__moreButton {
    max-width: 300px;
  }
}

.privacy-main {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
}
@media (max-width: 1024px) {
  .privacy-main {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .privacy-main {
    padding-inline: 20px;
  }
}
.privacy-main__container {
  width: 100%;
  max-width: 660px;
  margin: auto;
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .privacy-main__container {
    max-width: unset;
    row-gap: 16px;
  }
}
.privacy-main__container h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px;
}
.privacy-main__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .privacy-main__list {
    row-gap: 16px;
  }
}
.privacy-main__list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .privacy-main__list > li {
    row-gap: 16px;
  }
}
.privacy-main__list > li h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  position: relative;
}
@media (max-width: 1024px) {
  .privacy-main__list > li h3 {
    font-size: 14px;
  }
}
.privacy-main__list > li ul {
  counter-reset: list-counter;
}
.privacy-main__list > li li {
  counter-increment: list-counter;
  padding-left: 20px;
  position: relative;
}
.privacy-main__list > li li::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 3px;
  top: 3px;
}
.privacy-main__list p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .privacy-main__list p {
    font-size: 14px;
  }
}

.before-after-hero {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 24px;
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .before-after-hero {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .before-after-hero {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .before-after-hero {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .before-after-hero {
    margin-top: 16px;
    row-gap: 16px;
  }
}
.before-after-hero__breadcrumbs {
  grid-column: 1/-1;
}
.before-after-hero__imageWrapper {
  grid-column: 6/span 7;
  aspect-ratio: 1.8;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .before-after-hero__imageWrapper {
    grid-column: 1/-1;
    aspect-ratio: 2.1;
    margin-bottom: unset;
  }
}
@media (max-width: 767px) {
  .before-after-hero__imageWrapper {
    aspect-ratio: 1.1;
  }
}
.before-after-hero__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.before-after-hero__notification {
  position: absolute;
  z-index: 2;
  width: 55%;
  max-width: 655px;
  height: auto;
  bottom: 0;
  left: 80px;
  padding: 40px;
  border-radius: 4px;
  background-color: #BADDF1;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .before-after-hero__notification {
    width: 75%;
    padding: 24px;
  }
}
@media (max-width: 1024px) {
  .before-after-hero__notification {
    position: static;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
    background-color: transparent;
    padding: 0;
    padding-bottom: 24px;
    row-gap: 16px;
  }
}
.before-after-hero__notification h2 {
  letter-spacing: 0.04em;
}
.before-after-hero__actionBlock {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.before-after-hero__actionBlock a {
  color: #1B1D1F;
  transition: color 0.2s ease;
}
.before-after-hero__actionBlock a:hover {
  color: #355792;
}
@media (max-width: 767px) {
  .before-after-hero__actionBlock {
    flex-direction: column;
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .before-after-hero__button {
    width: 100%;
    max-width: 216px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
@media (max-width: 767px) {
  .before-after-hero__button {
    max-width: 420px;
  }
}

.before-after-main {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .before-after-main {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .before-after-main {
    padding-inline: 20px;
  }
}
.before-after-main__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.before-after-main__filterBlock {
  width: 100%;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
}
@media (max-width: 767px) {
  .before-after-main__filterBlock {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .before-after-main__filterBlock {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 767px) {
  .before-after-main__filterBlock {
    row-gap: 32px;
  }
}
.before-after-main__filterBlock div {
  position: relative;
  grid-column: span 4;
}
.before-after-main__filterBlock label {
  background-color: #F3F3F1;
}
.before-after-main__filterBlock input::-moz-placeholder {
  color: #ACB1B3;
}
.before-after-main__filterBlock input::placeholder {
  color: #ACB1B3;
}
.before-after-main__list {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  row-gap: 16px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .before-after-main__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .before-after-main__list {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .before-after-main__list {
    margin-top: 32px;
  }
}
.before-after-main__item {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .before-after-main__item {
    grid-column: 1/-1;
  }
}
.before-after-main__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.before-after-main__content span {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .before-after-main__content {
    padding: 16px;
  }
}
.before-after-main__doctorsBlock {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.before-after-main__doctorsBlock ul {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .before-after-main__doctorsBlock ul {
    flex-direction: column;
  }
}
.before-after-main__imageWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2.1;
  border-radius: 4px;
  overflow: hidden;
  cursor: ew-resize;
  display: flex;
}
@media (max-width: 1024px) {
  .before-after-main__imageWrapper {
    aspect-ratio: 1.57;
  }
}
@media (max-width: 767px) {
  .before-after-main__imageWrapper {
    aspect-ratio: 1.38;
  }
}
.before-after-main__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.before-after-main__imageWrapper::before {
  content: "Before";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  left: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #1B1D1F;
  border-radius: 0 4px 4px 0;
  color: #fff;
}
@media (max-width: 1024px) {
  .before-after-main__imageWrapper::before {
    bottom: 8px;
  }
}
.before-after-main__imageWrapper::after {
  content: "After";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  right: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #BADDF1;
  border-radius: 4px 0 0 4px;
  color: #111111;
}
@media (max-width: 1024px) {
  .before-after-main__imageWrapper::after {
    bottom: 8px;
  }
}
.before-after-main__afterImageWrapper {
  position: absolute;
  inset: 0;
  z-index: 2;
  clip-path: inset(0 0 0 50%);
}
.before-after-main__afterImageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.before-after-main__divider {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #fff;
  z-index: 3;
  cursor: ew-resize;
}
.before-after-main__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .before-after-main__moreButton {
    max-width: 300px;
  }
}

.search {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  overflow: hidden;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .search {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .search {
    padding-inline: 20px;
  }
}
.search__top {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .search__top {
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .search__breadcrumbs {
    display: none;
  }
}
.search__block {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 767px) {
  .search__block {
    grid-template-columns: repeat(4, 1fr);
  }
}
.search__search {
  grid-column: span 8;
  position: relative;
  border-bottom: 1px solid #E5E3DF;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}
.search__search input {
  width: 100%;
  border: none;
  background-color: transparent;
  color: #111111;
}
.search__search input::-moz-placeholder {
  color: #111111;
}
.search__search input::placeholder {
  color: #111111;
}
.search__search input:focus {
  border: none;
  outline: none;
}
.search__search:focus-within, .search__search:hover {
  border-bottom: 1px solid #ACB1B3;
}
@media (max-width: 1024px) {
  .search__search {
    grid-column: span 6;
  }
}
@media (max-width: 767px) {
  .search__search {
    grid-column: 1/-1;
  }
}

.noResults {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 1024px) {
  .noResults {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .noResults {
    padding-inline: 20px;
  }
}

.search-allSections {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .search-allSections {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .search-allSections {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .search-allSections {
    row-gap: 16px;
  }
}
.search-allSections__list {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 767px) {
  .search-allSections__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.search-allSections__item {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .search-allSections__item {
    grid-column: 1/-1;
  }
}
.search-allSections__item p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .search-allSections__item p {
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 767px) {
  .search-allSections__item p {
    -webkit-line-clamp: 8;
  }
}
.search-allSections__moreButton {
  margin: auto;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .search-allSections__moreButton {
    max-width: 300px;
  }
}

.search-articles {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .search-articles {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .search-articles {
    padding-inline: 20px;
  }
}
.search-articles__link {
  text-decoration: underline;
}

.popular {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  overflow: hidden;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .popular {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .popular {
    padding-inline: 20px;
  }
}
.popular__blockList {
  -moz-column-count: 3;
  column-count: 3;
  -moz-column-gap: 150px;
  column-gap: 150px;
}
@media (max-width: 1024px) {
  .popular__blockList {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .popular__blockList li {
    margin-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .popular__blockList {
    -moz-column-count: 1;
    column-count: 1;
  }
}

.not-found-main {
  width: 100%;
  margin: auto;
  margin-top: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 48px;
}
.not-found-main h2 {
  text-align: center;
}
.not-found-main__block {
  width: 100%;
  margin: auto;
  height: 391px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 1024px) {
  .not-found-main__block {
    height: 384px;
  }
}
@media (max-width: 767px) {
  .not-found-main__block {
    height: 306;
  }
}
.not-found-main__block::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 43%;
  background-color: #BADDF1;
}
@media (max-width: 1024px) {
  .not-found-main__block::before {
    left: 36%;
  }
}
@media (max-width: 767px) {
  .not-found-main__block::before {
    left: 28%;
  }
}
.not-found-main__wrapper {
  display: flex;
  gap: 16px;
  height: 235px;
}
.not-found-main__wrapper svg {
  height: 100%;
  width: auto;
}
@media (max-width: 767px) {
  .not-found-main__wrapper {
    gap: 8px;
    height: 107px;
  }
}
.not-found-main__buttonBlock {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
}
@media (max-width: 1024px) {
  .not-found-main__buttonBlock {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .not-found-main__buttonBlock {
    padding-inline: 20px;
  }
}
.not-found-main__button {
  margin: auto;
  width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 767px) {
  .not-found-main__button {
    width: 100%;
    max-width: 420px;
  }
}

.contact-us-social {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .contact-us-social {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .contact-us-social {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .contact-us-social {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .contact-us-social {
    row-gap: 32px;
  }
}
.contact-us-social__left-block {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .contact-us-social__left-block {
    grid-column: 1/-1;
  }
}
.contact-us-social__list-block {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 8px;
}
@media (max-width: 1024px) {
  .contact-us-social__list-block {
    flex-direction: column;
  }
}
.contact-us-social__list-block li a {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  color: #111111;
  transition: color 0.2s ease;
  font-size: 14px;
  line-height: 16px;
}
.contact-us-social__list-block li a:hover {
  color: #BADDF1;
}
.contact-us-social__right-block {
  grid-column: 8/-1;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .contact-us-social__right-block {
    grid-column: 1/-1;
    font-size: 14px;
  }
}

.contact-us-contact {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .contact-us-contact {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .contact-us-contact {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .contact-us-contact {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .contact-us-contact {
    row-gap: 40px;
  }
}
.contact-us-contact__title-block {
  grid-column: 1/-1;
}
.contact-us-contact__left-block {
  grid-column: span 6;
  min-height: 340px;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .contact-us-contact__left-block {
    grid-column: 1/-1;
  }
}
.contact-us-contact__left-block iframe {
  width: 100%;
  height: 100%;
}
.contact-us-contact__list-block {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 8px;
}
@media (max-width: 1024px) {
  .contact-us-contact__list-block {
    flex-direction: column;
  }
}
.contact-us-contact__list-block li a {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  color: #111111;
  transition: color 0.2s ease;
  font-size: 14px;
  line-height: 16px;
}
.contact-us-contact__list-block li a:hover {
  color: #BADDF1;
}
.contact-us-contact__right-block {
  grid-column: 8/-1;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .contact-us-contact__right-block {
    grid-column: 1/-1;
    font-size: 14px;
  }
}
.contact-us-contact__list {
  display: flex;
  flex-direction: column;
  row-gap: 47px;
}
@media (max-width: 1024px) {
  .contact-us-contact__list {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .contact-us-contact__list {
    flex-direction: column;
  }
}
.contact-us-contact__item {
  flex: 1;
}
.contact-us-contact__item ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.contact-us-contact__item ul li, .contact-us-contact__item ul a {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  color: #111111;
  transition: color 0.2s ease;
  font-weight: 500;
}
.contact-us-contact__item ul li:first-of-type, .contact-us-contact__item ul a:first-of-type {
  color: #1B1D1F;
}
.contact-us-contact__item ul li:first-of-type a, .contact-us-contact__item ul a:first-of-type a {
  text-decoration: underline;
  font-weight: 600;
}
.contact-us-contact__item ul li:last-of-type, .contact-us-contact__item ul a:last-of-type {
  align-items: flex-start;
}
.contact-us-contact__item ul li:nth-of-type(2), .contact-us-contact__item ul a:nth-of-type(2) {
  padding-left: 32px;
}
.contact-us-contact__item ul a:hover {
  color: #BADDF1;
}

.about-mission {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .about-mission {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-mission {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .about-mission {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .about-mission {
    row-gap: 32px;
  }
}
.about-mission__leftBlock {
  grid-column: span 5;
  aspect-ratio: 1.63;
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (max-width: 1024px) {
  .about-mission__leftBlock {
    grid-column: span 6;
    width: 95%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .about-mission__leftBlock {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 1.56;
  }
}
.about-mission__backgroundWrapper {
  position: absolute;
  width: 97%;
  aspect-ratio: 1.78;
  top: 0;
  left: 0;
  border-radius: 4px;
  background-color: #2B2C2E;
}
@media (max-width: 1024px) {
  .about-mission__backgroundWrapper {
    width: 94%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .about-mission__backgroundWrapper {
    width: 98%;
    left: 0;
    right: unset;
  }
}
.about-mission__imageWrapper {
  position: absolute;
  width: 94%;
  aspect-ratio: 1.72;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about-mission__imageWrapper {
    width: 92%;
    aspect-ratio: 1.6;
  }
}
@media (max-width: 767px) {
  .about-mission__imageWrapper {
    width: 95%;
  }
}
.about-mission__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-mission__contentBlock {
  grid-column: 7/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .about-mission__contentBlock {
    grid-column: span 6;
    width: 85%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .about-mission__contentBlock {
    grid-column: 1/-1;
    width: 100%;
  }
}
.about-mission__block {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.about-mission__blockTitle {
  color: #111111;
}
.about-mission__blockList {
  width: 100%;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 1024px) {
  .about-mission__blockList {
    -moz-column-count: 1;
    column-count: 1;
  }
}
.about-mission__blockItem {
  align-self: flex-start;
  margin-bottom: 24px;
}
.about-mission__blockItem a {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  transition: all 0.2s ease;
  text-decoration: none;
}
.about-mission__blockItem a svg {
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.about-mission__blockItem a span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #111111;
  transition: all 0.2s ease;
}
.about-mission__blockItem a:hover span {
  color: #355792;
}
.about-mission__blockItem a:hover path[stroke] {
  stroke: #355792;
}
.about-mission__blockItem a:hover path[fill] {
  fill: #355792;
}

.faq-hero {
  max-width: 632px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  align-items: center;
}
@media (max-width: 1024px) {
  .faq-hero {
    max-width: 584px;
  }
}
@media (max-width: 767px) {
  .faq-hero {
    padding-inline: 20px;
  }
}
.faq-hero p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .faq-hero p {
    font-size: 14px;
  }
}
.faq-hero__search {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .faq-hero__search {
    max-width: 300px;
  }
}

.faq-social {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .faq-social {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .faq-social {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .faq-social {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .faq-social {
    row-gap: 32px;
  }
}
.faq-social__left-block {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .faq-social__left-block {
    grid-column: 1/-1;
  }
}
.faq-social__list-block {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 8px;
}
@media (max-width: 1024px) {
  .faq-social__list-block {
    flex-direction: column;
  }
}
.faq-social__list-block li a {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  color: #111111;
  transition: color 0.2s ease;
  font-size: 14px;
  line-height: 16px;
}
.faq-social__list-block li a:hover {
  color: #BADDF1;
}
.faq-social__right-block {
  grid-column: 8/-1;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .faq-social__right-block {
    grid-column: 1/-1;
    font-size: 14px;
  }
}

.about-us-values {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .about-us-values {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-values {
    padding-inline: 20px;
  }
}
.about-us-values__top {
  position: absolute;
  max-width: 30%;
}
@media (max-width: 1024px) {
  .about-us-values__top {
    position: relative;
    max-width: unset;
  }
}
.about-us-values__container .swiper-wrapper {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
  min-height: 240px;
}
@media (max-width: 767px) {
  .about-us-values__container .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .about-us-values__container {
    padding-bottom: 48px;
    position: relative;
    overflow: hidden;
  }
  .about-us-values__container .swiper-wrapper {
    display: flex;
    -moz-column-gap: unset;
    column-gap: unset;
    align-items: stretch;
  }
  .about-us-values__container .swiper-slide {
    height: auto !important;
  }
}
.about-us-values__item {
  grid-column: span 4;
  min-height: 240px;
  border-radius: 8px;
  background-color: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .about-us-values__item {
    padding: 16px;
  }
}
.about-us-values__item:first-of-type {
  grid-column: 5/span 4;
}
.about-us-values__item h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .about-us-values__item h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.about-us-values__item p {
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .about-us-values__item p {
    font-size: 14px;
  }
}
.about-us-values__swiper-pagination, .about-us-values__navigation {
  display: none;
}
@media (max-width: 1024px) {
  .about-us-values__swiper-pagination, .about-us-values__navigation {
    display: block;
    position: absolute;
    left: 50% !important;
    bottom: 2px !important;
    transform: translate(-50%, 0);
    text-align: center;
    z-index: 1;
    font-size: 16px;
    line-height: 1em;
    color: #1B1D1F;
  }
}
.about-us-values__navigation {
  display: none;
}
@media (max-width: 1024px) {
  .about-us-values__navigation {
    width: 160px;
    display: flex;
    justify-content: space-between;
  }
}

.about-us-smile {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .about-us-smile {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-smile {
    padding-inline: 20px;
  }
}
.about-us-smile__top {
  max-width: 710px;
}
@media (max-width: 1024px) {
  .about-us-smile__top {
    max-width: unset;
  }
}
.about-us-smile__container {
  display: flex;
  height: 432px;
  gap: 16px;
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .about-us-smile__container {
    height: 312px;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .about-us-smile__container {
    height: auto;
    flex-direction: column;
	  gap: 20px;
    overflow: visible;
  }
}
.about-us-smile__item {
  flex: 0 0 30%;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
  cursor: pointer;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}
.about-us-smile__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-us-smile__item:hover {
  flex: 0 0 40%;
  z-index: 3;
}
@media (max-width: 1024px) {
  .about-us-smile__item {
    flex: 0 0 40%;
    margin-right: -10%;
    transition: all 0.4s ease;
    flex-shrink: 1;
  }
  .about-us-smile__item:hover {
    flex: 0 0 50%;
    z-index: 3;
  }
  .about-us-smile__item:last-of-type:hover {
    margin-left: -10%;
  }
}
@media (max-width: 767px) {
  .about-us-smile__item {
    flex: none;
    width: 100%;
    transition: all 0.4s ease;
  }
  .about-us-smile__item:not(:first-of-type) {
    margin-top: 0;
  }
  .about-us-smile__item img {
    aspect-ratio: 0.96;
  }
  .about-us-smile__item:hover {
    animation: none;
    z-index: 3;
  }
  .about-us-smile__item:last-of-type:hover {
    animation: unset;
    margin-left: unset;
  }
}

@keyframes hoverUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
}


.about-us-works {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .about-us-works {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-works {
    padding-inline: 20px;
  }
}
@media (max-width: 1024px) {
  .about-us-works {
    row-gap: 24px;
  }
}
.about-us-works__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .about-us-works__top {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
  }
}
.about-us-works__container {
  position: relative;
  padding-bottom: 48px;
}
.about-us-works__container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.about-us-works__container .swiper-slide {
  height: auto !important;
}
.about-us-works__list {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  row-gap: 16px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .about-us-works__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .about-us-works__list {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-us-works__list {
    margin-top: 32px;
  }
}
.about-us-works__item {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .about-us-works__item {
    grid-column: 1/-1;
  }
}
.about-us-works__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.about-us-works__content span {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .about-us-works__content {
    padding: 16px;
  }
}
.about-us-works__doctorsBlock {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.about-us-works__doctorsBlock ul {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .about-us-works__doctorsBlock ul {
    flex-direction: column;
  }
}
.about-us-works__imageWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2.1;
  border-radius: 4px;
  overflow: hidden;
  cursor: ew-resize;
  display: flex;
}
@media (max-width: 1024px) {
  .about-us-works__imageWrapper {
    aspect-ratio: 1.57;
  }
}
@media (max-width: 767px) {
  .about-us-works__imageWrapper {
    aspect-ratio: 1.38;
  }
}
.about-us-works__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-us-works__imageWrapper::before {
  content: "Before";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  left: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #1B1D1F;
  border-radius: 0 4px 4px 0;
  color: #fff;
}
@media (max-width: 1024px) {
  .about-us-works__imageWrapper::before {
    bottom: 8px;
  }
}
.about-us-works__imageWrapper::after {
  content: "After";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  right: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #BADDF1;
  border-radius: 4px 0 0 4px;
  color: #111111;
}
@media (max-width: 1024px) {
  .about-us-works__imageWrapper::after {
    bottom: 8px;
  }
}
.about-us-works__afterImageWrapper {
  position: absolute;
  inset: 0;
  z-index: 2;
  clip-path: inset(0 0 0 50%);
}
.about-us-works__afterImageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-us-works__divider {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #fff;
  z-index: 3;
  cursor: ew-resize;
}
.about-us-works__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .about-us-works__moreButton {
    max-width: 300px;
  }
}
.about-us-works__swiper-pagination, .about-us-works__navigation {
  position: absolute;
  left: 50% !important;
  bottom: 2px !important;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 1;
  font-size: 16px;
  line-height: 1em;
  color: #1B1D1F;
}
.about-us-works__navigation {
  width: 160px;
  display: flex;
  justify-content: space-between;
}

.about-us-reviews {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .about-us-reviews {
    row-gap: 24px;
  }
}
.about-us-reviews__top {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 1024px) {
  .about-us-reviews__top {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-reviews__top {
    padding-inline: 20px;
    flex-direction: column;
    row-gap: 8px;
  }
}
.about-us-reviews__top-right {
  width: 160px;
  display: flex;
  position: relative;
}
@media (max-width: 1024px) {
  .about-us-reviews__top-right {
    display: none;
  }
}
.about-us-reviews__wrapper {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 16px;
}
@media (max-width: 1024px) {
  .about-us-reviews__wrapper {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-reviews__wrapper {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .about-us-reviews__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.about-us-reviews__total {
  grid-column: span 3;
  background-color: #F3F3F1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  z-index: 2;
  margin-left: -500%;
  padding-left: 500%;
}
@media (max-width: 1024px) {
  .about-us-reviews__total {
    grid-column: 1/-1;
    row-gap: 8px;
    align-items: flex-start;
    margin-left: unset;
    padding-left: unset;
  }
}
@media(max-width: 767px) {
	.about-us-reviews__total {
		align-items: center;
	}
}
.about-us-reviews__total p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 1024px) {
  .about-us-reviews__total p {
    font-size: 14px;
    font-weight: 400;
  }
}
.about-us-reviews__mark {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.about-us-reviews__mark h3 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .about-us-reviews__mark h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.about-us-reviews__container {
  grid-column: 4/-1;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .about-us-reviews__container {
    grid-column: 1/-1;
    padding-bottom: 48px;
  }
}
.about-us-reviews__container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.about-us-reviews__container .swiper-slide {
  height: auto !important;
}
.about-us-reviews__list {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  row-gap: 16px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .about-us-reviews__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .about-us-reviews__list {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-us-reviews__list {
    margin-top: 32px;
  }
}
.about-us-reviews__item {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .about-us-reviews__item {
    grid-column: 1/-1;
  }
}
.about-us-reviews__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.about-us-reviews__content span {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .about-us-reviews__content {
    padding: 16px;
  }
}
.about-us-reviews__doctorsBlock {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.about-us-reviews__doctorsBlock ul {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .about-us-reviews__doctorsBlock ul {
    flex-direction: column;
  }
}
.about-us-reviews__imageWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2.1;
  border-radius: 4px;
  overflow: hidden;
  cursor: ew-resize;
  display: flex;
}
@media (max-width: 1024px) {
  .about-us-reviews__imageWrapper {
    aspect-ratio: 1.57;
  }
}
@media (max-width: 767px) {
  .about-us-reviews__imageWrapper {
    aspect-ratio: 1.38;
  }
}
.about-us-reviews__imageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-us-reviews__imageWrapper::before {
  content: "Before";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  left: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #1B1D1F;
  border-radius: 0 4px 4px 0;
  color: #fff;
}
@media (max-width: 1024px) {
  .about-us-reviews__imageWrapper::before {
    bottom: 8px;
  }
}
.about-us-reviews__imageWrapper::after {
  content: "After";
  position: absolute;
  z-index: 4;
  bottom: 24px;
  right: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #BADDF1;
  border-radius: 4px 0 0 4px;
  color: #111111;
}
@media (max-width: 1024px) {
  .about-us-reviews__imageWrapper::after {
    bottom: 8px;
  }
}
.about-us-reviews__afterImageWrapper {
  position: absolute;
  inset: 0;
  z-index: 2;
  clip-path: inset(0 0 0 50%);
}
.about-us-reviews__afterImageWrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about-us-reviews__divider {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #fff;
  z-index: 3;
  cursor: ew-resize;
}
.about-us-reviews__moreButton {
  margin: auto;
  margin-top: 10px;
  width: 100%;
  max-width: 216px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media (max-width: 1024px) {
  .about-us-reviews__moreButton {
    max-width: 300px;
  }
}
.about-us-reviews__pagination-block {
  display: none;
}
@media (max-width: 1024px) {
  .about-us-reviews__pagination-block {
    display: flex;
  }
}
.about-us-reviews__swiper-pagination, .about-us-reviews__navigation {
  width: 100%;
  position: absolute;
  left: 50% !important;
  bottom: 2px !important;
  transform: translate(-50%, 0);
  text-align: center;
  z-index: 1;
  font-size: 16px;
  line-height: 1em;
  color: #1B1D1F;
}
.about-us-reviews__navigation {
  width: 160px;
  display: flex;
  justify-content: space-between;
}

.about-us-contact {
  width: 100%;
  padding-inline: 80px;
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .about-us-contact {
    padding-inline: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-contact {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .about-us-contact {
    padding-inline: 0;
  }
}
.about-us-contact__block {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.about-us-contact__block:nth-of-type(3) {
  width: 39%;
  margin-right: -80px;
  padding-right: 80px;
}
@media (max-width: 1024px) {
  .about-us-contact__block:nth-of-type(3) {
    width: 584px;
    margin-right: unset;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .about-us-contact__block {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .about-us-contact__block {
    width: 100%;
    margin-inline: 20px;
  }
}
.about-us-contact__map-block {
  width: 100%;
  height: 206px;
  border-radius: 4px;
  overflow: hidden;
}
.about-us-contact__map-block iframe {
  width: 100%;
  height: 100%;
}
.about-us-contact__info-block {
  border-radius: 8px;
  background-color: #2B2C2E;
  padding: 32px;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .about-us-contact__info-block {
    padding: 24px 16px;
  }
}
.about-us-contact__info-block ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.about-us-contact__info-block ul li a {
  display: flex;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s ease;
}
.about-us-contact__info-block ul li a svg {
  flex-shrink: 0;
}
.about-us-contact__info-block ul li a path {
  transition: all 0.2s ease;
}
.about-us-contact__info-block ul li a:hover {
  color: #BADDF1;
}
.about-us-contact__info-block ul li a:hover path[stroke] {
  stroke: #BADDF1;
}
.about-us-contact__info-block ul li a:hover path[fill] {
  fill: #BADDF1;
}
.about-us-contact__info-block ul li a div {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.about-us-contact__form {
  padding: 32px;
  background-color: #fff;
  border-radius: 8px 0 0 8px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 1024px) {
  .about-us-contact__form {
    padding-inline: 20px;
  }
}
@media (max-width: 767px) {
  .about-us-contact__form {
    margin-inline: 0;
    border-radius: 0;
  }
}
.about-us-contact__form form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  font-family: "Montserrat", sans-serif;
}
.about-us-contact__form form > div {
  width: 100%;
  position: relative;
}
.about-us-contact__form form label {
  position: absolute;
  padding: 0 4px;
  top: -8px;
  left: 16px;
  background-color: #fff;
  color: #111111;
}
.about-us-contact__form form label[for]:has(~ span input[required]) {
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 14px;
}
.about-us-contact__form form label[for]:has(~ span input[required])::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  right: 4px;
  top: 0;
  background-image: url(../img/icons/require_star.svg);
}
.about-us-contact__form form input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #7691C0;
  color: #111111;
  transition: all 0.2s ease;
  outline: none;
  font-family: inherit;
}
@media (max-width: 1024px) {
  .about-us-contact__form form input {
    padding: 12px 16px;
    font-size: 16px;
  }
}
.about-us-contact__form form input::-moz-placeholder {
  color: #ACB1B3;
}
.about-us-contact__form form input::placeholder {
  color: #ACB1B3;
}
.about-us-contact__form form input:hover {
  border: 1px solid #355792;
}
.about-us-contact__form form input:focus {
  border: 1px solid #5774A8;
  outline: none;
}
.about-us-contact__form form input:user-invalid {
  border: 1px solid #E94235;
}
.about-us-contact__form form input:disabled {
  border: 1px solid #ACB1B3;
}
.about-us-contact__form form input:disabled::-moz-placeholder {
  color: #ACB1B3;
}
.about-us-contact__form form input:disabled::placeholder, .about-us-contact__form form input:disabled label {
  color: #ACB1B3;
}
.about-us-contact__form form input--textarea {
  height: 108px;
  resize: none;
}
.about-us-contact__button {
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  padding-block: 16px !important;
  border: none !important;
  cursor: pointer;
  font-family: inherit;
}

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
  scrollbar-width: 5px;
  margin: 0;
}

html {
  scrollbar-gutter: stable;
}

button {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #BADDF1;
  border-radius: 10px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition-delay: 9999s;
  -webkit-transition-property: #F3F3F1;
  transition-property: #F3F3F1;
}

/* Приховати стрілочки для всіх input[type="number"] */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Приховати стрілочки для Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

main {
  display: flex;
  flex-direction: column;
  row-gap: 116px;
  margin-bottom: 116px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  main {
    row-gap: 64px;
    margin-bottom: 64px;
  }
}

.swiper-button {
  cursor: pointer;
}
.swiper-button-disabled {
  cursor: auto;
}
.swiper-button-disabled path {
  stroke: #E5E3DF;
}
/*# sourceMappingURL=style.css.map */