/*!
Theme Name: fabrika_ulybok
Theme URI: http://underscores.me/
Author: Ilya Beskaravainyi
Author URI: http://underscores.me/
Description: Custom 2024 theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fabrika_ulybok
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

fabrika_ulybok is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(assets/fonts/Inter-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(assets/fonts/Inter-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(assets/fonts/Inter-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}

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

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(assets/fonts/Inter-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

:root {
  --gun-powder: #3D3E56;
  --melrose: #B198FF;
  --orange: #E7975E;
  --orange-light: #FFF0E6;
  --comet: #5D5E73;
  --athens-gray: #e0e2eb;
  --alabaster: #f8f8f8;
  --cheese: #ffad73;
  --portage: #9579ee;
  --peach: #FFF5EF;
  --manatee: #8B8B9A;
  --cape-cod: #364243;
  --whisper: #EAECF4;
  --red: #D51A52;
  --hint: #4B3A5A;
  --wild-sand: #F6F6F6;
  --chalk: #EEE7FF;
  --studio: #6347BE;
  --bush: #FFE0CB
}

html {
  box-sizing: border-box
}

*,
*::after,
*::before {
  box-sizing: inherit
}

a {
  color: inherit;
  text-decoration: none
}

img {
  max-width: 100%
}

body {
  font-family: Inter, sans-serif;
  color: var(--comet)
}

.body-hidden {
  /* overflow: hidden; */
  touch-action: none
}
/* body::-webkit-scrollbar {
  width: 0;
} */
body {
  background-color: var(--alabaster)
}

:root {
  --content-width: 1415px;
  --offset-width: 15px;
  --container-width: calc(var(--content-width) + (var(--offset-width) * 2))
}

.container {
  max-width: var(--container-width);
  width: 100%;
  padding: 0 var(--offset-width);
  margin: 0 auto
}

.btn {
  display: block;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  padding: 0;
  color: inherit;
  text-align: center
}

.btn-custom {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  border: 1px solid var(--melrose);
  border-radius: 50px;
  padding: 14px;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease
}

.btn-custom--primary {
  background-color: var(--melrose);
  color: #fff
}

.btn-custom--stroke {
  color: var(--melrose);
  background-color: rgba(0, 0, 0, 0)
}

.btn-custom._black {
  border-color: var(--athens-gray);
  color: var(--gun-powder)
}

.btn-custom._black.active {
  border-color: #fff;
  background-color: #fff;
  color: var(--portage)
}

.btn-custom._red {
  border-color: var(--red);
  color: var(--red)
}

.btn-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--melrose);
  color: var(--melrose);
  transition: background-color .2s ease, color .2s ease, -webkit-transform .2s ease;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
  transition: background-color .2s ease, color .2s ease, transform .2s ease, -webkit-transform .2s ease
}

.btn-circle__arrow {
  width: 16px;
  height: 16px;
  -webkit-transform: translateX(1px);
  transform: translateX(1px)
}

.btn-circle__arrow-clean {
  width: 8px;
  height: 13px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

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

.title {
  margin: 0;
  font-weight: 500;
  color: var(--gun-powder)
}

.title span {
  color: var(--orange)
}

.title-1 {
  font-size: 54px;
  line-height: 111%
}

.title-2 {
  font-size: 40px;
  line-height: 115%
}

.title-3 {
  font-size: 24px;
  line-height: 125%
}

.subtitle {
  font-size: 20px;
  line-height: 130%
}

.wrapper-form {
  border-radius: 24px;
  padding: 32px;
  background-color: #fff;
  -webkit-mask: url(assets/img/elements/corner-top-right.png);
  mask: url(assets/img/elements/corner-top-right.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%
}

.input {
  display: block;
  border-radius: 40px;
  border: 1px solid var(--athens-gray);
  background-color: var(--alabaster);
  padding: 12px 20px;
  width: 100%;
  font-size: 16px;
  line-height: 150%;
  outline: 0
}

.input:focus {
  border-color: var(--portage)
}

.input[type=number]::-webkit-inner-spin-button,
.input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.input[type=date] {
  cursor: pointer
}

.input[type=date]::-webkit-calendar-picker-indicator {
  display: none
}

.input--textarea {
  height: 115px;
  resize: none;
  border-radius: 20px
}

.input--textarea::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(0, 0, 0, 0)
}

.input--textarea::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: var(--athens-gray);
  border-radius: 50px
}

.input--textarea::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0)
}

.input.error {
  border-color: var(--red)
}

.input::-webkit-input-placeholder {
  color: var(--manatee);
  font-size: inherit
}

.input:-ms-input-placeholder {
  color: var(--manatee);
  font-size: inherit
}

.input::-ms-input-placeholder {
  color: var(--manatee);
  font-size: inherit
}

.input::placeholder {
  color: var(--manatee);
  font-size: inherit
}

.input-disable {
  pointer-events: none
}

.input-check {
  display: none
}

.input-check:checked+label::before {
  background: url(assets/img/check-line.png) center center/12px auto no-repeat;
  background-color: var(--melrose);
  border-color: var(--melrose);
  box-shadow: 0 2px 4px 0 rgba(46, 38, 61, .16)
}

.label-check {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  line-height: 150%;
  color: var(--gun-powder);
  padding-left: 27px;
  white-space: nowrap
}

.label-check::before {
  position: absolute;
  content: "";
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid var(--manatee)
}

.input-check-value {
  position: relative
}

.input-file {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 1
}

.policy-content {
  font-size: 12px;
  line-height: 150%;
  margin: 0;
  color: var(--manatee)
}

.policy-content a {
  color: var(--orange)
}

.form-error {
  display: block;
  font-size: 14px;
  line-height: 157%;
  letter-spacing: .02em;
  text-align: right;
  color: var(--red);
  width: 100%;
  margin-top: 4px
}

.icon-arrow {
  position: absolute;
  right: 16px;
  top: 50px;
  width: 16px;
  height: 16px;
  color: var(--hint);


}

.file-value {
  display: block;
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.corner__body {
  position: relative;
  background-color: #fff
}

.corner__body::after,
.corner__body::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background: url(assets/img/elements/corner.svg) 0 0/100% 100% no-repeat
}

.corner__body--gray {
  background-color: var(--alabaster)
}

.corner__body--gray::after,
.corner__body--gray::before {
  background: url(assets/img/elements/corner-alabaster.svg) 0 0/100% 100% no-repeat
}

.corner__body--mini::after,
.corner__body--mini::before {
  width: 26px;
  height: 26px
}

.corner--right-bottom .corner__body {
  border-radius: 0 0 40px 0
}

.corner--right-bottom .corner__body::before {
  left: 0;
  bottom: -40px
}

.corner--right-bottom .corner__body::after {
  top: 0;
  right: -40px
}

.corner--right-bottom .corner__body--mini {
  border-radius: 0 30px 0 30
}

.corner--right-bottom .corner__body--mini::before {
  bottom: -26px
}

.corner--right-bottom .corner__body--mini::after {
  right: -26px
}

.corner--left-bottom .corner__body {
  border-radius: 0 0 0 40px
}

.corner--left-bottom .corner__body::before {
  top: 0;
  left: -40px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.corner--left-bottom .corner__body::after {
  right: 0;
  bottom: -40px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.corner--left-bottom .corner__body--mini {
  border-radius: 0 0 0 30px
}

.corner--left-bottom .corner__body--mini::before {
  left: -26px
}

.corner--left-bottom .corner__body--mini::after {
  bottom: -26px
}

.corner--right-top .corner__body {
  border-radius: 0 40px 0 0
}

.corner--right-top .corner__body::before {
  top: -40px;
  left: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.corner--right-top .corner__body::after {
  bottom: 0;
  right: -40px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.corner--right-top .corner__body--mini {
  border-radius: 0 30px 0 0
}

.corner--right-top .corner__body--mini::before {
  top: -26px
}

.corner--right-top .corner__body--mini::after {
  right: -26px
}

.corner--left-top .corner__body {
  border-radius: 40px 0 0 0
}

.corner--left-top .corner__body::before {
  top: -40px;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.corner--left-top .corner__body::after {
  bottom: 0;
  left: -40px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.slider-nav {
  display: flex;
  gap: 16px
}

.slider-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--melrose);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--melrose);
  transition: color .2s ease, background-color .2s ease
}

.slider-nav__btn.swiper-button-disabled {
  opacity: .6;
  pointer-events: none
}

.slider-nav__btn--prev .slider-nav__arrow {
  -webkit-transform: rotate(180deg) translateX(1px);
  transform: rotate(180deg) translateX(1px)
}

.slider-nav__arrow {
  width: 7px;
  height: 12px;
  -webkit-transform: translateX(1px);
  transform: translateX(1px)
}

.burger {
  position: absolute;
  align-self: start;
  align-items: start;
  margin-top: 100px;
  display: flex;
  gap: 20px;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  opacity: 0;
  visibility: hidden;
  padding-bottom: 80px;
  overflow-y: auto;
  z-index: -1;
  transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease
}

.burger::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0, 0, 0, 0)
}

.burger::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--melrose)
}

.burger::-webkit-scrollbar-track {
  opacity: 0
}

.burger.open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  z-index: 100
}

.burger__overlay {
  position: fixed;
  inset: 0;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%);
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  transition: opacity .4s ease, visibility .4s ease
}

.burger__overlay.open {
  opacity: 1;
  visibility: visible
}

.burger__overlay-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1
}

.burger__overlay-wrapper::after,
.burger__overlay-wrapper::before {
  position: absolute;
  content: "";
  background: url(assets/img/decor/decor-white.svg) 0 0/100% 100% no-repeat;
  width: 2245px;
  height: 550px;
  z-index: -1
}

.burger__overlay-wrapper::before {
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
  top: -70px;
  left: -300px
}

.burger__overlay-wrapper::after {
  -webkit-transform: rotate(-155deg);
  transform: rotate(-155deg);
  left: -300px;
  bottom: -270px
}

.burger__wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  padding: 40px 32px 40px 40px;
  background-color: #fff
}

.burger__wrapper--main {
  flex: 1
}

.burger__wrapper--nav {
  display: none;
  max-width: 400px;
  width: 100%
}

.burger__title {
  font-size: 32px;
  line-height: 144%;
  margin-bottom: 32px
}

.burger__menu-btn {
  display: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 18px 20px 18px 0;
  color: var(--gun-powder);
  font-size: 18px;
  line-height: 133%;
  border-bottom: 1px solid var(--whisper)
}

.burger__menu-btn::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  right: 52px;
  background-color: var(--whisper)
}

.burger__menu-arrow {
  width: 7px;
  height: 14px;
  color: var(--orange)
}

.burger__sidebar-list {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.burger__sidebar-list a {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--gun-powder);
  transition: color .2s ease
}

.burger__nav-menu {
  margin-top: 10px
}

.burger__menu-body {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  row-gap: 40px
}

.burger__menu-item-btn {
  display: none;
  align-items: center;
  font-size: 18px;
  line-height: 133%;
  color: var(--orange);
  padding: 8px 0;
  width: 100%;
  gap: 8px;
  border-bottom: 1px solid var(--whisper)
}

.burger__menu-item {
  flex: 0 1 calc(33% - 18px)
}

.burger__menu-title {
  font-size: 24px;
  line-height: 125%;
  color: var(--melrose);
  margin-bottom: 16px
}
.burger__menu-title a {
  transition: color .2s linear;
}
.burger__menu-title a:hover {
  color: #364243;
}

.burger__menu-item-arrow {
  display: none;
  width: 24px;
  height: 24px
}

.burger__menu-list {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.burger__menu-list li {
  font-size: 16px;
  line-height: 150%;
  transition: color .2s ease
}

.burger__menu-list a {
  display: block
}

.burger__contacts {
  display: none;
  margin-top: 24px
}

.burger__location {
  display: flex;
  gap: 8px;
  margin-bottom: 24px
}

.burger__location-icon {
  width: 20px;
  height: 20px;
  color: var(--orange)
}

.burger__location-content {
  display: block;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 4px;
  color: var(--gun-powder)
}

.burger__location-time {
  font-size: 14px;
  line-height: 143%
}

.burger__social {
  display: flex;
  gap: 16px
}

.burger__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--alabaster);
  border-radius: 50%;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.burger__social-icon {
  width: 24px;
  height: 24px
}

.modal {
  --bg-overlay: rgba(159, 159, 159, 0.49);
  --bg-overlay-hide: rgba(0, 0, 0, 0)
}

.modal.open .modal__overlay,
.modal.open .modal__window {
  opacity: 1;
  z-index: 1000
}

.modal.open .modal__overlay {
  background-color: var(--bg-overlay);
  overflow-y: auto
}

.modal.open .modal__window {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.modal.hide .modal__overlay,
.modal.hide .modal__window {
  opacity: 1;
  z-index: 1000
}

.modal.hide .modal__overlay {
  background-color: var(--bg-overlay-hide)
}

.modal.hide .modal__window {
  -webkit-transform: translateY(-1000px);
  transform: translateY(-1000px)
}

.modal__overlay,
.modal__window {
  opacity: 0;
  z-index: -10
}

.modal__overlay {
  position: fixed;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  inset: 0;
  background-color: var(--bg-overlay);
  transition: background-color .5s ease
}

.modal__overlay::-webkit-scrollbar {
  height: 0;
  width: 0;
  display: none
}

.modal__window {
  position: relative;
  color: var(--black);
  padding: 40px;
  -webkit-transform: translateY(-1000px);
  transform: translateY(-1000px);
  opacity: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 530px;
  width: 100%;
  margin-top: 50px;
  border-radius: 40px;
  background-color: #fff;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .5s ease;
  transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease
}

.modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px
}

.modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px
}

.modal__close-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%
}

.modal__close-wrapper span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--athens-gray);
  transition: background-color .2s ease
}

.modal__close-wrapper span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modal__close-wrapper span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.select {
  position: relative
}

.select.open .select__arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.select.open .input {
  border-radius: 20px 20px 0 0
}

.select.open .select__list {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible
}

.select__btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%
}

.select__arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 20px;
  color: var(--hint);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  top: 16px;
}

.select__list {
  position: absolute;
  overflow-y: auto;
  max-height: 300px;
  left: 0;
  right: 0;
  box-shadow: 0 8px 16px 0 rgba(62, 19, 77, .07);
  background-color: var(--alabaster);
  border-radius: 0 0 20px 20px;
  border: 1px solid var(--athens-gray);
  border-top: none;
  z-index: 10;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease, -webkit-transform .4s ease
}
.select__list::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0, 0, 0, 0)
}

.select__list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--melrose)
}

.select__list::-webkit-scrollbar-track {
  opacity: 0
}

.select__item {
  cursor: pointer;
  width: 100%;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 150%;
  color: var(--gun-powder);
  transition: color .2s ease, background-color .2s ease
}

.select__item a {
  display: block;
  width: 100%;
  height: 100%
}

.select__item:not(:last-child) {
  border-bottom: 1px solid var(--athens-gray)
}

.before-after {
  position: relative
}

.before-after__img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  -o-object-position: left;
  object-position: left
}

.before-after__img:first-child {
  z-index: 1;
  width: 100%
}

.before-after__img:nth-child(2) {
  z-index: 2
}

.before-after__range {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100
}

.before-after___range-wrapper {
  position: relative;
  width: 100%;
  height: 100%
}

.before-after__handle {
  position: absolute;
  height: 100%;
  -webkit-transform: translateX(-25px);
  transform: translateX(-25px);
  z-index: -1
}

.before-after__handle-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  z-index: 1
}

.before-after__handle-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #fff;
  z-index: -1
}

.before-after__handle-circle {
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #fff
}

.before-after__handle-circle::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  inset: 4px;
  opacity: .4;
  background: url(assets/img/arrows-nav.svg) center/30px 30px no-repeat;
  background-color: var(--melrose)
}

.before-after__input {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px 10px 0
}

.pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 40px;
  width: 40px
}

.pagination__btn::before {
  position: absolute;
  content: "";
  inset: -10px;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: border-color .2s ease
}

.pagination__btn.active::before {
  border-color: var(--melrose)
}

.pagination__img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  max-width: none
}

.scrollbar {
  padding: 3px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid var(--athens-gray)
}

.scrollbar__item {
  height: 2px;
  border-radius: 3px;
  background-color: var(--athens-gray)
}

.scrollbar__item .swiper-scrollbar-drag {
  background-color: var(--melrose);
  height: 100%
}

.star-rating {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row-reverse;
  gap: 2px
}

.star-rating[data-value="1"] .star-rating__icon:nth-child(n+5) {
  color: var(--orange)
}

.star-rating[data-value="2"] .star-rating__icon:nth-child(n+4) {
  color: var(--orange)
}

.star-rating[data-value="3"] .star-rating__icon:nth-child(n+3) {
  color: var(--orange)
}

.star-rating[data-value="4"] .star-rating__icon:nth-child(n+2) {
  color: var(--orange)
}

.star-rating[data-value="5"] .star-rating__icon:nth-child(n+1) {
  color: var(--orange)
}

.star-rating__input {
  display: none
}

.star-rating__input:checked+label .star-rating__icon,
.star-rating__input:checked+label~label .star-rating__icon {
  color: var(--orange)
}

.star-rating__label {
  display: block;
  cursor: pointer
}

.star-rating__icon {
  width: 24px;
  height: 24px;
  stroke-width: 1px;
  color: transparent;
  stroke: var(--orange)
}

.section {
  position: relative;
  z-index: 10
}

.section._clean-decor {
  z-index: 10
}

.section._clean-decor::before {
  display: none !important
}

.doctor-name {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 10px;
  border: 1px solid var(--athens-gray);
  gap: 12px;
  font-size: 14px;
  line-height: 143%;
  color: var(--gun-powder)
}

.doctor-name__icon {
  width: 16px;
  height: 16px;
  color: var(--melrose)
}

.social {
  display: flex;
  flex-wrap: wrap;
  gap: 30px
}

.social--gray .social__btn {
  background-image: url(assets/img/elements/oval-inside-gray.svg)
}

.social--gray .social__wrapper-icon {
  background-color: var(--alabaster)
}

.social--gray .social__main {
  background-color: var(--alabaster)
}

.social__btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  background: url(assets/img/elements/oval-inside.svg) center left 44px/22px 26px no-repeat
}

.social__wrapper-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff
}

.social__icon {
  width: 24px;
  height: 24px
}

.social__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  border-radius: 50px;
  padding: 5px 16px;
  background-color: #fff
}

.social__info-title {
  display: block;
  font-size: 12px;
  line-height: 150%;
  text-align: left
}

.social__info-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: var(--gun-powder)
}

.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--manatee)
}

