/* FONTS */

/* Cygre Thin */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-Thin.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-ThinIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-ThinIt.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Cygre Light */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-Light.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-LightIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-LightIt.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Cygre Regular/Book */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-Regular.ttf") format("truetype"),
    url("../fonts/Cygre/Cygre-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-RegularIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-RegularIt.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Cygre Book (альтернативный Regular) */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-Book.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-Book.ttf") format("truetype");
  font-weight: 450; /* или 400, если Book = Regular */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-BookIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-BookIt.ttf") format("truetype");
  font-weight: 450;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-MediumIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-MediumIt.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Cygre SemiBold */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-SemiBold.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-SemiBoldIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-SemiBoldIt.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Cygre Bold */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-Bold.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-BoldIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-BoldIt.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Cygre ExtraBold */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-ExtraBold.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-ExtraBoldIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-ExtraBoldIt.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Cygre Black */
@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-Black.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cygre";
  src: url("../fonts/Cygre/Cygre-BlackIt.woff2") format("woff2"),
    url("../fonts/Cygre/Cygre-BlackIt.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* CORE */

.site-main {
  background-color: var(--white);
  background-image: linear-gradient(
    180deg,
    #fff 0%,
    #fff 9.62%,
    #d7f1fc 21.15%,
    #fff 49.52%,
    #eee9e5 70.19%,
    #fff 85.1%,
    #fff 100%
  );
}

:root {
  --white: #fff;
  --gray: #50504f;
  --6: #a0a09f;
  --1: #74b0be;
  --2: #bcccd3;
  --3: #f6f6f6;
  --4: #eee9e5;
  --5: #00a0c5;
}

:root {
  --font-family: "Cygre", sans-serif;
  --second-family: "Commissioner", sans-serif;
  --third-family: "Montserrat", sans-serif;
}

/* Container */

/* Defautls */

.def-bttn {
  border: 1px solid var(--gray);
  border-radius: 98px;
  padding: 12px 24px;
  height: 41px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
  width: max-content;
}

.bttn-consult__doc-page:hover,
.def-bttn:hover {
  color: var(--white);
  background: var(--1);
  border-color: var(--white);
}

.module__heading {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: var(--gray);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.module__heading span {
  color: var(--1);
}

.module__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 30px;
}

.module__title span {
  color: var(--1);
}

/* Slick Slider Setting */

/* .slick-track {
  padding-bottom: 36px;
} */
/* 
.slick-list {
  margin: 0 -34px;
} */

/* .slick-track {
  margin: 0 -32px !important;
  padding: 0 36px 0px;
} */

.slick-list {
  margin: 0 -12px !important;
}

/* .slick-list {
  margin-bottom: -36px;
  margin-left: -36px;
  padding-left: 36px;
} */

.slick-arrow {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 16px;
  width: 52px;
  height: 52px;
  background-image: url(/images/arrB.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px;
  position: absolute;
  top: -92px;
}

.slick-arrow:hover {
  background-image: url(/images/arrW.svg);
  background-color: var(--1);
}

.slick-next {
  right: 0px;
  position: absolute;
}

.slick-prev {
  right: 62px;
  transform: rotate(180deg);
}

/* Site begin */

/* Header */

.site-header {
  padding: 29px 0px 28px;
}

.header__content {
  flex: 1;
  padding-left: 80px;
}

.header-content__top {
  justify-content: space-between;
  margin-bottom: 12px;
  align-items: flex-end;
}

.header__address {
  margin-bottom: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 129%;
  color: var(--gray);
}

.header-top__right {
  gap: 20px;
}

.header__phone {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.header__phone:hover {
  color: var(--gray);
  text-decoration: underline;
}

.header__call {
  font-weight: 400;
  line-height: 120%;
  font-size: 14px;
}

.header-content__bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.view__special:hover {
  opacity: 0.7;
}

.header__menu {
  display: flex;
  flex-direction: row;
  gap: 49px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top: 6px;
}

.header-menu__link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
}

.header-menu__link:hover {
  color: var(--1);
}

/* Banner */

.main-banner__section {
  background-color: white;
  background-image: url(/images/bannger__bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 14.42%,
      #d7f1fc 53.85%,
      #eee9e5 78.37%,
      #fff 100%
    );
  background-size: 100%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: 20px 11em, 0 0;
}

.banner__container {
  justify-content: space-between;
}

.banner__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 48px;
  white-space: nowrap;
}

.banner__title span {
  color: var(--1);
}

.banner-rewards {
  margin-left: auto;
}

.banner-rewards img {
  height: max-content;
}

/* MENU */

.header-menu__item.has-child::after {
  position: absolute;
  content: "";
  flex-shrink: 0;
  width: 15px;
  height: 8px;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-image: url(/images/chevron-unhover.svg);
  top: 5px;
  top: 8px;
  right: 0px;
}

.header-menu__item.has-child {
  padding-right: 25px;
}

.header-menu__item.has-child:hover::after {
  background-image: url(/images/chevron-hover.svg);
}

.has-child {
  position: relative;
}

.has-child:hover > .child-menu {
  display: flex;
  flex-direction: column;
}

.child-menu {
  position: absolute;
  bottom: -380px;
  left: -25px;
  width: 320px;
  display: none;
  padding-left: 0px;
  min-height: 380px;
  z-index: 5;
}

.sub-menu__link {
  border: 1px solid var(--2);
  padding: 18px 25px 14px;
  background: var(--white);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
  display: block;
}

.sub-menu__link:hover {
  background: var(--1);
  color: var(--white);
}

.sub-menu__item.has-child:hover > .sub-menu__lvl2 {
  display: flex;
  flex-direction: column;
}

.sub-menu__lvl2 {
  border: 1px solid var(--2);
  position: absolute;
  left: 100%;
  top: 0px;
  background-color: var(--white);
  padding: 34px 44px 34px 43px;
  min-height: 100%;
  display: none;
  max-height: 600px;
  overflow-y: auto;
  width: 566px;
  z-index: 7;
}

.sub-menu__lvl2__head {
  display: flex;
  gap: 35px;
  align-items: center;
  min-height: 70px;
  margin-bottom: 20px;
}

.sub-menu__lvl2__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 0px;
  max-width: 200px;
}

.col2__menu {
  margin-top: 39px;
  column-count: 2;
  padding-left: 0px;
  margin-bottom: -22px;
  column-gap: 27px;
  break-inside: avoid;
}

.sub-menu__lvl2-item {
  margin-bottom: 12px;
  page-break-inside: avoid;
  break-inside: avoid;
}

.sub-menu__lvl2-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 140%;
  color: var(--gray);
}

