@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
}

:root {
  --font-f-raleway: 'Raleway', arial;
  --font-f-roboto: 'Roboto', arial;
  --font-f-inter: 'Inter', arial;
  --color-black: #000000;
  --color-text-light-grey: #404040;
  --color-text-grey: #323232;
  --color-blue: #6180A1;
  --color-white: #FFFFFF;
  --font-w-light: 300;
  --font-w-regular: 400;
  --font-w-medium: 500;
  --font-w-semibold: 600;
  --font-w-bold: 700;
  --font-w-ex-bold: 800;
  --font-w-bl-bold: 900;
}

body {
  font-family: var(--font-f-raleway);
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-f-roboto);
}

.wrapper {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}

.container {
  max-width: 1340px;
  padding: 0px 20px;
  margin: 0 auto;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300%;
  background-color: rgba(0, 0, 0, 0.25);
}
.overlay.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 15;
}

.overlay-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300%;
  background-color: rgba(0, 0, 0, 0.25);
}
.overlay-menu.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 15;
}

.page-title {
  font-family: var(--font-f-roboto);
  font-size: 64px;
  color: var(--color-text-light-grey);
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .page-title {
    font-size: 48px;
  }
}
@media (max-width: 867px) {
  .page-title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .page-title {
    font-size: 24px;
  }
}

.slider-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 176px;
  width: 100%;
}
@media (max-width: 578px) {
  .slider-buttons {
    max-width: 72px;
  }
}
.slider-buttons__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.slider-buttons__item:hover {
  background-color: var(--color-blue);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
          box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
}
.slider-buttons__item:hover svg path {
  stroke: var(--color-white) !important;
}
.slider-buttons__item svg path {
  stroke: var(--color-blue);
}
.slider-buttons__item.next svg {
  rotate: 180deg;
}
@media (max-width: 578px) {
  .slider-buttons__item.next svg {
    margin-left: 2px !important;
  }
}
@media (max-width: 578px) {
  .slider-buttons__item.prev svg {
    margin-right: 2px !important;
  }
}
@media (max-width: 578px) {
  .slider-buttons__item {
    width: 24px;
    height: 24px;
  }
  .slider-buttons__item svg {
    width: 8px;
    height: 8px;
  }
}

.breadcrumbs {
  padding: 80px 0px 40px;
}
@media (max-width: 768px) {
  .breadcrumbs {
    padding: 65px 0px 40px;
  }
}
@media (max-width: 640px) {
  .breadcrumbs {
    padding: 40px 0px 40px;
  }
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .breadcrumbs__list {
    gap: 12px;
  }
}
@media (max-width: 578px) {
  .breadcrumbs__list {
    gap: 8px;
  }
}
@media (max-width: 390px) {
  .breadcrumbs__list {
    gap: 6px;
  }
}
.breadcrumbs__list a, .breadcrumbs__list li {
  font-size: 16px;
  color: rgba(64, 64, 64, 0.5);
}
.breadcrumbs__list a {
  color: var(--color-text-light-grey);
}

.btn-blue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  width: 100%;
  max-width: 272px;
  border: 1px solid var(--color-blue);
  border-radius: 8px;
  font-size: 16px;
  font-weight: var(--font-w-bold);
  color: var(--color-white);
  background-color: var(--color-blue);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.btn-blue:hover {
  background-color: var(--color-white);
  color: var(--color-blue);
}
.btn-blue:hover svg rect {
  stroke: var(--color-blue);
}
.btn-blue:hover svg path {
  stroke: var(--color-blue);
}

.btn-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  width: 100%;
  max-width: 272px;
  border: 1px solid rgba(21, 21, 21, 0.5);
  border-radius: 8px;
  font-size: 16px;
  font-weight: var(--font-w-bold);
  color: var(--color-text-light-grey);
  background-color: var(--color-white);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.btn-white:hover {
  background-color: var(--color-text-light-grey);
  color: var(--color-white);
}
.btn-white:hover svg rect {
  stroke: var(--color-white);
}
.btn-white:hover svg path {
  stroke: var(--color-white);
}

.fancybox__dialog .fancybox__carousel .f-caption {
  display: none;
}
/* ======= start === Кнопка "Наверх" ======= */
.to-top {
  position: fixed;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  width: 50px;
  border: none;
  background-color: var(--color-white);
  border: 2px solid var(--color-blue);
  border-radius: 50%;
  bottom: 50px;
  right: 20px;
  margin-right: -30px;
  outline: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, margin-right 0.5s ease-out, background-color 0.3s ease-out, border-color 0.2s ease-in-out;
  transition: opacity 0.3s ease, margin-right 0.5s ease-out, background-color 0.3s ease-out, border-color 0.2s ease-in-out;
  cursor: pointer;
  z-index: 1000;
}
.to-top::before {
  left: 18px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 768px) {
  .to-top {
    display: none !important;
  }
}
.to-top::after {
  right: 18px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.to-top:hover {
  background-color: var(--color-blue);
  border: 2px solid var(--color-white);
}
.to-top:hover svg path {
  fill: var(--color-white);
}
.to-top__upview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s ease, margin-right 0.5s ease-out, background-color 0.3s ease-out, border-color 0.2s ease-in-out;
  transition: opacity 0.3s ease, margin-right 0.5s ease-out, background-color 0.3s ease-out, border-color 0.2s ease-in-out;
  margin-right: 0px;
  opacity: 0.6;
}
.to-top__upview svg {
  rotate: 180deg;
  width: 25px;
  height: 12px;
}
.to-top__upview svg path {
  fill: var(--color-blue);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

/* ======= end === Кнопка "Наверх" ======= */
/* ======= start === booking ======= */
.booking {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.booking__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.booking__form {
  position: relative;
  width: 100%;
  max-width: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 46px 32px;
  margin: 0px 10px;
  border-radius: 12px;
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  z-index: 1001;
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.booking__form.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.booking__form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 500px;
}
.booking__form-input {
  padding: 18px 14px;
  background-color: var(--color-white);
  font-size: 16px;
  color: var(--color-text-light-grey);
  border: 1px solid rgba(64, 64, 64, 0.3);
  border-radius: 8px;
}
.booking__form-btn {
  max-width: unset;
}
.booking__form-btn svg rect {
  stroke: var(--color-white);
}
.booking__form-btn svg path {
  stroke: var(--color-white);
}
.booking__form-privacy {
  font-size: 14px;
  line-height: 125%;
  color: var(--color-text-grey);
}
.booking__form-privacy a {
  text-decoration: underline;
}
.booking__close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  opacity: 0.7;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.booking__close-btn:hover, .booking__close-btn:focus {
  opacity: 1;
}
.booking__close-btn svg {
  width: 24px;
  height: 24px;
}
.booking__close-btn path {
  stroke: #404040;
}
.booking.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.booking.show .booking__overlay {
  opacity: 1;
}

.custom-select {
  position: relative;
  width: 100%;
}
.custom-select__trigger {
  cursor: pointer;
}
.custom-select__dropdown {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  max-height: 240px;
  overflow-y: auto;
  display: none;
  z-index: 10;
}
.custom-select__dropdown.active {
  display: block;
}
.custom-select__option {
  padding: 14px 20px;
  cursor: pointer;
}
.custom-select__option:hover {
  background: #f3f3f3;
}

/* ======= end === booking ======= */
/* ======= start === header ======= */
.header {
  background-color: var(--color-blue);
}
.header__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 8px 0px 40px;
}
.header__inner .container.bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header__top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.header__top.sticky-header {
  padding: 16px 0px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: var(--color-white);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(48, 48, 48, 0.2509803922);
          box-shadow: 0px 4px 4px 0px rgba(48, 48, 48, 0.2509803922);
}
@media (max-width: 867px) {
  .header__top.sticky-header {
    padding: 12px 0px;
  }
}
.header__top.sticky-header .header__logo {
  max-height: 109px;
  max-width: 218px;
}
.header__top.sticky-header .header__logo .title-centre {
  color: #1EA2D7;
}
@media (max-width: 420px) {
  .header__top.sticky-header .header__logo .title-centre {
    right: -3px;
  }
}
.header__top.sticky-header .header__nav-item {
  color: #303030;
}
.header__top.sticky-header .header__search-btn {
  border: 1px solid rgba(48, 48, 48, 0.5019607843);
}
.header__top.sticky-header .header__search-btn svg path {
  fill: #303030;
}
.header__top.sticky-header .header__mobile > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 42px;
  width: 42px;
  border: 1px solid var(--color-text-light-grey);
  border-radius: 6px;
}
@media (max-width: 578px) {
  .header__top.sticky-header .header__mobile > div {
    height: 38px;
    width: 38px;
  }
}
.header__top.sticky-header .header__mobile .header__mobile-btn {
  width: 24px;
  height: 24px;
}
@media (max-width: 578px) {
  .header__top.sticky-header .header__mobile .header__mobile-btn {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 867px) {
  .header__top.sticky-header .header__mobile .header__mobile-btn svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 578px) {
  .header__top.sticky-header .header__mobile .header__mobile-btn svg {
    width: 20px;
    height: 20px;
  }
}
.header__top.sticky-header .header__mobile .header__mobile-btn svg path {
  fill: var(--color-text-light-grey);
  stroke: var(--color-text-light-grey);
}
.header__top.sticky-header .burger .burger__line {
  background-color: var(--color-text-light-grey);
}
.header__top.sticky-header .burger.active .burger__line.burger__line-top {
  -webkit-transform: translate(3px, 3px);
      -ms-transform: translate(3px, 3px);
          transform: translate(3px, 3px);
}
.header__top.sticky-header .burger.active .burger__line.burger__line-bottom {
  -webkit-transform: translate(3px, -3px);
      -ms-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
.header__top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.header__logo {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 200px;
  max-height: 144px;
}
.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header__logo .title-centre {
  position: absolute;
  bottom: -2px;
  right: 2px;
  font-family: var(--font-f-raleway);
  font-weight: var(--font-w-semibold);
  font-size: 14px;
  color: #62BEE3;
}
@media (max-width: 1024px) {
  .header__logo .title-centre {
    font-size: 12px;
  }
}
@media (max-width: 867px) {
  .header__logo .title-centre {
    right: 3px;
    font-size: 14px;
  }
}
@media (max-width: 395px) {
  .header__logo .title-centre {
    right: 5px;
    font-size: 12px;
  }
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 1050px) {
  .header__nav-list {
    gap: 12px;
  }
}
.header__nav-item {
  position: relative;
  font-size: 22px;
  color: var(--color-white);
}
.header__nav-item:hover a::after {
  opacity: 1;
}
.header__nav-item a {
  position: relative;
}
.header__nav-item a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
  -webkit-transition: ease 0.1s;
  transition: ease 0.1s;
  opacity: 0;
}
.header__search-btn {
  padding: 11px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.header__search-btn svg {
  width: 24px;
  height: 24px;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
.header__search-btn:hover {
  background-color: transparent;
}
.header__search-btn:hover svg {
  scale: 1.05;
}
.header__bottom-main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.header__bottom-main.childrens-clinic::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  z-index: 10;
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
}
.header__bottom-main.childrens-clinic .header__bottom-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
  gap: 36px;
}
.header__bottom-main.childrens-clinic .header__bottom-wrapper .header__info-item:first-child, .header__bottom-main.childrens-clinic .header__bottom-wrapper .header__city:first-child {
  -ms-flex-item-align: end;
      align-self: end;
}
.header__bottom-childrens {
  position: relative;
}
.header__bottom-childrens::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: -17px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
}
.header__bottom .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}
.header__bottom-socials {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
.header__bottom-socials .header__whatsapp-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 116px;
}
.header__bottom-socials .header__whatsapp-btn svg path {
  fill: #8cff9d;
}
.header__city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 8px;
}
.header__city p {
  font-size: 16px;
  color: var(--color-white);
}
.header__city-choice {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  background-color: transparent;
  border: 0;
}
.header__city-choice::after {
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  opacity: 0;
  background-color: var(--color-white);
  width: 100%;
  height: 1px;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
.header__city-choice:hover::after {
  opacity: 1;
}
.header__city-choice p {
  white-space: nowrap;
}
.header__info {
  width: 100%;
  max-width: 675px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .header__info {
    gap: 8px;
  }
}
.header__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.header__info-item li {
  font-size: 16px;
  color: var(--color-white);
}
.header__info-item li a {
  position: relative;
}
.header__info-item li a:hover::after {
  opacity: 1;
}
.header__info-item li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
  opacity: 0;
  -webkit-transition: ease 0.1s;
  transition: ease 0.1s;
}
.header__info-item.childrens .header-tg-link {
  display: none;
}
@media (max-width: 1024px) {
  .header__info-item.childrens .header-tg-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #8CFF9D;
    text-decoration: underline;
  }
}
.header__schedule p {
  font-size: 16px;
  color: var(--color-white);
}
.header__schedule-closing {
  display: none;
  font-weight: var(--font-w-semibold);
}
.header__whatsapp.childrens {
  width: 100%;
}
.header__whatsapp-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 16px 24px;
  border: 1px solid #8CFF9D;
  border-radius: 8px;
  background-color: rgba(140, 255, 157, 0.15);
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.header__whatsapp-btn:hover, .header__whatsapp-btn:focus {
  background-color: transparent;
}
.header__whatsapp-btn p {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: #8CFF9D;
  white-space: nowrap;
}
.header__mobile {
  display: none;
}
.header__burger {
  display: none;
}
.header__burger-logo .title-centre {
  color: #1EA2D7;
}

.burger {
  display: none;
}

.mobile-nav {
  display: none;
  background-color: var(--color-blue);
  position: fixed;
  z-index: 12;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 578px) {
  .mobile-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.mobile-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: 100%;
  padding: 8px 20px;
}
.mobile-nav__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.mobile-nav__list-link.green {
  padding: 4px;
  border: 1px solid #8CFF9D;
  border-radius: 4px;
  background-color: rgba(140, 255, 157, 0.15);
}
.mobile-nav__list-link.green p {
  color: #8CFF9D;
}
.mobile-nav__list-link p {
  font-family: var(--font-f-inter);
  font-size: 12px;
  color: var(--color-white);
}