.breadcrumbs {
  font-size: 14px;
  line-height: 143%;
  transition: color .2s ease
}

.breadcrumbs li.active {
  color: var(--gun-powder)
}

.btn-more {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: var(--orange);
  transition: color .2s ease
}

.more {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical
}

.more[data-lines="2"] {
  -webkit-line-clamp: 2
}

.wrapper-section {
  position: relative;
  background-color: #fff;
  padding: 90px 0;
  border-radius: 60px;
  z-index: 10
}

.wrapper-section--min .section:last-child {
  padding-top: 24px !important
}

.wrapper-section .section:first-child {
  padding: 0 !important
}

.wrapper-section .section:last-child {
  padding-bottom: 0 !important;
  padding-top: 90px
}

.wrapper-section--bottom {
  padding-top: 0;
  border-radius: 0 0 60px 60px
}

.doctor {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: auto !important;
  border-radius: 30px;
  padding: 24px;
  background-color: #fff
}

.doctor__gallery {
  position: relative;
  width: 100%;
  height: 300px;
  margin-bottom: 20px
}

.doctor__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px
}

.doctor__corner {
  position: absolute;
  left: 0;
  bottom: 0
}

.doctor__corner .corner__body {
  padding: 12px 12px 0 0;
  background-color: #fff;
  border-radius: 0 20px 0 0
}

.doctor__corner .corner__body::after,
.doctor__corner .corner__body::before {
  width: 20px;
  height: 20px
}

.doctor__corner .corner__body::before {
  top: -19px
}

.doctor__corner .corner__body::after {
  right: -19px
}

.doctor__skill {
  display: block;
  background-color: var(--peach);
  color: var(--orange);
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  padding: 4px 8px;
  border-radius: 40px
}

.doctor__info {
  display: flex;
  flex-direction: column;
  flex: 1
}

.doctor__content {
  margin: 8px 0 20px 0;
  font-size: 14px;
  line-height: 143%;
  flex: 1;
  color: var(--manatee)
}

.doctor__btn {
  display: block;
  text-align: center;
  max-width: 130px;
  width: 100%;
  font-size: 14px;
  line-height: 114%;
  padding: 11px
}

.nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 50px
}

.nav__btn {
  display: block;
  padding: 10px 30px
}

.old-price {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 150%;
  border-radius: 60px;
  background-color: var(--bush)
}

.old-price--mini {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 143%
}

.old-price::before {
  position: absolute;
  content: "";
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg)
}

.current-price {
  display: block;
  border-radius: 50px;
  padding: 10px 30px;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--portage);
  background-color: var(--chalk)
}

.current-price--mini {
  padding: 8px 20px;
  font-size: 20px;
  line-height: 130%
}

.stock-card {
  position: relative;
  display: block;
  flex: 0 1 calc(33% - 13px)
}

.stock-card__btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}

.stock-card__btn .corner__body {
  padding: 0 0 14px 14px
}

.stock-card__wrapper-img {
  position: relative;
  margin-bottom: 24px
}

.stock-card__img {
  display: block;
  border-radius: 30px;
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.stock-card__discounts {
  position: absolute;
  left: 0;
  bottom: 0
}

.stock-card__discounts .corner__body {
  padding: 18px 27px 0 0;
  border-radius: 0 30px 0 0;
  display: flex;
  align-items: center;
  gap: 8px
}

.stock-card__discounts .corner__body::after,
.stock-card__discounts .corner__body::before {
  width: 20px;
  height: 20px
}

.stock-card__discounts .corner__body::before {
  top: -19px
}

.stock-card__discounts .corner__body::after {
  right: -19px
}

.stock-card__title {
  margin-bottom: 12px
}

.stock-card__content {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 143%
}

.stock-card__date {
  margin: 0;
  font-size: 14px;
  line-height: 143%;
  color: var(--manatee)
}

.head {
  position: relative;
  padding: 40px 0 90px 0;
  min-height: 240px
}

.head__title {
  margin-top: 30px
}

.head__btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin-top: 24px;
  padding-left: 28px;
  padding-right: 28px;
  margin-top: 24px
}

.head__content {
  margin: 24px 0 0 0;
  max-width: 560px;
  font-size: 16px;
  line-height: 150%
}

.head__content a {
  font-weight: 600;
  line-height: 125%;
  color: var(--orange)
}

.head::before {
  position: absolute;
  content: "";
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  width: 1145px;
  height: 270px;
  top: -60px;
  right: -75px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1
}

.head__more {
  max-width: 905px;
  margin: 24px 0
}

.body-info {
  position: relative;
  padding: 100px 160px 120px 160px;
  border-radius: 30px;
  background-color: #fff;
  z-index: 10
}

.body-info__corner {
  position: absolute
}

.body-info__corner--right {
  top: 0;
  right: 0
}

.body-info__corner--left {
  left: 0;
  bottom: 0
}

.body-info__corner .corner__body {
  width: 200px;
  height: 60px
}

.wrapper-content {
  font-size: 16px;
  line-height: 150%
}

.wrapper-content h1,
.wrapper-content h2,
.wrapper-content h3,
.wrapper-content h4,
.wrapper-content h5,
.wrapper-content h6 {
  color: var(--gun-powder);
  font-weight: 500
}

.wrapper-content h2 {
  font-size: 40px;
  line-height: 115%;
  margin: 0 0 16px 0
}

.wrapper-content h2:not(:first-child) {
  margin-top: 30px
}

.wrapper-content p {
  /* margin: 0 */
}

.wrapper-content h3 {
  margin: 30px 0 16px 0;
  font-size: 24px;
  line-height: 125%
}

.wrapper-content ul {
  margin: 0;
  padding-left: 20px
}

.air-datepicker {
  --adp-font-family: "Inter";
  box-shadow: 0 6px 16px 0 rgba(46, 38, 61, .22);
  border: none;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.air-datepicker--pointer {
  display: none
}

.air-datepicker-nav {
  padding: 16px 7px 8px 20px;
  gap: 0;
  border: none
}

.air-datepicker-nav--title {
  position: relative;
  padding: 0 28px 0 0;
  order: -1;
  font-size: 15px;
  line-height: 147%;
  color: rgba(33, 40, 50, .9)
}

.air-datepicker-nav--title i {
  color: inherit
}

.air-datepicker-nav--title::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  right: 0;
  background: url(assets/img/arrow.svg) 0 0/100% 100% no-repeat
}

.air-datepicker-nav--action:first-child {
  margin-left: auto
}

.air-datepicker-nav--action path {
  stroke: var(--comet)
}

.air-datepicker--content {
  padding: 0;
  padding: 0 20px 12px 20px
}

.air-datepicker-body--day-name {
  font-size: 12px;
  line-height: 117%;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(33, 40, 50, .4)
}

.air-datepicker-cell {
  width: 36px;
  height: 36px;
  font-size: 15px;
  line-height: 147%;
  text-align: center;
  border-radius: 50%;
  color: rgba(33, 40, 50, .9)
}

.air-datepicker-cell.-current- {
  color: var(--melrose);
  background-color: var(--chalk)
}

.air-datepicker-cell.-selected- {
  background-color: var(--melrose);
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(46, 38, 61, .16)
}

.wrapper-hidden {
  position: relative;
  overflow: hidden;
  z-index: 10
}

.modal-connect--call .modal-connect__title {
  text-align: left
}

.modal-connect__title {
  text-align: center;
  margin-bottom: 12px
}

.modal-connect__content {
  font-size: 16px;
  line-height: 150%;
  margin: 0 0 30px 0
}

.modal-connect__form {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.modal-connect__label {
  width: 100%
}

.modal-connect__btn {
  width: 100%
}

.fixed-menu__social {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 6px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50px;
  padding: 10px 10px 16px 10px;
  background-color: var(--alabaster);
  z-index: 20
}

.fixed-menu__social-btn {
  display: block;
  width: 36px;
  height: 36px;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.fixed-menu__social-icon {
  width: 100%;
  height: 100%
}

.fixed-menu__social-btn-modal {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg) translateX(3px);
  transform: rotate(180deg) translateX(3px);
  color: var(--orange);
  transition: color .2s ease
}

.fixed-menu__list {
  display: none;
  justify-content: center;
  width: 100%
}

.fixed-menu__item {
  flex: 0 1 70px
}

.fixed-menu__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  color: var(--gun-powder);
  transition: color .2s ease
}

.fixed-menu__btn.active {
  color: var(--portage)
}

.fixed-menu__icon {
  width: 25px;
  height: 24px
}

.fixed-menu__btn-open {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #fff;
  background-color: var(--melrose);
  border-radius: 50%;
  color: #fff;
  width: 52px;
  height: 52px;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  margin: 0 auto;
  transition: color .2s ease, background-color .2s ease
}

.fixed-menu__btn-open.active {
  background-color: var(--portage)
}

.fixed-menu__icon-tel {
  width: 22px;
  height: 22px
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 0;
  z-index: 100
}

.header__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 13px 15px;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 20px
}

.header__body--border {
  border: 1px solid var(--athens-gray)
}

.header__menu {
  display: flex;
  align-items: center;
  gap: 30px
}

.header__burger-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  gap: 4px;
  background-color: var(--melrose);
  border-radius: 50px;
  width: 65px;
  height: 40px;
  border: 1px solid var(--melrose);
  color: #fff;
  transition: background-color .2s ease, color .2s ease
}

.header__burger-btn.active span {
  position: absolute
}

.header__burger-btn.active span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.header__burger-btn.active span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.header__burger-btn span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 5px;
  background-color: currentColor;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.header__social {
  position: absolute;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  left: 0;
  transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease
}

.header__social.open {
  position: static;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1
}

.header__social .social__btn {
  background-size: 17px 21px;
  gap: 11px;
  background-position: center left 37px
}

.header__social .social__wrapper-icon {
  width: 40px;
  height: 40px
}

.header__nav {
  position: static;
  transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease
}

.header__nav.show {
  position: absolute;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden
}

.header__list {
  display: flex;
  gap: 24px
}

.header__list a {
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: var(--gun-powder)
}

.header__list a::before {
  position: absolute;
  content: "";
  right: 50%;
  left: 50%;
  bottom: 0;
  height: 1px;
  background-color: currentColor;
  transition: right .2s ease, left .2s ease
}

.header__logo {
  display: block;
  width: 240px
}

.header__logo-img {
  display: block;
  width: 100%
}

.header__contacts {
  display: flex;
  gap: 40px
}

.header__contacts-item {
  display: flex;
  align-items: center;
  gap: 12px
}

.header__contacts-item a {
  position: relative;
  display: block
}

.header__contacts-item a::before {
  position: absolute;
  content: "";
  right: 50%;
  left: 50%;
  bottom: 0;
  height: 1px;
  background-color: currentColor;
  transition: right .2s ease, left .2s ease
}

.header__contacts-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--orange-light)
}

.header__contacts-icon {
  width: 18px;
  height: 18px;
  color: var(--orange)
}

.header__contacts-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--gun-powder);
  margin-bottom: 2px
}

.header__contacts-content {
  font-size: 14px;
  line-height: 143%;
  color: var(--comet)
}

.hero {
  padding: 125px 0 150px 0;
  background-color: #fff
}

.hero__main-section {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%);
  padding-top: 15px;
  min-height: 600px;
  z-index: 1
}

.hero__decor {
  position: absolute;
  top: -310px;
  width: 90vw;
  left: -50px;
  max-width: none;
  z-index: -1
}

.hero__logo {
  position: absolute;
  top: 0;
  left: 0
}

.hero__logo .corner__body {
  padding: 0 40px 40px 0
}

.hero__logo-img {
  width: 200px
}

.hero__offer {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 540px;
  width: 100%
}

.hero__offer .corner__body {
  padding: 0 0 20px 20px
}

.hero__offer-body {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 30px;
  background-color: var(--alabaster);
  padding: 27px 24px;
  z-index: 1
}

.hero__offer-content {
  margin: 0;
  max-width: 270px;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--gun-powder)
}

.hero__offer-content span {
  color: var(--orange)
}

.hero__offer-img {
  position: absolute;
  width: 200px;
  right: 0;
  bottom: 0;
  z-index: -1
}

.hero__main {
  position: absolute;
  left: 0;
  bottom: 0
}

.hero__main .corner__body {
  padding: 40px 40px 24px 0
}

.hero__title {
  font-size: 60px;
  line-height: 110%;
  max-width: 585px;
  margin-bottom: 24px
}

.hero__main-content {
  font-size: 16px;
  line-height: 150%;
  margin: 0
}

.hero__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 305px;
  width: 100%
}

.hero__buttons .corner__body {
  padding: 20px 0 0 20px;
  display: flex;
  flex-direction: column;
  gap: 18px
}

.hero__btn {
  width: 100%
}

.hero__img {
  display: block;
  width: 900px;
  margin-left: 240px
}

.hero__care {
  position: absolute;
  display: block;
  color: var(--orange);
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 20px 20px 0 20px;
  top: 70px;
  left: 340px
}

.hero__price {
  position: absolute;
  display: block;
  box-shadow: 0 4px 10px 0 rgba(205, 205, 205, .26);
  border-radius: 12px;
  background-color: var(--cheese);
  color: #fff;
  padding: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  bottom: 180px;
  right: 255px;
  max-width: 230px
}

.services {
  padding-bottom: 24px;
  background-color: #fff
}

.services__container {
  display: flex;
  flex-wrap: wrap;
  gap: 23px
}

.services__item {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: end;
  border-radius: 30px 0 30px 30px;
  background-color: var(--alabaster);
  flex: 0 1 calc((100% - 444px)/ 3 - 23px)
}

.services__item._big {
  flex-basis: 444px;
  z-index: 1
}

.services__item._big::after {
  position: absolute;
  content: "";
  width: 220px;
  height: 230px;
  bottom: 0;
  right: 0;
  background: url(assets/img/picture/teeth.png) right 0 bottom 0/contain no-repeat;
  z-index: -1
}

.services__item--main {
  border-radius: 30px;
  background: url(assets/img/decor/service-gradiend.png) bottom 0 right 0/100% auto no-repeat;
  background-color: var(--peach);
  align-items: start
}

.services__item--main .services__item-info {
  z-index: 1
}

.services__item-info {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 30px;
  height: 100%
}

.services__icon {
  display: block;
  width: 80px;
  height: 80px
}

.services__title {
  display: block;
  margin-bottom: 15px;
  transition: color .2s ease
}

.services__list {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.services__list-btn {
  font-size: 14px;
  line-height: 143%;
  transition: color .2s ease
}

.services__item-img {
  width: 180px;
  margin-left: auto
}

.services__item-corner {
  position: absolute;
  top: 0;
  right: 0
}

.services__item-corner .corner__body {
  padding: 0 0 14px 14px
}

.services__item-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var();
  color: var(--melrose);
  border: 1px solid var(--melrose);
  transition: background-color .2s ease
}

.services__item-arrow {
  width: 16px;
  height: 16px;
  color: inherit
}

.services__item-arm {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  z-index: -1
}

.connection {
  z-index: 10
}

.connection._bottom {
  padding-bottom: 90px
}

.connection--app {
  padding: 0 0 90px 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0)
}

.connection--app .connection__content {
  margin-bottom: 0
}

.connection._clean-padding {
  padding: 0
}

.connection__body {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px;
  border-radius: 30px;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%);
  z-index: 1
}

.connection__decor {
  position: absolute;
  width: 2100px;
  max-width: none;
  left: -890px;
  bottom: -490px;
  z-index: -2
}

.connection__percent {
  position: absolute;
  font-weight: 900;
  font-size: 38px;
  line-height: 100%;
  padding: 4px 14px;
  color: var(--orange);
  background-color: #fff;
  border-radius: 16px 16px 0 16px;
  left: 445px;
  bottom: 110px;
  z-index: 4
}

.connection__discount {
  position: absolute;
  left: 340px;
  bottom: 60px;
  font-weight: 500;
  font-size: 17px;
  line-height: 118%;
  color: #fff;
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 235px;
  width: 100%;
  background: url(assets/img/picture/teeth-orange.png) top -6px right 44px/80px 75px no-repeat;
  background-color: var(--orange);
  z-index: 1
}

.connection__women {
  position: absolute;
  width: 240px;
  left: 470px;
  bottom: 0;
  z-index: 2
}

.connection__corner {
  position: absolute;
  top: 0;
  right: 0
}

.connection__corner .corner__body {
  width: 315px;
  height: 75px
}

.connection__doctor {
  position: absolute;
  width: 300px;
  left: 415px;
  bottom: 0;
  z-index: -1
}

.connection__info {
  max-width: 440px
}

.connection__title {
  margin-bottom: 16px
}

.connection__content {
  font-size: 16px;
  line-height: 150%;
  margin: 0 0 32px 0
}

.connection__wrapper-form {
  max-width: 695px
}

.connection__form-title {
  max-width: 310px;
  margin-bottom: 20px
}

.connection__form {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  row-gap: 20px
}

.connection__form-label {
  flex: 0 1 calc(33% - 7px)
}

.connection__form-btn {
  flex: 1;
  height: fit-content;
}

.our-doctors {
  padding: 90px 0;
  z-index: 5
}

.our-doctors--clean {
  padding: 0;
  z-index: 10
}

.our-doctors--clean::before {
  display: none
}

.our-doctors--clean-top {
  padding-top: 0
}

.our-doctors--clean-top::before {
  display: none
}

.our-doctors--clean-bottom {
  padding-bottom: 0
}

.our-doctors--clean-bottom::before {
  display: none
}

.our-doctors::before {
  position: absolute;
  content: "";
  width: 2035px;
  height: 588px;
  right: 0;
  bottom: -35px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  background: url(assets/img/decor/decor.svg) 0 0/cover no-repeat;
  z-index: -1
}

.our-doctors__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px
}

.our-doctors__slider .swiper-wrapper {
  align-items: stretch
}

.our-doctors__scrollbar-wrapper {
  margin-top: 30px;
  display: none
}

.portfolio {
  position: relative;
  z-index: 10;
  padding-bottom: 90px
}

.portfolio__container {
  position: relative
}

.portfolio__head {
  max-width: 770px
}

.portfolio__head .corner__body {
  padding: 40px 40px 75px 40px;
  border-radius: 40px 40px 0 0
}

.portfolio__head .corner__body::before {
  display: none
}

.portfolio__title {
  margin-bottom: 16px
}

.portfolio__content {
  margin: 0;
  font-size: 16px;
  line-height: 150%
}

.portfolio__body {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0 0 40px 40px;
  border-radius: 0 40px 40px 40px;
  gap: 40px
}

.portfolio__slider {
  width: 690px;
  margin: 0 !important;
  border-radius: 30px;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important
}