.sub-menu__lvl2-link:hover {
  color: var(--1);
  text-decoration: underline;
}

/* HEADING */

.page_heading_h1 {
  font-family: var(--font-family);
  font-weight: 400;
  font-style: Regular;
  font-size: 48px;
  line-height: 130%;
  letter-spacing: 0%;
  text-transform: uppercase;
  text-align: center;
  margin-top: 39px;
  margin-bottom: 0px;
}

.page_heading_h1 span {
  color: var(--1);
}

/* About */

.main-about__section {
  position: relative;
  z-index: 1;
  padding: 40px 0px 54px 0px;
}

.about__container {
  width: 100%;
}

.main-about__section::before {
  pointer-events: none;
  z-index: -1;
  content: "";
  background-image: url(/images/about_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -470px;
  left: 0px;
}

.readmore_bttn {
  border: 1px solid var(--gray);
  width: max-content;
  border-radius: 98px;
  padding: 12px 24px;
  height: 41px;
  display: flex;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
  transition: 0.3s;
}

.readmore_bttn:hover {
  color: var(--white);
  background: var(--1);
  border-color: white;
}

.about-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  margin-bottom: 30px;
}

.contacts-left,
.abot-left {
  width: 486px;
}

.contacts-right,
.about-right {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

.fancy-box__video {
  position: relative;
}

.fancy-box__video::after,
.fancy-box__video::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 114px;
  height: 114px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}

.fancy-box__video::before {
  background-image: url(./images/btn-player-bg.svg);
}
.fancy-box__video::after {
  background-image: url(./images/bttn-player_fg.svg);
}

.fancy-box__video:hover::before {
  transform: translate(-50%, -50%) scale(1.2);
  transition: 0.3s;
}

.fancy-box__video:hover::after {
  transform: translate(-50%, -50%) scale(0.8);
  transition: 0.3s;
}

/* guarantee */

.main-guarantee__section {
  position: relative;
  z-index: 1;
  padding: 40px 0px;
}

.guarantee__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.guarantee__item {
  border-radius: 50px;
  background: var(--white);
  transition: 0.3s;
}

.guarantee__item:hover {
  box-shadow: 0 11px 37px 0 rgba(0, 0, 0, 0.17);
}

.guarantee-item__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--gray);
  margin-bottom: 20px;
}

.guarantee-item__text-content {
  width: 270px;
  align-items: center;
  margin: auto;
}

.guarantee-item__readmore {
  border: 1px solid var(--gray);
  background-color: transparent;
  color: var(--gray);
}

.guarantee__item:nth-child(3) {
  background: var(--1);
}

/* Slider  EQUIPMENT*/

.main-technology__section {
  padding-top: 40px;
}

.deep__link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-align: right;
  color: var(--gray);
  padding-left: 0px;
  margin-bottom: 53px;
  margin-left: auto;
  margin-right: 140px;
}

.deep__link:hover {
  color: var(--gray);
  text-decoration: underline;
}

.main-technology__section .deep__link {
  margin-left: auto;
  text-align: left;
  margin-bottom: 53px;
}

/* MY SLIDER STYLES */

.equipment-slider__container {
  position: relative;
  min-height: 600px;
}

.slider__image {
  border-radius: 30px;
  margin-bottom: 30px;
}

.slider-item__title {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 10px;
}

.slider-item__title a {
  color: var(--gray);
}

.slider-item__title a:hover {
  text-decoration: underline;
}

.slider-item__title-image {
  width: 40px;
}

.slider-item__title h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 0px;
}

.slider-item__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

.slider-item__text p {
  margin-bottom: 0px;
}

.slider-item {
  width: 310px;
  transition: width 300ms ease;
  flex-shrink: 0;
}

.slider-item.is-big {
  width: 644px;
}

.slider-equipment {
  width: 1312px;
  max-width: 1312px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Clients */

.main-silder__section {
  padding: 40px 0px 0px;
  margin-bottom: -10px;
  position: relative;
}

.main-silder__section .slick-track {
  padding-bottom: 50px;
}

.main-silder__section::before {
  pointer-events: none;
  z-index: -1;
  content: "";
  background-image: url(/images/about_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -571px;
  left: 0px;
}

.client_slide__item {
  border-radius: 50px;
  background: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 30px;
  margin: 0 12px;
}

.client_slide__item:hover {
  /* box-shadow: 0 11px 13px 0 rgba(0, 0, 0, 0.17); */
  box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.1);
  background: var(--white);
  z-index: 5;
  position: relative;
}

.client-slider__text,
.client-slider__title {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: var(--gray);
  padding: 0 20px;
}

.client_slide__item .readmore_bttn {
  margin: 0 auto;
}

.slider-item {
  position: relative;
}

.client-slider__img {
  margin-bottom: 30px;
}

/* Standarts */

.main-standarts__section {
  position: relative;
  z-index: 3;
  padding: 40px 0px;
}

.standart__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.standart__item {
  border-radius: 50px;
  background: var(--white);
  transition: 0.3s;
}

.standart__item:hover {
  box-shadow: 0 11px 37px 0 rgba(0, 0, 0, 0.17);
}

.standart-item__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--gray);
  margin-bottom: 20px;
}

.standart-item__text-content {
  width: 270px;
  align-items: center;
  margin: auto;
  padding: 0px 32px 0px;
}

.standart__readmore {
  border: 1px solid var(--gray);
  background-color: transparent;
  color: var(--gray);
}

.standart__item:nth-child(1) {
  background: var(--1);
}

/* Raiting */

.main-raitings__section {
  position: relative;
  z-index: 1;
}