.modal-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  position: absolute;
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 24px 40px;
  margin: 0px 10px;
  height: auto;
  max-height: 77vh;
  visibility: hidden;
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1000;
}
@media (max-width: 578px) {
  .modal-city {
    padding: 24px;
  }
}
.modal-city.active {
  visibility: visible;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  top: 80px;
}
.modal-city__close {
  -ms-flex-item-align: end;
      align-self: end;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
}
.modal-city__close-line {
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: var(--color-text-grey);
}
.modal-city__close-line.first {
  rotate: 45deg;
}
.modal-city__close-line.second {
  rotate: -45deg;
}
.modal-city__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  height: 100%;
  max-height: 75vh;
  overflow-y: auto;
  padding-right: 8px;
}
@media (max-width: 1250px) {
  .modal-city__content {
    gap: 60px;
  }
}
@media (max-width: 1024px) {
  .modal-city__content {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .modal-city__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.modal-city__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 1024px) {
  .modal-city__item {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .modal-city__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 12px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.modal-city__item-country {
  font-size: 16px;
  font-weight: var(--font-w-bold);
  color: var(--color-text-grey);
}
@media (max-width: 768px) {
  .modal-city__item-country {
    grid-area: 1/1/2/3;
  }
}
.modal-city__item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.modal-city__item ul li a {
  font-size: 16px;
  color: var(--color-text-grey);
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
@media (max-width: 1024px) {
  .modal-city__item ul li a {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .modal-city__item ul li a {
    font-size: 12px;
  }
}
.modal-city__item ul li a:hover {
  color: var(--color-blue);
}
.modal-city__item .abc-container {
  margin-top: 10px;
}
.modal-city__item .abc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(64, 64, 64, 0.5);
  border-radius: 4px;
}

.header .container-city {
  position: relative;
}
.header__top .default-logo {
  display: block;
}
.header__top .sticky-logo {
  display: none;
}
.header__top.sticky-header .default-logo {
  display: none;
}
.header__top.sticky-header .sticky-logo {
  display: block;
}

.city-chosen {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: absolute;
  top: 80px;
  left: 0px;
  padding: 24px;
  width: 100%;
  max-width: 430px;
  background-color: var(--color-white);
  border-radius: 8px;
  z-index: 1000;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media (max-width: 1024px) {
  .city-chosen {
    top: 70px;
  }
}
@media (max-width: 578px) {
  .city-chosen {
    top: 70px;
    padding: 24px 12px;
    max-width: 330px;
  }
}
@media (max-width: 430px) {
  .city-chosen {
    max-width: 100%;
  }
}
.city-chosen--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.city-chosen__title {
  font-family: var(--font-f-inter);
  font-size: 16px;
  color: var(--color-text-light-grey);
  margin-bottom: 8px;
}
@media (max-width: 578px) {
  .city-chosen__title {
    font-size: 14px;
  }
}
.city-chosen__title span {
  font-weight: var(--font-w-bold);
}
.city-chosen__text {
  font-size: 16px;
  font-family: var(--font-f-inter);
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .city-chosen__text {
    font-size: 14px;
  }
}
.city-chosen__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  gap: 24px;
  width: 100%;
}
.city-chosen__buttons-btn {
  padding: 8px 4px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: var(--font-w-medium);
}
@media (max-width: 578px) {
  .city-chosen__buttons-btn {
    font-size: 14px;
  }
}
.city-chosen__true {
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
.city-chosen__true:hover {
  background-color: var(--color-white);
  color: var(--color-blue);
}
.city-chosen__false {
  width: 100%;
  color: var(--color-text-light-grey);
  background-color: var(--color-white);
  border: 1px solid var(--color-text-light-grey);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
.city-chosen__false:hover {
  background-color: var(--color-text-light-grey);
  color: var(--color-white);
}

/* ======= end === header ======= */
/* ======= start === home-hero ======= */
.home-hero {
  background-color: var(--color-blue);
}
.home-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-bottom: 40px;
}
.home-hero__info {
  width: 100%;
  max-width: 540px;
}
.home-hero__info h4 {
  width: 100%;
  margin-bottom: 32px;
  font-family: var(--font-f-raleway);
  font-size: 16px;
  line-height: 150%;
  color: var(--color-white);
  max-width: 452px;
}
.home-hero__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 56px;
}
.home-hero__options-item {
  position: relative;
  margin: 16px 0px;
  font-size: 24px;
  color: var(--color-white);
}
.home-hero__options-item::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -16px;
  background-color: var(--color-white);
}
.home-hero__options-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.home-hero__options-item a:hover p {
  -webkit-transform: translateX(8px);
      -ms-transform: translateX(8px);
          transform: translateX(8px);
}
.home-hero__options-item a p {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.home-hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 940px) {
  .home-hero__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.home-hero__buttons-item {
  width: 100%;
  max-width: 256px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  color: var(--color-white);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.home-hero__buttons-item:hover, .home-hero__buttons-item:focus {
  background-color: transparent;
}
@media (max-width: 940px) {
  .home-hero__buttons-item.whatsapp {
    border: 1px solid #8cff9d;
    background-color: rgba(140, 255, 157, 0.15);
    color: #8cff9d;
  }
  .home-hero__buttons-item.whatsapp rect {
    stroke: #8cff9d;
  }
  .home-hero__buttons-item.whatsapp path {
    stroke: #8cff9d;
  }
}
@media (max-width: 940px) {
  .home-hero__buttons-item {
    max-width: unset;
  }
}
.home-hero__buttons-socials {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  width: 100%;
}
.home-hero__buttons-socials .home-hero__buttons-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-hero__buttons-socials .home-hero__buttons-item svg path {
  fill: var(--color-white);
}
@media (max-width: 940px) {
  .home-hero__buttons-socials .home-hero__buttons-item svg path {
    fill: #8cff9d;
  }
}
.home-hero__xray {
  position: relative;
  width: 100%;
  max-width: 690px;
}
@media (max-width: 1300px) {
  .home-hero__xray {
    margin-right: 40px;
  }
}
.home-hero__xray-main {
  position: relative;
  z-index: 3;
  margin: 40px 0px 0px 40px;
  background-color: var(--color-blue);
  overflow: hidden;
}
.home-hero__xray-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-hero__xray-background {
  width: 100%;
  height: 520px;
  max-width: 648px;
  border: 1px solid var(--color-white);
  border-radius: 24px;
}
.home-hero__xray-background--end {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #466483;
  z-index: 1;
}
.home-hero__xray-background--middle {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #4E6C8C;
  z-index: 2;
}

/* ======= end === home-hero ======= */
/* ======= start === main ======= */
.main {
  background-color: var(--color-blue);
}
.main-background {
  border-radius: 200px;
  background-color: var(--color-white);
}
@media (max-width: 1400px) {
  .main-background {
    border-radius: 110px;
  }
}
@media (max-width: 640px) {
  .main-background {
    border-radius: 80px;
  }
}
@media (max-width: 400px) {
  .main-background {
    border-radius: 40px;
  }
}

/* ======= end === main ======= */
/* ======= start === about ======= */
.about {
  padding: 80px 0px 40px;
}
.about__inner {
  position: relative;
}
.about__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  margin-bottom: 40px;
}
.about__numbers-item {
  position: relative;
  width: 100%;
  max-width: 312px;
  padding: 24px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(64, 64, 64, 0.15);
  border-radius: 8px;
  text-align: center;
  z-index: 10;
  background-color: var(--color-white);
}
.about__numbers-item img {
  width: 54px;
  height: 54px;
}
.about__numbers-numb {
  font-family: var(--font-f-roboto);
  font-size: 48px;
  font-weight: var(--font-w-bold);
  color: #A99E98;
  margin: 16px 0px 32px;
}
.about__numbers-text {
  font-family: var(--font-f-roboto);
  font-size: 24px;
  color: #323232;
}
.about__middle {
  position: absolute;
  top: calc(50% + 114px);
  left: calc(50% - 49px);
}
.about__middle-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
.about__middle-img {
  position: absolute;
}
.about__middle-img.small {
  z-index: 3;
}
.about__middle-img.middle {
  z-index: 2;
}
.about__middle-img.big {
  z-index: 1;
}
.about__middle-title {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-f-roboto);
  font-size: 24px;
  line-height: 150%;
  color: var(--color-text-light-grey);
  text-align: center;
  background-color: transparent;
}
.about__why {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 156px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.about__why-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about__why-title {
  position: relative;
  font-family: var(--font-f-roboto);
  font-size: 24px;
  color: var(--color-text-light-grey);
}
.about__why-title::after {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 0;
  height: 1px;
  width: 200px;
  background-color: rgba(64, 64, 64, 0.3);
}
.about__why-item {
  position: relative;
  width: 100%;
  max-width: 542px;
  padding: 24px;
  border-radius: 8px;
  background-color: #F5F5F5;
  max-height: 211px;
  z-index: 10;
}
.about__why-item:nth-child(odd) {
  justify-self: end;
}
.about__why-item.blue-item {
  background-color: var(--color-blue);
}
.about__why-item.blue-item .about__why-title {
  color: var(--color-white);
}
.about__why-item.blue-item .about__why-text {
  color: var(--color-white);
}
.about__why-item.blue-item .about__why-title::after {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 0;
  height: 1px;
  width: 200px;
  background-color: var(--color-white);
}
.about__why-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 46px;
}
.about__why-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--color-blue);
}
.about__why-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.about__why-text {
  font-size: 16px;
  color: var(--color-text-light-grey);
}
.about__why-text span {
  font-weight: var(--font-w-semibold);
}

/* ======= end === about ======= */
.quality-banner {
  padding: 40px 0px;
}
.quality-banner__inner {
  background-color: #A99E98;
  padding: 24px;
  border-radius: 16px;
}
.quality-banner__inner h4 {
  font-size: 32px;
  font-weight: var(--font-w-bold);
  color: var(--color-white);
  text-align: center;
}

/* ======= start === raiting ======= */
.raiting {
  padding: 40px 0px;
}
.raiting .raiting__slider--mobile {
  display: none;
}
.raiting__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.raiting__slider {
  width: 100%;
  max-width: 368px;
  border-radius: 8px;
  padding: 24px;
  overflow: hidden;
  background-color: #F5F5F5;
}
.raiting__slider-item {
  border-radius: 8px;
  overflow: hidden;
}
.raiting__slider .raitingSwiper {
  border-radius: 8px;
  overflow: hidden;
}
.raiting__slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 228px;
  margin: 0 auto 16px;
}
.raiting__slider-arrows p {
  font-size: 16px;
  color: var(--color-text-light-grey);
}
.raiting__slider-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--color-text-light-grey);
  border-radius: 50%;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.raiting__slider-arrow:hover {
  background-color: var(--color-text-light-grey);
}
.raiting__slider-arrow:hover svg path {
  stroke: var(--color-white);
}
.raiting__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 303px;
  padding: 24px;
  min-height: 178px;
}
.raiting__item.yandex .raiting__item-link .raiting__item-logo {
  width: 88px;
}
.raiting__item.gis .raiting__item-link .raiting__item-logo {
  width: 62px;
}
.raiting__item.prodoctor .raiting__item-link .raiting__item-logo {
  width: 96px;
}
.raiting__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.raiting__item-title p {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
  margin-bottom: 8px;
}
.raiting__item-circle {
  width: 16px;
  height: 16px;
  background-color: var(--color-blue);
  border-radius: 50%;
}
.raiting__item-text {
  font-size: 16px;
  color: var(--color-text-light-grey);
  margin-bottom: 8px;
}
.raiting__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.raiting__item-read {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.raiting__item-read p {
  font-size: 14px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
.raiting__reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
}
.raiting__corner {
  position: absolute;
}
.raiting__corner.left-top {
  top: 0;
  left: 0;
}
.raiting__corner.left-bottom {
  rotate: -90deg;
  left: 0;
  bottom: 0;
}
.raiting__corner.right-top {
  rotate: 90deg;
  right: 0;
  top: 0;
}
.raiting__corner.right-bottom {
  rotate: 180deg;
  right: 0;
  bottom: 0;
}

.raitingSwiper-next svg {
  rotate: 180deg;
  margin-left: 2px;
}
.raitingSwiper-prev {
  margin-right: 2px;
}

/* ======= end === raiting ======= */
/* ======= start === examination ======= */
.examination {
  padding: 40px 0px;
}
.examination__title {
  margin-bottom: 24px;
}
.examination__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.examination__info {
  width: 100%;
  max-width: 390px;
}
.examination__info-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 18px;
}
.examination__info-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 320px;
  height: 1px;
  background-color: rgba(64, 64, 64, 0.3);
}
.examination__info-text {
  font-size: 16px;
  color: var(--color-text-light-grey);
}
.examination__form {
  width: 100%;
  max-width: 945px;
  padding: 34px 100px 34px 45px;
  border-radius: 8px;
  overflow: hidden;
  background-image: url("/wp-content/themes/MRT Lider/assets/img/register_background.jpg");
  background-position: 50% 50%;
}
@media (max-width: 930px) {
  .examination__form {
    padding: 34px 50px 34px 34px;
  }
}
.examination__form form {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
  max-width: 424px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3);
}
.examination__form form .custom-select .custom-select__trigger {
  padding: 12px 32px;
  border: none;
}
.examination__form-inp {
  width: 100%;
  padding: 12px 32px;
  background-color: var(--color-white);
  color: var(--color-text-light-grey);
  font-size: 16px;
  border-radius: 8px;
}
.examination__form-inp::-webkit-input-placeholder {
  color: rgba(64, 64, 64, 0.5);
}
.examination__form-inp::-moz-placeholder {
  color: rgba(64, 64, 64, 0.5);
}
.examination__form-inp:-ms-input-placeholder {
  color: rgba(64, 64, 64, 0.5);
}
.examination__form-inp::-ms-input-placeholder {
  color: rgba(64, 64, 64, 0.5);
}
.examination__form-inp::placeholder {
  color: rgba(64, 64, 64, 0.5);
}
.examination__form-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 12px 32px;
  background-color: var(--color-white);
  border-radius: 8px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.examination__form-btn:hover {
  background-color: var(--color-text-light-grey);
}
.examination__form-btn:hover p {
  color: var(--color-white);
}
.examination__form-btn:hover svg path, .examination__form-btn:hover svg rect {
  stroke: var(--color-white);
}
.examination__form-btn p {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
.examination__form-privacy {
  font-size: 12px;
  color: #323232;
  line-height: 150%;
}
.examination__form-privacy a {
  text-decoration: underline;
}

/* ======= end === examination ======= */
/* ======= start === specialists ======= */
.specialists {
  padding: 40px 0px;
}
.specialists__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}
.specialists__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.specialists__buttons-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.specialists__buttons-arrow:hover {
  background-color: var(--color-blue);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
          box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
}
.specialists__buttons-arrow:hover svg path {
  stroke: var(--color-white) !important;
}
.specialists__buttons-arrow.specialistsSwiper-prev svg {
  margin-right: 3px;
}
.specialists__buttons-arrow.specialistsSwiper-prev svg path {
  stroke: var(--color-blue);
}
.specialists__buttons-arrow.specialistsSwiper-next svg {
  margin-left: 3px;
  rotate: 180deg;
}
.specialists__buttons-arrow.specialistsSwiper-next svg path {
  stroke: var(--color-blue);
}
.specialists__slider-item {
  max-height: 470px;
}
.specialists__slider-item:hover .specialists__slider-arrow {
  background-color: var(--color-blue);
  -webkit-transform: translate(8px, -8px);
      -ms-transform: translate(8px, -8px);
          transform: translate(8px, -8px);
}
.specialists__slider-item:hover .specialists__slider-arrow svg path {
  stroke: var(--color-white);
}
.specialists__slider-wrapper {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 40px;
  margin-bottom: 40px;
}
.specialists__slider-img {
  width: 100%;
  max-height: 420px;
  overflow: hidden;
}
.specialists__slider-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 470px;
}
.specialists__slider-arrow {
  position: absolute;
  top: 32px;
  right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  -webkit-transition: ease-in 0.4s;
  transition: ease-in 0.4s;
}
.specialists__slider-arrow svg path {
  stroke: var(--color-blue);
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}
.specialists__slider-specialty {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
  margin-bottom: 8px;
}
.specialists__slider-name {
  font-size: 16px;
  color: var(--color-text-light-grey);
}