.portfolio__result {
  width: 100%;
  height: 400px
}

.portfolio__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  flex: 1;
  padding: 40px
}

.portfolio__info-slider {
  width: 100%;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important
}

.portfolio__info-title {
  margin-bottom: 24px
}

.portfolio__doctor {
  margin-bottom: 40px
}

.portfolio__info-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px
}

.portfolio__info-item {
  flex: 0 1 255px
}

.portfolio__info-item-title {
  display: block;
  font-size: 16px;
  line-height: 150%;
  color: var(--manatee);
  margin-bottom: 12px
}

.portfolio__info-item-content {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: var(--gun-powder)
}

.portfolio__info-item-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: var(--comet);
  transition: color .2s ease
}

.portfolio__info-item-arrow {
  width: 16px;
  height: 16px;
  color: var(--orange)
}

.portfolio__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px
}

.portfolio__scrollbar-wrapper {
  margin-top: 24px;
  display: none
}

.portfolio__offer {
  position: absolute;
  overflow: hidden;
  background: linear-gradient(167deg, #ebe4ff 20%, #ffeadd 100%);
  top: 0;
  right: 15px;
  max-width: 610px;
  width: 100%;
  border-radius: 30px
}

.portfolio__offer-body {
  position: relative;
  padding: 24px 32px;
  z-index: 1
}

.portfolio__offer-body::after {
  position: absolute;
  content: "";
  width: 580px;
  height: 270px;
  background-color: #e7975e;
  -webkit-filter: blur(135px);
  filter: blur(135px);
  border-radius: 100%;
  top: 0;
  right: -180px;
  z-index: -2
}

.portfolio__offer-title {
  font-size: 20px;
  line-height: 130%;
  max-width: 275px;
  margin-bottom: 12px
}

.portfolio__offer-btn {
  max-width: 150px;
  width: 100%
}

.portfolio__offer-img {
  position: absolute;
  width: 200px;
  right: 35px;
  bottom: 0;
  z-index: -1
}

.advantages {
  padding: 80px 0;
  border-radius: 60px;
  background-color: #fff
}

.advantages__body {
  display: flex;
  flex-wrap: wrap;
  gap: 24px
}

.advantages__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px 30px;
  min-height: 445px;
  flex: 0 1 calc(25% - 19px);
  border-radius: 30px;
  overflow: hidden;
  z-index: 1;
  background-color: var(--wild-sand);
  justify-content: start
}

.advantages__item .advantages__item-img {
  top: auto;
  bottom: 0
}

.advantages__item::before {
  position: absolute;
  content: "";
  z-index: -1
}

.advantages__item:first-child {
  padding: 40px;
  flex-basis: 695px;
  border-radius: 0 30px 30px 30px;
  justify-content: end
}

.advantages__item:first-child::before {
  top: 0;
  right: 310px;
  bottom: 0;
  left: 0;
  background: linear-gradient(269deg, rgba(246, 246, 246, 0) 0, #f6f6f6 29.71%, #f6f6f6 61.71%, #f6f6f6 100%)
}

.advantages__item:first-child .advantages__item-img {
  width: 575px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  right: 0;
  bottom: 0
}

.advantages__item:nth-child(2n) {
  justify-content: end
}

.advantages__item:nth-child(2n) .advantages__item-img {
  top: 0
}

.advantages__item:nth-child(2n)::before {
  background: linear-gradient(187deg, #f8f8f8 0, #f6f6f6 100%);
  left: 0;
  right: -10px;
  bottom: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  top: 225px
}

.advantages__head {
  position: absolute;
  top: 0;
  left: 0
}

.advantages__head .corner__body {
  padding: 0 65px 30px 0
}

.advantages__title {
  max-width: 315px
}

.advantages__title--technology {
  max-width: 380px
}

.advantages__item-img {
  position: absolute;
  top: auto;
  right: 0;
  width: 100%;
  z-index: -2
}

.advantages__item-info {
  max-width: 275px
}

.advantages__item-title {
  max-width: 315px;
  margin-bottom: 16px
}

.advantages__item-content {
  margin: 0;
  font-size: 14px;
  line-height: 143%;
  color: var(--comet)
}

.advantages__item-btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 28px;
  margin-top: 24px
}

.advantages__video-btn {
  margin-top: 24px
}

.rating {
  padding: 90px 0;
  z-index: 9
}



.rating::before {
  position: absolute;
  content: "";
  width: 2230px;
  height: 600px;
  bottom: -426px;
  right: -187px;
  -webkit-transform: rotate(-21deg);
  transform: rotate(-21deg);
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  display: none;
  z-index: -1
}

.rating--rotate {
  z-index: 5
}

.rating--rotate::before {
  width: 3000px;
  height: 600px;
  bottom: 0;
  right: -499px;
  top: auto;
  -webkit-transform: rotate(61deg);
  transform: rotate(61deg)
}

.rating--about::before {
  width: 2590px;
  height: 630px;
  -webkit-transform: rotate(150deg) scale(-1, 1);
  transform: rotate(150deg) scale(-1, 1);
  top: auto;
  bottom: -270px;
  right: 0
}

.rating__title {
  margin-bottom: 50px
}

.rating__body {
  display: flex;
  gap: 24px
}

.rating__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  flex: 0 1 calc(25% - 18px);
  padding: 35px 30px 30px 30px;
  border-radius: 30px 0 30px 30px;
  min-height: 230px
}

.rating__number {
  position: absolute;
  top: 0;
  right: 0
}

.rating__number .corner__body {
  padding: 0 0 10px 10px
}

.rating__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  background-color: var(--orange);
  border-radius: 50%
}

.rating__icon {
  width: 200px
}

.rating__reviews {
  display: block;
  font-size: 16px;
  line-height: 150%;
  color: var(--comet);
  margin-bottom: 12px
}

.reviews {
  padding-bottom: 90px
}

.reviews--doctor {
  z-index: 5
}

.reviews--doctor::before {
  position: absolute;
  content: "";
  width: 2605px;
  height: 740px;
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  right: -237px;
  top: -275px;
  -webkit-transform: rotate(140deg) scale(1, -1);
  transform: rotate(140deg) scale(1, -1)
}

.reviews__body {
  position: relative;
  border-radius: 30px;
  padding: 40px;
  background: url(assets/img/picture/teeth-2.png) bottom -50px left -85px/455px 415px no-repeat;
  background-color: #fff
}

.reviews__head {
  position: absolute;
  top: 0;
  left: 0
}

.reviews__head .corner__body {
  padding: 0 100px 30px 0
}

.reviews__title {
  max-width: 280px
}

.reviews__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  max-width: 955px
}

.reviews__pagination {
  max-width: 260px
}

.reviews__slider {
  max-width: 1300px;
  width: 100%;
  margin-top: 50px
}

.reviews__slide {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 20px
}

.reviews__img {
  width: 268px;
  height: 268px;
  border-radius: 50%;
  object-fit: cover;
}

.reviews__info {
  flex: 0 1 920px
}

.reviews__info-head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px
}

.reviews__date {
  display: block;
  font-size: 14px;
  line-height: 143%;
  margin-bottom: 10px;
  color: var(--manatee)
}

.reviews__content {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: var(--comet);
  max-width: 620px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical
}

.reviews__info-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px
}

.reviews__scrollbar-wrapper {
  margin-top: 24px;
  display: none
}

.contacts {
  padding: 90px 0;
  background-color: #fff;
  border-radius: 60px;
  margin-bottom: 90px
}

.contacts__container {
  display: flex;
  gap: 24px
}

.contacts__column {
  display: flex;
  flex-direction: column;
  flex: 0 1 335px;
  gap: 24px
}

.contacts__wrapper-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 calc(50% - 12px);
  width: 100%;
  border-radius: 30px;
  background-color: var(--alabaster)
}

.contacts__logo {
  width: 177px
}

.contacts__wrapper-content {
  border-radius: 30px;
  border: 1px solid var(--athens-gray);
  width: 100%;
  flex: 0 1 calc(50% - 12px);
  padding: 30px 25px
}

.contacts__content {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--manatee)
}

.contacts__content span {
  color: var(--orange)
}

.contacts__main {
  position: relative;
  overflow: hidden;
  flex: 1;
  border-radius: 30px;
  padding: 40px;
  min-height: 445px;
  background-color: var(--wild-sand);
  z-index: 1
}

.contacts__main::before {
  position: absolute;
  content: "";
  background: var(--alabaster);
  -webkit-filter: blur(16px);
  filter: blur(16px);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  inset: -60px 380px -60px -60px;
  z-index: -1
}

.contacts__main-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -2
}

.contacts__title {
  max-width: 340px;
  margin-bottom: 24px
}

.contacts__content-main {
  max-width: 340px;
  font-size: 14px;
  line-height: 143%;
  margin: 0 0 24px 0
}

.contacts__btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 25px
}

.contacts__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 30px;
  border: 1px solid var(--athens-gray);
  flex: 0 1 calc(50% - 12px);
  width: 100%;
  padding: 30px
}

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

.contacts__item-info {
  max-width: calc(100% - 40px)
}

.contacts__item-info a {
  transition: color .2s ease
}

.contacts__item-title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%
}

.contacts__item-content {
  font-size: 14px;
  line-height: 143%
}

.contacts__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--orange-light);
  border-radius: 50%
}

.contacts__icon {
  width: 20px;
  height: 20px;
  color: var(--orange)
}

.contacts__map {
  width: 100%;
  flex: 0 1 calc(50% - 12px);
  border-radius: 30px;
  overflow: hidden
}

.hero-main {
  padding: 125px 0 90px 0;
  background-color: var(--alabaster);
  overflow: hidden
}

.hero-main::before {
  position: absolute;
  content: "";
  bottom: 10px;
  right: -350px;
  width: 2645px;
  height: 685px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  background: url(assets/img/decor/decor.svg) 0 0/contain no-repeat;
  z-index: -1
}

.hero-main--doctor .hero-main__main {
  background-image: none
}

.hero-main--price .hero-main__container {
  align-items: stretch
}

.hero-main--price .hero-main__main {
  background-image: none;
  align-self: start
}

.hero-main--price .hero-main__middle-img {
  height: 280px
}

.hero-main .breadcrumbs {
  flex: 1
}

.hero-main__container {
  display: flex;
  align-items: start;
  gap: 30px
}

.hero-main__main {
  flex: 0 1 680px;
  padding: 30px;
  border-radius: 30px;
  background: url(assets/img/picture/teeth-service.png) bottom -18px right -16px/116px auto no-repeat;
  background-color: #fff
}

.hero-main__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px
}

.hero-main__price {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  padding: 10px 20px;
  border-radius: 50px;
  color: var(--portage);
  background-color: var(--chalk)
}

.hero-main__skill {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  padding: 8px 16px;
  border-radius: 50px;
  color: var(--orange);
  background-color: var(--peach)
}

.hero-main__term {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  background-color: var(--alabaster);
  padding: 6px 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%
}

.hero-main__title {
  margin-bottom: 24px;
  max-width: 540px
}

.hero-main__content {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  max-width: 540px
}

.hero-main__footer {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid var(--athens-gray)
}

.hero-main__footer--price {
  gap: 40px;
  flex-wrap: wrap
}

.hero-main__footer-img {
  width: 60px
}

.hero-main__footer-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: var(--manatee)
}

.hero-main__footer-content {
  margin: 0;
  font-size: 16px;
  line-height: 150%
}

.hero-main__footer-price {
  display: block;
  font-weight: 500
}

.hero-main__footer-price--price {
  color: var(--melrose)
}

.hero-main__footer-price--term {
  color: var(--orange)
}

.hero-main__middle {
  max-width: 336px;
  width: 100%
}

.hero-main__middle-img {
  display: block;
  width: 100%;
  height: 260px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 30px
}

.hero-main__middle-info {
  position: relative;
  border-radius: 20px;
  padding: 20px;
  background-color: #fff
}

.hero-main__middle-corner {
  position: absolute;
  top: 0;
  right: 0
}

.hero-main__middle-corner .corner__body {
  padding: 0 0 14px 14px
}

.hero-main__middle-title {
  max-width: calc(100% - 50px);
  margin-bottom: 24px
}

.hero-main__middle-content {
  margin: 0;
  font-size: 14px;
  line-height: 143%;
  max-width: 145px
}

.hero-main__middle-icon {
  position: absolute;
  width: 110px;
  height: auto;
  bottom: 8px;
  right: 15px
}

.hero-main__middle-rating {
  display: flex;
  align-items: center;
  gap: 18px
}

.hero-main__middle-gallery {
  display: flex
}

.hero-main__middle-wrapper-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px
}

.hero-main__middle-gallery-img {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  max-width: none;
  border: 2px solid var(--alabaster);
  object-fit: cover;
}

.hero-main__rating-wrapper {
  display: flex;
  align-items: end;
  gap: 4px
}

.hero-main__rating-current {
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--orange)
}

.hero-main__rating-max {
  font-size: 14px;
  line-height: 143%;
  color: var(--manatee)
}

.hero-main__contacts {
  flex: 1;
  padding: 30px;
  border-radius: 30px;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%)
}

.hero-main__contacts-title {
  margin-bottom: 14px
}

.hero-main__contacts-content {
  font-size: 14px;
  line-height: 143%;
  margin: 0 0 24px 0
}

.hero-main__form {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.hero-main__form-label {
  width: 100%
}

.hero-main__form-btn {
  width: 100%
}

.hero-main__btn-call {
  display: none;
  width: 100%
}

.services-gallery {
  padding: 90px 0;
  background-color: #fff;
  border-radius: 60px
}

.services-gallery__container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 40px
}

.services-gallery__item {
  position: relative;
  display: flex;
  background-color: var(--alabaster);
  border-radius: 30px 0 30px 30px;
  overflow: hidden;
  flex: 0 1 calc(33% - 12px)
}

.services-gallery__item--main {
  position: relative;
  flex-direction: column;
  gap: 16px;
  padding: 30px;
  background: url(assets/img/decor/decor-services-gallery.png) bottom 0 right 0/100% auto no-repeat;
  background-color: var(--orange-light);
  z-index: 1
}

.services-gallery__item-corner {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}

.services-gallery__item-corner .corner__body {
  padding: 0 0 14px 14px
}

.services-gallery__info {
  padding: 30px 10px 30px 20px;
  flex: 1
}

.services-gallery__icon {
  display: block;
  margin-bottom: 30px
}

.services-gallery__item-title {
  display: block;
  margin-bottom: 16px;
  transition: color .2s ease
}

.services-gallery__item-list {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.services-gallery__item-list a {
  font-size: 14px;
  line-height: 143%;
  transition: color .2s ease
}

.services-gallery__img {
  width: 185px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 30px
}

.services-gallery__img-main {
  position: absolute;
  width: 240px;
  top: 0;
  right: 0;
  z-index: -1
}

.services-gallery__title {
  max-width: 220px
}

.services-gallery__content {
  margin: 0;
  font-size: 14px;
  line-height: 143%;
  max-width: 220px
}

.services-gallery__show-btn {
  display: none
}

.about-service {
  padding: 90px 0 60px 0
}

.about-service--decor {
  z-index: 5
}

.about-service--decor::before {
  position: absolute;
  content: "";
  width: 2230px;
  height: 540px;
  top: 60px;
  right: 0;
  -webkit-transform: rotate(-125deg);
  transform: rotate(-125deg);
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  z-index: -1
}

.about-service--team {
  z-index: 10;
  padding-top: 0
}

.about-service--team .about-service__title {
  max-width: none
}

.about-service__body {
  display: flex
}

.about-service__info {
  position: relative;
  padding: 40px;
  flex: 1;
  background-color: #fff;
  border-radius: 40px 0 0 40px;
  margin-top: 80px
}

.about-service__info::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background: url(assets/img/elements/corner.svg) 0 0/cover no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
  top: -40px
}

.about-service__title {
  max-width: 495px;
  margin-bottom: 16px
}

.about-service__content {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 24px
}

.about-service__wrapper-img {
  position: relative;
  padding: 60px;
  border-radius: 40px 40px 40px 0;
  background-color: #fff
}

.about-service__img {
  width: 600px;
  height: auto;
  border-radius: 30px;
  -o-object-fit: cover;
  object-fit: cover
}

.consultation__title {
  position: relative;
  border-radius: 32px 32px 0px 0px;
  background-color: white;
  padding: 32px 45px 0px 32px;
  max-width: 400px;
}

.consultation__title::after {
  position: absolute;
  content: "";
  background: url('assets/img/elements/corner.svg') 0 0 / 100% 100% no-repeat;
  width: 30px;
  height: 30px;
  bottom: 0;
  right: -30px;
  transform: rotate(-90deg);
}

.consultation__content {
  font-size: 14px;
  line-height: 143%;
  margin: 0 0 20px 0
}

.consultation__form {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  row-gap: 20px
}

.consultation__form-label {
  flex: 0 1 calc(33% - 7px)
}

.consultation__form-btn {
  flex: 1;
  height: fit-content;
}

.services-category {
  padding: 90px 0;
  background-color: #fff;
  border-radius: 60px
}

.services-category__list {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.services-category__btn {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 50px;
  border-radius: 30px 60px 60px 30px;
  padding: 10px 25px;
  background-color: var(--alabaster)
}

.services-category__title {
  flex: 0 0 260px;
  transition: color .2s ease
}

.services-category__img {
  width: 140px;
  height: 80px;
  border-radius: 20px;
  object-fit: cover;
}

.services-category__content {
  font-size: 16px;
  line-height: 150%;
  margin: 0;
  flex: 1;
}

.services-category__nav {
  display: flex;
  align-items: center;
  gap: 16px;
  background: url(assets/img/elements/oval-inside-violet.svg) center right 63px/21px 26px no-repeat;
  white-space: nowrap
}

.services-category__price {
  padding: 8px 25px;
  border-radius: 50px;
  background-color: var(--chalk)
}

.services-category__price-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  margin: 0
}

.services-category__price-value {
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--portage)
}

.services-category__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 66px;
  height: 66px;
  background-color: var(--chalk);
  color: var(--portage);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.services-category__arrow {
  width: 11px;
  height: 18px
}

.trust {
  padding: 90px 0
}

.trust--decor::before {
  position: absolute;
  content: "";
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  width: 2235px;
  height: 540px;
  top: 240px;
  right: 40px;
  -webkit-transform: rotate(-14deg);
  transform: rotate(-14deg);
  z-index: -1
}

.trust__title {
  margin-bottom: 40px
}

.trust__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px
}

.trust__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 30px 0 30px 30px;
  padding: 30px;
  background-color: #fff;
  flex: 0 1 calc(25% - 18px);
  gap: 15px;
  min-height: 240px
}