.main-raitings__section::before {
  pointer-events: none;
  z-index: -1;
  content: "";
  background-image: url(/images/about_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 84px;
  left: 0px;
}

.module__heading__raiting {
  margin-bottom: 45px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.module__heading__custom {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 40px;
}

.main-technology__section .module__title {
  margin-bottom: 20px;
}

.main-raitings__section {
  padding: 40px 0px;
}

.raiting-item__bottom {
  gap: 26px;
}

.rating__logo {
  height: 113px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rating__number {
  margin-bottom: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}

.rating-slider__item {
  border-radius: 50px;
  height: 250px;
  background: var(--1);
  gap: 30px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.raiting-slide {
  margin: 0 12px;
}

.raiting_btt {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray);
  border-radius: 98px;
  padding: 12px 0;
  width: 176px;
  height: 41px;
  text-align: center;
  color: var(--gray);
}

/* Doctors */

.main-doctors__section {
  padding: 40px 0px 0px;
  position: relative;
}

.main-doctors__section .module__title {
  text-wrap: nowrap;
}

.doctor-slider .client_slide__item .client-slider__title {
  text-transform: uppercase;
}

/* Footer */

.site-footer {
  padding-top: 40px;
}

.footer__menu {
  flex-direction: row;
  justify-content: center;
}

.footer__menu ul {
  padding-left: 0px;
  margin-bottom: 0px;
}

.footer__menu .footer_nav:last-of-type {
  padding-left: 85px;
}

.footer-nav__item {
  margin-bottom: 15px;
  /* max-width: 242px; */
}

.footer-nav__link {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 100%;
  color: var(--gray);
}

.footer-nav__link:hover {
  color: var(--1);
}

.col-left__footer {
  max-width: 290px;
  gap: 30px;
}

.footer__addr {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 129%;
  color: var(--gray);
  margin-bottom: 0px;
}

.footer__phone {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.footer__phone:hover {
  color: var(--gray);
  text-decoration: underline;
}

.footer__socials {
  margin-top: auto;
}

.header__socials,
.footer__socials {
  gap: 10px;
}

.item__soclial:hover {
  opacity: 0.7;
}

.footer__contracts__container {
  gap: 10px;
}

/* Subfooter */

.subfooter {
  gap: 32px;
  padding: 30px 0px 40px;
}

.subfooter a,
.subfooter p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--gray);
}

.subfooter a {
  text-decoration: none;
  cursor: pointer;
}

.subfooter a:hover {
  text-decoration: underline;
}

/* Page commons */

.padd-y {
  padding: 40px 0px;
}
.padd-top-y {
  padding-top: 40px;
}
.mg-sm {
  margin-bottom: 20px;
}

.site-breadcrumbs {
  padding-top: 20px;
}

.breadcrumbs {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}

.breadcrumbs * {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

.breadcrumbs a {
  text-wrap: wrap;
}

.breadcrumbs .current-page-crumb {
  color: var(--1);
}

.breadcrumbs a:not(.current-page-crumb):hover {
  color: var(--gray);
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.page__heading {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.page__heading span {
  display: inline-block;
}

.service-action__price-line-v2 {
  max-width: 471px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.service-action__price-line-v2 .def-bttn {
  margin-left: auto;
}

.service-action__price-line-v2 .price-new__action {
  margin-left: 0px;
}

.actions-head__additional {
  display: flex;
  gap: 36px;
  padding-right: 20%;
}

.actions-head__additional-item {
  display: flex;
  gap: 12px;
  margin-bottom: 42px;

}

.actions-head__additional-item__img {
  min-width: 21px;
}

.actions-head__additional-item p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

.actions__text-block {
  padding-right: 10%;
}

/* Articles page */

.articles-page {
  background-color: var(--white);
  background-image: url(/images/about_bg.png), url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 10.58%,
      #d7f1fc 29.81%,
      #fff 49.52%,
      #eee9e5 70.19%,
      #fff 84.62%,
      #fff 100%
    );
  background-size: 100%, 100%, auto;
  background-repeat: no-repeat;
  background-position: 0px 47em, 0px 137em, 0px 0px;
}

.articles-page .page__heading {
  text-align: center;
}

.page__header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.article__filters {
  display: flex;
  gap: 40px;
  align-items: center;
}

.article__filter {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 20px 40px;
  height: 69px;
  max-width: 251px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

.articles__column {
  margin-top: 80px;
}

.article__item {
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  background-color: var(--white);
  margin-bottom: 40px;
  transition: 0.3s;
}

.article__item:hover {
  box-shadow: 0 11px 37px 0 rgba(0, 0, 0, 0.17);
}

.article-item__image {
  max-width: 348px;
  width: 100%;
  border-radius: 50px;
  height: 100%;
}

.article-item__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 58.5px 30px;
}

.article-item__date {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 0px;
}

.article-item__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 0px;
}

.article-item__title span {
  color: var(--1);
}

.article-item__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.article-item__author {
  width: 100%;
  max-width: 282px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.article-item__author p {
  margin-bottom: 0px;
}

.article-item__author-name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--gray);
}

.article-item__author-spec {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  text-align: center;
  color: var(--gray);
  padding: 0 20px;
}

.article-item__author-photo img {
  border-radius: 50%;
}

.pagination {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 82px; */
}

.pagination .prev,
.pagination .next {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 16px;
  width: 52px;
  height: 52px;
  background-image: url(/images/arrB.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px;
  display: block;
}

.pagination .prev {
  transform: rotate(180deg);
  margin-right: 20px;
}

.pagination .next {
  margin-left: 20px;
}

.pagination .prev:hover,
.pagination .next:hover {
  background-image: url(/images/arrW.svg);
  background-color: var(--1);
}

.pagination li a:not(.prev):not(.next) {
  width: 48px;
  height: 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  text-align: center;
  color: var(--gray);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
  padding-top: 3px;
}

[aria-current="page"] {
  color: var(--white) !important;
}

.pagination li a[aria-current="page"],
.pagination li a:not(.prev):not(.next):hover {
  background-color: var(--1);
  color: var(--white);
}

/* Contact block through page */

.thourgh-page__contacts {
  border-radius: 50px;
  background: var(--1);
  padding-left: 0px;
  padding-right: 0px;
  justify-content: space-between;
}

.through-page__right {
  width: 100%;
  height: 100%;
  text-align: right;
}

.through-page__left {
  padding: 40px;
  max-width: 602px;
  width: 100%;
  gap: 20px;
}

.through-page__contact-options {
  display: flex;
  align-items: center;
  gap: 20px;
}

.throgh-page__socials-section {
  padding: 40px 0px;
}

.throgh-page__socials {
  align-items: center;
  gap: 10px;
}

.throgh-page__socials p {
  margin-bottom: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

.through-page__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 0px;
}

.throgh-page__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 0px;
}

.through-page__phone {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}

.through-page__phone:hover {
  color: var(--white);
  text-decoration: underline;
}

.through-page__mssgr {
  border-radius: 50px;
  width: 52px;
  height: 52px;
}

.through-page__mssgr:hover {
  opacity: 0.7;
}

/* Article page */

.article-page {
  background-color: var(--white);
  background-image: url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 9.62%,
      #d7f1fc 21.15%,
      #fff 49.52%,
      #eee9e5 70.19%,
      #fff 85.1%,
      #fff 100%
    );
  background-size: 100%, 100%, auto;
  background-repeat: no-repeat;
  background-position: 0px 118em, 0px 0px;
}

.article__head {
  background-color: white;
  background-image: url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 14.42%,
      #d7f1fc 53.85%,
      #eee9e5 78.37%,
      #fff 100%
    );
  background-size: 100%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: 20px 65px, 0px 0px;
}

.article-page .page__heading {
  margin-top: 0px;
  margin-bottom: 26px;
}

.article__text-block {
  padding-right: 72px;
  padding-bottom: 20px;
}

.text-block__right {
  padding-right: 0px;
  padding-left: 72px;
}

.signle-news__head .article__img,
.article__head .article__img {
  margin-top: auto;
}

.article__img {
  border-radius: 50px 50px 0 0;
}

.article-page__author {
  display: flex;
  gap: 20px;
  margin-top: calc(26px - 15px);
  max-width: 402px;
}

.article-page__author-image {
  border-radius: 50%;
}

.article-page__author__text p {
  margin-bottom: 0px;
}

.article-page__author__text {
  align-items: flex-start;
  justify-content: center;
}

.article-page__author__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.article-page__author__specs {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

.page__heading_h2 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 40px;
}

.page__heading_sm {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 30px;
}

.page__heading_sm span {
  color: var(--1);
}

.text-common-article {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  margin-bottom: 24px;
}

.text-common-article:last-child {
  margin-bottom: 0px;
}

.text-top {
  margin-top: 40px;
}

.article-quote {
  background: var(--1);
  border-radius: 50px;
  display: flex;
  padding: 45px 0px 30px 84px;
  background-image: url(/images/bf-quote.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.article-quote__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: #303233;
  max-width: 580px;
}

.article-quote__text span {
  font-size: 48px;
}

.article-quote__doctor {
  margin-top: 35px;
  border-radius: 50px;
  background: var(--white);
  padding: 10px 20px;
  align-items: center;
  justify-content: space-between;
  width: max-content;
}

.article-doc-photo__sm {
  border-radius: 50px;
}

.article-quote__doctor-info p {
  margin-bottom: 0px;
}

.article-quote__doctor-name {
  max-width: 262px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--gray);
  text-align: center;
}

.article-quote__doctor-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  text-align: center;
  color: var(--gray);
}