/* ======= end === specialists ======= */
/* ======= start === specialists ======= */
.photos {
  padding: 40px 0px;
}
.photos__inner .page-title {
  margin-bottom: 40px;
}
.photos__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.photos__top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.photos__top .photos__item {
  max-height: 320px;
}
@media (max-width: 960px) {
  .photos__top .photos__item {
    max-height: 240px;
  }
}
@media (max-width: 640px) {
  .photos__top .photos__item {
    max-height: 160px;
  }
}
@media (max-width: 490px) {
  .photos__top .photos__item {
    max-height: 140px;
  }
}
.photos__top .photos__item:first-child {
  grid-area: 1/1/3/2;
  max-height: 664px;
}
@media (max-width: 490px) {
  .photos__top .photos__item:first-child {
    grid-area: 2/1/3/3;
    max-height: 220px;
  }
}
.photos__top .photos__item:nth-child(2) {
  grid-area: 1/2/2/3;
}
@media (max-width: 490px) {
  .photos__top .photos__item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
}
.photos__top .photos__item:nth-child(3) {
  grid-area: 2/2/3/3;
}
@media (max-width: 490px) {
  .photos__top .photos__item:nth-child(3) {
    grid-area: 1/1/2/2;
  }
}
.photos__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.photos__bottom {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 24px;
}
@media (max-width: 768px) {
  .photos__bottom {
    display: none;
  }
}
.photos__bottom .photos__item {
  max-height: 320px;
}
@media (max-width: 960px) {
  .photos__bottom .photos__item {
    max-height: 240px;
  }
}
.photos__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.photos__more-link {
  font-size: 16px;
  text-decoration: underline;
  color: var(--color-text-light-grey);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
.photos__more-link:hover {
  text-decoration: none;
}

/* ======= end === specialists ======= */
/* ======= start === find ======= */
.find {
  padding: 40px 0px;
}
.find__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 56px;
}
.find__search {
  width: 100%;
  max-width: 648px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid var(--color-blue);
  border-radius: 8px;
  padding-right: 24px;
}
.find__search input {
  width: 100%;
  padding: 18px 12px 18px 24px;
  border-radius: 8px;
  font-size: 16px;
  color: var(--color-blue);
  font-weight: var(--font-w-medium);
}
.find__search input::-webkit-input-placeholder {
  font-weight: var(--font-w-regular);
  color: var(--color-blue);
}
.find__search input::-moz-placeholder {
  font-weight: var(--font-w-regular);
  color: var(--color-blue);
}
.find__search input:-ms-input-placeholder {
  font-weight: var(--font-w-regular);
  color: var(--color-blue);
}
.find__search input::-ms-input-placeholder {
  font-weight: var(--font-w-regular);
  color: var(--color-blue);
}
.find__search input::placeholder {
  font-weight: var(--font-w-regular);
  color: var(--color-blue);
}
.find__search svg path {
  fill: var(--color-blue);
}
.find__subtitle {
  font-size: 24px;
  color: var(--color-text-light-grey);
  margin-bottom: 24px;
}
.find__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.find__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 20px 24px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid #f0f0f0;
}
.find__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.find__card:hover .find__card-arrow {
  transform: translate(2px, -2px);
  opacity: 1;
}
.find__card-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-blue);
  line-height: 1.3;
}
.find__card-arrow {
  flex-shrink: 0;
  color: var(--color-blue);
  opacity: 0.5;
  transition: transform 0.2s ease, opacity 0.2s ease;
  margin-left: 12px;
}

/* ======= end === find ======= */
/* ======= start === news ======= */
.news {
  padding: 40px 0px;
}

/* ======= end === news ======= */
/* ======= start === articles ======= */
.articles {
  padding: 40px 0px;
}
.articles__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 40px;
}
.articles__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.articles__buttons-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.articles__buttons-arrow:hover {
  background-color: var(--color-blue);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
          box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
}
.articles__buttons-arrow:hover svg path {
  stroke: var(--color-white) !important;
}
.articles__buttons-arrow.articlesSwiper-prev svg {
  margin-right: 3px;
}
.articles__buttons-arrow.articlesSwiper-prev svg path {
  stroke: var(--color-blue);
}
.articles__buttons-arrow.articlesSwiper-next svg {
  margin-left: 3px;
  rotate: 180deg;
}
.articles__buttons-arrow.articlesSwiper-next svg path {
  stroke: var(--color-blue);
}
.articles__slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 320px;
  padding: 32px;
  border: 1px solid rgba(64, 64, 64, 0.3);
  border-radius: 8px;
  background-color: var(--color-white);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.articles__slider-item:hover {
  background-color: var(--color-blue);
}
.articles__slider-item:hover .articles__slider-title {
  color: var(--color-white);
}
.articles__slider-item:hover .articles__slider-text {
  color: var(--color-white);
}
.articles__slider-item:hover .articles__slider-arrow {
  border: 1px solid var(--color-white);
}
.articles__slider-item:hover .articles__slider-arrow svg path {
  stroke: var(--color-white);
}
.articles__slider-title {
  font-family: var(--font-f-roboto);
  font-size: 24px;
  color: var(--color-text-light-grey);
  margin-bottom: 24px;
}
.articles__slider-text {
  font-size: 16px;
  color: var(--color-text-light-grey);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.articles__slider-arrow {
  position: absolute;
  bottom: 32px;
  right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  -webkit-transition: ease-in 0.4s;
  transition: ease-in 0.4s;
}
.articles__slider-arrow svg path {
  stroke: var(--color-blue);
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}

/* ======= end === articles ======= */
/* ======= start === stock ======= */
.stock {
  padding: 40px 0px;
}
.stock__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 40px;
}
.stock__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.stock__buttons-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.stock__buttons-arrow:hover {
  background-color: var(--color-blue);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
          box-shadow: 0px 0px 4px 4px rgba(91, 181, 250, 0.2);
}
.stock__buttons-arrow:hover svg path {
  stroke: var(--color-white) !important;
}
.stock__buttons-arrow.stockSwiper-prev svg {
  margin-right: 3px;
}
.stock__buttons-arrow.stockSwiper-prev svg path {
  stroke: var(--color-blue);
}
.stock__buttons-arrow.stockSwiper-next svg {
  margin-left: 3px;
  rotate: 180deg;
}
.stock__buttons-arrow.stockSwiper-next svg path {
  stroke: var(--color-blue);
}
.stock__slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 32px;
  background-color: #F5F5F5;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(21, 21, 21, 0.15);
          box-shadow: 2px 2px 4px 0px rgba(21, 21, 21, 0.15);
}
.stock__slider-item:hover .stock__slider-arrow {
  -webkit-transform: translate(5px, -5px);
      -ms-transform: translate(5px, -5px);
          transform: translate(5px, -5px);
  background-color: var(--color-blue);
}
.stock__slider-item:hover .stock__slider-arrow svg path {
  stroke: var(--color-white);
}
.stock__slider-date {
  position: absolute;
  top: 5px;
  right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  height: 64px;
  background-color: var(--color-blue);
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}
.stock__slider-date p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stock__slider-date p span {
  font-size: 12px;
  font-weight: var(--font-w-semibold);
  color: var(--color-white);
}
.stock__slider-img {
  width: 100%;
  height: 280px;
  position: relative;
  margin-bottom: 24px;
}
.stock__slider-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.stock__slider-title {
  font-family: var(--font-f-roboto);
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
  max-width: 190px;
}
@media (max-width: 1350px) {
  .stock__slider-title {
    font-size: 14px;
  }
}
.stock__slider-arrow {
  position: absolute;
  bottom: 32px;
  right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-blue);
  border-radius: 50%;
  -webkit-transition: ease-in 0.4s;
  transition: ease-in 0.4s;
}
.stock__slider-arrow svg path {
  stroke: var(--color-blue);
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}

@media (min-width: 1200px) {
  .stock__slider .swiper-slide {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc((100% - 48px) / 4) !important;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
}

@media (min-width: 1200px) {
  .stock__slider .swiper-slide-active {
    width: calc((100% - 48px) / 2) !important;
  }
}

/* ======= end === stock ======= */
.question {
  padding: 40px 0px;
}
.question__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.question__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.question__tg {
  -webkit-transform: translateX(-90px);
      -ms-transform: translateX(-90px);
          transform: translateX(-90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 120px;
  height: 120px;
  background-color: var(--color-blue);
  border-radius: 50%;
}
.question__content {
  position: relative;
  width: 100%;
  max-width: 872px;
  margin-top: 80px;
  border-radius: 8px;
  overflow: hidden;
}
.question__info {
  position: absolute;
  top: calc(50% - 70px);
  left: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  height: 140px;
  padding: 34px 24px;
  border: 1px solid var(--color-white);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}
.question__title {
  font-family: var(--font-f-roboto);
  font-size: 24px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-grey);
}
.question__text {
  font-family: var(--font-f-roboto);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-grey);
}
.question__mobile {
  display: none;
}

.tour {
  padding: 40px 0px 80px;
}
.tour__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  max-height: 489px;
  border-radius: 8px;
  overflow: hidden;
}
.tour__inner img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tour__iframe {
  width: 100%;
}
.tour__content {
  position: relative;
  z-index: 2;
  margin: 40px 0px;
  padding: 32px;
  width: 100%;
  max-width: 870px;
  height: 100%;
  max-height: 409px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
}
.tour__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  max-width: 450px;
  font-family: var(--font-f-roboto);
  font-size: 48px;
  color: var(--color-text-grey);
  text-align: center;
}
.tour__play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
  height: 120px;
  background-color: var(--color-blue);
  border-radius: 50%;
}
.tour__play img {
  margin-left: 8px;
  width: 34px;
  height: 34px;
}