.trust__item--gray {
  background-color: var(--alabaster)
}

.trust__item-number {
  position: absolute;
  top: 0;
  right: 0
}

.trust__item-number .corner__body {
  padding: 0 0 14px 14px
}

.trust__item-number span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--orange);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%
}

.trust__item-title {
  max-width: calc(100% - 60px)
}

.trust__content {
  font-size: 14px;
  line-height: 143%;
  margin: 0
}

.article {
  padding: 90px 0;
  background-color: #fff;
  border-radius: 60px
}

.article__body {
  display: flex;
  position: relative;
  gap: 50px
}

.article__info {
  flex: 1
}

.article__title {
  max-width: 390px;
  margin-bottom: 24px
}

.article__content {
  font-size: 16px;
  line-height: 150%;
  margin: 0 0 24px 0
}

.article__wrapper-img {
  position: relative;
  width: 795px;
  height: 445px
}

.article__profile {
  position: absolute;
  background-color: #fff;
  padding: 10px 20px 20px 10px;
  border-radius: 0 0 40px 0;
  top: 0;
  left: -180px;
  z-index: 10
}

.article__profile-body {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 80px;
  padding: 0 16px 0 0;
  max-width: 260px;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%)
}

.article__profile-body::after,
.article__profile-body::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background: url(assets/img/elements/corner.svg) 0 0/100% 100% no-repeat
}

.article__profile-body::before {
  bottom: -40px;
  right: 70px
}

.article__profile-body::after {
  top: 0;
  right: -40px
}

.article__avatar {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%
}

.article__profile-content {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: var(--studio)
}

.article__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 40px
}

.prices {
  padding-bottom: 90px
}

.prices__title {
  margin-bottom: 40px
}

.prices__list {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.prices__item {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 60px;
  padding: 16px 26px 16px 40px;
  background-color: var(--alabaster)
}

.prices__item-title {
  flex: 1
}

.questions__container {
  display: flex;
  gap: 40px
}

.questions__gallery {
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  position: relative;
  flex: 0 1 calc(50% - 20px);
  min-height: 440px;
  background: linear-gradient(216deg, #f6ebe5 0, #e7e0fc 100%);
  border-radius: 0 30px 30px 30px;
  z-index: 1
}

.questions__gallery::before {
  position: absolute;
  content: "";
  width: 2250px;
  height: 555px;
  bottom: 0;
  left: -950px;
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
  background: url(assets/img/decor/decor-white.png) 0 0/100% auto no-repeat;
  z-index: -1
}

.questions__head {
  position: absolute;
  left: 0;
  top: 0
}

.questions__head .corner__body {
  padding: 0 28px 28px 0
}

.questions__title {
  max-width: 380px
}

.questions__logo {
  position: absolute;
  width: 135px;
  top: 25px;
  right: 30px
}

.questions__img {
  position: relative;
  display: block;
  width: 335px;
  margin: 0 auto;
  z-index: 10
}

.questions__gallery-question {
  position: absolute;
  padding: 16px;
  border-radius: 20px;
  background: url(assets/img/picture/teeth-violet.png) center right -20px/100px auto no-repeat;
  background-color: var(--melrose);
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  left: 45px;
  top: 165px;
  max-width: 235px
}

.questions__search {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px;
  background-color: #fff;
  color: var(--melrose);
  border-radius: 18px;
  left: 60px;
  top: 245px;
  max-width: 195px
}

.questions__search span {
  font-size: 13px;
  line-height: 154%
}

.questions__search-icon {
  width: 20px;
  height: 20px
}

.questions__question-simple {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 20px;
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: var(--studio);
  border-radius: 40px;
  max-width: 225px
}

.questions__question-simple--methods {
  left: 70px;
  bottom: 55px
}

.questions__question-simple--price {
  top: 155px;
  right: 95px
}

.questions__question-simple--visiting {
  right: 55px;
  bottom: 150px;
  z-index: 10
}

.questions__gallery-btn {
  position: absolute;
  max-width: 200px;
  width: 100%;
  right: 30px;
  bottom: 30px;
  z-index: 10
}

.questions__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 0 1 calc(50% - 10px)
}

.questions__spoller {
  padding: 20px 24px;
  background-color: var(--alabaster);
  border-radius: 20px
}

.questions__spoller-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  text-align: start;
  width: 100%;
}

.questions__spoller-btn._spoller-active .questions__circle-btn {
  background-color: var(--melrose);
  color: #fff;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.questions__spoller-title {
  max-width: calc(100% - 70px)
}

.questions__spoller-item {
  padding-top: 8px
}

.questions__spoller-content {
  margin: 0;
  max-width: 565px;
  font-size: 16px;
  line-height: 150%
}

.questions__circle-btn {
  transition: color .2s ease, background-color .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, color .2s ease, background-color .2s ease;
  transition: transform .2s ease, color .2s ease, background-color .2s ease, -webkit-transform .2s ease
}

.team {
  padding-top: 120px
}

.team::after,
.team::before {
  position: absolute;
  content: "";
  z-index: -1
}

.team::before {
  width: 1145px;
  height: 270px;
  background: url(assets/img/decor/decor.svg) 0 0/100% auto no-repeat;
  right: 0;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: -75px;
  top: 25px
}

.team::after {
  width: 2015px;
  height: 530px;
  background: url(assets/img/decor/decor.svg) 0 0/100% auto no-repeat;
  right: 50px;
  bottom: -290px;
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg)
}

.team__title {
  margin: 30px 0 90px 0
}

.team__body {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 40px
}

.team__doctor {
  flex: 0 1 calc(25% - 18px)
}

.education {
  padding: 90px 0;
  background-color: #fff;
  border-radius: 60px
}

.education__title {
  margin-bottom: 40px
}

.education__list {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.education__item {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 60px;
  background-color: var(--alabaster);
  gap: 30px
}

.education__year {
  padding: 10px 30px;
  border-radius: 50px;
  background-color: var(--chalk);
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--portage);
  flex-shrink: 0
}

.education__content {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: var(--gun-powder)
}

.certificates {
  padding: 90px 0
}

.certificates--bottom-padding {
  padding-top: 0
}

.certificates__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px
}

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

.certificates__scrollbar-wrapper {
  display: none
}

.manipulations {
  padding-bottom: 90px
}

.manipulations__title {
  margin-bottom: 30px
}

.manipulations__list {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.manipulations__item {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #fff;
  border-radius: 60px;
  padding: 16px 25px 16px 40px
}

.manipulations__item-title {
  flex: 1
}

.discount {
  padding: 90px 0
}

.discount__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px
}

.discount__slider .stock-card {
  box-sizing: border-box
}

.stocks {
  padding: 90px 0 90px 0;
  overflow: hidden
}

.stocks::after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 2600px;
  height: 740px;
  bottom: -400px;
  left: -25px;
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  -webkit-transform: rotate(145deg) scale(-1, 1);
  transform: rotate(145deg) scale(-1, 1);
  z-index: -1
}

.stocks__body {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 50px
}

.reviews-catalog {
  padding-top: 90px;
  overflow: hidden
}

.reviews-catalog__nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
  gap: 16px
}

.reviews-catalog__nav .nav {
  margin: 0
}

.reviews-catalog__nav .select {
  flex: 0 1 290px
}

.reviews-catalog__nav .select__item {
  background-color: #fff
}

.reviews-catalog__nav .select .input {
  background-color: #fff
}

.reviews-catalog__body {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.reviews-catalog__item {
  display: flex
}

.reviews-catalog__item-body {
  position: relative;
  display: flex;
  gap: 80px;
  border-radius: 40px 40px 0 40px;
  padding: 40px;
  flex: 1;
  background-color: #fff;
  z-index: 1
}

.reviews-catalog__item-body::before {
  position: absolute;
  content: "";
  inset: 0;
  background: url(assets/img/picture/teeth-2-bright.png) top -65px left -150px/505px auto no-repeat;
  z-index: -1
}

.reviews-catalog__reviews-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 268px;
  height: 268px;
  flex-shrink: 0
}

.reviews-catalog__img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews-catalog__wrapper-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: rgba(231, 151, 94, .43);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: background-color .2s ease
}

.reviews-catalog__video-icon {
  width: 40px;
  height: 40px;
  color: #fff
}

.reviews-catalog__main {
  flex: 1
}

.reviews-catalog__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px
}

.reviews-catalog__date {
  display: block;
  font-size: 14px;
  line-height: 143%;
  margin-bottom: 8px;
  color: var(--manatee)
}

.reviews-catalog__rating .star-rating__icon {
  width: 20px;
  height: 20px
}

.reviews-catalog__item-content {
  margin: 0;
  font-size: 16px;
  line-height: 150%
}

.reviews-catalog__doctors {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
  gap: 24px;
  flex: 0 1 340px;
  background-color: #fff;
  padding: 40px 20px;
  border-radius: 0 40px 40px 0
}

.reviews-catalog__doctors::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  left: 0;
  top: -39px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: url(assets/img/elements/corner.svg) 0 0/cover no-repeat
}

.reviews-catalog__doctor {
  display: flex;
  align-items: center;
  gap: 20px
}

.reviews-catalog__doctor-avatar {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

.reviews-catalog__doctor-title {
  font-size: 14px;
  line-height: 143%
}

.reviews-catalog__doctor-content {
  margin: 0;
  font-size: 12px;
  line-height: 150%
}

.reviews-catalog__btn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  margin-top: 20px
}

.reviews-catalog__icon-plus {
  width: 12px;
  height: 12px
}

.linear {
  padding: 90px 0
}

.linear__container {
  position: relative
}

.linear__circle {
  position: absolute;
  top: -90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10
}

.linear__circle-body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: var(--alabaster);
  z-index: 1
}

.linear__circle-body::after,
.linear__circle-body::before {
  position: absolute;
  content: "";
  background: url(assets/img/elements/corner-alabaster.svg) 0 0/cover no-repeat;
  width: 70px;
  height: 52px;
  z-index: -1
}

.linear__circle-body::before {
  left: -52px;
  -webkit-transform: rotate(180deg) scale(1, -1) translateY(25px);
  transform: rotate(180deg) scale(1, -1) translateY(25px)
}

.linear__circle-body::after {
  right: -52px;
  -webkit-transform: rotate(-180deg) scale(-1, -1) translateY(25px);
  transform: rotate(-180deg) scale(-1, -1) translateY(25px)
}

.linear__circle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 142px;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 50%
}

.linear__wrapper-text {
  position: absolute;
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
  top: 22px;
  right: 22px;
  bottom: 22px;
  left: 22px
}

.linear__circle-text {
  display: block;
  overflow: visible;
  font-size: 18px;
  fill: var(--orange);
  width: 100%;
  height: 100%
}

.linear__circle-text path {
  fill: none
}

.linear__circle-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  background-color: #fff;
  border-radius: 50%
}

.linear__circle-logo {
  width: 25px
}

.linear__body {
  position: relative;
  padding: 40px;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1
}

.linear__body::after,
.linear__body::before {
  position: absolute;
  content: ""
}

.linear__body::before {
  top: 0;
  left: 0;
  bottom: 0;
  width: 825px;
  background: url(assets/img/picture/linear-show.png) 0 0/cover no-repeat;
  z-index: -2
}

.linear__body::after {
  width: 1450px;
  height: 350px;
  top: 145px;
  left: -400px;
  -webkit-transform: rotate(-43deg);
  transform: rotate(-43deg);
  background: url(assets/img/decor/decor.png) 0 0/cover no-repeat;
  z-index: -1
}

.linear__info {
  max-width: 670px;
}

.linear__info-body {
  border-radius: 0px 30px 30px 30px;
  background-color: white;
  padding: 30px 32px 32px 32px;
}

.linear__info--review {
  -webkit-mask: url(assets/img/elements/leave-review-mask.png);
  mask: url(assets/img/elements/leave-review-mask.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%
}

.linear__img {
  position: absolute;
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  right: 0;
  z-index: -3
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.leave-review__title {
  max-width: 350px;
  margin-bottom: 20px
}

.leave-review__rating {
  justify-content: start;
  flex: 0 1 100%;
  margin-bottom: 20px
}

.leave-review__rating .star-rating__icon {
  width: 32px;
  height: 32px
}

.leave-review__form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px
}

.leave-review__label {
  position: relative;
  flex: 0 1 calc(50% - 6px)
}

.leave-review__label--message {
  flex-basis: 100%
}

.leave-review__label--file {
  cursor: pointer;
  display: flex;
  align-items: center
}

.leave-review__icon-file {
  position: absolute;
  width: 24px;
  height: 24px;
  color: var(--melrose);
  right: 12px
}

.leave-review__btn {
  flex: 0 1 calc(50% - 6px)
}

.comfort {
  overflow: hidden;
  padding: 90px 0
}

.comfort--decor::before {
  position: absolute;
  content: "";
  background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
  width: 2590px;
  height: 630px;
  right: 0;
  top: 550px;
  -webkit-transform: rotate(-115deg);
  transform: rotate(-115deg);
  z-index: -1
}

.comfort__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px
}

.comfort__slider {
  overflow: visible !important
}

.comfort__slide {
  overflow: hidden;
  display: block;
  border-radius: 12px;
  width: 455px !important;
  height: 320px !important
}

.comfort__slide-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.comfort__scrollbar-wrapper {
  display: none;
  margin-top: 24px
}

.info {
  padding: 80px 0 90px 0;
  overflow: hidden
}

.info .head::before {
  top: 50px
}

.info__parent:not(:last-child) {
  margin-bottom: 90px
}

.info__parent-title {
  margin-bottom: 40px
}

.info__body {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.info__item {
  border-radius: 30px;
  padding: 20px 24px;
  background-color: #fff
}

.info__item-btn {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 30px
}

.info__item-btn._spoller-active .btn-circle {
  color: #fff;
  background-color: var(--melrose);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.info__item-number {
  display: block;
  background-color: var(--chalk);
  border-radius: 50px;
  padding: 10px 30px;
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  color: var(--portage)
}

.info__item-title {
  flex: 1;
  text-align: start
}

.info__skill {
  padding: 4px 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--orange);
  background-color: var(--peach);
  border-radius: 50px
}

.info__item-circle {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.info__spoller {
  padding: 30px 0 16px 120px
}

.info__spoller-item {
  margin-bottom: 30px
}

.info__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px
}

.info__list-item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 150%;
  padding-left: 18px
}

.info__list-item--download {
  padding-left: 0
}

.info__list-item--download a {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color .2s ease
}

.info__list-item--download span {
  max-width: calc(100% - 44px)
}

.info__list-item--download::before {
  display: none
}

.info__list-item::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid var(--orange);
  border-radius: 50%;
  left: 0
}

.info__spoller-nav {
  display: flex;
  gap: 24px
}

.info__spoller-nav .btn {
  padding-left: 28px;
  padding-right: 28px
}

.info__spoller-content {
  font-size: 16px;
  line-height: 150%
}

.info__spoller-content strong {
  font-weight: 600
}

.info__spoller-content a {
  font-weight: 600;
  color: var(--orange)
}

.info__spoller-icon {
  width: 36px;
  height: 36px;
  color: var(--orange);
  transition: color .2s ease
}

.policy {
  overflow: hidden;
  padding: 90px 0
}

.tax {
  overflow: hidden;
  padding: 90px 0
}

.tax__title {
  margin-bottom: 60px
}

.tax__form {
  display: flex;
  flex-direction: column;
  gap: 60px
}

.tax__form-title {
  margin-bottom: 24px
}

.tax__form-title span {
  color: var(--red)
}

.tax__form-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px
}

.tax__form-wrapper--check {
  gap: 40px;
  row-gap: 15px
}

.tax__form-cell {
  position: relative;
  flex: 1
}

.tax__form-cell--full {
  flex: 0 1 100%
}

.tax__form-cell--check {
  flex: none
}

.tax__form-cell--half {
  flex: 0 1 calc(50% - 8px)
}

.tax__form-cell--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 0
}

.tax__item-title {
  display: block;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 8px;
  width: 100%
}

.tax__item-title span {
  color: var(--red)
}

.tax__item-subcontent {
  display: block;
  font-size: 14px;
  line-height: 157%;
  letter-spacing: .02em;
  color: var(--manatee);
  margin-top: 8px
}

.tax__form-content {
  font-size: 16px;
  line-height: 150%;
  margin: 0 0 24px 0;
  max-width: 580px
}

.tax__client-title {
  font-size: 18px;
  line-height: 133%;
  margin-bottom: 16px
}

.tax__client-nav {
  display: flex;
  justify-content: end;
  gap: 16px;
  flex: 0 1 100%;
  margin-top: 16px
}

.tax__client-nav .btn {
  padding-left: 24px;
  padding-right: 24px
}

.tax__end-content {
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  text-align: center;
  margin: 0 0 24px 0
}

.tax__btn {
  width: 100%;
  padding: 25px;
  font-size: 18px;
  line-height: 111%
}

.tax__policy {
  text-align: center;
  margin-top: 24px
}

.contacts-main {
  overflow: hidden;
  padding-top: 90px
}

.contacts-main__body {
  position: relative;
  display: flex;
  gap: 24px
}

.contacts-main__info {
  flex: 0 1 440px;
  background-color: #fff;
  border-radius: 30px;
  padding: 40px
}

.contacts-main__list {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.contacts-main__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px
}

.contacts-main__item a {
  transition: color .2s ease
}

.contacts-main__item-title {
  display: block;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 4px;
  color: var(--manatee)
}

.contacts-main__item-value {
  font-weight: 500;
  font-size: 18px;
  line-height: 133%
}

.contacts-main__item-cricle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--orange-light)
}

.contacts-main__item-icon {
  width: 22px;
  height: 22px;
  color: var(--orange)
}

.contacts-main__social {
  gap: 12px
}

.contacts-main__social .social__btn {
  background-position: center left 35px
}

.contacts-main__social .social__wrapper-icon {
  width: 40px;
  height: 40px
}

.contacts-main__map {
  flex: 1;
  border-radius: 30px;
  border: 2px solid #fff;
  overflow: hidden
}

.contacts-main__gallery {
  flex: 0 1 290px;
  display: flex;
  flex-direction: column;
  gap: 24px
}

.contacts-main__gallery-img {
  width: 100%;
  height: calc(50% - 12px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: 20px
}

.contacts-main__wrapper-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  height: 210px;
  background-color: #fff
}

.contacts-main__logo {
  width: 175px
}

.requisites {
  padding-bottom: 90px
}

.requisites__body {
  position: relative;
  padding: 60px;
  border-radius: 30px;
  background-color: #fff
}

.requisites__corner {
  position: absolute;
  top: 0;
  right: 0
}

.requisites__corner .corner__body {
  width: 360px;
  height: 75px
}