.article-quote__doctor-image {
  margin-bottom: -30px;
  margin-right: 71px;
  margin-left: auto;
}

/* Equipment slider for article */

.equipment-slick {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.article__equipment__image {
  border-radius: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.article-equipment__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 10px;
}

.article-equipment__title a {
  color: var(--gray);
}

.article-equipment__title a:hover {
  text-decoration: underline;
}

.article-equipment__description {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

/* Comparison */

.comparison-item .comparison__inner {
  padding: 40px;
  border-radius: 30px;
}

.comparison-r .comparison__inner {
  background: var(--3);
}

.comparison-l .comparison__inner {
  border: 1px solid var(--1);
}

.comparison-l {
  padding-left: 15.15px;
}

.comparison-r {
  padding-right: 15.15;
}

.comparison__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: #1e1e1e;
  margin-bottom: 20px;
  margin-top: 0px;
}

.comparison__list {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: #1e1e1e;
  margin-bottom: 0px;
}

.comparison__list .comparison__list-item {
  list-style-type: disc;
}

/* Accordion - all pages */

.accordion {
  padding: 10px 0px;
}

.accordion-item {
  border: none !important;
  margin-bottom: 20px;
  background-color: transparent !important;
}

.accordion-item:last-of-type {
  margin-bottom: 0px;
}

.accordion-button {
  display: flex;
  border-radius: 50px !important;
  padding: 26px 34px;
  border: 1px solid var(--1);
  border-radius: 50px;
  background-color: transparent;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button::after {
  margin-left: 0px !important;
}

.accordion-body {
  padding-bottom: 20px;
}

.price-accordion {
  margin-left: auto;
  width: max-content;
  margin-right: 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: right;
  color: var(--1);
}

.accordion-collapse {
  border-radius: 0px 0px 50px 50px !important;
  border: 1px solid var(--1);
  border-top: 0px;
  padding: 0px 34px 40px;
}

.accordion-collapse .accordion-body {
  font-family: var(--font-family);
  font-size: 19px;
  line-height: 130%;
  font-weight: 400;
  padding: 0px;
}

.accordion-body ul li {
  list-style-type: disc;
}

.accordion-button:not(.collapsed) {
  color: var(--gray);
  background-color: transparent;
  box-shadow: none;
  border-radius: 50px 50px 0px 0px !important;
  border-bottom: 0px;
}

.accordion-price__bottom .accordion-button::after {
  margin-left: auto !important;
}

/* Doctors */

.doctors-page__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  margin-bottom: 40px;
}

.page__header.doctors {
  padding-bottom: 100px;
}

/* News page */

.article__item.news-item .article-item__content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.signle-news-page {
  background-color: var(--white);
  background-image: url(/images/about_bg.png), url(/images/about_bg.png),
    url(/images/about_bg.png),
    linear-gradient(180deg, #fff 0%, #d7f1fc 32.69%, #eee9e5 68.27%, #fff 100%);
  background-size: 100%, 100%, 100%, auto;
  background-position: 0em 28em, 0em 61em, 0em 471em, 0px 0px;
  background-repeat: no-repeat;
}

/* Contacts */

.contacts-page {
  background-color: var(--white);
  background-image: url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 30.29%,
      #d7f1fc 41.83%,
      #fff 49.52%,
      #eee9e5 70.19%,
      #fff 77.88%,
      #fff 100%
    );
  background-size: 100%, auto;
  background-position: 0em 33em, 0px 0px;
  background-repeat: no-repeat;
}

.contacts-left {
  gap: 40px;
}

.contacts-left p,
.contacts-left h1 {
  margin: 0px;
}

.contacts-page__content {
  gap: 40px;
}

.contacts-page__address {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 0px;
}

.contacts-page__link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: var(--gray);
}

.contacts-page__link:hover {
  color: var(--gray);
  text-decoration: underline;
}

.contacts-page__worktime {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: var(--1);
}

.contacts-map__section {
  padding: 40px 0px;
}

/* Before After */

/* Filter part */

/* Стили для кнопки переключения */

.filter__toggle {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 16px;
  width: 52px;
  height: 52px;
  background-image: url(/images/arrB.svg);
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  margin: 20px auto 0px;
  transform: rotate(90deg);
  font-size: 0px;
}

.filter__toggle:hover {
  background-image: url(/images/arrB.svg);
}

.filter__toggle.active {
  transform: rotate(270deg);
}

/* Content part */

/* .before-after__duo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-bottom: 40px;
} */

.before-after__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-bottom: 40px;
}

.before-after__content {
  width: 100%;
}

.img-comp-img.img-comp-overlay {
  border-right: 1px solid var(--white);
}

/* !Compare image block */

.img-comp-container {
  position: relative;
  height: 310px; /*should be the same height as the images*/
  overflow: hidden;
  border-radius: 50px;
}