/* ======= start === footer ======= */
.footer {
  padding: 80px 0px 40px;
  background-color: var(--color-blue);
}
@media (max-width: 578px) {
  .footer {
    padding: 80px 0px;
  }
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.footer__inner a, .footer__inner p {
  color: var(--color-white);
}
.footer__visually {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 320px;
  background-color: var(--color-white);
  padding: 16px 32px;
  border: 1px solid var(--color-white);
  border-radius: 8px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.footer__visually:hover {
  background-color: var(--color-text-light-grey);
}
.footer__visually:hover p {
  color: var(--color-white);
}
.footer__visually:hover .footer__visually-container {
  background-color: var(--color-white);
}
.footer__visually:hover .footer__visually-container svg path {
  stroke: var(--color-text-light-grey);
}
.footer__visually p {
  font-size: 16px;
  font-weight: var(--font-w-bold);
  color: var(--color-text-light-grey);
}
.footer__visually-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: var(--color-text-light-grey);
}
.footer__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.footer__links-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 40px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.footer__links-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.footer__links-item a {
  width: 100%;
  padding: 14px;
  text-align: center;
  font-size: 16px;
  color: var(--color-white);
}
.footer__links-item:hover {
  background-color: var(--color-white);
}
.footer__links-item:hover a {
  color: var(--color-blue);
}
.footer__links-item.big-item {
  grid-area: 1/1/2/3;
}
.footer__links-item.big-item a {
  padding: 30px;
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.footer__bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.footer__socials p {
  margin-bottom: 16px;
}
.footer__contacts a {
  position: relative;
}
.footer__contacts a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
  opacity: 0;
  -webkit-transition: ease 0.1s;
  transition: ease 0.1s;
}
.footer__contacts a:hover::after {
  opacity: 1;
}

/* ======= end === footer ======= */
/* ======= start === media ======= */
@media (max-width: 1300px) {
  .question__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .question__content {
    max-width: 665px;
    margin-top: 0;
  }
  .question__content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 1200px) {
  .header__nav-item {
    font-size: 20px;
  }
  .header__logo {
    max-width: 200px;
  }
  .header__info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
  }
  .about__numbers-numb {
    font-size: 32px;
    margin: 16px 0px;
  }
  .about__numbers-text {
    font-size: 16px;
  }
  .about__why-item {
    max-width: 370px;
  }
  .about__why-title {
    font-size: 16px;
  }
  .about__why-circle {
    width: 32px;
    height: 32px;
  }
  .specialists__slider-wrapper {
    margin-bottom: 24px;
  }
  .specialists__slider-img {
    width: 100%;
    height: 100%;
    max-width: 255px;
    max-height: 304px;
  }
  .specialists__slider-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .find__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .find__card {
    padding: 16px 20px;
  }
  .find__card-title {
    font-size: 15px;
  }
}
@media (max-width: 1024px) {
  .header__nav-item {
    font-size: 16px;
  }
  .header__info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header__logo {
    width: 170px;
  }
  .header__whatsapp {
    display: none;
  }
  .home-hero__xray {
    margin-right: 10px;
    width: 450px;
  }
  .home-hero__xray-background {
    width: 360px;
    height: 360px;
  }
  .quality-banner__inner h4 {
    font-size: 24px;
  }
  .raiting__item {
    padding: 12px;
  }
  .raiting__item-read {
    gap: 12px;
  }
  .examination__form-btn {
    gap: 8px;
  }
  .articles__slider-item {
    min-height: 280px;
  }
  .articles__slider-title {
    font-size: 16px;
  }
  .articles__slider-text {
    font-size: 14px;
  }
  .stock__slider-title {
    font-size: 12px;
  }
  .question__tg {
    width: 90px;
    height: 90px;
    -webkit-transform: translateX(-75px);
        -ms-transform: translateX(-75px);
            transform: translateX(-75px);
  }
  .question__semicircle {
    width: 180px;
  }
  .question__semicircle img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .tour__title {
    font-size: 24px;
  }
  .tour__play {
    width: 90px;
    height: 90px;
  }
  .tour__content {
    max-width: 570px;
    margin: 40px 20px;
  }
  .footer__links-item {
    padding: 14px 10px;
  }
}
@media (max-width: 867px) {
  .header__logo {
    width: 200px;
  }
  .header__nav {
    display: none;
  }
  .header__search {
    display: none;
  }
  .header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 24px;
  }
  .header__mobile-btn {
    background-color: transparent;
  }
  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    background-color: #F5F5F5;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    padding: 40px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    z-index: 800;
    -webkit-box-shadow: 2px 0px 8px 0px rgba(34, 60, 80, 0.2);
            box-shadow: 2px 0px 8px 0px rgba(34, 60, 80, 0.2);
  }
  .header__burger.active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .header__burger-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .header__burger-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .header__burger-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .header__burger-info li {
    font-size: 16px;
    color: var(--color-text-light-grey);
  }
  .header__burger-info.burger-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__burger-open-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 8px;
    padding: 18px 32px;
    background-color: var(--color-blue);
    font-size: 16px;
    color: var(--color-white);
  }
  .header__burger-logo {
    width: 100%;
    max-width: 280px;
  }
  .header__burger-logo .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__burger-logo .title-centre {
    font-size: 14px;
    right: 3px;
  }
  .header__burger-nav {
    width: 100%;
    max-width: 280px;
  }
  .header__burger-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .header__burger-item {
    font-size: 16px;
    line-height: 120%;
    color: var(--color-text-light-grey);
  }
  .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .burger__line {
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
  }
  .burger.active .burger__line-top {
    rotate: 45deg;
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
  }
  .burger.active .burger__line-middle {
    display: none;
  }
  .burger.active .burger__line-bottom {
    rotate: -45deg;
    -webkit-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  .burger__line {
    width: 24px;
    height: 1px;
    background-color: var(--color-white);
  }
  .home-hero__info h4 {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .home-hero__options {
    margin-bottom: 24px;
  }
  .home-hero__options-item {
    font-size: 16px;
  }
  .about__numbers-numb {
    font-size: 24px;
  }
  .about__numbers-text {
    font-size: 12px;
  }
  .about__middle {
    top: calc(50% + 83px);
  }
  .raiting .raiting__slider--pc {
    display: none;
  }
  .raiting .raiting__slider--mobile {
    display: block;
  }
  .raiting__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .raiting__slider-item {
    width: 100%;
    height: 100%;
    max-height: 105px;
  }
  .raiting__slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .raiting__reviews {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .raiting__item {
    justify-self: center;
    padding: 24px;
  }
  .examination .container {
    padding: 0;
  }
  .examination__title {
    padding: 0px 20px;
  }
  .examination__content {
    padding: 28px 0px;
    border-radius: 8px;
    background-image: url("/wp-content/themes/MRT Lider/assets/img/register_background.jpg");
    background-position: 50% 50%;
  }
  .examination__form {
    background: transparent;
    padding: 0;
    margin-right: 20px;
  }
  .find__cards {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .find__card {
    padding: 16px 20px;
  }
  .find__card-title {
    font-size: 15px;
  }
  .find__subtitle {
    font-size: 16px;
  }
  .articles__slider-item {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 16px;
  }
  .articles__slider-text {
    margin-bottom: 64px;
  }
  .stock__slider-item {
    padding: 24px;
  }
  .stock__slider-date {
    top: -15px;
    right: -15px;
  }
  .question__inner {
    gap: 42px;
  }
  .question__images {
    position: relative;
  }
  .question__tg {
    position: absolute;
    right: -30px;
    top: calc(50% - 45px);
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
  }
  .question__semicircle {
    width: 160px;
  }
  .footer__inner a, .footer__inner p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .header__bottom p, .header__bottom li {
    font-size: 14px;
  }
  .header__city-choice {
    gap: 12px;
  }
  .home-hero__xray {
    width: 290px;
  }
  .home-hero__xray-background {
    width: 260px;
  }
  .home-hero__xray-background--middle {
    top: 10px;
    left: 10px;
  }
  .home-hero__xray-main {
    margin: 20px 0px 0px 20px;
  }
  .about__numbers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .about__numbers-item img {
    width: 34px;
    height: 34px;
  }
  .about__numbers-numb {
    margin: 12px 0px;
    font-size: 28px;
  }
  .about__numbers-text {
    font-size: 14px;
  }
  .about__why-head {
    margin-bottom: 24px;
  }
  .about__why-item.blue-item .about__why-title::after {
    bottom: -12px;
  }
  .about__why-title {
    font-size: 14px;
  }
  .about__why-title::after {
    bottom: -15px;
  }
  .about__why-text {
    font-size: 14px;
  }
  .about__why-circle {
    width: 24px;
    height: 24px;
  }
  .about__middle {
    top: calc(50% + 159px);
  }
  .examination__info-text {
    font-size: 14px;
  }
  .examination__form form {
    padding: 24px;
  }
  .question__inner {
    position: relative;
    gap: 0;
  }
  .question__images {
    display: none;
  }
  .question__mobile {
    display: block;
  }
  .question__mobile-item {
    position: absolute;
    width: 360px;
    height: 180px;
  }
  .question__mobile-item img {
    width: 100%;
    height: 100%;
  }
  .question__mobile-item.top {
    top: -25px;
    right: -200px;
  }
  .question__mobile-item.bottom {
    rotate: 180deg;
    bottom: -25px;
    left: -200px;
  }
  .question__mobile-tg {
    position: absolute;
    bottom: 50px;
    right: 150px;
  }
  .question__mobile-tg .question__tg {
    width: 48px;
    height: 48px;
  }
  .question__mobile-tg .question__tg img {
    width: 24px;
    height: 17px;
  }
  .question__content {
    margin: 120px 0px;
  }
  .footer__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .footer__contacts {
    grid-area: 1/2/3/3;
    justify-self: end;
    align-self: start;
  }
  .footer__links-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .footer__links-item {
    height: 56px;
    padding: 8px;
  }
  .footer__links-item.big-item {
    height: 64px;
    padding: 8px;
    margin-bottom: 14px;
  }
}
@media (max-width: 680px) {
  .examination__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .examination__info {
    max-width: unset;
  }
  .examination__form {
    max-width: unset;
    padding: 0px 20px;
    margin-right: 0;
  }
  .examination__form form {
    max-width: unset;
  }
}
@media (max-width: 640px) {
  .header__info {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .header__info ul.header__info-item {
    display: none;
  }
  .home-hero__xray-background {
    width: 220px;
  }
  .raiting__item {
    padding: 12px;
  }
  .raiting__item-read {
    gap: 3px;
  }
}
@media (max-width: 578px) {
  .header__burger-logo .title-centre {
    right: -8px;
  }
  .header__burger-top {
    gap: 24px;
  }
  .header__burger-list {
    gap: 12px;
  }
  .header__top.sticky-header .header__mobile {
    gap: 12px;
  }
  .header__logo {
    width: 180px;
  }
  .home-hero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .home-hero__xray {
    width: 100%;
    max-width: 420px;
    margin: 0;
  }
  .home-hero__xray-background {
    width: 100%;
    max-width: 380px;
    height: 260px;
  }
  .home-hero__xray-background--middle {
    top: 10px;
    left: 20px;
  }
  .home-hero__xray-main {
    margin: 20px 0px 0px 40px;
  }
  .about__numbers {
    margin-bottom: 0;
  }
  .about__why {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 200px;
  }
  .about__middle {
    top: 405px;
  }
  .quality-banner__inner {
    font-size: 14px;
  }
  .raiting__reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .raiting__item {
    padding: 24px;
    max-width: 100%;
  }
  .raiting__item-read {
    gap: 8px;
  }
  .find__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: 24px;
  }
  .find__cards {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .find__card {
    padding: 14px 16px;
  }
  .find__card-title {
    font-size: 14px;
  }
  .articles__slider-text {
    margin-bottom: 50px;
  }
  .articles__slider-arrow {
    bottom: 24px;
    right: 24px;
  }
  .question {
    padding: 10px 0px 20px;
  }
  .question__info {
    padding: 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    top: unset;
    bottom: 24px;
  }
  .question__title {
    font-size: 12px;
  }
  .question__text {
    font-size: 12px;
  }
  .question__mobile-tg {
    right: 80px;
  }
  .tour__title {
    font-size: 14px;
  }
  .tour__play {
    width: 40px;
    height: 40px;
  }
  .tour__play img {
    margin-left: 4px;
    width: 10px;
    height: 10px;
  }
  .tour__content {
    gap: 16px;
  }
}
@media (max-width: 514px) {
  .footer {
    padding: 40px 0px 80px;
  }
  .footer__inner {
    gap: 24px;
  }
  .footer__visually {
    max-width: unset;
  }
  .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .footer__links-item.big-item {
    margin-bottom: 0px;
  }
  .footer__bottom {
    display: grid;
    grid-template-columns: 1fr;
  }
  .footer__contacts {
    grid-area: 2/1/3/2;
    align-self: start;
    justify-self: start;
  }
}
@media (max-width: 460px) {
  .home-hero__xray {
    max-width: 380px;
  }
  .home-hero__xray-background {
    max-width: 340px;
    height: 200px;
  }
  .about__numbers-item img {
    width: 24px;
    height: 24px;
  }
  .about__numbers-numb {
    font-size: 24px;
  }
  .about__numbers-text {
    font-size: 12px;
  }
  .about__middle {
    top: 377px;
  }
}
@media (max-width: 415px) {
  .home-hero__xray {
    max-width: 340px;
  }
  .home-hero__xray-background {
    max-width: 300px;
  }
}
@media (max-width: 375px) {
  .home-hero__xray {
    max-width: 320px;
  }
  .home-hero__xray-background {
    max-width: 280px;
  }
}
/* ======= end === media ======= */
/* ======= start === specialist ======= */
.page-specialists__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 80px;
}
@media (max-width: 578px) {
  .page-specialists__content {
    grid-template-columns: 1fr;
    margin-bottom: 24px;
  }
}
.page-specialists__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.page-specialists__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  padding: 24px;
  row-gap: 8px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  cursor: pointer;
}
.page-specialists__item:hover .page-specialists__item-arrow {
  border-color: var(--color-white);
  background-color: var(--color-blue);
}
.page-specialists__item:hover .page-specialists__item-arrow svg path {
  stroke: var(--color-white);
}
.page-specialists__item:hover .page-specialists__item-img img {
  scale: 1.02;
}
@media (max-width: 960px) {
  .page-specialists__item {
    gap: 16px;
  }
}
@media (max-width: 578px) {
  .page-specialists__item {
    grid-template-columns: -webkit-fit-content 1fr;
    grid-template-columns: fit-content 1fr;
  }
}
.page-specialists__item-img {
  grid-area: 1/1/3/2;
  margin-right: 24px;
  width: 100%;
  max-width: 340px;
  height: 100%;
  max-height: 410px;
}
@media (max-width: 1200px) {
  .page-specialists__item-img {
    margin-right: 0;
    padding-right: 10px;
  }
}
@media (max-width: 960px) {
  .page-specialists__item-img {
    grid-area: 1/1/2/2;
    padding-right: 0;
  }
}
@media (max-width: 578px) {
  .page-specialists__item-img {
    max-width: 220px;
  }
}
.page-specialists__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.page-specialists__item-name {
  grid-area: 1/2/2/3;
  align-self: end;
  font-size: 24px;
  font-weight: var(--font-w-bold);
  color: var(--color-text-light-grey);
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .page-specialists__item-name {
    font-size: 16px;
  }
}
@media (max-width: 960px) {
  .page-specialists__item-name {
    grid-area: 1/2/2/3;
    margin-bottom: 0;
    align-self: center;
  }
}
.page-specialists__item-info {
  grid-area: 2/2/3/3;
}
@media (max-width: 960px) {
  .page-specialists__item-info {
    grid-area: 2/1/3/3;
  }
}
.page-specialists__item-info p {
  color: var(--color-text-light-grey);
}
.page-specialists__item-exp {
  font-weight: var(--font-w-semibold);
}
@media (max-width: 1200px) {
  .page-specialists__item-exp {
    font-size: 14px;
  }
}
.page-specialists__item-spec {
  margin: 24px 0px;
}
@media (max-width: 1200px) {
  .page-specialists__item-spec {
    font-size: 14px;
  }
}
@media (max-width: 960px) {
  .page-specialists__item-spec {
    margin: 8px 0px;
  }
}
.page-specialists__item-arrow {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #A99E98;
  border-radius: 50%;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
@media (max-width: 768px) {
  .page-specialists__item-arrow {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}
.page-specialists__item-arrow svg path {
  stroke: #A99E98;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
.page-specialists__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.page-specialists__nav .page-numbers {
  font-size: 16px;
  font-weight: var(--font-w-bold);
  color: var(--color-text-light-grey);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  padding: 5px;
}
.page-specialists__nav .page-numbers:hover {
  color: var(--color-blue);
}
.page-specialists__nav .page-numbers.current {
  color: rgba(64, 64, 64, 0.5);
}
.page-specialists__nav .page-numbers.prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgb(169, 158, 152);
  border-radius: 50%;
  margin-right: 24px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 578px) {
  .page-specialists__nav .page-numbers.prev {
    width: 30px;
    height: 30px;
  }
}
.page-specialists__nav .page-numbers.prev:hover {
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
}
.page-specialists__nav .page-numbers.prev:hover svg path {
  fill: var(--color-white);
}
.page-specialists__nav .page-numbers.prev svg {
  rotate: 180deg;
}
.page-specialists__nav .page-numbers.prev svg path {
  fill: rgb(169, 158, 152);
}
.page-specialists__nav .page-numbers.next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgb(169, 158, 152);
  border-radius: 50%;
  margin-left: 24px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 578px) {
  .page-specialists__nav .page-numbers.next {
    width: 30px;
    height: 30px;
  }
}
.page-specialists__nav .page-numbers.next svg path {
  fill: rgb(169, 158, 152);
}
.page-specialists__nav .page-numbers.next:hover {
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
}
.page-specialists__nav .page-numbers.next:hover svg path {
  fill: var(--color-white);
}

.specialist .page-title {
  font-size: 32px;
}
.specialist__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .specialist__head {
    gap: 24px;
  }
}
@media (max-width: 724px) {
  .specialist__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.specialist__head-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin-bottom: 48px;
}
.specialist__head-info .grey-line {
  position: relative;
}
.specialist__head-info .grey-line::after {
  position: absolute;
  content: "";
  top: 32px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(64, 64, 64, 0.3);
}
.specialist__head-container {
  width: 100%;
}
.specialist__head-text {
  font-size: 16px;
  font-weight: var(--font-w-regular);
  color: var(--color-text-light-grey);
}
.specialist__head-text.bold {
  font-weight: var(--font-w-semibold);
}
@media (max-width: 768px) {
  .specialist__head-text {
    font-size: 14px;
  }
}
.specialist__head-raiting {
  font-size: 16px;
}
@media (max-width: 768px) {
  .specialist__head-raiting {
    font-size: 14px;
  }
}
.specialist__head-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
@media (max-width: 1024px) {
  .specialist__head-buttons {
    gap: 24px;
  }
}
@media (max-width: 490px) {
  .specialist__head-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 930px) {
  .specialist__head-btn {
    font-size: 14px;
  }
}
@media (max-width: 876px) {
  .specialist__head-btn {
    padding: 12px 10px;
  }
}
@media (max-width: 490px) {
  .specialist__head-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    max-width: 100%;
  }
}
.specialist__avatar {
  position: relative;
  width: 100%;
  max-width: 424px;
  padding: 24px;
}
@media (max-width: 1024px) {
  .specialist__avatar {
    max-width: 370px;
  }
}
@media (max-width: 876px) {
  .specialist__avatar {
    max-width: 270px;
  }
}
@media (max-width: 768px) {
  .specialist__avatar {
    max-width: 220px;
  }
}
@media (max-width: 724px) {
  .specialist__avatar {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.specialist__avatar-img {
  width: 100%;
  border-radius: 8px;
}
@media (max-width: 724px) {
  .specialist__avatar-img {
    width: 50%;
  }
}
@media (max-width: 490px) {
  .specialist__avatar-img {
    width: 75%;
  }
}
.specialist__title {
  font-size: 32px;
  color: var(--color-text-light-grey);
  margin-bottom: 48px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .specialist__title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .specialist__title {
    font-size: 18px;
  }
}
.specialist__content {
  margin-bottom: 80px;
}
.specialist__content .page-title {
  margin-bottom: 40px;
}
@media (max-width: 578px) {
  .specialist__content .page-title {
    margin-bottom: 24px;
  }
}
.specialist__content-container {
  position: relative;
}
.specialist__education {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 24px;
}
@media (max-width: 768px) {
  .specialist__education {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 578px) {
  .specialist__education {
    padding: 0;
  }
}
.specialist__education .raiting__corner {
  display: none;
}
.specialist__education-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.specialist__education-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .specialist__education-wrapper {
    gap: 12px;
  }
}
@media (max-width: 578px) {
  .specialist__education-wrapper {
    position: relative;
  }
  .specialist__education-wrapper:first-child::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(64, 64, 64, 0.5);
  }
}
.specialist__education-year {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
@media (max-width: 960px) {
  .specialist__education-year {
    font-size: 14px;
  }
}
.specialist__education-text {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 960px) {
  .specialist__education-text {
    font-size: 14px;
  }
}
.specialist__education-title {
  font-family: var(--font-f-raleway);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 960px) {
  .specialist__education-title {
    font-size: 14px;
  }
}
.specialist__сertificates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .specialist__сertificates {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .specialist__сertificates .specialist__сertificates-container:nth-child(odd) {
    justify-self: end;
  }
}
.specialist__сertificates-container {
  position: relative;
  padding: 24px;
  max-width: 264px;
  width: 100%;
}
@media (max-width: 578px) {
  .specialist__сertificates-container {
    padding: 12px;
  }
}
.specialist__сertificates-img {
  width: 100%;
}
.specialist__reviews .swiper-slide {
  height: auto;
}
.specialist__reviews-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.specialist__reviews-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  height: 100%;
  border: 1px solid rgba(64, 64, 64, 0.3);
  border-radius: 8px;
  padding: 32px;
}
@media (max-width: 867px) {
  .specialist__reviews-item {
    padding: 24px;
    gap: 24px;
  }
}
.specialist__reviews-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.specialist__reviews-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .specialist__reviews-img {
    width: 56px;
    height: 56px;
  }
}
.specialist__reviews-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.specialist__reviews-name {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .specialist__reviews-name {
    font-size: 14px;
  }
}
.specialist__reviews-text {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .specialist__reviews-text {
    font-size: 12px;
  }
}
/* ======= end === specialist ======= */
/* ======= start === contacts ======= */
.contacts {
  padding: 0px 0px 40px;
}
@media (max-width: 867px) {
  .contacts {
    padding: 0px 0px 24px;
  }
}
.contacts__title {
  font-size: 40px;
  margin-bottom: 40px;
  white-space: wrap;
}
@media (max-width: 867px) {
  .contacts__title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .contacts__title {
    font-size: 24px;
  }
}
.contacts__map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
}
@media (max-width: 590px) {
  .contacts__map {
    gap: 24px;
  }
}
.contacts__map-frame {
  width: 100%;
}
.contacts__map-frame iframe {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.contacts__map-frame img {
  width: 100%;
}
.contacts__content {
  position: absolute;
  bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  padding: 0px 12px;
  width: 100%;
}
@media (max-width: 676px) {
  .contacts__content {
    gap: 12px;
  }
}
@media (max-width: 590px) {
  .contacts__content {
    position: relative;
    bottom: inherit;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.contacts__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 24px;
  width: 100%;
  max-width: 258px;
  border: 1px solid rgba(64, 64, 64, 0.15);
  border-radius: 8px;
  background-color: var(--color-white);
}
@media (max-width: 1024px) {
  .contacts__content-item {
    max-width: 204px;
  }
}
@media (max-width: 867px) {
  .contacts__content-item {
    padding: 16px 12px;
  }
}
.contacts__content-title {
  font-size: 16px;
  font-weight: var(--font-w-bold);
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .contacts__content-title {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .contacts__content-title {
    font-size: 12px;
  }
}
.contacts__content-text {
  font-size: 16px;
  font-weight: var(--font-w-regular);
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .contacts__content-text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .contacts__content-text {
    font-size: 12px;
  }
}

.form {
  padding: 40px 0px;
}
@media (max-width: 867px) {
  .form {
    padding: 24px 0px;
  }
}
@media (max-width: 450px) {
  .form {
    position: relative;
  }
  .form::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/themes/MRT Lider/assets/img/form_big.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 70%;
  }
}
.form form {
  position: relative;
  z-index: 5;
  padding: 32px;
  margin-left: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
  max-width: 872px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1150px) {
  .form form {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .form form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 764px;
    margin: 0px 24px;
  }
}
@media (max-width: 578px) {
  .form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 360px;
  }
}
@media (max-width: 450px) {
  .form form {
    padding: 20px 0px;
    margin: 0;
    background-color: transparent;
    border: 0;
  }
}
.form form .custom-select .custom-select__trigger {
  padding: 12px 32px;
  border: none;
}
.form__inner {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  padding: 40px 0px;
}
@media (max-width: 1150px) {
  .form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.form__inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/MRT Lider/assets/img/form_big.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 70%;
}
@media (max-width: 450px) {
  .form__inner::before {
    display: none;
  }
}
.form__privacy {
  font-size: 12px;
  color: #323232;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .form__privacy {
    grid-area: 5/1/6/3;
  }
}
.form__privacy a {
  text-decoration: underline;
}
.form__inp {
  width: 100%;
  padding: 12px 32px;
  background-color: var(--color-white);
  color: var(--color-text-light-grey);
  font-size: 16px;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .form__inp {
    max-width: 338px;
  }
}
@media (max-width: 768px) {
  .form__inp {
    font-size: 14px;
  }
}
.form__inp::-webkit-input-placeholder {
  color: var(--color-text-light-grey);
}
.form__inp::-moz-placeholder {
  color: var(--color-text-light-grey);
}
.form__inp:-ms-input-placeholder {
  color: var(--color-text-light-grey);
}
.form__inp::-ms-input-placeholder {
  color: var(--color-text-light-grey);
}
.form__inp::placeholder {
  color: var(--color-text-light-grey);
}
.form__inp.textarea {
  min-height: 160px;
}
@media (max-width: 1024px) {
  .form__inp.textarea {
    grid-area: 1/2/4/3;
  }
}
.form__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  width: 100%;
  max-width: 270px;
  padding: 12px;
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  border-radius: 8px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (max-width: 1024px) {
  .form__btn {
    grid-area: 4/1/5/3;
    max-width: 345px;
  }
}
.form__btn svg path,
.form__btn svg rect {
  stroke: var(--color-white);
}
.form__btn:hover {
  background-color: var(--color-white);
}
.form__btn:hover p {
  color: var(--color-blue);
}
.form__btn:hover svg path,
.form__btn:hover svg rect {
  stroke: var(--color-blue);
}
.form__btn p {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-white);
}