.requisites__title {
  margin-bottom: 40px
}

.requisites__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px
}

.requisites__list {
  flex: 0 1 calc(50% - 28px);
  display: flex;
  flex-direction: column;
  gap: 12px
}

.requisites__item {
  display: flex;
  gap: 40px
}

.requisites__item-title {
  font-size: 16px;
  line-height: 150%;
  flex: 0 1 195px;
  color: var(--manatee)
}

.requisites__item-content {
  flex: 1;
  font-size: 18px;
  line-height: 133%;
  color: var(--gun-powder);
  transition: color .2s ease
}

.error-page {
  padding: 120px 0 140px 0
}

.error-page__title {
  margin: 32px 0 90px 0
}

.error-page__body {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  flex-wrap: wrap;
  padding: 100px 30px;
  gap: 80px;
  background-color: var(--chalk);
  border-radius: 30px;
  z-index: 1
}

.error-page__body::before {
  position: absolute;
  content: "";
  width: 2250px;
  height: 560px;
  background: url(assets/img/decor/decor-white.svg) 0 0/100% 100% no-repeat;
  bottom: -70px;
  left: -600px;
  -webkit-transform: rotate(-140deg);
  transform: rotate(-140deg);
  z-index: -1
}

.error-page__info {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  max-width: 500px
}

.error-page__number {
  font-weight: 500;
  font-size: 200px;
  text-align: center;
  color: var(--gun-powder)
}

.error-page__content {
  color: var(--gun-powder);
  font-size: 18px;
  line-height: 133%;
  text-align: center;
  margin: 0
}

.error-page__btn {
  padding-left: 28px;
  padding-right: 28px;
  text-align: center
}

.error-page__img {
  width: 515px
}

.error-page__corner {
  position: absolute
}

.error-page__corner--right {
  top: 0;
  right: 0
}

.error-page__corner--left {
  left: 0;
  bottom: 0
}

.error-page__corner .corner__body {
  width: 200px;
  height: 60px
}

.footer {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
  background: linear-gradient(90deg, #f6ebe5 0, #e7e0fc 100%);
  border-radius: 50px 50px 0 0;
  z-index: 10
}

.footer::before {
  position: absolute;
  content: "";
  background: url(assets/img/decor/footer-decor.png) 0 0/contain no-repeat;
  inset: 0;
  z-index: -1
}

.footer__body {
  position: relative;
  background-color: #fff;
  padding: 50px;
  border-radius: 40px
}

.footer__body-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px
}

.footer__contacts {
  flex: 0 1 300px
}

.footer__logo {
  display: block;
  width: 150px;
  margin-bottom: 32px
}

.footer__logo-img {
  width: 100%
}

.footer__contacts-list {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.footer__contacts-item {
  display: flex;
  gap: 12px
}

.footer__contacts-icon {
  width: 20px;
  height: 20px;
  color: var(--orange)
}

.footer__contacts-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 16px;
  line-height: 150%;
  color: var(--comet)
}

.footer__contacts-info a {
  transition: color .2s ease
}

.footer__nav {
  flex: 0 1 890px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}

.footer__nav-item {
  flex: 1
}

.footer__item-title {
  cursor: auto;
  margin-bottom: 20px
}

.footer__item-title span {
  color: var(--gun-powder)
}