.img-comp-img {
  position: absolute;
  width: auto;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  vertical-align: middle;
  object-fit: cover;
  width: auto;
  /* max-width: none !important;
  height: auto !important; */
  max-width: 644px;
  height: 310px;
}

.p-before-after .img-comp-container {
  max-width: 644px;
  height: 310px;
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 64px;
  height: 48px;
  background-color: #fff;
  opacity: 1;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/arrows-before.png);
  background-position: 50% 50%;
}

.p-before-after__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-before-after__item-image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-before-after {
  background-color: white;
  border-radius: 50px;
  width: auto;
}

.before-after__text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 30px 20px;
}

.before-after__person-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: var(--gray);
}

.before-after__person-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: var(--gray);
}

.before-after__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 40px 0px;
}

.fiter__button {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 15px 20px;
  height: 43px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  flex: 0 0 calc(23% - 8px);
  text-align: center;
  justify-content: center;
}

.fiter__button:hover {
  background-color: var(--1);
  color: var(--white);
}

/* Services page */

.service-page__items-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 26px;
  grid-row-gap: 26px;
}

.service-page__item {
  border-radius: 30px;
  padding: 20px 20px 25px;
  background: var(--white);
}

.service-page__item p {
  margin-bottom: 0px;
}

.service-page__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.service-page__item-top h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
}

.service-page__item-top p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: var(--1);
  margin-bottom: 0px;
}

.service-page__item-message {
  border: 1px solid var(--1);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 6px;
}

.service-page__item-message p {
  margin-bottom: 0px;
}

.item-message__top {
  padding: 16px 43px;
  background: var(--1);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--white);
}

.item-message__bottom {
  padding: 16px 43px;
  background: var(--3);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--gray);
}

.service-page__item-price-price-units {
  margin-bottom: 16px;
}

.service-page__item-price-unit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--4);
  padding: 5px 0px;
}

.service-page__item-text-sm,
.service-page__item-price-name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

.service-page__item-price__prices {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.service-page__item-text-sm {
  text-align: right;
}

.service-page__item-price {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 146%;
  text-transform: uppercase;
  text-align: right;
  color: var(--gray);
}

.service-page__item-price-old,
.service-page__item-price.price-old {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-decoration: line-through;
  text-align: right;
  color: var(--6);
}

.service-page__item-price.price-new {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 146%;
  text-transform: uppercase;
  text-align: right;
  color: var(--1);
}

.service-page__item-price__heading {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--gray);
  margin-bottom: 15px;
}

.service-page__item-price__list {
  margin-bottom: 0px;
  padding-left: 20px;
}

.service-page__item-price__list li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
  margin-bottom: 15px;
  position: relative;
}

.service-page__item-price__list li::before {
  position: absolute;
  content: "";
  background-color: var(--1);
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  left: -25px;
  top: 5px;
}

.service-page__item-price__list li:last-child {
  margin-bottom: 23px;
}

.service-page__item-price__bttns-n-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.def-bttn.service-page__item-price-green {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  line-height: 146%;
  color: var(--white);
  background: var(--1);
  border-color: var(--white);
  display: flex;
  align-items: center;
  text-align: center;
}

/* Prices page */

.price-page__top-left {
  gap: 50px;
  margin-bottom: 142px;
}

.price-page__top-left * {
  margin-bottom: 0px;
}

.def-bttn.download {
  display: flex;
}

.price-head__image {
  text-align: right;
  display: flex;
  align-items: flex-end;
}

.price-head__image img {
  margin-right: 50px;
  margin-left: auto;
  margin-top: -46px;
}

.page-prices {
  background-color: var(--white);
  background-image: linear-gradient(
    180deg,
    #fff 0%,
    #fff 30.29%,
    #d7f1fc 41.83%,
    #fff 49.52%,
    #eee9e5 70.19%,
    #fff 77.88%,
    #fff 100%
  );
  background-size: 100%;
  background-repeat: no-repeat;
}

.price-section__top {
  padding-top: 20px;
  background-image: url(/images/about_bg.png),
    linear-gradient(180deg, #fff 0%, #d7f1fc 32.69%, #eee9e5 68.27%, #fff 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: 0px 102px, 0px 0px;
  background-size: 100%;
}

/* Single doctor page */

.banner-main__doctor {
  background-color: var(--gray);
  background-image: url(/images/doc-bannger__text__bg.png),
    url(/images/doc-banner-bg__v2.png);
  background-size: contain, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: 0px 100%, 0px 0px;
  color: var(--white);
  padding-top: 27px;
  position: relative;
}

.banner-main__doctor .breadcrumbs a:not(.current-page-crumb):hover {
  color: var(--white);
  text-decoration: underline;
}

.doctor__video-player {
  display: flex;
  left: 0px;
  margin: auto auto;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  right: 0;
  width: 86px;
  height: 86px;
  z-index: 6;
  justify-content: center;
  align-items: center;
}

.doctor__video-player .fancy-box__video {
  width: 100%;
  height: 100%;
  display: flex;
}

.diplomas-slider__item {
  margin: 0 12px;
}

.diplomas-slider__item img {
  border-radius: 50px;
}

.diplomas-slider__item a {
  text-align: center;
}

.doctor-banner__left {
  gap: 50px;
  margin-bottom: 142px;
  position: relative;
  z-index: 4;
}

.doctor-banner__left * {
  margin-bottom: 0px;
}

.def-bttn.download {
  display: flex;
}

.doctor-banner__right {
  text-align: right;
  display: flex;
  align-items: flex-end;
}

.doctor-banner__right img {
  position: absolute;
  z-index: 0;
}

.icons-left__doctor {
  gap: 9px;
  display: flex;
  flex-direction: column;
  left: 20px;
  margin: auto 0;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  right: 0;
  width: max-content;
  height: max-content;
  z-index: 3;
}

.doc-left__icon {
  border-radius: 50%;
  width: max-content;
  transition: 0.3s;
}

.doc-left__icon:hover {
  opacity: 0.7;
}

.banner-main__doctor .breadcrumbs * {
  color: var(--white);
}

.banner-main__doctor .breadcrumbs .current-page-crumb {
  color: var(--white);
}

.banner-main__doctor .page__heading {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
  margin-top: 96px;
}
.doctor-banner__specs {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}

.doctor-banner__list {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
  position: relative;
  max-width: 586px;
}

.doctor-banner__list li {
  position: relative;
}

.doctor-banner__list li::before {
  content: "";
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  top: 5px;
  left: -31px;
}

.doctor-banner__list li:not(:last-child) {
  margin-bottom: 20px;
}

.bttn-consult__doc-page {
  border: 1px solid var(--white);
  border-radius: 98px;
  padding: 12px 24px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  width: max-content;
}

.accordion.accordion__doc .accordion-button {
  justify-content: center;
  gap: 20px;
  background-color: transparent;
}

.under-banner__blocks-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.under-banner__blocks-grid__item {
  gap: 20px;
}

.under-banner__blocks-title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 0px;
}