/* ======= end === contacts ======= */
/* ======= start === answers ======= */
.answers__head {
  display: grid;
  grid-template-columns: 400px 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 867px) {
  .answers__head {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 692px) {
  .answers__head {
    grid-template-columns: 1fr;
  }
}
.answers__title {
  font-size: 40px;
  white-space: wrap;
}
@media (max-width: 867px) {
  .answers__title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .answers__title {
    font-size: 24px;
  }
}
.answers__content {
  display: grid;
  grid-template-columns: 320px 1fr;
  -webkit-column-gap: 103px;
     -moz-column-gap: 103px;
          column-gap: 103px;
  row-gap: 40px;
}
@media (max-width: 867px) {
  .answers__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.answers__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 867px) {
  .answers__category {
    display: none;
  }
}
.answers__category-mob {
  display: none;
}
@media (max-width: 867px) {
  .answers__category-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 692px) {
  .answers__category-mob {
    grid-area: 2/1/3/2;
  }
}
.answers__category-inner {
  padding: 16px;
  border: 1px solid rgba(64, 64, 64, 0.5);
  border-radius: 8px;
}
.answers__category-title {
  font-family: var(--font-f-raleway);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
  margin-bottom: 24px;
}
.answers__category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.answers__category-item {
  position: relative;
}
.answers__category-item:hover a {
  color: var(--color-blue);
}
.answers__category-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background-color: rgba(64, 64, 64, 0.15);
}
.answers__category-item:last-child::after {
  display: none;
}
.answers__category-item a {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.answers__category-button {
  max-width: unset;
}
.answers__category-button svg rect {
  stroke: var(--color-white);
}
.answers__category-button svg path {
  stroke: var(--color-white);
}
.answers__select {
  position: relative;
  width: 100%;
}
.answers__select.open .answers__select-trigger svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.answers__select.open .answers__select-options {
  opacity: 1;
  visibility: visible;
}
.answers__select-trigger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  background: var(--color-white);
  border: 1px solid rgba(64, 64, 64, 0.5);
  border-radius: 8px;
  cursor: pointer;
}
.answers__select-trigger svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.answers__select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--color-white);
  border: 1px solid rgba(64, 64, 64, 0.5);
  border-top: 0;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}