.footer__item-arrow {
  display: none;
  width: 20px;
  height: 20px;
  color: var(--orange);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.footer__nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.footer__nav-list a {
  font-size: 16px;
  line-height: 150%;
  color: var(--comet);
  transition: color .2s ease
}

.footer__nav-btn-arrow {
  display: none;
  width: 20px;
  height: 20px;
  color: var(--orange)
}

.footer__social {
  position: absolute;
  left: 50px;
  bottom: 50px
}

.footer__bottom {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 8px
}

.footer__bottom-info {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.footer__content {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: var(--manatee)
}

.footer__bottom-logo {
  display: block;
  width: 135px;
  margin-left: auto
}

.footer__bottom-logo-img {
  width: 100%
}

@media (max-width:1600px) {
  .rating::before {
    display: block
  }

  /* .reviews--doctor {
    right: -400px;
    top: -443px
  } */

  .hero-main::before {
    width: 2410px;
    height: 600px;
    bottom: 15px;
    right: -450px
  }
}

@media (max-width:1439px) {
  .hero__decor {
    top: -100px
  }

  .hero__offer-content {
    font-size: 20px;
    max-width: 220px
  }

  .hero__title {
    font-size: 52px;
    max-width: 485px
  }

  .hero__img {
    width: 685px;
    margin-left: 195px
  }

  .hero__care {
    top: 105px;
    left: 280px
  }

  .hero__price {
    right: 50px
  }

  .connection__percent {
    left: 249px;
    bottom: 55px;
    font-size: 22px
  }

  .connection__discount {
    left: 30px;
    bottom: 20px;
    max-width: 180px
  }

  .connection__women {
    width: 120px;
    left: 300px;
    z-index: -2
  }

  .connection__doctor {
    left: 320px
  }

  .portfolio__head {
    max-width: 630px
  }

  .portfolio__body {
    gap: 0
  }

  .portfolio__slider {
    width: 545px
  }

  .portfolio__result {
    height: 320px
  }

  .advantages__item:first-child {
    flex-basis: 615px
  }

  .advantages__head .corner__body {
    padding-right: 30px
  }

  .reviews__nav {
    max-width: 815px
  }

  .contacts__main::before {
    right: 320px
  }

  .hero-main__main {
    flex: 1
  }

  .article__wrapper-img {
    width: 630px;
    height: 350px
  }
}

@media (max-width:1299px) {
  .burger__menu-list li {
    font-size: 14px
  }

  .doctor__gallery {
    height: 245px
  }

  .stock-card__img {
    height: 210px
  }

  .services__item {
    flex-basis: calc((100% - 405px)/ 2 - 23px)
  }

  .services__item._big {
    flex-basis: 405px
  }

  .connection__body {
    flex-direction: column
  }

  .connection__percent {
    left: auto;
    right: 265px;
    bottom: 120px;
    font-size: 38px
  }

  .connection__discount {
    left: auto;
    right: 175px
  }

  .connection__women {
    width: 240px;
    left: auto;
    right: 50px
  }

  .connection__doctor {
    left: auto;
    right: 50px
  }

  .portfolio__head {
    max-width: 70%
  }

  .portfolio__offer {
    position: static;
    margin: 40px auto 0 auto
  }

  .advantages__item {
    flex-basis: calc(50% - 12px)
  }

  .advantages__item .advantages__item-img {
    bottom: -100px
  }

  .advantages__item:first-child {
    flex-basis: 100%
  }

  .reviews__nav {
    max-width: none;
    justify-content: end;
    gap: 30px
  }

  .contacts__container {
    flex-wrap: wrap
  }

  .contacts__column:first-child {
    flex-basis: calc(50% - 12px)
  }

  .contacts__column:last-child {
    flex: none;
    width: 100%
  }

  .contacts__main {
    flex: 0 1 calc(50% - 12px)
  }

  .contacts__list {
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
  }

  .contacts__item {
    gap: 16px
  }

  .contacts__map {
    height: 350px;
    flex: none
  }

  .hero-main__container {
    flex-wrap: wrap
  }

  .hero-main__main {
    flex: 0 1 100%
  }

  .hero-main__middle-img {
    height: auto
  }

  .services-gallery__item {
    flex-basis: calc(50% - 12px)
  }

  .about-service__img {
    width: 440px;
    height: 390px
  }

  .services-category__btn {
    gap: 25px
  }

  .services-category__title {
    flex-basis: 180px
  }

  .services-category__price {
    padding-right: 25px;
    padding-left: 25px
  }

  .services-category__price-value {
    font-size: 22px
  }

  .trust__list {
    gap: 20px
  }

  .trust__item {
    padding: 20px;
    flex-basis: calc(25% - 15px)
  }

  .article__body {
    flex-wrap: wrap;
    justify-content: center
  }

  .article__info {
    flex: none;
    width: 100%
  }

  .questions__container {
    flex-wrap: wrap;
    gap: 30px
  }

  .questions__gallery {
    flex-basis: 100%
  }

  .questions__info {
    flex-basis: 100%
  }

  .questions__spoller-btn {
    width: 100%
  }

  .team__body {
    gap: 16px
  }

  .team__doctor {
    flex-basis: calc(25% - 12px)
  }

  .reviews-catalog__item-body {
    gap: 40px
  }

  .reviews-catalog__reviews-btn {
    width: 190px;
    height: 190px
  }

  .contacts-main__body {
    flex-wrap: wrap
  }

  .contacts-main__gallery {
    align-items: start;
    flex: none;
    flex-direction: row;
    width: 100%
  }

  .contacts-main__gallery-img {
    width: 290px;
    height: auto
  }

  .contacts-main__wrapper-logo {
    width: 290px
  }

  .requisites__wrapper {
    gap: 12px
  }

  .requisites__list {
    flex-basis: 100%
  }

  .error-page__body {
    gap: 30px
  }

  .error-page__img {
    width: 450px
  }

  .footer__social {
    position: static;
    margin-top: 30px
  }
}

@media (max-width:1109px) {
  .title-1 {
    font-size: 48px
  }

  .reviews__content {
    width: 100%
  }

  .title-2 {
    font-size: 32px
  }

  .title-3 {
    font-size: 22px
  }

  .burger {
    gap: 0;
    max-width: 400px;
    width: 100%;
    height: calc(100vh - 98px);
    padding-bottom: 0
  }

  .burger__wrapper--main {
    flex: none
  }

  .burger__wrapper--nav {
    display: block
  }

  .burger__wrapper {
    padding: 0;
    border-radius: 16px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    max-width: 400px;
    width: 100%;
    display: none;
    transition: visibility .4s ease, opacity .4s ease, -webkit-transform .4s ease;
    transition: visibility .4s ease, transform .4s ease, opacity .4s ease;
    transition: visibility .4s ease, transform .4s ease, opacity .4s ease, -webkit-transform .4s ease
  }

  .burger__wrapper.open {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    padding: 25px
  }

  .burger__title {
    font-size: 28px;
    margin-bottom: 20px
  }

  .burger__title {
    display: none
  }

  .burger__menu-btn {
    display: flex
  }

  .burger__sidebar-list {
    gap: 15px
  }

  .burger__sidebar-list {
    gap: 0
  }

  .burger__sidebar-list li a {
    border-bottom: 1px solid var(--whisper)
  }

  .burger__sidebar-list a {
    font-size: 18px;
    padding: 18px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 133%
  }

  .burger__menu-body {
    gap: 20px
  }

  .burger__menu-item-btn {
    display: flex
  }

  .burger__menu-item {
    flex-basis: calc(33% - 12px)
  }

  .burger__menu-item {
    display: none;
    flex: none;
    width: 100%
  }

  .burger__menu-item.open {
    display: block
  }

  .burger__menu-title {
    display: none
  }

  .burger__menu-item-arrow {
    display: block
  }

  .burger__menu-list li {
    font-size: 18px;
    line-height: 133%
  }

  .burger__menu-list li:not(:last-child) a {
    border-bottom: 1px solid var(--whisper)
  }

  .burger__menu-list a {
    padding: 18px 0
  }

  .social {
    gap: 14px
  }

  .social__icon {
    width: 18px;
    height: 18px
  }

  .social__main {
    font-size: 12px
  }

  .body-info {
    padding: 80px 30px
  }

  .wrapper-content h2 {
    font-size: 32px
  }

  .wrapper-content h3 {
    font-size: 22px
  }

  .header__menu {
    gap: 20px
  }

  .header__list {
    gap: 15px
  }

  .header__list a {
    font-size: 14px
  }

  .header__logo {
    width: 200px
  }

  .header__contacts {
    gap: 20px
  }

  .hero__title {
    font-size: 46px;
    max-width: 425px
  }

  .hero__img {
    margin-left: 170px
  }

  .hero__care {
    top: 160px;
    left: 235px
  }

  .hero__price {
    right: 30px
  }

  .connection__percent {
    right: 170px;
    font-size: 32px
  }

  .connection__discount {
    display: none
  }

  .portfolio__body {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 20px
  }

  .portfolio__info {
    flex: none;
    width: 100%
  }

  .portfolio__info-list {
    justify-content: start
  }

  .reviews__head .corner__body {
    padding-right: 30px
  }

  .services-gallery {
    border-radius: 40px
  }

  .services-category__btn {
    flex-wrap: wrap
  }

  .services-category__title {
    flex-basis: calc(100% - 165px)
  }

  .trust__item {
    flex-basis: calc(33% - 11px)
  }

  .team__doctor {
    flex-basis: calc(33% - 8px)
  }

  .reviews-catalog__item {
    flex-wrap: wrap
  }

  .reviews-catalog__item-body {
    flex: 0 1 100%;
    border-radius: 40px;
    padding: 20px
  }

  .reviews-catalog__doctors {
    margin-top: 0;
    border-radius: 40px;
    flex: 1;
    padding: 20px;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap
  }

  .reviews-catalog__doctors::before {
    display: none
  }

  .linear__circle {
    top: -70px
  }

  .linear__circle-body {
    width: 140px;
    height: 140px
  }

  .linear__circle-body::after,
  .linear__circle-body::before {
    height: 49px;
    width: 74px
  }

  .linear__circle-body::before {
    left: -49px;
    -webkit-transform: rotate(180deg) scale(1, -1) translateY(22px);
    transform: rotate(180deg) scale(1, -1) translateY(22px)
  }

  .linear__circle-body::after {
    right: -50px;
    -webkit-transform: rotate(-180deg) scale(-1, -1) translateY(24px);
    transform: rotate(-180deg) scale(-1, -1) translateY(24px)
  }

  .linear__circle-wrapper {
    width: 130px;
    height: 130px
  }

  .linear__body {
    padding: 30px
  }

  .linear__body::before {
    left: -200px
  }

  .error-page__number {
    font-size: 180px
  }
}

@media (max-width:992px) {
  .title-1 {
    font-size: 38px
  }

  .title-2 {
    font-size: 28px
  }

  .subtitle {
    font-size: 18px;
    line-height: 133%
  }

  .burger {
    margin-top: 80px
  }

  .burger__wrapper.open {
    padding: 16px 20px 25px 20px
  }

  .burger__menu-list {
    gap: 0
  }

  .burger__contacts {
    display: block
  }

  .doctor {
    padding: 20px;
    width: 310px !important;
    border-radius: 20px
  }

  .doctor__gallery {
    height: 270px
  }

  .doctor__btn {
    max-width: none
  }

  .stock-card {
    flex-basis: calc(50% - 12px)
  }

  .wrapper-content h2 {
    font-size: 28px
  }

  .header__body {
    flex-direction: row-reverse
  }

  .header__social {
    display: none
  }

  .header__nav {
    display: none
  }

  .header__contacts {
    display: none
  }

  .hero {
    padding-bottom: 90px
  }

  .hero__body {
    display: flex;
    flex-direction: column
  }

  .hero__main-section {
    min-height: auto;
    padding-top: 40px;
    border-radius: 20px
  }

  .hero__logo .corner__body {
    padding: 8px 10px
  }

  .hero__logo-img {
    width: 150px
  }

  .hero__offer {
    position: static;
    max-width: none;
    margin-top: 24px
  }

  .hero__offer .corner__body {
    padding: 0
  }

  .hero__offer .corner__body::after,
  .hero__offer .corner__body::before {
    display: none
  }

  .hero__main {
    position: static;
    margin-top: 24px
  }

  .hero__main .corner__body {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
  }

  .hero__main .corner__body::after,
  .hero__main .corner__body::before {
    display: none
  }

  .hero__title {
    font-size: 40px;
    max-width: none
  }

  .hero__buttons {
    position: static;
    margin-top: 24px;
    max-width: 350px
  }

  .hero__buttons .corner__body {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
  }

  .hero__img {
    margin: 0 auto
  }

  .hero__care {
    display: none
  }

  .hero__price {
    right: 15px;
    bottom: 15px;
    padding: 12px 8px;
    font-size: 14px;
    max-width: 180px
  }

  .services__item {
    flex-basis: calc(33% - 13px) !important
  }

  .services__item-info {
    padding: 15px
  }

  .services__item-img {
    display: none
  }

  .connection__percent {
    bottom: auto;
    top: 240px
  }

  .connection__women {
    bottom: 170px;
    width: 205px
  }

  .connection__doctor {
    bottom: 190px
  }

  .connection__wrapper-form {
    max-width: none
  }

  .rating__body {
    flex-wrap: wrap
  }

  .rating__item {
    flex-basis: calc(50% - 12px)
  }

  .reviews__title {
    max-width: 200px
  }

  .services-gallery__container {
    gap: 20px
  }

  .services-gallery__item {
    flex-basis: 100%
  }

  .about-service__body {
    flex-wrap: wrap;
    gap: 35px;
    background-color: #fff;
    padding: 30px;
    border-radius: 20px
  }

  .about-service__info {
    padding: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    flex: none;
    width: 100%;
    margin-top: 0
  }

  .about-service__info::before {
    display: none
  }

  .about-service__wrapper-img {
    padding: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    width: 100%
  }

  .about-service__wrapper-img::before {
    display: none !important
  }

  .about-service__img {
    width: 100%;
    height: auto
  }

  .services-category__img {
    width: 120px;
    height: 60px
  }

  .trust__item {
    flex-basis: calc(50% - 10px)
  }

  .article__content {
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 16px
  }

  .article__wrapper-img {
    height: auto
  }

  .article__profile {
    left: 0
  }

  .article__profile-body::before {
    right: auto;
    left: 0
  }

  .article__img {
    height: auto
  }

  .prices__item {
    flex-wrap: wrap;
    gap: 16px;
    border-radius: 16px
  }

  .prices__item-title {
    flex: 0 1 100%
  }

  .team__body {
    justify-content: center
  }

  .team__doctor {
    flex-basis: 310px
  }

  .stocks::after {
    width: 1230px;
    height: 300px;
    bottom: -150px;
    left: auto;
    right: -640px;
    -webkit-transform: rotate(125deg);
    transform: rotate(125deg)
  }

  .linear__body::before {
    left: -280px
  }

  .contacts-main__info {
    flex-basis: calc(50% - 12px)
  }

  .error-page__number {
    font-size: 150px
  }

  .footer__body {
    padding: 35px
  }

  .footer__body-wrapper {
    flex-wrap: wrap
  }

  .footer__contacts {
    flex-basis: 100%
  }

  .footer__contacts-list {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
    row-gap: 8px
  }
}

@media (max-width:992px)and (max-width:743px) {
  .burger {
    margin-top: 65px
  }
}

@media (max-width:743px) {
  .btn-circle {
    width: 32px;
    height: 32px
  }

  .btn-circle__arrow {
    width: 14px;
    height: 14px
  }

  .title-1 {
    font-size: 32px;
    line-height: 112%
  }

  .title-2 {
    font-size: 24px;
    line-height: 125%
  }

  .title-3 {
    font-size: 20px;
    line-height: 133%
  }

  .wrapper-form {
    -webkit-mask: url(assets/img/elements/corner-top-right-mobile.png);
    mask: url(assets/img/elements/corner-top-right-mobile.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    padding: 16px 10px
  }

  .corner__body::after,
  .corner__body::before {
    width: 20px;
    height: 20px
  }

  .corner__body--mini::after,
  .corner__body--mini::before {
    width: 14px;
    height: 14px
  }

  .corner--right-bottom .corner__body {
    border-radius: 0 0 20px 0
  }

  .corner--right-bottom .corner__body::before {
    bottom: -19px
  }

  .corner--right-bottom .corner__body::after {
    right: -19px
  }

  .corner--right-bottom .corner__body--mini::before {
    bottom: -14px
  }

  .corner--right-bottom .corner__body--mini::after {
    right: -14px
  }

  .corner--left-bottom .corner__body {
    border-radius: 0 0 0 20px
  }

  .corner--left-bottom .corner__body::before {
    left: -20px
  }

  .corner--left-bottom .corner__body::after {
    bottom: -20px
  }

  .corner--left-bottom .corner__body--mini::before {
    left: -14px
  }

  .corner--left-bottom .corner__body--mini::after {
    bottom: -14px
  }

  .corner--right-top .corner__body {
    border-radius: 0 20px 0 0
  }

  .corner--right-top .corner__body::before {
    top: -20px
  }

  .corner--right-top .corner__body::after {
    right: -20px
  }

  .corner--right-top .corner__body--mini::before {
    top: -14px
  }

  .corner--right-top .corner__body--mini::after {
    right: -14px
  }

  .corner--left-top .corner__body {
    border-radius: 20px 0 0 0
  }

  .corner--left-top .corner__body::before {
    top: -20px
  }

  .corner--left-top .corner__body::after {
    left: -20px
  }

  .burger__overlay-wrapper::before {
    width: 1250px;
    height: 315px;
    right: -465px;
    top: auto;
    bottom: 35px;
    -webkit-transform: rotate(-123deg);
    transform: rotate(-123deg)
  }

  .burger__overlay-wrapper::after {
    display: none
  }

  .modal__window {
    padding: 24px;
    border-radius: 20px
  }

  .star-rating {
    gap: 1px
  }

  .star-rating__icon {
    width: 16px;
    height: 16px
  }

  .doctor-name {
    padding: 4px 8px;
    gap: 8px;
    font-size: 12px;
    line-height: 150%
  }

  .doctor-name__icon {
    width: 14px;
    height: 14px
  }

  .breadcrumbs li {
    font-size: 12px;
    line-height: 150%
  }

  .btn-more {
    font-size: 14px;
    line-height: 114%
  }

  .more[data-lines="2"] {
    -webkit-line-clamp: 3
  }

  .wrapper-section .section:last-child {
    padding-top: 40px
  }

  .wrapper-section {
    padding: 40px 0;
    border-radius: 30px
  }

  .wrapper-section--bottom {
    padding-top: 0;
    border-radius: 0 0 30px 30px
  }

  .doctor {
    font-size: 18px
  }

  .nav {
    gap: 8px;
    margin-bottom: 24px
  }

  .nav__btn {
    padding: 8px 22px;
    font-size: 14px;
    line-height: 143%
  }

  .old-price {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 143%
  }

  .old-price--mini {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 150%
  }

  .old-price::before {
    left: 16px;
    right: 16px
  }

  .current-price {
    padding: 8px 24px;
    font-size: 20px;
    line-height: 130%
  }

  .current-price--mini {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 133%
  }

  .stock-card__btn .corner__body {
    padding: 0 0 8px 8px
  }

  .stock-card__wrapper-img {
    margin-bottom: 16px
  }

  .stock-card__img {
    height: 180px;
    border-radius: 20px
  }

  .stock-card__discounts .corner__body {
    padding: 12px 18px 0 0
  }

  .stock-card__title {
    margin-bottom: 8px
  }

  .stock-card__content {
    margin-bottom: 8px
  }

  .head {
    min-height: auto;
    padding-bottom: 60px
  }

  .head__title {
    margin-top: 16px
  }

  .head__btn {
    margin-top: 16px
  }

  .head__content {
    font-size: 14px;
    line-height: 143%
  }

  .head__content a {
    font-weight: 500
  }

  .head::before {
    width: 620px;
    height: 245px;
    right: -300px;
    top: -5px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  .head__more {
    margin: 12px 0
  }

  .body-info {
    padding: 60px 16px
  }

  .body-info__corner--right {
    border-radius: 0 0 0 20px
  }

  .body-info__corner--let {
    border-radius: 0 20px 0 0
  }

  .body-info__corner .corner__body {
    width: 133px;
    height: 40px
  }

  .wrapper-content {
    font-size: 14px;
    line-height: 143%
  }

  .wrapper-content h2 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 8px
  }

  .wrapper-content h2:not(:first-child) {
    margin-top: 24px
  }

  .wrapper-content h3 {
    font-size: 20px;
    line-height: 133%;
    margin: 24px 0 8px 0
  }

  .modal-connect__title {
    text-align: left
  }

  .modal-connect__content {
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 24px
  }

  .fixed-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14px 12px 20px 12px;
    box-shadow: 0 -4px 10px 0 rgba(205, 200, 211, .29);
    background-color: #fff;
    z-index: 30
  }

  .fixed-menu__social {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    flex-direction: row;
    bottom: 0;
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: 14px;
    visibility: hidden;
    opacity: 0;
    transition: bottom .4s ease-in-out, opacity .4s ease-in-out, visibility .4s ease-in-out;
    z-index: -1
  }

  .fixed-menu__social.open {
    bottom: 112px;
    z-index: 20;
    visibility: visible;
    opacity: 1
  }

  .fixed-menu__social-btn {
    width: 52px;
    height: 52px
  }

  .fixed-menu__social-btn:nth-child(2) {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  .fixed-menu__social-btn-modal {
    display: none
  }

  .fixed-menu__list {
    display: flex
  }

  .header__logo {
    width: 160px
  }

  .hero {
    padding: 90px 0 40px 0
  }

  .hero__decor {
    top: -180px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    width: 800px;
    left: -210px
  }

  .hero__logo-img {
    width: 100px
  }

  .hero__offer-body {
    padding: 15px
  }

  .hero__offer-content {
    font-size: 18px;
    line-height: 133%;
    max-width: 200px
  }

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

  .hero__title {
    font-size: 34px;
    line-height: 112%;
    margin-bottom: 15px
  }

  .hero__main-content {
    font-size: 14px;
    line-height: 143%;
    max-width: 255px
  }

  .hero__price {
    font-size: 12px;
    max-width: 140px
  }

  .services__container {
    gap: 20px
  }

  .services__item {
    flex-basis: calc(50% - 10px) !important
  }

  .services__item-info {
    gap: 20px
  }

  .services__icon {
    width: 60px;
    height: 60px
  }

  .services__item-corner .corner__body {
    padding: 0 0 8px 8px
  }

  .services__item-circle {
    width: 32px;
    height: 32px
  }

  .services__item-arrow {
    width: 14px;
    height: 14px
  }

  .connection._bottom {
    padding-bottom: 40px
  }

  .connection._mobile-decor {
    overflow: hidden
  }

  .connection._mobile-decor::before {
    position: absolute;
    content: "";
    width: 1230px;
    height: 300px;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
    top: 200px;
    left: -405px;
    background: url(assets/img/decor/decor.svg) 0 0/100% 100% no-repeat;
    z-index: -1
  }

  .connection--app .connection__content {
    max-width: 210px
  }

  .connection--app {
    padding-bottom: 40px
  }

  .connection__body {
    gap: 30px;
    padding: 20px;
    border-radius: 20px
  }

  .connection__decor {
    width: 850px;
    top: 145px;
    left: -330px
  }

  .connection__percent {
    right: 150px
  }

  .connection__women {
    width: 200px;
    right: 0;
    bottom: 230px
  }

  .connection__corner .corner__body {
    width: 120px;
    height: 40px
  }

  .connection__content {
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 24px
  }

  .connection__social {
    flex-direction: column;
    align-items: start
  }

  .connection__form-title {
    max-width: 250px
  }

  .connection__form {
    gap: 12px
  }

  .connection__form-label {
    flex-basis: calc(50% - 7px)
  }

  .connection__form-btn {
    flex: 0 1 400px
  }

  .our-doctors {
    padding: 40px 0;
    border-radius: 0 0 30px 30px
  }

  .our-doctors--clean {
    padding: 0
  }

  .our-doctors::before {
    width: 1230px;
    height: 300px;
    -webkit-transform: rotate(-123deg) scale(-1, 1);
    transform: rotate(-123deg) scale(-1, 1);
    bottom: 65px;
    right: -150px
  }

  .our-doctors__head {
    margin-bottom: 24px
  }

  .our-doctors__scrollbar-wrapper {
    display: block
  }

  .portfolio {
    padding-bottom: 40px
  }

  .portfolio__head {
    max-width: none
  }

  .portfolio__head .corner__body {
    padding: 20px 20px 16px 20px;
    border-radius: 20px 20px 0 0
  }

  .portfolio__head .corner__body::after {
    display: none
  }

  .portfolio__title {
    margin-bottom: 8px
  }

  .portfolio__content {
    font-size: 14px;
    line-height: 143%
  }

  .portfolio__body {
    border-radius: 0 0 20px 20px;
    padding: 0 20px 20px 20px
  }

  .portfolio__slider {
    width: 500px;
    border-radius: 16px
  }

  .portfolio__result {
    height: 290px
  }

  .portfolio__info {
    padding: 16px 0 0 0
  }

  .portfolio__info-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 16px
  }

  .portfolio__doctor {
    margin-bottom: 16px
  }

  .portfolio__info-list {
    row-gap: 8px
  }

  .portfolio__info-item-title {
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 4px
  }

  .portfolio__info-item-content {
    font-size: 14px;
    line-height: 143%
  }

  .portfolio__info-item-btn {
    font-size: 14px;
    line-height: 114%
  }

  .portfolio__nav {
    display: none
  }

  .portfolio__scrollbar-wrapper {
    display: block
  }

  .portfolio__offer {
    border-radius: 20px
  }

  .portfolio__offer-body {
    padding: 16px
  }

  .portfolio__offer-body::after {
    width: 215px;
    height: 115px;
    right: -30px;
    top: 60px;
    -webkit-filter: blur(45px);
    filter: blur(45px)
  }

  .portfolio__offer-title {
    font-size: 18px;
    line-height: 133%
  }

  .portfolio__offer-img {
    width: 160px
  }

  .advantages {
    border-radius: 30px;
    padding: 40px 0
  }

  .advantages__body {
    gap: 12px
  }

  .advantages__item {
    min-height: 375px;
    padding: 20px;
    flex-basis: calc(50% - 6px);
    border-radius: 20px
  }

  .advantages__item:first-child {
    border-radius: 0 20px 20px 20px
  }

  .advantages__item .advantages__item-img {
    bottom: -80px
  }

  .advantages__item:first-child {
    padding: 20px
  }

  .advantages__item:first-child::before {
    right: 160px
  }

  .advantages__item:nth-child(2n)::before {
    top: 180px
  }

  .advantages__head .corner__body {
    padding: 0 10px 10px 0;
    border-radius: 0 0 20px 0
  }

  .advantages__title {
    max-width: 190px
  }

  .advantages__title--technology {
    max-width: 235px
  }

  .advantages__item-info {
    max-width: 250px
  }

  .advantages__video-btn {
    margin-top: 16px
  }

  .rating::before {
    display: none
  }

  .rating {
    padding: 40px 0
  }

  .rating--rotate::before {
    width: 1230px;
    height: 300px;
    bottom: 30px;
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
    right: -270px;
    display: block
  }

  .rating--about {
    overflow: hidden
  }

  .rating--about::before {
    display: block;
    width: 1230px;
    height: 300px;
    left: -470px;
    bottom: 120px;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg)
  }

  .rating__title {
    margin-bottom: 24px
  }

  .rating__item {
    padding: 16px;
    border-radius: 20px 0 20px 20px
  }

  .rating__number .corner__body {
    padding: 0 0 14px 14px
  }

  .rating__circle {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 143%
  }

  .rating__icon {
    width: 140px
  }

  .rating__reviews {
    font-size: 14px;
    line-height: 143%
  }

  .reviews {
    padding-bottom: 40px
  }

  .reviews--doctor::before {
    width: 1230px;
    height: 300px;
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);
    bottom: 190px
  }

  .reviews__body {
    padding: 20px;
    background-size: 180px 160px;
    background-position: right 8px top -17px;
    border-radius: 20px
  }

  .reviews__head .corner__body {
    padding: 0 24px 10px 0
  }

  .reviews__title {
    max-width: 175px
  }

  .reviews__nav {
    display: none
  }

  .reviews__slider {
    margin-top: 0
  }

  .reviews__slide {
    padding-top: 75px
  }

  .reviews__img {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 0;
    right: 0
  }

  .reviews__info-head {
    gap: 16px
  }

  .reviews__date {
    margin-bottom: 4px
  }

  .reviews__content {
    font-size: 14px;
    line-height: 143%
  }

  .reviews__info-footer {
    margin-top: 20px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .reviews__scrollbar-wrapper {
    display: block
  }

  .contacts {
    padding: 40px 0;
    border-radius: 30px;
    margin-bottom: 40px
  }

  .contacts__column:first-child {
    display: none
  }

  .contacts__wrapper-logo {
    border-radius: 20px
  }

  .contacts__wrapper-content {
    border-radius: 20px
  }

  .contacts__main {
    padding: 20px;
    flex-basis: 100%;
    min-height: auto;
    border-radius: 20px
  }

  .contacts__main::before {
    right: 130px;
    -webkit-filter: blur(45px);
    filter: blur(45px)
  }

  .contacts__title {
    margin-bottom: 16px;
    max-width: 265px
  }

  .contacts__content-main {
    margin-bottom: 16px;
    max-width: 265px
  }

  .contacts__list {
    gap: 16px;
    padding: 20px;
    border-radius: 20px
  }

  .contacts__item {
    flex: 0 1 calc(50% - 8px)
  }

  .contacts__map {
    height: 250px;
    border-radius: 20px
  }

  .hero-main::before {
    width: 1230px;
    height: 300px;
    bottom: 130px;
    right: -470px;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg)
  }

  .hero-main {
    padding: 90px 0 40px 0
  }

  .hero-main__container {
    gap: 16px
  }

  .hero-main__main {
    padding: 20px;
    border-radius: 20px;
    background-size: 80px auto;
    background-position: right -10px bottom -13px
  }

  .hero-main__head {
    margin-bottom: 16px
  }

  .hero-main__price {
    font-size: 16px;
    line-height: 150%;
    padding: 6px 16px;
    margin-top: 12px
  }

  .hero-main__skill {
    margin-top: 12px;
    padding: 6px 16px
  }

  .hero-main__term {
    margin-top: 12px
  }

  .hero-main__title {
    margin-bottom: 12px
  }

  .hero-main__content {
    font-size: 14px;
    line-height: 143%
  }

  .hero-main__footer {
    gap: 12px;
    padding-top: 10px;
    margin-top: 16px
  }

  .hero-main__footer--price {
    gap: 40px
  }

  .hero-main__footer-img {
    width: 54px
  }

  .hero-main__footer-title {
    font-size: 12px;
    line-height: 150%
  }

  .hero-main__footer-content {
    font-size: 14px;
    line-height: 143%
  }

  .hero-main__footer-price {
    font-size: 20px;
    line-height: 130%
  }

  .hero-main__middle {
    max-width: 100%
  }

  .hero-main__middle--price .hero-main__middle-info {
    display: block
  }

  .hero-main__middle-img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
  }

  .hero-main__middle-info {
    display: none;
    margin-top: 16px
  }

  .hero-main__middle-title {
    margin-bottom: 8px
  }

  .hero-main__middle-content {
    font-size: 12px;
    line-height: 150%
  }

  .hero-main__middle-icon {
    width: 92px
  }

  .hero-main__contacts {
    padding: 20px;
    border-radius: 20px
  }

  .services-gallery {
    padding: 40px 0;
    border-radius: 20px
  }

  .services-gallery__item {
    border-radius: 16px
  }

  .services-gallery__item--main {
    padding: 16px;
    gap: 8px
  }

  .services-gallery__item-corner .corner__body {
    padding: 0 0 8px 8px
  }

  .services-gallery__info {
    padding: 16px 5px 16px 16px
  }

  .services-gallery__img {
    border-radius: 16px
  }

  .services-gallery__content {
    margin-bottom: 16px
  }

  .about-service--decor::before {
    width: 1230px;
    height: 300px;
    top: 215px;
    right: -230px;
    -webkit-transform: rotate(-105deg);
    transform: rotate(-105deg)
  }

  .about-service {
    padding: 40px 0 20px 0
  }

  .about-service__body {
    padding: 20px
  }

  .about-service__title {
    margin-bottom: 8px
  }

  .about-service__content {
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 16px
  }

  .about-service__img {
    border-radius: 16px
  }

  .consultation__title {
    max-width: 200px;
    padding: 0;
    background-color: transparent;
    margin-bottom: 8px
  }

  .consultation__content {
    max-width: 290px;
    margin-bottom: 16px
  }

  .consultation__form {
    gap: 12px
  }

  .consultation__form-label {
    flex-basis: calc(50% - 7px)
  }

  .consultation__form-btn {
    flex: 0 1 400px
  }

  .services-category {
    border-radius: 30px;
    padding: 40px 0
  }

  .services-category__btn {
    gap: 16px;
    padding: 16px;
    border-radius: 16px
  }

  .services-category__img {
    border-radius: 16px;
    width: 90px;
    height: 44px
  }

  .services-category__content {
    font-size: 14px;
    line-height: 143%
  }

  .services-category__nav {
    background-size: 20px 21px;
    background-position: center right 49px;
    gap: 14px
  }

  .services-category__price {
    padding: 5px 20px
  }

  .services-category__price-title {
    font-size: 12px;
    line-height: 150%
  }

  .services-category__price-value {
    font-size: 20px;
    line-height: 130%
  }

  .services-category__nav-btn {
    width: 52px;
    height: 52px
  }

  .services-category__arrow {
    width: 10px;
    height: 12px
  }

  .trust {
    padding: 40px 0
  }

  .trust--decor {
    overflow: hidden
  }

  .trust--decor::before {
    width: 1230px;
    height: 300px;
    -webkit-transform: rotate(-104deg);
    transform: rotate(-104deg);
    top: 300px;
    right: -245px;
    top: auto;
    bottom: 160px
  }

  .trust__title {
    margin-bottom: 24px
  }

  .trust__list {
    gap: 16px
  }

  .trust__item {
    flex-basis: calc(50% - 8px);
    border-radius: 16px 0 16px 16px;
    padding: 16px;
    min-height: auto
  }

  .article {
    border-radius: 30px;
    padding: 40px 0
  }

  .article__body {
    gap: 30px
  }

  .article__profile {
    padding: 0 14px 14px 0;
    border-radius: 0 0 32px 0
  }

  .article__profile-body {
    padding-right: 8px;
    max-width: 200px
  }

  .article__profile-body::after,
  .article__profile-body::before {
    width: 20px;
    height: 20px
  }

  .article__profile-body::before {
    bottom: -20px
  }

  .article__profile-body::after {
    right: -20px
  }

  .article__avatar {
    width: 44px;
    height: 44px
  }

  .article__profile-content {
    font-size: 12px;
    line-height: 150%
  }

  .article__img {
    border-radius: 20px
  }

  .prices {
    padding-bottom: 40px
  }

  .prices__title {
    margin-bottom: 24px
  }

  .prices__item {
    padding: 16px;
    row-gap: 16px;
    gap: 8px
  }

  .questions__container {
    gap: 24px
  }

  .questions__gallery {
    min-height: 290px;
    border-radius: 0 20px 20px 20px
  }

  .questions__gallery::before {
    width: 1190px;
    height: 465px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: -460px;
    bottom: -190px
  }

  .questions__head .corner__body {
    padding: 0 2px 10px 0
  }

  .questions__title {
    max-width: 240px
  }

  .questions__logo {
    width: 75px;
    right: 12px;
    top: 12px
  }

  .questions__img {
    width: 212px
  }

  .questions__gallery-question {
    font-size: 13px;
    line-height: 115%;
    max-width: 150px;
    background-size: 62px auto;
    background-position: center right -14px;
    left: 20px;
    top: 90px
  }

  .questions__search {
    padding: 0 4px;
    gap: 4px;
    width: 100%;
    left: 25px;
    top: 140px
  }

  .questions__search span {
    font-size: 9px;
    line-height: 222%
  }

  .questions__search-icon {
    width: 12px;
    height: 12px
  }

  .questions__question-simple {
    font-size: 10px;
    line-height: 140%;
    padding: 6px 12px
  }

  .questions__question-simple--methods {
    left: 10px;
    bottom: 50px
  }

  .questions__question-simple--price {
    top: 150px;
    right: 10px
  }

  .questions__question-simple--visiting {
    bottom: 15px;
    right: 15px
  }

  .questions__gallery-btn {
    position: static;
    max-width: 400px;
    width: 100%;
    margin: 0 auto
  }

  .questions__spoller {
    padding: 16px;
    border-radius: 16px
  }

  .questions__spoller-btn {
    gap: 0
  }

  .questions__spoller-title {
    max-width: calc(100% - 40px)
  }

  .questions__spoller-content {
    font-size: 14px;
    line-height: 143%
  }

  .team {
    overflow: hidden
  }

  .team::before {
    width: 620px;
    height: 145px;
    top: 80px;
    right: -300px
  }

  .team::after {
    width: 1020px;
    height: 300px;
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
    bottom: -280px
  }

  .team__title {
    margin: 16px 0 40px 0
  }

  .education {
    border-radius: 30px;
    padding: 40px 0
  }

  .education__title {
    margin-bottom: 24px
  }

  .education__item {
    border-radius: 20px;
    padding: 16px;
    gap: 16px
  }

  .education__year {
    font-size: 20px;
    line-height: 130%;
    padding: 8px 24px
  }

  .education__content {
    font-size: 18px;
    line-height: 133%
  }

  .certificates {
    padding: 40px 0
  }

  .certificates--bottom-padding {
    padding-top: 0
  }

  .certificates__head {
    margin-bottom: 24px
  }

  .certificates__slide {
    width: 310px !important
  }

  .manipulations {
    padding-bottom: 40px
  }

  .manipulations__item {
    flex-wrap: wrap;
    border-radius: 16px;
    padding: 16px;
    gap: 8px;
    row-gap: 20px
  }

  .manipulations__item-title {
    flex: 0 1 100%;
    font-size: 18px;
    line-height: 133%
  }

  .discount {
    padding: 40px 0
  }

  .discount__head {
    margin-bottom: 24px
  }

  .stocks {
    padding-bottom: 40px
  }

  .reviews-catalog__item-body {
    border-radius: 20px
  }

  .reviews-catalog__item-body::before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-size: 185px auto;
    background-position: top -10px left -45px
  }

  .reviews-catalog__reviews-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100px;
    height: 100px
  }

  .reviews-catalog__wrapper-icon {
    width: 34px;
    height: 34px
  }

  .reviews-catalog__video-icon {
    width: 15px;
    height: 15px
  }

  .reviews-catalog__head {
    flex-direction: column-reverse;
    gap: 8px;
    margin-bottom: 12px
  }

  .reviews-catalog__head-info {
    max-width: 160px
  }

  .reviews-catalog__date {
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 12px
  }

  .reviews-catalog__rating .star-rating__icon {
    width: 16px;
    height: 16px
  }

  .reviews-catalog__item-content {
    font-size: 14px;
    line-height: 143%
  }

  .reviews-catalog__doctors {
    border-radius: 20px
  }

  .linear {
    padding: 50px 0 30px 0
  }

  .linear__body {
    padding: 90px 20px 20px 20px;
    border-radius: 20px
  }

  .linear__body::before {
    bottom: 0;
    right: 0;
    left: auto;
    width: 1290px
  }

  .linear__body::after {
    left: -640px
  }

  .linear__info {
    border-radius: 16px 16px 0 16px;
    padding: 16px 14px;
    background-color: #fff;
    padding: 32px;
    border-radius: 30px 30px 0 30px;
    -webkit-mask: url(assets/img/elements/consultation-mask.png);
    mask: url(assets/img/elements/consultation-mask.png);
    -webkit-mask-size: 100% auto;
    mask-size: 100% 100%;
  }

  .linear__info-body {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }

  .leave-review__title {
    max-width: 185px;
    margin-bottom: 16px
  }

  .leave-review__rating {
    margin-bottom: 16px
  }

  .leave-review__rating .star-rating__icon {
    width: 26px;
    height: 26px
  }

  .leave-review__label {
    flex-basis: 100%
  }

  .leave-review__btn {
    flex-basis: 100%
  }

  .comfort--decor::before {
    display: none
  }

  .comfort {
    padding: 40px 0
  }

  .comfort__head {
    margin-bottom: 24px
  }

  .info {
    padding-bottom: 40px
  }

  .info__parent:not(:last-child) {
    margin-bottom: 40px
  }

  .info__parent-title {
    margin-bottom: 24px
  }

  .info__item {
    padding: 16px;
    border-radius: 20px
  }

  .info__item-btn {
    flex-wrap: wrap;
    gap: 8px
  }

  .info__item-number {
    font-size: 20px;
    line-height: 130%;
    padding: 8px 16px
  }

  .info__item-title {
    order: 3;
    flex: 0 1 100%
  }

  .info__skill {
    order: 4
  }

  .info__item-circle {
    margin-left: auto
  }

  .info__spoller {
    padding: 24px 0 0 0
  }

  .info__spoller-item {
    margin-bottom: 24px
  }

  .info__list {
    margin-top: 12px;
    gap: 8px
  }

  .info__list-item {
    font-size: 14px;
    line-height: 143%
  }

  .info__list-item--download span {
    max-width: calc(100% - 40px)
  }

  .info__spoller-content {
    font-size: 14px;
    line-height: 143%
  }

  .info__spoller-icon {
    width: 32px;
    height: 32px
  }

  .policy {
    padding-bottom: 40px
  }

  .tax {
    padding-bottom: 40px
  }

  .tax__title {
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 130%
  }

  .tax__form {
    gap: 32px
  }

  .tax__form-title {
    margin-bottom: 16px
  }

  .tax__form-wrapper {
    gap: 12px
  }

  .tax__form-wrapper--check {
    gap: 16px;
    row-gap: 12px
  }

  .tax__form-cell {
    flex: 0 1 calc(50% - 6px)
  }

  .tax__form-content {
    font-size: 14px;
    line-height: 143%
  }

  .tax__client-title {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 14px
  }

  .tax__client-nav .btn {
    font-size: 14px;
    line-height: 114%;
    padding-left: 20px;
    padding-right: 20px
  }

  .tax__end-content {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 16px
  }

  .tax__btn {
    font-size: 16px;
    line-height: 125%;
    padding: 18px
  }

  .tax__policy {
    margin-top: 16px
  }

  .contacts-main__info {
    flex-basis: 100%;
    border-radius: 20px;
    padding: 20px
  }

  .contacts-main__list {
    gap: 12px
  }

  .contacts-main__item-title {
    font-size: 14px;
    line-height: 143%
  }

  .contacts-main__item-value {
    font-size: 16px;
    line-height: 150%
  }

  .contacts-main__map {
    height: 300px
  }

  .contacts-main__gallery {
    flex-wrap: wrap
  }

  .contacts-main__gallery-img {
    width: 345px;
    height: 160px;
    margin: 0 auto
  }

  .contacts-main__wrapper-logo {
    width: 100%;
    height: 160px;
    border-radius: 20px
  }

  .contacts-main__logo {
    width: 130px
  }

  .requisites {
    padding-bottom: 40px
  }

  .requisites__body {
    border-radius: 20px;
    padding: 20px 20px 24px 20px
  }

  .requisites__corner .corner__body {
    width: 120px;
    height: 40px;
    border-radius: 0 0 0 20px
  }

  .requisites__title {
    margin-bottom: 16px;
    max-width: 185px
  }

  .requisites__item {
    flex-wrap: wrap;
    gap: 0
  }

  .requisites__item-title {
    flex-basis: 100%;
    font-size: 14px;
    line-height: 143%
  }

  .requisites__item-content {
    font-size: 16px;
    line-height: 150%
  }

  .error-page {
    padding-bottom: 40px
  }

  .error-page__title {
    margin: 16px 0 40px 0
  }

  .error-page__body {
    gap: 16px;
    padding: 60px 20px
  }

  .error-page__body::before {
    width: 1320px;
    height: 330px;
    bottom: auto;
    top: 55px;
    left: -520px
  }

  .error-page__info {
    gap: 20px
  }

  .error-page__number {
    font-size: 120px;
    line-height: 100px
  }

  .error-page__content {
    font-size: 14px;
    line-height: 143%
  }

  .error-page__corner--right .corner__body {
    border-radius: 0 0 0 20px
  }

  .error-page__corner--left .corner__body {
    border-radius: 0 20px 0 0
  }

  .error-page__corner .corner__body {
    width: 120px;
    height: 40px
  }

  .footer {
    padding: 40px 0 90px 0;
    border-radius: 30px 30px
  }

  .footer::before {
    width: 1100px;
    height: 1050px;
    left: -415px;
    top: -115px
  }

  .footer__body {
    padding: 20px;
    border-radius: 20px
  }

  .footer__logo {
    width: 100px
  }

  .footer__nav-item {
    flex-basis: 100%
  }

  .footer__item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 0;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--whisper)
  }

  .footer__item-title._spoller-active .footer__item-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .footer__item-arrow {
    display: block
  }

  .footer__nav-list {
    padding-top: 16px
  }

  .footer__nav-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: var(--alabaster)
  }

  .footer__nav-btn-arrow {
    display: block
  }

  .footer__social {
    margin-top: 24px
  }
}