.under-banner__blocks-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 130%;
  color: #000;
  margin-bottom: 0px;
}

.buttons-right__doctor {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
  height: auto;
}

.buttons__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
  position: relative;
  height: auto;
}

.btton-right__doctor__make-call {
  font-family: var(--font3);
  font-weight: 400;
  font-size: 14px;
  line-height: 132%;
  text-transform: uppercase;
  text-align: center;
  border-radius: 20px 20px 0 0;
  padding: 16px 28px;
  display: block;
  white-space: nowrap;
  position: absolute; /* Меняем на absolute */
  right: 0; /* Прижимаем к правому краю */
  transform-origin: right center;
}

.make-call__top {
  color: var(--1);
  background-color: var(--white);
  transform: rotate(-90deg) translateX(50%) translateY(-50%); /* Поворот и сдвиг */
  top: 0;
}

.make-call__bottom {
  background: var(--1);
  color: var(--white);
  transform: rotate(-90deg) translateX(-109%) translateY(-50%);
  bottom: 0;
}

.make-call__top:hover {
  background: var(--1);
  color: var(--white);
}

.make-call__bottom:hover {
  color: var(--1);
  background-color: var(--white);
}

/* КОСТЫЛЬ*/

html.with-fancybox
  .doctor-page
  .fancybox__container:not(.is-ready, .is-hiding) {
  visibility: visible;
  position: fixed;
}

html.with-fancybox .doctor-page .fancybox__backdrop {
  transition: 0.3s;
  z-index: 2;
}

html.with-fancybox .doctor-page .fancybox__toolbar__column {
  z-index: 5;
  position: relative;
}

.articles__column.articles-slider {
  margin-top: 0px;
}

/* Before After Single page */

.before-after__page-top__slider .p-before-after {
  background: transparent;
  width: 100%;
}

.before-after__page-top__slider .img-comp-img img {
  max-width: 754px;
  height: 416px;
}

.before-after__page-top__slider .p-before-after .img-comp-container {
  max-width: 754px;
  height: 416px;
}

.responsive-before-after__item {
  margin: 0 12px;
}

.responsive-before-after__item-image {
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 25px;
}

.responsive-before-after__item-heading {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 10px;
}

.responsive-before-after__item-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  margin-bottom: 0px;
}

.before-after__slider-row .p-before-after {
  margin: 0 12px;
}

/* Reviews page */

.reviews-page {
  background-image: url(/images/about_bg.png), url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 10.58%,
      #d7f1fc 29.81%,
      #fff 49.52%,
      #eee9e5 70.19%,
      #fff 84.62%,
      #fff 100%
    );
  background-size: 100%, 100%, auto;
  background-position: 0em 60em, 0em 133em, 0px 0px;
  background-repeat: no-repeat;
}

.reviews-page .main-raitings__section::before {
  display: none;
}

.reviews___integration__container {
  background: var(--white);
  border-radius: 50px;
  padding: 43px 37px 23px;
}

.reviews__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.review__item {
  border: 1px solid var(--1);
  border-radius: 30px;
  padding: 40px;
  background: var(--white);
}

.review__item-top {
  display: flex;
  align-items: flex-start;
  margin-bottom: 26px;
}

.reviewer__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: var(--gray);
}

.review__item-photo {
  border-radius: 100%;
  margin-right: 36px;
}

.operator,
.procedure {
  margin-bottom: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  color: var(--gray);
}

.raiting {
  display: flex;
  gap: 5px;
  flex-direction: row;
}

.raiting-star {
  width: 21px;
  height: 21px;
  display: block;
  background-image: url(/images/star.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.reviews__top__text-first {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.reviews__top__text-second {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  color: var(--1);
}

.reviews-player__container {
  margin-left: auto;
  display: flex;
}

.reviews-player__container a {
  border-radius: 50px;
  overflow: hidden;
}

.reviews-player__container a::after,
.reviews-player__container a::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 114px;
  height: 114px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}

.reviews-player__container a::before {
  background-image: url(./images/btn-player-bg.svg);
}

.reviews-player__container a::after {
  background-image: url(./images/bttn-player_fg.svg);
}

.reviews-player__container a:hover::before {
  transform: translate(-50%, -50%) scale(1.2);
  transition: 0.3s;
}

.reviews-player__container a:hover::after {
  transform: translate(-50%, -50%) scale(0.8);
  transition: 0.3s;
}

.review__text-block .text-block__right {
  padding-left: 24px;
}

.reviews-items__page .pagination {
  margin-bottom: 0px;
}

/* OUTDATED */

/* .doctor-page .fancybox__container {
  position: fixed !important;
} */

/* .fancybox__backdrop {
    z-index: 1;
}

.fancybox__content {
  display: flex;
      flex-wrap: wrap;
}

.fancybox__content video {
  order: 2;
} */

/* Additional elements */

.spacer {
  margin-top: 120px;
}

/* Single services */

.single-service__head__action__heading .page__heading {
  padding-right: 20px;
}

.stages__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.stage__item {
}
.stage-item__head {
  border-radius: 16px 16px 0 0;
  padding: 10px;
  background: var(--1);
}
.stage-item__head p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  margin-bottom: 0px;
}
.stage-item__top {
  padding: 20px 30px;
  background: var(--white);
}
.stage-item__top p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  text-align: center;
  color: var(--gray);
  margin-bottom: 0px;
}
.stage-item__text {
  padding: 20px 30px;
  background: var(--3);
}
.stage-item__list {
}
.stage-item__list li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  position: relative;
}
.stage-item__list li::before {
  content: ".";
  position: absolute;
  top: -4px;
  left: -15px;
  font-weight: 400;
  font-size: 19px;
  font-family: var(--font-family);
}
.stage-item__bottom {
  border-radius: 0 0 16px 16px;
  padding: 10px;
  background: var(--1);
}
.stage-item__bottom p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  margin-bottom: 0px;
}

/* Services actions */

.article__img {
  position: relative;
  width: max-content;
}

.discount-on-image {
  font-size: 22vh;
  font-weight: 700;
  opacity: 0.7;
  position: absolute;
  right: -9px;
  bottom: -19px;
  line-height: 1;
  color: var(--white);
}

.service-action__prices {
  gap: 25px;
  display: flex;
  flex-direction: column;
  margin-bottom: 47px;
}

.service-action__price-line {
  display: flex;
  align-items: center;
  max-width: 461px;
}