.answers__select-item {
  padding: 12px 16px;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.answers__select-item.selected {
  background: #f0f0f0;
  font-weight: bold;
}
.answers__select .original-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}
.answers__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 870px;
  padding: 12px;
  border: 1px solid #6180A1;
  border-radius: 8px;
}
@media (max-width: 867px) {
  .answers__search {
    grid-area: 2/1/3/3;
  }
}
@media (max-width: 692px) {
  .answers__search {
    grid-area: 3/1/4/2;
  }
}
.answers__search-inp {
  width: 100%;
  font-size: 16px;
  line-height: 200%;
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .answers__search-inp {
    font-size: 14px;
  }
}
.answers__search-inp::-webkit-input-placeholder {
  color: #6180A1;
}
.answers__search-inp::-moz-placeholder {
  color: #6180A1;
}
.answers__search-inp:-ms-input-placeholder {
  color: #6180A1;
}
.answers__search-inp::-ms-input-placeholder {
  color: #6180A1;
}
.answers__search-inp::placeholder {
  color: #6180A1;
}
.answers__search-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  padding: 0px 10px;
  height: 100%;
  background-color: transparent;
}
.answers__search-btn svg path {
  fill: #6180A1;
}
.answers__specialist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  grid-area: 2/1/3/2;
}
@media (max-width: 867px) {
  .answers__specialist {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 490px) {
  .answers__specialist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.answers__specialist-container {
  position: relative;
  width: 100%;
  padding: 24px;
}
@media (max-width: 867px) {
  .answers__specialist-container {
    max-width: 250px;
  }
}
@media (max-width: 490px) {
  .answers__specialist-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
  }
  .answers__specialist-container img {
    max-width: 150px;
  }
}
.answers__specialist-img {
  width: 100%;
}
@media (max-width: 490px) {
  .answers__specialist-img {
    max-width: 150px;
  }
}
.answers__specialist-info {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .answers__specialist-info {
    max-width: 290px;
  }
}
.answers__tabs {
  grid-area: 1/2/3/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  justify-self: end;
  width: 100%;
  max-width: 870px;
}
.answers__tabs-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  width: 100%;
  max-width: 870px;
  padding: 16px 24px;
  background-color: #BABEC1;
  border-radius: 10px;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
  text-align: start;
}
.answers__tabs-btn svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.answers__tabs-btn.active {
  background-color: #A99E98;
}
.answers__tabs-btn.active svg {
  rotate: 180deg;
}
.answers__tabs-title {
  font-family: var(--font-f-raleway);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
@media (max-width: 490px) {
  .answers__tabs-title {
    font-size: 14px;
  }
}
.answers__tabs-text {
  display: none;
  opacity: 0;
  width: 100%;
  max-width: 870px;
  padding: 24px;
  border: 1px solid rgba(64, 64, 64, 0.5);
  border-radius: 10px;
  margin-top: 16px;
}
@media (max-width: 490px) {
  .answers__tabs-text {
    font-size: 14px;
  }
}
.answers__tabs-text.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

/* ======= end === answers ======= */
/* ======= start === maps ======= */
.maps__title {
  font-size: 40px;
  white-space: wrap;
  margin-bottom: 40px;
}
@media (max-width: 867px) {
  .maps__title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .maps__title {
    font-size: 24px;
  }
}
.maps__content {
  margin-bottom: 40px;
}
@media (max-width: 578px) {
  .maps__content {
    margin-bottom: 24px;
  }
}
.maps__subtitle {
  font-size: 24px;
  color: var(--color-text-light-grey);
  margin-bottom: 24px;
}
@media (max-width: 578px) {
  .maps__subtitle {
    font-size: 16px;
  }
}
.maps__item {
  width: 100%;
}
.maps__item img {
  width: 100%;
}

/* ======= end === maps ======= */
/* ======= start === services ======= */
.services__title {
  font-size: 40px;
  white-space: wrap;
  margin-bottom: 40px;
}
@media (max-width: 867px) {
  .services__title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .services__title {
    font-size: 24px;
  }
}
.services__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 670px) {
  .services__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  position: relative;
  width: 100%;
  height: 280px;
  border-radius: 8px;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
@media (max-width: 1250px) {
  .services__item {
    height: 240px;
  }
}
@media (max-width: 1024px) {
  .services__item {
    height: 220px;
  }
}
@media (max-width: 768px) {
  .services__item {
    height: 200px;
  }
}
@media (max-width: 578px) {
  .services__item {
    height: 170px;
  }
}
@media (max-width: 420px) {
  .services__item {
    height: 150px;
  }
}
@media (max-width: 390px) {
  .services__item {
    height: 135px;
  }
}
.services__item:nth-child(odd) {
  background-color: #A99E98;
}
.services__item:nth-child(even) {
  background-color: #BABEC1;
}
.services__item:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.services__item:hover .services__item-arrow {
  border: 1px solid transparent;
  background-color: var(--color-blue);
}
.services__item:hover .services__item-arrow svg path {
  stroke: var(--color-white);
}
.services__item-image-wrapper {
  width: 100%;
  height: 80%;
}
.services__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.services__item-container {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 578px) {
  .services__item-container {
    top: 12px;
    left: 12px;
  }
}
.services__item-title {
  font-family: var(--font-f-roboto);
  font-size: 32px;
  font-weight: var(--font-w-bl-bold);
  color: var(--color-text-light-grey);
}
@media (max-width: 1250px) {
  .services__item-title {
    font-size: 24px;
  }
}
@media (max-width: 960px) {
  .services__item-title {
    font-size: 21px;
  }
}
@media (max-width: 867px) {
  .services__item-title {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .services__item-title {
    font-size: 16px;
  }
}
@media (max-width: 490px) {
  .services__item-title {
    font-size: 14px;
  }
}
.services__item-arrow {
  position: absolute;
  z-index: 2;
  right: 24px;
  top: 24px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-text-light-grey);
  border-radius: 50%;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
@media (max-width: 1024px) {
  .services__item-arrow {
    display: none;
  }
}
.services__item-arrow svg path {
  stroke: var(--color-text-light-grey);
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
.services__popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 867px) {
  .services__popular {
    gap: 16px;
  }
}
@media (max-width: 578px) {
  .services__popular {
    gap: 8px;
  }
}
.services__popular-item {
  padding: 16px;
  border: 1px solid rgba(64, 64, 64, 0.5);
  border-radius: 8px;
  background-color: var(--color-white);
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
@media (max-width: 867px) {
  .services__popular-item {
    padding: 14px;
  }
}
@media (max-width: 578px) {
  .services__popular-item {
    padding: 8px;
  }
}
.services__popular-item:hover {
  border: 1px solid var(--color-blue);
  background-color: var(--color-blue);
}
.services__popular-item:hover .services__popular-text {
  color: var(--color-white);
}
.services__popular-text {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .services__popular-text {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .services__popular-text {
    font-size: 12px;
  }
}

/* ======= end === services ======= */
/* ======= start === card-service ======= */
.card-service {
  margin: 0px 0px 60px;
}
@media (max-width: 1024px) {
  .card-service {
    margin: 0px 0px 40px;
  }
}
.card-service__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.card-service__title {
  font-size: 40px;
  white-space: normal;
}
@media (max-width: 867px) {
  .card-service__title {
    font-size: 24px;
  }
}
.card-service__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 1024px) {
  .card-service__content {
    grid-template-columns: 0.8fr 1.2fr;
  }
}
@media (max-width: 867px) {
  .card-service__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.card-service__image {
  border-radius: 16px;
  overflow: hidden;
}
.card-service__image-src {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-service__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 24px;
  border: 1px solid rgba(64, 64, 64, 0.5019607843);
  border-radius: 16px;
}
@media (max-width: 867px) {
  .card-service__info {
    padding: 16px;
  }
}
.card-service__info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 867px) {
  .card-service__info-head {
    gap: 16px;
  }
}
.card-service__price {
  font-weight: var(--font-w-semibold);
  font-size: 40px;
  color: var(--color-text-light-grey);
}
@media (max-width: 867px) {
  .card-service__price {
    font-size: 24px;
  }
}
.card-service__description {
  font-size: 14px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .card-service__description {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .card-service__btn {
    max-width: 185px;
  }
}
@media (max-width: 867px) {
  .card-service__btn {
    padding: 12px 24px;
  }
  .card-service__btn p {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .card-service__btn {
    padding: 8px 16px;
    max-width: 137px;
  }
  .card-service__btn p {
    font-size: 12px;
  }
  .card-service__btn svg {
    width: 24px;
  }
}
.card-service__btn svg rect, .card-service__btn svg path {
  stroke: var(--color-white);
}

.page-card-service__price {
  margin: 60px 0px;
}
@media (max-width: 1024px) {
  .page-card-service__price {
    margin: 40px 0px;
  }
}
.page-card-service__service {
  margin: 60px 0px;
}
@media (max-width: 1024px) {
  .page-card-service__service {
    margin: 40px 0px;
  }
}

/* ======= end === card-service ======= */
/* ======= start === price ======= */
.price__title {
  font-size: 40px;
  white-space: wrap;
  margin-bottom: 40px;
}
@media (max-width: 867px) {
  .price__title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .price__title {
    font-size: 24px;
  }
}
.price__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.price__item-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #BABEC1;
  padding: 16px 24px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(64, 64, 64, 0.1490196078);
          box-shadow: 2px 2px 4px 0px rgba(64, 64, 64, 0.1490196078);
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
}
.price__item-category.active {
  background-color: #A99E98;
}
.price__item-category.active .price__item-arrow svg {
  rotate: 180deg;
}
.price__item-category-link {
  text-decoration: none;
  color: inherit;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.price__item-category-link:hover .price__item-category-title {
  text-decoration: underline;
}
.price__item-category-title {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .price__item-category-title {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .price__item-category-title {
    font-size: 12px;
  }
}
.price__item-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  margin: -4px;
  -webkit-tap-highlight-color: transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price__item-arrow svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.price__item-arrow:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}
.price__item-goto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  margin-top: 16px;
  width: 100%;
  max-width: 200px;
  border: 1px solid #6180A1;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #6180A1;
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
.price__item-goto:hover {
  background-color: #6180A1;
  color: #fff;
}
.price__item-goto:hover svg rect {
  stroke: #fff;
}
.price__item-goto:hover svg path {
  stroke: #fff;
}
.price__item-goto svg {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price__item-wrapper {
  display: none;
  opacity: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding: 24px;
  border: 1px solid rgba(64, 64, 64, 0.5019607843);
  border-radius: 10px;
}
.price__item-wrapper.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.price__item-head {
  display: grid;
  grid-template-columns: 1fr 100px 100px 300px;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .price__item-head {
    grid-template-columns: 2fr 70px 70px 150px;
  }
}
@media (max-width: 578px) {
  .price__item-head {
    grid-template-columns: 2fr 60px 60px;
  }
}
.price__item-head p {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .price__item-head p {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .price__item-head p {
    font-size: 12px;
  }
}
.price__item-body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 100px 100px 300px;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .price__item-body {
    grid-template-columns: 2fr 70px 70px 150px;
  }
}
@media (max-width: 578px) {
  .price__item-body {
    grid-template-columns: 2fr 60px 60px;
  }
}
.price__item-body::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -16px;
  height: 1px;
  width: 100%;
  background-color: rgba(64, 64, 64, 0.5019607843);
}
.price__item-body:last-child::after {
  display: none;
}
.price__item-body > p {
  font-size: 16px;
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .price__item-body > p {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .price__item-body > p {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .price__item-button {
    max-width: 200px;
    padding: 12px;
  }
}
@media (max-width: 578px) {
  .price__item-button {
    grid-area: 2/1/3/4;
    max-width: unset;
    padding: 8px 12px;
  }
}
@media (max-width: 1024px) {
  .price__item-button p {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .price__item-button p {
    font-size: 12px;
  }
}
@media (max-width: 578px) {
  .price__item-button svg {
    width: 16px;
  }
}
.price__item-button svg rect {
  stroke: var(--color-white);
}
.price__item-button svg path {
  stroke: var(--color-white);
}
.price__service-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price__service-body > p {
  font-size: 16px;
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .price__service-body > p {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .price__service-body > p {
    font-size: 12px;
  }
}
.price__service-text {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}

/* ======= end === price ======= */
/* ======= start === tax ======= */
.tax__title {
  font-size: 40px;
  white-space: wrap;
  margin-bottom: 24px;
}
@media (max-width: 867px) {
  .tax__title {
    font-size: 32px;
  }
}
@media (max-width: 578px) {
  .tax__title {
    font-size: 24px;
  }
}
.tax__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  background-color: rgba(186, 190, 193, 0.6980392157);
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-radius: 8px;
}
@media (max-width: 578px) {
  .tax__form {
    padding: 24px;
  }
}
.tax__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.tax__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (max-width: 578px) {
  .tax__radio-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 24px;
  }
}
.tax__radio-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.tax__radio-label {
  font-size: 16px;
  line-height: 120%;
  font-weight: var(--font-w-light);
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .tax__radio-label {
    font-size: 12px;
  }
}
.tax__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.tax__section-title {
  font-family: var(--font-f-roboto);
  font-size: 16px;
  line-height: 120%;
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .tax__section-title {
    font-size: 14px;
  }
}
.tax__field-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 16px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
@media (max-width: 768px) {
  .tax__field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .tax__field-group_inline {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 578px) {
  .tax__field-group_inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.tax__field-years {
  width: 100%;
  height: 160px;
  padding: 16px;
  background-color: var(--color-white);
  border: 1px solid rgba(64, 64, 64, 0.3019607843);
  border-radius: 8px;
}
@media (max-width: 768px) {
  .tax__field-years {
    height: 140px;
  }
}
.tax__years-label {
  font-size: 14px;
  line-height: 150%;
  color: var(--color-text-light-grey);
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .tax__years-label {
    font-size: 12px;
  }
}
@media (max-width: 578px) {
  .tax__years-label {
    margin-bottom: 6px;
  }
}
.tax__input {
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(64, 64, 64, 0.3019607843);
  border-radius: 8px;
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
@media (max-width: 1024px) {
  .tax__input {
    font-size: 12px;
  }
}
.tax__input::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
.tax__input::-moz-placeholder {
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
.tax__input:-ms-input-placeholder {
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
.tax__input::-ms-input-placeholder {
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
.tax__input::placeholder {
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
@media (max-width: 1024px) {
  .tax__input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .tax__input::-moz-placeholder {
    font-size: 12px;
  }
  .tax__input:-ms-input-placeholder {
    font-size: 12px;
  }
  .tax__input::-ms-input-placeholder {
    font-size: 12px;
  }
  .tax__input::placeholder {
    font-size: 12px;
  }
}
.tax__calendar-icon {
  display: none;
}
.tax__textarea {
  height: 160px;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(64, 64, 64, 0.3019607843);
  border-radius: 8px;
  font-size: 14px;
  color: var(--color-text-light-grey);
  line-height: 150%;
}
@media (max-width: 1024px) {
  .tax__textarea {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .tax__textarea {
    height: 140px;
  }
}
.tax__checkbox-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 170px;
  row-gap: 10px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.tax__checkbox-label {
  font-size: 14px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .tax__checkbox-label {
    font-size: 12px;
  }
}
@media (max-width: 465px) {
  .tax__submit-button {
    width: 100%;
    max-width: unset;
  }
}
.tax__disclaimer {
  max-width: 350px;
}
.tax__disclaimer-text {
  font-size: 12px;
  line-height: 150%;
  color: var(--color-text-grey);
}
.tax__disclaimer-link {
  text-decoration: underline;
}

.tax-text {
  margin: 40px 0px;
  max-width: 470px;
}
.tax-text p {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .tax-text p {
    font-size: 14px;
  }
}

.tax-info {
  margin-bottom: 40px;
}
.tax-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.tax-info__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 867px) {
  .tax-info__grid {
    grid-template-columns: 1fr;
  }
}
.tax-info__grid-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.tax-info__item_image {
  width: 100%;
  max-width: 648px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 867px) {
  .tax-info__item_image {
    max-width: unset;
  }
}
.tax-info__item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tax-info__item_text {
  padding: 24px;
  border: 1px solid rgba(64, 64, 64, 0.5019607843);
  border-radius: 8px;
  height: 100%;
}
.tax-info__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 16px;
}
@media (max-width: 578px) {
  .tax-info__header {
    gap: 12px;
  }
}
@media (max-width: 578px) {
  .tax-info__header svg {
    height: 24px;
  }
}
.tax-info__title {
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  line-height: 120%;
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .tax-info__title {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .tax-info__title {
    font-size: 12px;
  }
}
.tax-info__text {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 1024px) {
  .tax-info__text {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  .tax-info__text {
    font-size: 12px;
  }
}

/* ======= end === tax ======= */
/* ======= start === about-us ======= */
.about-us {
  margin-bottom: 40px;
}
.about-us__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.about-us__content p {
  font-size: 18px;
  font-weight: var(--font-w-regular);
  color: var(--color-text-grey);
}
@media (max-width: 768px) {
  .about-us__content p {
    font-size: 14px;
  }
}

/* ======= end === about-us ======= */
/* ======= start === privacy ======= */
.privacy__content {
  margin: 40px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.privacy__content-item h2 {
  font-size: 18px;
  font-weight: var(--font-w-semibold);
  color: var(--color-text-grey);
  margin-bottom: 8px;
  line-height: 125%;
}
.privacy__content-item p, .privacy__content-item li {
  font-size: 16px;
  color: var(--color-text-grey);
  line-height: 125%;
}
.privacy__content-item ul {
  margin-left: 18px;
}
.privacy__content-item ul li {
  list-style-type: disc;
}

/* ======= end === privacy ======= */
/* ======= start === license ======= */
.license__inner {
  margin-bottom: 40px;
}
.license__inner .doc-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}
.license__inner .doc-tabs .doc-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 24px;
  background-color: rgba(245, 245, 245, 0.5019607843);
  font-family: var(--font-f-roboto);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  line-height: 120%;
  color: rgba(64, 64, 64, 0.5019607843);
}
.license__inner .doc-tabs .doc-tab.active {
  color: var(--color-text-light-grey);
  background-color: var(--color-white);
  border: 1px solid rgba(64, 64, 64, 0.5019607843);
  border-radius: 8px;
  border-bottom: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.license__content {
  padding: 24px;
  border: 1px solid rgba(64, 64, 64, 0.5019607843);
  border-radius: 8px;
  margin-bottom: 80px;
}
.license__content-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 8px;
}
.license__content-text {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
  margin-bottom: 8px;
}
@media (max-width: 578px) {
  .license__content-text {
    font-size: 14px;
  }
}
.license__content-text.bold {
  font-weight: var(--font-w-semibold);
}
.license__content-body .doc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.license__content-body .doc-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.license__content-body .doc-list li a {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-blue);
  text-decoration: underline;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}
.license__content-body .doc-list li a:hover {
  text-decoration: none;
}
.license__doc-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .license__doc-head {
    margin-bottom: 0;
  }
}
.license__slider-item {
  width: 100%;
  padding: 24px;
  border: 1px solid rgba(64, 64, 64, 0.3019607843);
  border-radius: 8px;
  height: 560px;
}
@media (max-width: 1200px) {
  .license__slider-item {
    height: 500px;
  }
}
@media (max-width: 1024px) {
  .license__slider-item {
    height: 420px;
  }
}
@media (max-width: 920px) {
  .license__slider-item {
    height: 390px;
  }
}
@media (max-width: 768px) {
  .license__slider-item {
    height: 350px;
  }
}
@media (max-width: 576px) {
  .license__slider-item {
    height: 280px;
  }
}
@media (max-width: 450px) {
  .license__slider-item {
    height: 200px;
  }
}
.license__slider-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .license__slider-item a img {
    width: 40px;
  }
}

/* ======= end === license ======= */
/* ======= start === cookie ======= */
.cookie {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 24px;
  width: 100%;
  max-width: 430px;
  background-color: var(--color-white);
  border-radius: 8px;
  z-index: 1000;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media (max-width: 578px) {
  .cookie {
    bottom: 80px;
    right: 20px;
    max-width: 330px;
    padding: 24px 12px;
  }
}
@media (max-width: 390px) {
  .cookie {
    max-width: 310px;
  }
}
.cookie--visible {
  display: block;
}
.cookie__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 578px) {
  .cookie__head {
    margin-bottom: 12px;
    font-size: 12px;
  }
}
.cookie__head-title {
  font-weight: var(--font-w-bold);
}
.cookie__head-link {
  text-decoration: underline;
}
.cookie__head-text {
  font-weight: var(--font-w-regular);
  width: 100%;
}
.cookie__text {
  font-family: var(--font-f-inter);
  font-size: 16px;
  color: var(--color-text-light-grey);
}
@media (max-width: 578px) {
  .cookie__text {
    font-size: 14px;
  }
}
.cookie__buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cookie__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-f-inter);
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  padding: 11px 5px;
}
@media (max-width: 578px) {
  .cookie__btn {
    font-size: 12px;
    padding: 8px 4px;
  }
}
.cookie__btn.blue {
  border: 1px solid var(--color-blue);
  background-color: var(--color-blue);
  color: var(--color-white);
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}
.cookie__btn.blue:hover {
  background-color: var(--color-white);
  color: var(--color-blue);
}
.cookie__btn.white {
  border: 1px solid var(--color-text-light-grey);
  background-color: var(--color-white);
  color: var(--color-text-light-grey);
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}
.cookie__btn.white:hover {
  background-color: var(--color-text-light-grey);
  color: var(--color-white);
}
.cookie__btn.grey {
  border: 1px solid var(--color-text-light-grey);
  background-color: var(--color-white);
  color: var(--color-text-light-grey);
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}

/* ======= end === cookie ======= */
/* ======= start === cookie ======= */
.error-page__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 80px 0px;
}
.error-page__title {
  font-family: var(--font-f-inter);
  font-weight: var(--font-w-bold);
  color: var(--color-blue);
  font-size: 42px;
}
@media (max-width: 1024px) {
  .error-page__title {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .error-page__title {
    font-size: 24px;
  }
}
.error-page__text {
  font-family: var(--font-f-inter);
  font-weight: var(--font-w-semibold);
  font-size: 24px;
  color: var(--color-blue);
  margin-bottom: 24px;
  text-align: center;
}
.error-page__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  padding: 18px 32px;
  background-color: var(--color-white);
  border: 1px solid var(--color-blue);
  border-radius: 12px;
  font-size: 18px;
  font-weight: var(--font-w-semibold);
  color: var(--color-blue);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
.error-page__link svg rect, .error-page__link svg path {
  stroke: var(--color-blue);
}
@media (max-width: 768px) {
  .error-page__link {
    padding: 16px 24px;
    font-size: 16px;
  }
}
.error-page__link:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.error-page__link:hover svg rect, .error-page__link:hover svg path {
  stroke: var(--color-white);
}

/* ======= end === cookie ======= */
/* ======= start === cookie ======= */
.site-map__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
@media (max-width: 594px) {
  .site-map__inner {
    gap: 24px;
  }
}
.site-map__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
  border-radius: 8px;
  font-size: 16px;
  color: var(--color-text-light-grey);
  text-align: center;
}
.site-map__item.home {
  font-weight: var(--font-w-semibold);
}
.site-map__item.brown {
  background-color: #A99E98;
}
.site-map__item.grey {
  background-color: #BABEC1;
}
@media (max-width: 980px) {
  .site-map__item.grey {
    height: 64px;
  }
}
.site-map__main {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  width: 100%;
}
.site-map__main .site-map__item.brown {
  position: relative;
}
.site-map__main .site-map__item.brown::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 58px;
  left: 0;
  width: 100%;
  height: 113%;
  background-image: url("/wp-content/themes/MRT Lider/assets/img/arrow_site-map.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.site-map__main .site-map__item.brown::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -65px;
  left: 0;
  width: 100%;
  height: 113%;
  background-image: url("/wp-content/themes/MRT Lider/assets/img/arrow_site-map.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  .site-map__main .site-map__item.brown::before {
    height: 124px;
    top: -138px;
    background-image: url("/wp-content/themes/MRT Lider/assets/img/arrow_long_site-map.svg");
  }
}
@media (max-width: 594px) {
  .site-map__main .site-map__item.brown::before {
    display: none;
  }
}
@media (max-width: 980px) {
  .site-map__main {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 52px 1fr;
    gap: 20px;
  }
}
@media (max-width: 594px) {
  .site-map__main {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.site-map__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
.site-map__container:nth-child(2) .site-map__item.brown::after, .site-map__container:nth-child(4) .site-map__item.brown::after {
  display: none;
}
@media (max-width: 1340px) {
  .site-map__container:nth-child(5) .site-map__item.grey {
    height: 64px;
  }
}
@media (max-width: 980px) {
  .site-map__container:nth-child(1) {
    grid-column: 1/5;
    grid-row: 2/3;
  }
  .site-map__container:nth-child(1) .site-map__item.brown::before {
    left: -80px;
  }
  .site-map__container:nth-child(2) {
    grid-column: 3/7;
    grid-row: 1/2;
    width: 202px;
  }
  .site-map__container:nth-child(2) .site-map__item.brown::before {
    height: 116%;
    top: -65px;
    background-image: url("/wp-content/themes/MRT Lider/assets/img/arrow_site-map.svg");
  }
  .site-map__container:nth-child(3) {
    grid-column: 5/9;
    grid-row: 2/3;
  }
  .site-map__container:nth-child(4) {
    grid-column: 8/11;
    grid-row: 1/2;
    width: 202px;
  }
  .site-map__container:nth-child(4) .site-map__item.brown::before {
    height: 116%;
    top: -65px;
    background-image: url("/wp-content/themes/MRT Lider/assets/img/arrow_site-map.svg");
  }
  .site-map__container:nth-child(5) {
    grid-column: 9/13;
    grid-row: 2/3;
  }
  .site-map__container:nth-child(5) .site-map__item.brown::before {
    right: -80px;
    left: unset;
  }
}
@media (max-width: 594px) {
  .site-map__container {
    gap: 75px;
  }
  .site-map__container:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .site-map__container:nth-child(2) {
    grid-column: 1/2;
    grid-row: 4/5;
    width: 100%;
  }
  .site-map__container:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .site-map__container:nth-child(4) {
    grid-column: 1/2;
    grid-row: 5/6;
    width: 100%;
  }
  .site-map__container:nth-child(5) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.site-map__container-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 594px) {
  .site-map__container-items {
    gap: 8px;
  }
}

/* ======= end === cookie ======= */
/* ======= start === vacancies ======= */
.vacancies__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 594px) {
  .vacancies__content {
    grid-template-columns: 1fr;
  }
}
.vacancies__title {
  margin-bottom: 40px;
}
.vacancies__item {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  border: 1px solid rgba(64, 64, 64, 0.5019607843);
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 768px) {
  .vacancies__item {
    gap: 12px;
  }
}
.vacancies__item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.vacancies__item-title {
  font-size: 32px;
  line-height: 120%;
  color: var(--color-text-light-grey);
}
@media (max-width: 940px) {
  .vacancies__item-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .vacancies__item-title {
    font-size: 16px;
  }
}
.vacancies__item-text {
  font-size: 16px;
  line-height: 150%;
  color: var(--color-text-light-grey);
}
@media (max-width: 768px) {
  .vacancies__item-text {
    font-size: 14px;
  }
}

/* ======= end === vacancies ======= */
/* ======= start === organization ======= */
.organization__inner {
  padding-bottom: 40px;
}
@media (max-width: 478px) {
  .organization__inner {
    margin-bottom: 20px;
  }
}
.organization__inner .doc-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}
.organization__inner .doc-tabs .doc-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 24px;
  background-color: rgba(245, 245, 245, 0.5019607843);
  font-family: var(--font-f-roboto);
  font-size: 16px;
  font-weight: var(--font-w-semibold);
  line-height: 120%;
  color: rgba(64, 64, 64, 0.5019607843);
}
.organization__inner .doc-tabs .doc-tab.active {
  color: var(--color-text-light-grey);
  background-color: var(--color-white);
}
.organization__content-head {
  padding: 24px;
  background-color: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 24px;
}
.organization__content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.organization__content-text {
  font-size: 16px;
  color: var(--color-text-light-grey);
}
@media (max-width: 768px) {
  .organization__content-text {
    font-size: 14px;
  }
}
.organization__content-text.bold {
  font-weight: var(--font-w-semibold);
}
.organization__content-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 867px) {
  .organization__content-body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.organization__item {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  border: 1px solid rgba(64, 64, 64, 0.3019607843);
  border-radius: 8px;
}
@media (max-width: 768px) {
  .organization__item {
    gap: 16px;
  }
}
@media (max-width: 576px) {
  .organization__item {
    padding: 16px;
  }
}
.organization__item:hover .organization__item-text {
  text-decoration: none;
}
.organization__item-text {
  font-size: 16px;
  text-decoration: underline;
  color: #6180A1;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  text-align: center;
}
@media (max-width: 768px) {
  .organization__item-text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .organization__item-img {
    width: 45px;
  }
}
/* ======= Изменения для кнопки мессенджера "Макс" ======= */

/* 1. Скрываем кнопку Telegram на всех устройствах */
.header__bottom-socials .header__whatsapp:first-child {
    display: none;
}

/* 2. Устанавливаем фиксированные размеры для кнопки "Макс" */
.header__bottom-socials .header__whatsapp:last-child,
.header__whatsapp-btn {
    max-width: 256px;      /* Максимальная ширина 256px */
    width: 100%;           /* Занимает всю доступную ширину, но не более max-width */
    min-width: 200px;      /* Минимальная ширина, чтобы кнопка не сжималась слишком сильно на маленьких экранах */
    height: 56px;          /* Фиксированная высота */
    padding: 0 16px;       /* Регулируем отступы слева и справа */
}

/* 3. Центрируем содержимое внутри кнопки "Макс" */
.header__whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;             /* Расстояние между текстом/иконкой и стрелкой */
}

/* 4. Адаптация для планшетов и мобильных устройств */
@media (max-width: 1024px) {
    .header__bottom-socials .header__whatsapp:last-child,
    .header__whatsapp-btn {
        max-width: 256px;
        height: 56px;
    }
}

@media (max-width: 768px) {
    .header__bottom-socials .header__whatsapp:last-child,
    .header__whatsapp-btn {
        max-width: 256px;
        height: 56px;
    }
}

@media (max-width: 578px) {
    .header__bottom-socials .header__whatsapp:last-child,
    .header__whatsapp-btn {
        max-width: 256px;   /* Сохраняем ширину и на мобильных */
        height: 56px;       /* Сохраняем высоту */
        min-width: auto;    /* Позволяем кнопке быть компактнее, если контейнер меньше 256px */
    }

    /* Если вы хотите, чтобы кнопка растягивалась на всю ширину контейнера на мобильных, 
       замените max-width: 256px; на width: 100%;, но тогда она потеряет фиксированную ширину. 
       Согласно вашему запросу, оставляем фиксированную ширину 256px. */
}

/* ================================================================
   SERVICE LANDING & SUBSERVICE — адаптив
   ================================================================ */
.service-landing .container,
.subservice-section .container {
    padding-left: 20px;
    padding-right: 20px;
}

.subservice-section__title,
.subservice-section .page-title {
    font-size: 32px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 16px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    line-height: 1.35;
    max-width: 100%;
}

/* Мобильная сетка: карточка цены + CTA — в столбик */
@media (max-width: 768px) {
    .service-landing [style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .subservice-section [style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .service-landing h1,
    .subservice-section h1 {
        font-size: 22px !important;
    }

    .subservice-section__title {
        font-size: 22px;
    }

    .service-landing [style*="font-size:28px"] {
        font-size: 20px !important;
    }

    .service-landing .page-title,
    .subservice-section .page-title,
    .subservice-section__title {
        font-size: 20px !important;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
        line-height: 1.35;
    }

    /* 4-column process steps → 2×2 */
    .service-landing [style*="grid-template-columns:repeat(4,1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Related services grid — single column */
    .service-landing [style*="grid-template-columns:1fr 1fr"],
    .subservice-section [style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* CTA padding */
    .service-landing [style*="padding:40px"][style*="text-align:center"] {
        padding: 24px 16px !important;
    }

    .service-landing [style*="font-size:24px"] {
        font-size: 18px !important;
    }

    /* Breadcrumbs truncation fix */
    .breadcrumbs__list {
        flex-wrap: wrap;
        gap: 4px;
    }

    .breadcrumbs__list li {
        font-size: 12px;
        white-space: normal;
        word-break: break-word;
    }

    .breadcrumbs__list svg {
        width: 6px;
        height: 12px;
    }
}

@media (max-width: 480px) {
    .service-landing [style*="grid-template-columns:repeat(4,1fr)"],
    .service-landing [style*="grid-template-columns:repeat(4, 1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ================================================================
   SERVICE LANDING — CSS-классы (page-service-landing.php)
   ================================================================ */

/* Hero section */
.sl-hero { padding: 40px 0 0; }
.sl-hero__grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 32px;
    align-items: start;
}
.sl-hero__h1 {
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 6px;
    line-height: 1.25;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
}
.sl-hero__type {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 24px;
}

/* Price box */
.sl-price {
    background: #f0f9ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}
.sl-price__value {
    font-size: 28px;
    font-weight: 700;
    color: #2563eb;
    margin-bottom: 4px;
}
.sl-price__old {
    text-decoration: line-through;
    color: #9ca3af;
    font-size: 16px;
}

/* Description */
.sl-desc {
    font-size: 15px;
    color: #4b5563;
    line-height: 1.8;
    margin: 0;
}

/* CTA card (right side) */
.sl-cta-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    position: sticky;
    top: 20px;
}
.sl-cta-card__title {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 8px;
}
.sl-cta-card__phone {
    font-size: 22px;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}
.sl-cta-card__hint {
    color: #6b7280;
    font-size: 13px;
    margin-bottom: 16px;
}
.sl-cta-card__btn {
    display: block;
    width: 100%;
    background: #2563eb;
    color: #fff;
    padding: 14px 24px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}
.sl-cta-card__btn:hover { background: #1d4ed8; }

/* Steps */
.sl-steps {
    margin-top: 40px;
    padding: 32px;
    background: #f9fafb;
    border-radius: 16px;
}
.sl-steps__title { font-size: 22px; font-weight: 700; margin-bottom: 24px; }
.sl-steps__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.sl-step { text-align: center; }
.sl-step__num {
    width: 48px; height: 48px;
    background: #dbeafe; border-radius: 50%;
    margin: 0 auto 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 700; color: #2563eb;
}
.sl-step__title { font-weight: 600; margin-bottom: 4px; }
.sl-step__desc { font-size: 13px; color: #6b7280; }

/* Content sections */
.sl-section { margin-top: 32px; }
.sl-section__title {
    font-size: 22px; font-weight: 700; margin-bottom: 12px;
    line-height: 1.3;
}
.sl-section__text {
    font-size: 15px; color: #4b5563; line-height: 1.8; margin: 0;
}
.sl-section__list {
    font-size: 15px; color: #4b5563; line-height: 1.8;
    padding-left: 20px; margin: 0;
}
.sl-section__list li { margin-bottom: 6px; }

/* Warning/preparation box */
.sl-box {
    margin-top: 32px;
    padding: 24px;
    border-radius: 12px;
}
.sl-box--warn {
    background: #fffbeb;
    border: 1px solid #fde68a;
}
.sl-box--danger {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

/* FAQ */
.sl-faq { margin-top: 32px; }
.sl-faq__title { font-size: 22px; font-weight: 700; margin-bottom: 16px; }
.sl-faq__list { display: flex; flex-direction: column; gap: 12px; }
.sl-faq__item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 20px;
}
.sl-faq__q {
    font-weight: 600; font-size: 15px; color: #1f2937;
    cursor: pointer; list-style: none;
    display: flex; justify-content: space-between; align-items: center;
}
.sl-faq__q::-webkit-details-marker { display: none; }
.sl-faq__arrow { color: #9ca3af; font-size: 18px; transition: transform 0.2s; }
.sl-faq__item[open] .sl-faq__arrow { transform: rotate(180deg); }
.sl-faq__a {
    font-size: 14px; color: #4b5563; line-height: 1.7; margin-top: 12px;
}

/* Benefits */
.sl-benefits {
    margin-top: 40px;
    padding: 32px;
    background: #f0fdf4;
    border-radius: 16px;
    border: 1px solid #bbf7d0;
}
.sl-benefits__title {
    font-size: 22px; font-weight: 700; margin-bottom: 24px; color: #166534;
}
.sl-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.sl-benefit { text-align: center; }
.sl-benefit__icon { font-size: 32px; margin-bottom: 8px; }
.sl-benefit__title {
    font-weight: 700; font-size: 15px; color: #1f2937; margin-bottom: 4px;
}
.sl-benefit__desc { font-size: 13px; color: #6b7280; }

/* Related services */
.sl-related { margin-top: 40px; }
.sl-related__title { font-size: 22px; font-weight: 700; margin-bottom: 16px; }
.sl-related__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.sl-related__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
    font-size: 14px;
    gap: 12px;
}
.sl-related__item:hover {
    border-color: #2563eb;
    box-shadow: 0 2px 8px rgba(37,99,235,0.12);
}
.sl-related__name { color: #374151; flex: 1; min-width: 0; }
.sl-related__price { font-weight: 600; color: #2563eb; white-space: nowrap; }

/* Bottom CTA banner */
.sl-banner {
    margin-top: 40px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-radius: 16px;
    padding: 40px;
    text-align: center;
    color: #fff;
}
.sl-banner__title { font-size: 24px; font-weight: 700; margin-bottom: 8px; }
.sl-banner__text { margin-bottom: 20px; opacity: 0.9; }
.sl-banner__btn {
    display: inline-block;
    background: #fff;
    color: #2563eb;
    padding: 16px 40px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    transition: background 0.2s;
}
.sl-banner__btn:hover { background: #f0f9ff; }
.sl-banner__sub { margin-top: 12px; opacity: 0.7; }
.sl-banner__sub a { color: #fff; font-weight: 600; }

/* Sticky mobile CTA */
.sl-sticky-cta {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    padding: 12px 16px;
    z-index: 1000;
    box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
}
.sl-sticky-cta__inner {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 600px;
    margin: 0 auto;
}
.sl-sticky-cta__price {
    font-size: 20px;
    font-weight: 700;
    color: #2563eb;
    white-space: nowrap;
}
.sl-sticky-cta__btn {
    flex: 1;
    background: #2563eb;
    color: #fff;
    padding: 14px 20px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    border: none;
}

/* ================================================================
   SERVICE LANDING — Responsive
   ================================================================ */
@media (max-width: 1024px) {
    .sl-hero__grid { grid-template-columns: 1fr 300px; gap: 24px; }
    .sl-steps__grid { grid-template-columns: repeat(2, 1fr); }
    .sl-benefits__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .sl-hero { padding: 24px 0 0; }
    .sl-hero__grid { grid-template-columns: 1fr; gap: 20px; }
    .sl-cta-card { position: static; }
    .sl-price__value { font-size: 22px; }
    .sl-steps { padding: 24px 16px; }
    .sl-steps__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .sl-steps__title { font-size: 18px; }
    .sl-benefits { padding: 24px 16px; }
    .sl-benefits__title { font-size: 18px; }
    .sl-benefits__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .sl-related__grid { grid-template-columns: 1fr; }
    .sl-banner { padding: 24px 16px; }
    .sl-banner__title { font-size: 18px; }
    .sl-banner__btn { padding: 14px 24px; font-size: 16px; }
    .sl-section__title { font-size: 18px; }
    .sl-faq__title { font-size: 18px; }
    /* Show landing sticky CTA unless global bar replaces it */
    body:not(.mrt-has-sticky-cta) .sl-sticky-cta { display: block; }
    body.mrt-has-sticky-cta .sl-sticky-cta { display: none !important; }
    body.mrt-has-sticky-cta .mobile-nav { display: none !important; }
    /* Bottom padding for sticky CTA */
    body.mrt-has-sticky-cta .service-landing { padding-bottom: 80px !important; }
    body:not(.mrt-has-sticky-cta) .service-landing { padding-bottom: 80px !important; }
}

@media (max-width: 480px) {
    .sl-steps__grid { grid-template-columns: 1fr 1fr; }
    .sl-benefits__grid { grid-template-columns: 1fr; }
}
/* ======= end === organization ======= */

/* ================================================================
   ACCESSIBILITY — Версия для слабовидящих
   ================================================================ */

/* Панель настроек */
#a11y-panel {
    position: fixed;
    top: 0;
    right: -420px;
    width: 400px;
    max-width: 90vw;
    height: 100vh;
    background: #fff;
    box-shadow: -4px 0 24px rgba(0,0,0,0.15);
    z-index: 10001;
    transition: right 0.3s ease;
    overflow-y: auto;
    font-family: 'Inter', 'Roboto', sans-serif;
}
#a11y-panel.open { right: 0; }

.a11y-panel__inner { padding: 24px; }

.a11y-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #2563eb;
}
.a11y-panel__title {
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
}
.a11y-panel__close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #6b7280;
    padding: 4px 8px;
    border-radius: 4px;
}
.a11y-panel__close:hover { background: #f3f4f6; color: #1f2937; }

.a11y-panel__section {
    margin-bottom: 20px;
}
.a11y-panel__label {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 10px;
}

/* Кнопки режимов */
.a11y-panel__modes {
    display: flex;
    gap: 8px;
}
.a11y-mode {
    flex: 1;
    padding: 10px 12px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    color: #374151;
}
.a11y-mode:hover { border-color: #93c5fd; }
.a11y-mode.active {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
}

/* Регуляторы +/- */
.a11y-panel__range {
    display: flex;
    align-items: center;
    gap: 12px;
}
.a11y-btn-sm {
    width: 44px;
    height: 44px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    color: #374151;
}
.a11y-btn-sm:hover { border-color: #2563eb; background: #eff6ff; }
.a11y-panel__value {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    min-width: 50px;
    text-align: center;
}

/* Тогглы */
.a11y-panel__toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #374151;
    cursor: pointer;
}
.a11y-panel__toggle input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #2563eb;
}

/* Кнопка сброса */
.a11y-btn-reset {
    width: 100%;
    padding: 12px;
    border: 2px solid #ef4444;
    border-radius: 8px;
    background: #fff;
    color: #ef4444;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.a11y-btn-reset:hover { background: #fef2f2; }

/* Кнопка в футере — активное состояние */
.footer__visually.active {
    background-color: #2563eb;
    border-color: #2563eb;
}
.footer__visually.active p { color: #fff; }
.footer__visually.active .footer__visually-container {
    background-color: #fff;
}
.footer__visually.active .footer__visually-container svg path {
    stroke: #2563eb;
}

/* ================================================================
   ACCESSIBILITY — Режимы (классы на <html>)
   ================================================================ */

/* Высокий контраст */
html.a11y-contrast {
    background: #000 !important;
    color: #fff !important;
}
html.a11y-contrast * {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #666 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
html.a11y-contrast a,
html.a11y-contrast a * {
    color: #ffff00 !important;
    text-decoration: underline !important;
}
html.a11y-contrast .footer { background: #111 !important; }
html.a11y-contrast .footer__visually { background: #333 !important; border-color: #fff !important; }
html.a11y-contrast .footer__visually p { color: #fff !important; }
html.a11y-contrast img { opacity: 0.8; }
html.a11y-contrast button,
html.a11y-contrast input,
html.a11y-contrast textarea {
    border: 2px solid #fff !important;
    background: #222 !important;
    color: #fff !important;
}
html.a11y-contrast ::selection {
    background: #ffff00;
    color: #000;
}

/* Инверсия */
html.a11y-invert {
    filter: invert(1) hue-rotate(180deg);
}
html.a11y-invert img,
html.a11y-invert video,
html.a11y-invert iframe {
    filter: invert(1) hue-rotate(180deg);
}

/* Чёрно-белые изображения */
html.a11y-grayscale img {
    filter: grayscale(100%) !important;
}

/* Overlay для панели */
#a11y-panel.open ~ .overlay { display: block; }

@media (max-width: 480px) {
    #a11y-panel {
        width: 100vw;
        right: -100vw;
    }
    #a11y-panel.open { right: 0; }
    .a11y-panel__modes { flex-direction: column; }
}

/* Urgency block in CTA card */
.sl-urgency {
    background: #fef3c7;
    color: #92400e;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 8px;
    margin-bottom: 12px;
    text-align: center;
}

/* Trust bar under form */
.sl-trust-bar {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 32px 0 16px;
    padding: 20px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
}
.sl-trust-bar__item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sl-trust-bar__icon {
    flex-shrink: 0;
}
.sl-trust-bar__text {
    display: flex;
    flex-direction: column;
}
.sl-trust-bar__text strong {
    font-size: 14px;
    color: #065f46;
}
.sl-trust-bar__text span {
    font-size: 12px;
    color: #047857;
}
@media (max-width: 768px) {
    .sl-trust-bar {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
}
/* Mobile sticky header: compact logo on scroll */
.header__logo{transition:max-width .25s ease,max-height .25s ease,width .25s ease}.header__logo .title-centre{transition:font-size .25s ease,bottom .25s ease,right .25s ease}.header__top.sticky-header{transition:padding .25s ease}@media (max-width:768px){.header__top.sticky-header.header-compact{padding:8px 0}.header__top.sticky-header.header-compact .header__logo{max-width:110px;max-height:50px;width:110px}.header__top.sticky-header.header-compact .header__logo .title-centre{font-size:9px;bottom:-5px;right:-12px}}
/* Site search overlay */
.mrt-search-overlay{position:fixed;inset:0;z-index:10050;display:none;align-items:flex-start;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.mrt-search-overlay.is-open{display:flex}.mrt-search-overlay__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.mrt-search-overlay__panel{position:relative;width:100%;max-width:560px;background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.2);max-height:min(80vh,520px);display:flex;flex-direction:column;overflow:hidden}.mrt-search-overlay__head{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid #e2e8f0}.mrt-search-overlay__input{flex:1;border:none;outline:none;font-size:16px;color:#1e293b}.mrt-search-overlay__close{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;line-height:0}.mrt-search-overlay__body{padding:12px 16px 16px;overflow-y:auto}.mrt-search-overlay__hint,.mrt-search-overlay__empty{color:#64748b;font-size:14px;margin:0}.mrt-search-group{margin-bottom:16px}.mrt-search-group__title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 8px}.mrt-search-group__list{list-style:none;margin:0;padding:0}.mrt-search-group__link{display:block;padding:10px 12px;border-radius:8px;color:#1e293b;text-decoration:none;font-size:15px}.mrt-search-group__link:hover{background:#f1f5f9}.mobile-nav__list-link.mrt-search-open{background:none;border:none;width:100%;cursor:pointer;font:inherit;color:inherit}