@media (max-width:743px)and (any-hover:hover) {
  .services-category__btn:hover .services-category__title {
    color: var(--portage)
  }

  .services-category__btn:hover .services-category__nav-btn {
    -webkit-transform: translateX(-14px);
    transform: translateX(-14px)
  }
}

@media (max-width:576px) {
  .stock-card {
    flex-basis: 360px
  }
  .doctor__gallery {
    height: 268px;
  }

  .wrapper-content {
    padding-top: 40px;
  }

  .head {
    padding-bottom: 40px;
  }

  .connection__percent {
    top: 150px
  }

  .title-1 {
    font-size: 28px;
  }

  .connection__women {
    bottom: 310px
  }

  .connection__doctor {
    width: 200px;
    bottom: 300px
  }

  .connection__form-label {
    flex-basis: 100%
  }

  .our-doctors__slider-nav {
    display: none
  }

  .portfolio__slider {
    width: 400px
  }

  .portfolio__result {
    height: 230px
  }

  .advantages__item:nth-child(2n)::before {
    top: 130px
  }

  .rating--rotate {
    overflow: hidden
  }

  .rating--rotate::before {
    right: -315px
  }

  .rating__body {
    gap: 16px
  }

  .rating__item {
    flex-basis: 100%;
    min-height: auto;
    justify-content: start
  }

  .rating__icon {
    margin-bottom: 8px
  }

  .rating__item-body {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

  .rating__reviews {
    margin-bottom: 0
  }

  .consultation__content {
    max-width: none
  }

  .consultation__form-label {
    flex-basis: 100%
  }

  .trust__item {
    flex-basis: 100%;
    gap: 8px
  }

  .trust__item-number span {
    font-weight: 500
  }

  .education__item {
    flex-wrap: wrap
  }

  .education__content {
    width: 100%
  }

  .certificates {
    overflow: hidden
  }

  .certificates__head .slider-nav {
    display: none
  }

  .certificates__slider {
    overflow: visible !important;
    margin: 0 -15px;
    padding: 0 15px
  }

  .certificates__scrollbar-wrapper {
    margin-top: 24px;
    display: block
  }

  .discount__head .slider-nav {
    display: none
  }

  .discount__slider .swiper-wrapper {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 40px
  }

  .discount__slider .stock-card {
    flex-basis: 100%
  }

  .stocks__body {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 40px
  }

  .linear__circle {
    top: -46px
  }

  .linear__circle-body {
    width: 97px;
    height: 97px
  }

  .linear__circle-body::after,
  .linear__circle-body::before {
    width: 34px;
    height: 28px
  }

  .linear__circle-body::before {
    left: -25px;
    -webkit-transform: rotate(180deg) scale(1, -1) translateY(11px);
    transform: rotate(180deg) scale(1, -1) translateY(11px)
  }

  .linear__circle-body::after {
    right: -25px;
    -webkit-transform: rotate(-180deg) scale(-1, -1) translateY(11px);
    transform: rotate(-180deg) scale(-1, -1) translateY(11px)
  }

  .linear__circle-wrapper {
    width: 76px;
    height: 76px
  }

  .linear__wrapper-text {
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px
  }

  .linear__circle-center {
    width: 36px;
    height: 36px
  }

  .linear__circle-logo {
    width: 15px
  }

  .linear__body {
    padding: 190px 12px 12px 12px
  }

  .linear__body::before {
    top: auto;
    width: 730px;
    height: 450px;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    left: -80px
  }

  .linear__body::after {
    width: 830px;
    height: 250px;
    left: -350px;
    top: 215px;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg)
  }

  .linear__body--review::before {
    height: 550px;
    left: -65px
  }

  .linear__info {
    -webkit-mask: url(assets/img/elements/corner-top-right-mobile.png);
    mask: url(assets/img/elements/corner-top-right-mobile.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
  }

  .linear__img {
    width: 498px;
    height: 280px;
    right: -30px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    top: -15px;
    max-width: none
  }

  .comfort__head .slider-nav {
    display: none
  }

  .comfort__slide {
    width: 310px !important;
    height: 220px !important
  }

  .comfort__scrollbar-wrapper {
    display: block
  }

  .tax__form-cell {
    flex-basis: 100%
  }

  .tax__form-cell--half {
    flex-basis: 100%
  }

  .footer__social {
    flex-direction: column
  }

  .footer__bottom-logo {
    margin-left: 0
  }
}

@media (max-width:479px) {
  .wrapper-form {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
  }

  .modal__window {
    max-width: calc(100% - 16px)
  }

  .modal__close {
    top: 10px;
    right: 16px
  }

  .modal-connect__title {
    max-width: 300px
  }

  .services__container {
    gap: 16px
  }

  .services__item {
    flex-basis: 100% !important;
    border-radius: 16px
  }

  .services__item._big::after {
    display: none
  }

  .services__item--main {
    background-size: 100% 100%
  }

  .services__item--main .services__item-info {
    align-items: start;
    flex-direction: column;
    width: 100%
  }

  .services__item--main .services__title {
    max-width: 190px
  }

  .services__item--main .btn {
    width: 100%
  }

  .services__item-info {
    padding: 20px;
    flex-direction: row;
    align-items: center;
    gap: 16px
  }

  .services__icon {
    width: 40px;
    height: 40px
  }

  .services__title {
    margin-bottom: 0
  }

  .services__list {
    display: none
  }

  .services__item-arm {
    width: 225px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right
  }

  .connection--app .connection__form-title {
    max-width: 240px
  }

  .connection__body {
    padding: 16px
  }

  .connection__percent {
    display: none
  }

  .connection__women {
    bottom: 330px;
    width: 175px
  }

  .connection__doctor {
    right: 10px;
    bottom: 335px
  }

  .connection__title {
    max-width: 245px
  }

  .connection__form-title {
    max-width: 220px
  }

  .our-doctors__slider {
    margin: 0 -15px !important;
    padding: 0 15px !important
  }

  .portfolio__slider {
    width: 300px
  }

  .portfolio__result {
    height: 175px
  }

  .portfolio__info-item {
    flex-basis: 300px
  }

  .portfolio__offer {
    margin-top: 24px
  }

  .portfolio__offer-img {
    width: 110px;
    right: 0;
    bottom: 0
  }

  .advantages__item {
    flex-basis: 100%;
    min-height: 310px
  }

  .advantages__item:first-child {
    min-height: 330px
  }

  .advantages__item:first-child::before {
    right: 75px
  }

  .contacts__item {
    flex-basis: 100%
  }

  .contacts__map {
    height: 180px
  }

  .hero-main__contacts {
    display: none
  }

  .hero-main__btn-call {
    display: block
  }

  .services-gallery__icon {
    display: none
  }

  .services-gallery__img {
    width: 100px;
    min-height: 177px;
  }

  .services-gallery__img-main {
    width: 110px
  }

  .reviews-catalog__nav .select {
    flex-basis: 100%
  }

  .info__spoller-nav {
    flex-wrap: wrap;
    gap: 8px
  }

  .info__spoller-nav .btn {
    width: 100%
  }

  .contacts-main__map {
    height: 230px
  }

  .error-page__btn {
    width: 100%
  }

  .footer__bottom-info {
    gap: 8px
  }
}

@media (hover:hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg)
  }
}