.service-action__price-line p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  margin-bottom: 0px;
  max-width: 187px;
}

.price-new__action {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: right;
  color: var(--1);
  border-radius: 76px;
  padding: 9px 25px;
  box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.06);
  background: var(--white);
  margin-right: 17px;
  margin-left: auto;
}

.price-old__action {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 146%;
  text-transform: uppercase;
  text-decoration: line-through;
  text-align: right;
  color: var(--6);
}

/* Adjustments */

.tablet-full {
  margin-left: -53vw;
}

/* Filter */

.filter-form__blocks {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.filter-form__left {
  display: flex;
  flex: auto;
  gap: 40px;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: auto;
  background-color: white;
}

.custom-select {
  width: 100%;
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 20px 75px 20px 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  background-color: transparent;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* .custom-select-wrapper::after {
  position: absolute;
  content: "";
  flex-shrink: 0;
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url(/images/chevron-unhover.svg);
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  pointer-events: none;
} */

/* Remake */

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: max-content;
}

.custom-select {
  position: relative;
  width: 100%;
  border: 1px solid var(--1);
  border-radius: 50px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  background-color: transparent;
  cursor: pointer;
  user-select: none;
}

.custom-select.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: none;
}

.selected-option .placeholder {
  color: var(--gray);
}

.selected-option {
  display: flex;
  width: 103%;
}

.select-arrow {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  width: 15px;
  height: 8px;
  background-image: url(/images/chevron-unhover.svg);
  background-repeat: no-repeat;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.custom-select.active .select-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.options-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: transparent;
  background-color: white;
  border: 1px solid var(--1);
  border-top: none;
  border-radius: 0 0 50px 50px;
  margin-top: -1px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
  margin: 0 -1px;
}

.custom-select.active .options-list {
  max-height: 400px;
  opacity: 1;
  visibility: visible;
}

.option {
  padding: 5px 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.option:first-child {
  border-top: 1px solid rgba(var(--1-rgb), 0.1);
}

.option:hover {
  color: var(--1);
  background-color: rgba(var(--1-rgb), 0.05);
}

.option:last-child {
  padding-bottom: 15px;
  border-radius: 0 0 50px 50px;
}

.select-input {
  display: none;
}

.search-container {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 429px;
}

.search-input {
  width: 100%;
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 20px 60px 20px 40px; /* Правое padding больше для кнопки */
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  background-color: transparent;
}

.search-input::placeholder {
  color: var(--2);
  opacity: 1;
}

.search-button {
  position: absolute;
  right: 42px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: var(--2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

.search-button:hover {
  color: var(--1);
}

.fiter-button {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 20px 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
}

/* Experiments */

/* .main-silder__section {
  overflow-x: hidden;
} */

.client-slide__item-wrapper,
.doctor-slider .client__slide {
  padding-bottom: 40px;
}

.responsive:not(.slider-clients) {
  margin-bottom: -40px;
}

/* Menu reworked */

.tabs_menus {
  position: absolute;
  display: none;
  top: 140px;
  margin-left: -20px;
}

.tabs_menu_wr {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.tabs_menus__wr {
  display: flex;
}

.nav-tabs {
  max-width: 320px;
  padding-left: 0px;
  margin-bottom: 0px;
}

.nav-tabs li a {
  border: 1px solid var(--2);
  padding: 18px 25px 14px;
  background: var(--white);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
  display: block;
}

.nav-tabs li.active a {
  background-color: var(--1);
  color: var(--white);
}

.tabs_menus__wr-nav-tabs {
  width: 320px;
}

.tab-pane {
  border: 1px solid var(--2);
  position: absolute;
  left: 100%;
  top: 0px;
  background-color: var(--white);
  padding: 34px 44px 34px 43px;
  min-height: 100%;
  display: none;
  overflow-y: auto;
  width: 650px;
  z-index: 7;
  display: flex;
  flex-direction: column;
}

.ttls {
  /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(0, 1fr);
    row-gap: 2px;
    column-gap: 50px; */
  display: flex;
  flex-wrap: wrap;
}

.subttl_link:hover {
  color: var(--1);
  text-decoration: underline;
}

.tabs_menus .tab-content .tab-pane .ttls a.subttl_link {
  width: 100%;
  max-width: calc(50% - 32px);
  padding: 7px 0;
  margin: 0 32px 0 0;
  color: #303233;
  text-decoration: unset;
  position: relative;
}

/* Mobile */

.wr-mobile-menu {
  display: none;
  position: fixed;
  top: 0px;
  left: -100%;
  transition: 0.3s;
  z-index: 11;
  max-width: 100% !important;
  width: 45%;
  height: 100vh;
  overflow-y: auto;
  background: #fff;
  padding: 20px;
}

.wr-mobile-menu.active {
  transition: 0.3s;
  left: 0%;
}

.mobile-nav__item {
  width: 100%;
}

.mobile-nav__lev1,
.mobile-nav__lev2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.mobile-nav__lev1.active svg,
.mobile-nav__lev2.active svg {
  transform: rotate(-180deg);
}

.mobile-nav__lev1.active svg path {
  fill: var(--gray);
}

.mobile-nav__lev2.active svg path {
  fill: var(--white);
}

.mobile-nav__lev2.active {
  background-color: var(--1);
  color: white;
}

.mobile-nav__item a,
.mobile-nav__lev2,
.mobile-nav__lev1 {
  padding: 16px 25px;
  width: 100%;
  background: var(--white);
  display: flex;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
}

.mobile-nav__lev2 {
  border: 1px solid var(--2);
}

.mobile-nav-sub {
  display: none;
}

.mobile-nav .mobile-nav-sub a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
  text-transform: none;
}

.mobile-nav .mobile-nav-sub a:hover {
  color: var(--1);
  text-decoration: underline;
}

/* 404 */

.error-page {
  background-color: var(--white);
  /* background-image: url(/images/about_bg.png), linear-gradient(180deg, #fff 0%, #fff 10%, #d7f1fc 21.15%, #fff 35%, #fff 85.1%, #fff 100%); */
  background-image: url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 17%,
      #d7f1fc 27.15%,
      #fff 53%,
      #fff 85.1%,
      #fff 100%
    );
  background-position: 0px 5em, 0px 0px;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

.section__page-404 {
  padding-top: 89px;
  padding-bottom: 79px;
}

.page_404__content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}

.page-404__text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  text-align: center;
  color: var(--gray);
}

.page_404__content .page-404__text p {
  margin-bottom: 0px;
}

.page-404__text {
  display: flex;
  gap: 5px;
  flex-direction: column;
}

/* Popup form */

.modal-form__registration .is-close-button {
  border: 1px solid var(--1);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: var(--1);
  padding: 0px;
  transition: 0.3s;
  top: 3em;
  right: 3em;
}

.modal-form__registration .is-close-button:hover {
  opacity: 0.6 !important;
  color: var(--1) !important;
}

.modal-form__registration .is-close-button svg {
  width: 21px;
  height: 21px;
}

.modal-form__registration {
  max-width: 502px;
  border-radius: 50px;
  padding: 50px;
}

.modal-form__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  width: 72%;
  margin-bottom: 10px;
}