@media (any-hover:hover) {
  .btn-custom--primary:hover {
    color: var(--melrose);
    background-color: rgba(0, 0, 0, 0)
  }

  .btn-custom--stroke:hover {
    background-color: var(--melrose);
    color: #fff
  }

  .btn-custom._black:hover {
    border-color: #fff;
    background-color: #fff;
    color: var(--portage)
  }

  .btn-custom._red:hover {
    background-color: var(--red);
    color: #fff
  }

  .btn-circle:hover {
    color: #fff;
    background-color: var(--melrose)
  }

  .policy-content a:hover {
    text-decoration: underline
  }

  .slider-nav__btn:hover {
    color: #fff;
    background-color: var(--melrose)
  }

  .burger__sidebar-list a:hover {
    color: var(--portage)
  }

  .burger__menu-list li:hover {
    color: var(--portage)
  }

  .burger__social a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  .modal__close:hover span {
    background-color: var(--melrose)
  }

  .select__item:hover {
    color: #fff;
    background-color: var(--melrose)
  }

  .pagination__btn:hover::before {
    border-color: var(--melrose)
  }

  .breadcrumbs li:hover {
    color: var(--gun-powder)
  }

  .btn-more:hover {
    color: var(--melrose)
  }

  .stock-card:hover .btn-circle {
    background-color: var(--melrose);
    color: #fff
  }

  .head__content a:hover {
    text-decoration: underline
  }

  .air-datepicker-cell.-selected-:hover {
    background-color: var(--melrose)
  }

  .fixed-menu__social-btn:hover {
    -webkit-transform: scale(1.13);
    transform: scale(1.13)
  }

  .fixed-menu__social-btn-modal:hover {
    color: var(--melrose)
  }

  .fixed-menu__btn:hover {
    color: var(--portage)
  }

  .fixed-menu__btn-open:hover {
    background-color: var(--portage)
  }

  .header__burger-btn:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--melrose)
  }

  .header__list a:hover::before {
    right: 0;
    left: 0
  }

  .header__contacts-item a:hover::before {
    right: 0;
    left: 0
  }

  .services__title:hover {
    color: var(--melrose)
  }

  .services__list-btn:hover {
    color: var(--portage)
  }

  .services__item-circle:hover {
    color: #fff;
    background-color: var(--melrose)
  }

  .portfolio__info-item-btn:hover {
    color: var(--orange)
  }

  .contacts__item-info a:hover {
    color: var(--orange)
  }

  .services-gallery__item-title:hover {
    color: var(--melrose)
  }

  .services-gallery__item-list a:hover {
    color: var(--melrose)
  }

  .services-category__btn:hover .services-category__title {
    color: var(--portage)
  }

  .services-category__btn:hover .services-category__nav-btn {
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px)
  }

  .questions__spoller-btn:hover .questions__circle-btn {
    background-color: var(--melrose);
    color: #fff
  }

  .reviews-catalog__nav .select__item:hover {
    background-color: var(--melrose);
    color: #fff
  }

  .reviews-catalog__reviews-btn:hover .reviews-catalog__wrapper-icon {
    background-color: var(--orange)
  }

  .info__item-btn:hover .btn-circle {
    color: #fff;
    background-color: var(--melrose)
  }

  .info__list-item--download a:hover {
    color: var(--melrose)
  }

  .info__list-item--download a:hover .info__spoller-icon {
    color: var(--melrose)
  }

  .info__spoller-content a:hover {
    text-decoration: underline
  }

  .contacts-main__item a:hover {
    color: var(--orange)
  }

  .requisites__item a:hover {
    color: var(--melrose)
  }

  .footer__contacts-info a:hover {
    color: var(--orange)
  }

  .footer__nav-list a:hover {
    color: var(--orange)
  }

  .footer__bottom-info a:hover {
    color: var(--orange);
    text-decoration: underline
  }
}

#menu-navigacziya-na-str-doktorov .current-menu-item a,
#menu-navigacziya-na-str-otzyvov .current-menu-item a {
  border-color: #fff;
  background-color: #fff;
  color: var(--portage);
}

.aioseo-breadcrumbs {
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  color: var(--gun-powder);
}

.aioseo-breadcrumbs a {
  color: #8B8B9A;
  transition: color .2s linear;
}

.aioseo-breadcrumbs a:hover {
  color: var(--gun-powder);
}

section.mt-5 {
  margin-top: 50px;
}

@media(max-width: 991px) {
  section.mt-sm-0 {
    margin-top: 0;
  }
}

.wpcf7 form .wpcf7-response-output {
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  line-height: 140%;
  border-radius: 23px;
  margin-top: 17px;
}

.wpcf7-not-valid-tip {
  font-size: 14px;
  margin-top: 7px;
  text-align: end;
}

.wpcf7-spinner {
  display: none;
}

.team__title span {
  color: var(--gun-powder);
}

.info__spoller-content p {
  margin: 0;
}

.manipulations .tab {
  display: none;
} 

.manipulations .tab.open {
  display: block;
} 

.just-validate-error-field {
  border-color: var(--red);
}

.just-validate-error-field:focus {
  border-color: var(--red);
}

.wpcf7-not-valid {
  border-color: var(--red);
}

/* .input-date.just-validate-error-field+.form-error {
  display: block!important;
} */
.just-validate-error-field-date-success {
  border-color: var(--athens-gray);
}

.just-validate-error-label {
  font-size: 14px;
  line-height: 157%;
  letter-spacing: .02em;
  text-align: right;
  display: block;
  margin-top: 4px;
}

.just-validate-error-field-date-success+.just-validate-error-label {
  opacity: 0;
}

.reviews-catalog--doctor {
  overflow: visible;
}
.hero-main__title span {
  /* color: #3D3E56; */
}
.our-doctors--clean-top{
  padding-top: 0;
}
.rating--clean::before {
  display: none
}
/* .burger__menu-item {
  display: block;
} */

.home #serv_card-9 {
  display: none;
}
.certificates__slide  {
  height: auto;
}
.pagination .nav-links {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  column-gap: 8px;
}
.pagination .nav-links a.page-numbers,
.pagination .nav-links span.page-numbers {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--melrose);
  border-radius: 50%;
  transition: background-color .2s linear, color .2s linear;
}
.pagination .nav-links a.page-numbers:hover {
  background-color: var(--melrose);
  color: #fff;
}
.pagination .nav-links a.next,
.pagination .nav-links a.prev {
  border: none;
  width: unset;
}
.pagination .nav-links a.current,
.pagination .nav-links span.current {
  background-color: var(--melrose);
  color: #fff;
  pointer-events: none;
}
.pagination .nav-links a.next:hover,
.pagination .nav-links a.prev:hover {
  background-color: transparent;
  color: unset;
}
.portfolio.pb-0 {
  padding-bottom: 0;
}
.pt-sect {
  padding-top: 90px;
}
@media(max-width: 743px){
  .pt-sect {
    padding-top: 40px;
  }
	.hero-main__footer {
		flex-wrap: wrap;
	}
}
.grecaptcha-badge {
	display: none;
}
.input-hidden {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.linear__circle-wrapper-video {
	width: 80px;
	height: 80px;
	cursor: pointer;
	flex-shrink: 0;
	margin-left: auto;
}
.linear__circle-wrapper-video .linear__wrapper-text {
	right: 11px;
	top: 11px;
	bottom: 11px;
	left: 11px;
}
.linear__circle-wrapper-video .linear__circle-center {
	width: 50px;
	height: 50px;
}
.linear__circle-wrapper-video .linear__circle-text {
	font-size: 15px;
}
@media(max-width: 767px){
	.linear__circle-wrapper-video {
		margin-left: unset;
	}
}

/* Blog section */
.hero-main--blog .hero-main__main {
  min-height: 280px
}

.hero-main--blog .hero-main__middle-img {
  height: 260px
}

.blog-breadcrumbs {
  color: var(--gun-powder)
}

.blog-breadcrumbs a {
  color: var(--gun-powder);
  transition: color .2s ease
}

.blog-breadcrumbs a:hover,
.blog-breadcrumbs .active {
  color: var(--portage)
}

.blog-breadcrumbs .breadcrumbs__sep {
  color: var(--portage)
}

.blog-list {
  padding: 90px 0;
  background-color: #fff
}

.blog-list__title {
  text-align: center;
  margin-bottom: 50px
}

.blog-list__title span,
.blog-related__title span {
  color: var(--orange)
}

.blog-list__grid,
.blog-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 70px 30px
}

.blog-list__empty {
  max-width: 680px;
  margin: 0 auto;
  padding: 40px;
  text-align: center;
  border-radius: 30px;
  background-color: var(--alabaster)
}

.blog-list__empty p {
  margin: 12px 0 0;
  color: var(--manatee)
}

.blog-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  color: var(--gun-powder)
}

.blog-card__wrapper-img {
  margin-bottom: 18px;
  overflow: hidden;
  border-radius: 24px;
  background-color: var(--alabaster)
}

.blog-card__img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform .35s ease
}

.blog-card:hover .blog-card__img {
  transform: scale(1.04)
}

.blog-card__label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-transform: uppercase;
  color: var(--portage)
}

.blog-card__title {
  margin-bottom: 12px;
  color: var(--portage)
}

.blog-card__content {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 143%;
  color: var(--manatee)
}

.blog-card__date {
  margin: auto 0 0;
  font-size: 14px;
  line-height: 143%;
  color: var(--portage)
}

.blog-pagination {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 60px
}

.blog-pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  min-width: 245px;
  padding: 12px 28px;
  border: 2px solid var(--portage);
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: var(--gun-powder);
  background-color: #fff;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease
}

.blog-pagination__btn:hover {
  color: #fff;
  border-color: var(--melrose);
  background-color: var(--melrose)
}

.blog-author {
  display: flex;
  gap: 16px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--athens-gray)
}

.blog-author__photo {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover
}

.blog-author__info {
  min-width: 0
}

.blog-author__experience {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 6px 12px;
  border-radius: 50px;
  background-color: var(--peach);
  color: var(--orange);
  font-size: 14px;
  line-height: 143%;
  font-weight: 500
}

.blog-author__name {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%
}

.blog-author__text,
.blog-author__position {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 143%;
  color: var(--manatee)
}

.blog-author__position {
  margin-top: 12px;
  color: var(--gun-powder)
}

.hero-main--blog-single .hero-main__container {
  align-items: stretch
}

.blog-article-hero__left {
  display: flex;
  flex: 0 1 680px;
  flex-direction: column;
  gap: 20px
}

.hero-main--blog-single .hero-main__main {
  flex: none;
  min-height: 260px
}

.hero-main--blog-single .hero-main__title {
  max-width: 600px
}

.hero-main--blog-single .hero-main__middle {
  display: flex;
  flex-direction: column
}

.hero-main--blog-single .hero-main__middle-img {
  flex: 0 0 260px
}

.hero-main--blog-single .hero-main__middle-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 150px
}

.hero-main--blog-single .hero-main__contacts {
  align-self: flex-start
}

.blog-author-card {
  display: block;
  margin-top: 0;
  padding: 30px;
  border-top: 0;
  border-radius: 30px;
  background-color: #fff
}

.blog-author__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px
}

.blog-author__label {
  display: block;
  font-size: 16px;
  line-height: 150%;
  color: var(--gun-powder)
}

.blog-author-card .blog-author__experience {
  flex: 0 0 auto;
  margin: 0 0 0 auto
}

.blog-author-card .blog-author__name {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 130%
}

.blog-author-card .blog-author__text {
  max-width: 560px
}

.blog-author__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--athens-gray)
}

.blog-author__footer-main {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px
}

.blog-author__footer-img {
  display: block;
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  object-fit: contain
}

.blog-author__video-link {
  margin-left: auto
}

.blog-author__position-label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 150%;
  color: var(--manatee)
}

.blog-author-card .blog-author__position {
  margin-top: 0;
  color: var(--gun-powder)
}

.blog-anchor-nav {
  padding: 50px 0 20px;
  background-color: #fff
}

.blog-anchor-nav__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px
}

.blog-anchor-nav__link {
  display: block;
  padding: 12px 24px;
  border-radius: 50px;
  background-color: #e7e7e7;
  color: var(--gun-powder);
  font-size: 14px;
  line-height: 143%;
  transition: background-color .2s ease, color .2s ease
}

.blog-anchor-nav__link:hover {
  color: #fff;
  background-color: var(--melrose)
}

.blog-entry {
  padding: 60px 0 40px;
  background-color: #fff
}

.blog-entry__container {
  max-width: 1000px
}

.blog-entry__block {
  margin-bottom: 50px
}

.blog-entry__block:last-child {
  margin-bottom: 0
}

.blog-entry__block--form {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw
}

.blog-entry__block--form > .blog-entry__h2,
.blog-entry__block--form > .blog-entry__h3 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.blog-entry__block--form .connection {
  width: 100%
}

.blog-entry__h2 {
  margin: 0 0 24px;
  font-size: 32px;
  line-height: 125%;
  color: var(--gun-powder)
}

.blog-entry__h3 {
  margin: 0 0 18px;
  font-size: 24px;
  line-height: 130%;
  color: var(--gun-powder)
}

.blog-entry__text,
.blog-entry__default,
.blog-entry__media-content,
.blog-entry__callout-content {
  font-size: 18px;
  line-height: 160%;
  color: var(--gun-powder)
}

.blog-entry__text p,
.blog-entry__default p,
.blog-entry__media-content p,
.blog-entry__callout-content p {
  margin-top: 0
}

.blog-entry__media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 44%);
  align-items: center;
  gap: 40px
}

.blog-entry__media--left {
  grid-template-columns: minmax(280px, 44%) minmax(0, 1fr)
}

.blog-entry__media--left .blog-entry__media-content {
  order: 2
}

.blog-entry__media-img {
  display: block;
  width: 100%;
  min-height: 320px;
  max-height: 460px;
  object-fit: cover;
  border-radius: 30px
}

.blog-entry__callout {
  padding: 28px 32px;
  border-left: 4px solid var(--orange);
  border-radius: 14px;
  background-color: var(--peach);
  box-shadow: 0 10px 30px rgba(61, 62, 86, .06)
}

.blog-entry__callout--purple {
  border-left-color: var(--portage);
  background-color: var(--chalk)
}

.blog-entry__table-wrapper {
  overflow-x: auto;
  border: 1px solid #dce4f7;
  border-radius: 12px
}

.blog-entry__table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background-color: #fff
}

.blog-entry__table th,
.blog-entry__table td {
  padding: 16px 18px;
  border-bottom: 1px solid #edf1f8;
  border-right: 1px solid #edf1f8;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  line-height: 145%;
  color: var(--gun-powder)
}

.blog-entry__table th {
  font-weight: 600;
  color: var(--portage);
  background-color: #eef3ff
}

.blog-entry__table tr:last-child td {
  border-bottom: 0
}

.blog-entry__table th:last-child,
.blog-entry__table td:last-child {
  border-right: 0
}

.blog-related {
  margin-top: 70px;
  padding: 70px 0 90px;
  background-color: #fff;
  border-top: 2px solid var(--portage)
}

.blog-related__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 34px
}

.blog-related__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  background-color: var(--portage)
}

@media (max-width: 1199px) {
  .blog-list__grid,
  .blog-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .blog-entry__media,
  .blog-entry__media--left {
    grid-template-columns: 1fr
  }

  .blog-entry__media--left .blog-entry__media-content {
    order: 0
  }
}

@media (max-width: 743px) {
  .blog-list {
    padding: 60px 0
  }

  .blog-list__title {
    margin-bottom: 32px;
    text-align: left
  }

  .blog-list__grid,
  .blog-related__grid {
    grid-template-columns: 1fr;
    gap: 38px
  }

  .blog-card__img {
    height: 220px
  }

  .blog-pagination {
    flex-direction: column;
    gap: 12px;
    margin-top: 40px
  }

  .blog-pagination__btn {
    width: 100%;
    min-width: 0
  }

  .blog-author {
    flex-direction: column
  }

  .hero-main--blog-single .hero-main__container {
    align-items: flex-start
  }

  .blog-article-hero__left {
    flex: 0 1 100%
  }

  .hero-main--blog-single .hero-main__middle {
    display: block
  }

  .hero-main--blog-single .hero-main__middle-img {
    flex: none
  }

  .hero-main--blog-single .hero-main__middle-info {
    display: none
  }

  .blog-author-card {
    padding: 20px;
    border-radius: 20px
  }

  .blog-author-card .blog-author__name {
    font-size: 20px
  }

  .blog-author__head {
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px
  }

  .blog-author__label {
    font-size: 14px;
    line-height: 143%
  }

  .blog-author__footer {
    gap: 14px;
    margin-top: 20px;
    padding-top: 16px
  }

  .blog-author__footer-img {
    width: 46px;
    height: 46px
  }

  .blog-anchor-nav {
    padding: 34px 0 10px
  }

  .blog-anchor-nav__body {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px
  }

  .blog-anchor-nav__link {
    flex: 0 0 auto;
    padding: 10px 18px
  }

  .blog-entry {
    padding: 40px 0 24px
  }

  .blog-entry__block {
    margin-bottom: 38px
  }

  .blog-entry__h2 {
    font-size: 26px
  }

  .blog-entry__h3 {
    font-size: 22px
  }

  .blog-entry__text,
  .blog-entry__default,
  .blog-entry__media-content,
  .blog-entry__callout-content {
    font-size: 16px
  }

  .blog-entry__media {
    gap: 24px
  }

  .blog-entry__media-img {
    min-height: 240px;
    border-radius: 20px
  }

  .blog-entry__callout {
    padding: 22px;
    border-radius: 12px
  }

  .blog-related {
    margin-top: 44px;
    padding: 50px 0 70px
  }
}

.blog-breadcrumbs-section {
	padding: 30px 0 34px;
	background-color: #fff;
}

.blog-breadcrumbs-section--with-nav {
	padding-bottom: 24px;
}

.blog-breadcrumbs-section .blog-anchor-nav__body {
	margin-top: 22px;
}

.blog-breadcrumbs-section + .blog-list {
	padding-top: 64px;
}

@media (max-width: 743px) {
	.blog-breadcrumbs-section {
		padding: 22px 0 26px;
	}

	.blog-breadcrumbs-section .blog-anchor-nav__body {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-top: 18px;
		padding-bottom: 6px;
	}

	.blog-breadcrumbs-section + .blog-list {
		padding-top: 44px;
	}
}