.modal-form__subheading {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  margin-bottom: 40px;
}

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

.modal__input-text {
  width: 100%;
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 20px 60px 20px 40px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  background-color: transparent;
}

.bttn-send {
  border: 1px solid var(--1);
  width: max-content;
  border-radius: 98px;
  padding: 12px 24px;
  height: 41px;
  display: flex;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  transition: 0.3s;
  background-color: var(--1);
  margin: 0 auto;
}

.bttn-send:hover {
  border-color: var(--gray);
  color: var(--gray);
  background-color: transparent;
}

.acceptance__field {
  display: flex;
  gap: 12px;
}

input[type="checkbox"]:checked,
input:checked {
  background-color: var(--1) !important;
}

.acceptance__field input {
  width: 20px;
  height: 20px;
  max-width: 20px;
}

.acceptance__text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
  flex: 2;
}

.acceptance__text a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--1);
}

.acceptance__text a:hover {
  text-decoration: none;
}

/* Licenses page */

.licenses-page {
  background-color: var(--white);
  background: url(/images/about_bg.png),
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 9.62%,
      #d7f1fc 21.15%,
      #fff 49.52%,
      #eee9e5 70.19%,
      #fff 85.1%,
      #fff 100%
    );
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 12em, 0 0;
}

.section__licenses__main {
  padding-top: 44px;
}

.licenses__info-container {
  padding-top: 60px;
}

.licenses__heading {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
  padding-bottom: 33px;
  margin-bottom: 0px;
}

.licenses__info-left {
  width: 66.3%;
}

.licenses__info-right {
  flex: 1;
}

.lincenses-doctor {
  border-radius: 50px;
  max-width: 310px;
  background: var(--white);
  margin-left: auto;
}

.licenses__info-left a {
  color: var(--gray);
}

.licenses__info-left a:hover {
  text-decoration: underline;
}

.lincenses-doctor__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--gray);
  padding: 30px 20px 0px;
  margin-bottom: 0px;
}

.lincenses-doctor__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  text-align: center;
  color: var(--gray);
  margin-bottom: 0px;
  padding: 0px 20px 30px 20px;
}

.licenses__info-left .text-common-article {
  margin-bottom: 10px;
}

.text-standart {
  text-transform: none;
}

/* Services category */

.page-achors__content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0px;
  gap: 32px;
}

.services__anchor-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-align: center;
  color: var(--gray);
}

.services__anchor-link:hover {
  text-decoration: underline;
  color: var(--gray);
}

.services__anchor-link.current-block {
  color: var(--1);
}

.page-serbices-links__content {
  margin: 0 auto;
  padding: 20px 0px;
  max-width: 90%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.service-page__link {
  border: 1px solid var(--1);
  border-radius: 50px;
  padding: 15px 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 150%;
  color: var(--gray);
  width: max-content;
  display: flex;
}

.service-page__link:hover {
  color: var(--white);
  background: var(--1);
  border-color: var(--white);
}

.has-iframe .f-html {
  padding: 0px;
}

/* ABOUT US PAGE */

.about-us-page {
  background-color: var(--white);
  background-image: linear-gradient(
    180deg,
    #fff 0%,
    #fff 9.62%,
    #d7f1fc 21.15%,
    #fff 49.52%,
    #eee9e5 70.19%,
    #fff 85.1%,
    #fff 100%
  );
}

.about-us-page .page__heading {
  margin-bottom: 40px;
}

.br-50 {
  border-radius: 50px;
  overflow: hidden;
}

.about-us-page .main-about__section::before {
  display: none;
}

.bg-green {
  background-color: var(--1);
}

.reused-content-guarantee .guarantee-item__title span {
  font-size: 48px;
  width: 100%;
  margin-bottom: 15px;
  line-height: 100%;
}

.main-raitings__section.reused-content-guarantee::before {
  display: none;
}

.reused-content-guarantee .guarantee-item__title {
  display: flex;
  flex-direction: column;
}

.reused-content-brands .responsive:not(.slider-clients) {
  margin-bottom: 0px;
}

.reused-content-brands .rating-slider__item {
  height: auto;
}

/* ALL SERVICES PAGE */

.grid-all-services {
  margin: 63px 0px;
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(clamp(300px, 28.88vw, 416px), 1fr)
  );
  grid-template-rows: auto;
  gap: 64px 32px;
}

.home-service__section-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.home-service__list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.home-service__list a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 130%;
  color: var(--gray);
}

.home-service__section-link:hover,
.home-service__list a:hover {
  text-decoration: underline;
  color: var(--gray);
}

.home-service__section-link:active,
.home-service__list a:active {
  color: var(--1);
  text-decoration: none;
}

/* EQUIPMENT PAGE */

.page-equipment__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 равные колонки */
  grid-column-gap: 24px;
  grid-row-gap: 40px;
}

/* Ряд 1 */
.equipments__page-item:nth-child(1),
.equipments__page-item:nth-child(2) {
  grid-column: span 1;
}
.equipments__page-item:nth-child(3) {
  grid-column: span 2;
}

/* Ряд 2 */
.equipments__page-item:nth-child(4) {
  grid-column: span 2;
}
.equipments__page-item:nth-child(5),
.equipments__page-item:nth-child(6) {
  grid-column: span 1;
}

/* Ряд 3 */
.equipments__page-item:nth-child(7),
.equipments__page-item:nth-child(9) {
  grid-column: span 1;
}
.equipments__page-item:nth-child(8) {
  grid-column: span 2;
}

/* Ряд 4 */
.equipments__page-item:nth-child(10),
.equipments__page-item:nth-child(11) {
  grid-column: span 2;
}

.equipments__page-item__title {
  display: flex;
  gap: 12px;
}

.equipments__page-item__title a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gray);
}

.filter-equipment {
  display: flex;
  justify-content: center;
  gap: 47px;
}

.filter-equipment .fiter__button {
  max-width: max-content;
  width: auto;
  flex: auto;
}

.equipment-head__right__image {
  border-radius: 30px;
  overflow: hidden;
  width: max-content;
  margin-left: auto;
}

.img-content-eqipment {
  max-width: max-content;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
}