/*
Theme Name: ADV-media theme
Author: Dzmitry Vashkevich
Author URI: https://github.com/dimalepel
Description: Theme for website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: advtheme
*/
@charset "UTF-8";
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
html {
  line-height: 1.15;
}

body {
  margin: 0;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/*
 * Вставка миксина @include mixin_name();
 */
/*
 * Медиазапросы
 */
:root {
  /*
   * Colors
   */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #ff0000;
  --deep-blue: #2e3b47;
  --secondary: #8599a9;
  --blue: #6daf55;
  --orange: #ffbb43;
  --green: #6daf55;
  --light-green: #e6f9ee;
  --bright-blue: #6daf55;
  --bg-light: #eff3f5;
  --red: #eb5757;
  --light-red: #fbd8d6;
  --alt-grey: #ebf1f5;
  --gray: #848797;
  --beige: #beaf9f;
  --feat-desc: #657582;
  --card-bg-blue: #dee9f0;
  --card-bg-beige: #f8f6f4;
  --card-bg-green: #e3eced;
  --dropdown-border-color: #eaf2f6;
  --text-dark: #1e3246;
  --color-accent: var(--bright-blue);
  --close-button-color: var(--gray);
  --toggle-button-color: var(--bright-blue);
  --color-text: var(--deep-blue);
  /*
   * Sizes
   */
  --max-width: 1760px;
  --base-padding: 10px;
  --base-radius: 20px;
  --alt-radius: 16px;
  --small-radius: 10px;
  --btn-bordered-radius: 26px;
  --font-family-default: manrope;
  --sizes-response: 0.7;
}

@media (max-width: 1700px) and (min-width: 1201px) {
  :root {
    --base-radius: 20rem;
    --alt-radius: 16rem;
    --small-radius: 10rem;
    --btn-bordered-radius: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  :root {
    /*--base-radius: sizeres(20);
    --alt-radius: sizeres(16);
    --small-radius: sizeres(10);
    --btn-bordered-radius: sizeres(26);*/
  }
}
@media (max-width: 760px) {
  :root {
    --base-padding: 20px;
  }
}
/* Manrope Light */
@font-face {
  font-family: "manrope";
  src: url("fonts/manrope-300.woff2") format("woff2"), url("fonts/manrope-300.woff") format("woff");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
/* Manrope Regular */
@font-face {
  font-family: "manrope";
  src: url("fonts/manrope-400.woff2") format("woff2"), url("fonts/manrope-400.woff") format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
/* Manrope Medium */
@font-face {
  font-family: "manrope";
  src: url("fonts/manrope-500.woff2") format("woff2"), url("fonts/manrope-500.woff") format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
/* Manrope SemiBold */
@font-face {
  font-family: "manrope";
  src: url("fonts/manrope-600.woff2") format("woff2"), url("fonts/manrope-600.woff") format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
/* Manrope Bold */
@font-face {
  font-family: "manrope";
  src: url("fonts/manrope-700.woff2") format("woff2"), url("fonts/manrope-700.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/* Manrope ExtraBold */
@font-face {
  font-family: "manrope";
  src: url("fonts/manrope-800.woff2") format("woff2"), url("fonts/manrope-800.woff") format("woff");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
* {
  scrollbar-color: var(--color-accent) var(--color-white);
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 6px;
  height: 1px;
  background-color: var(--color-white);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-accent);
  border-radius: 0;
}

* {
  outline: none;
}

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

@media (max-width: 1700px) and (min-width: 1201px) {
  html,
  html:not(.bvi-panel) {
    font-size: 0.0588235294vw !important;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  html,
  html:not(.bvi-panel) {
    font-size: 1px !important;
  }
}

body {
  font-family: var(--font-family-default), "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 140%;
  color: var(--color-text);
  background-color: var(--color-white);
  overflow-x: hidden;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  body {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) {
  body {
    font-size: 16px;
  }
}
body.is-overflow {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.3s;
}

a {
  color: inherit;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.3s;
}
a:hover {
  color: var(--color-accent);
}

sup,
sub {
  font-size: 66.6666666667%;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
          appearance: none;
}

mark {
  color: var(--bright-blue);
  background-color: transparent;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.container {
  width: 100%;
  min-width: 320px;
  max-width: calc(var(--max-width) + var(--base-padding) * 2);
  padding-left: var(--base-padding);
  padding-right: var(--base-padding);
  margin: 0 auto;
}

.hero-banner {
  position: relative;
  border-radius: var(--base-radius);
  overflow: hidden;
}
.hero-banner .link-underline {
  margin-top: auto;
}
@media (max-width: 760px) {
  .hero-banner .link-underline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
.hero-banner.swiper-slide {
  height: calc(50% - 5px);
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner.swiper-slide {
    height: 236rem;
    width: calc(33.3333333333% - 5px);
  }
}
@media (max-width: 760px) {
  .hero-banner.swiper-slide {
    height: 180px;
  }
}
.hero-banner.swiper-slide:first-child .link-underline {
  color: var(--deep-blue);
}
.hero-banner.swiper-slide:first-child .link-underline::after {
  background-color: rgba(30, 50, 70, 0.1);
}
.hero-banner.swiper-slide:not(:first-child) {
  width: calc(50% - 5px);
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner.swiper-slide:not(:first-child) {
    width: calc(33.3333333333% - 5px);
  }
}
.hero-banner > a {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner > a {
    padding: 30rem ;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner > a {
    padding:  24rem ;
  }
}
@media (max-width: 760px) {
  .hero-banner > a {
    padding:  20px;
  }
}
@media (max-width: 1200px) {
  .hero-banner--main {
    margin-bottom: 10px;
  }
}
@media (max-width: 760px) {
  .hero-banner--main {
    margin-bottom: 4px;
  }
}
.hero-banner--main > a {
  padding-top: 61px;
  padding-left: 68px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner--main > a {
    padding-top: 61rem;
    padding-left: 68rem;
  }
}
@media (max-width: 760px) {
  .hero-banner--main > a {
    padding: 40px 20px;
  }
}

.hero-banner__back {
  display: block;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1200px) {
  .hero-banner__back {
    width: 100%;
  }
}
.hero-banner--main .hero-banner__back {
  height: 600px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner--main .hero-banner__back {
    height: 600rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner--main .hero-banner__back {
    height: 480rem;
  }
}
@media (max-width: 760px) {
  .hero-banner--main .hero-banner__back {
    height: 265px;
  }
}

.hero-banner__title {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 23px;
  line-height: 120%;
  color: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner__title {
    font-size: 23rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner__title {
    font-size: 20rem;
  }
}
@media (max-width: 760px) {
  .hero-banner__title {
    font-size: 18px;
  }
}
@media (max-width: 760px) {
  .hero-banner[data-swiper-slide-index="0"] .hero-banner__title {
    color: var(--deep-blue);
  }
}
.hero-banner--main .hero-banner__title {
  max-width: 548px;
  font-weight: 700;
  font-size: 34px;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner--main .hero-banner__title {
    max-width: 548rem;
    font-size: 34rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner--main .hero-banner__title {
    max-width: 438.4rem;
    font-size: 27.2rem;
  }
}
@media (max-width: 760px) {
  .hero-banner--main .hero-banner__title {
    font-size: 18px;
  }
}
.hero-banner.swiper-slide:first-child .hero-banner__title {
  max-width: 437px;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner.swiper-slide:first-child .hero-banner__title {
    max-width: 437rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner.swiper-slide:first-child .hero-banner__title {
    max-width: 349.6rem;
  }
}

.hero-banner__description {
  font-weight: 500;
  font-size: 16px;
  line-height: 137.5%;
  color: var(--color-white);
  opacity: 0.91;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner__description {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner__description {
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .hero-banner__description {
    font-size: 14px;
  }
}
.hero-banner.swiper-slide .hero-banner__description {
  max-width: 337px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner.swiper-slide .hero-banner__description {
    max-width: 337rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner.swiper-slide .hero-banner__description {
    max-width: 269.6rem;
  }
}
.hero-banner.swiper-slide:first-child .hero-banner__description {
  max-width: 437px;
  color: var(--deep-blue);
  opacity: 0.4;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner.swiper-slide:first-child .hero-banner__description {
    max-width: 437rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner.swiper-slide:first-child .hero-banner__description {
    max-width: 349.6rem;
  }
}
@media (max-width: 760px) {
  .hero-banner[data-swiper-slide-index="0"] .hero-banner__description {
    color: var(--deep-blue);
  }
}

.hero-banner__icon {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  max-height: 85px;
  max-width: 85px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero-banner__icon {
    max-height: 85rem;
    max-width: 85rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero-banner__icon {
    max-width: 68rem;
    max-height: 68rem;
  }
}
@media (max-width: 980px) {
  .hero-banner__icon {
    display: none;
  }
}

.link-underline {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 137.5%;
  color: var(--color-white);
  cursor: pointer;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .link-underline {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .link-underline {
    font-size: 12.8rem;
  }
}
.link-underline::after {
  content: "";
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-white);
  opacity: 0.2;
  transition-property: all;
  transition-duration: 0.3s;
}
.link-underline:hover {
  color: var(--bright-blue);
}
.link-underline:hover::after {
  background-color: var(--bright-blue);
}
.link-underline--alt {
  color: var(--deep-blue);
}
.link-underline--alt::after {
  background-color: var(--text-dark);
  opacity: 0.1;
}

.btn {
  display: inline-block;
  padding: 15px 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 139%;
  color: var(--color-white);
  border: none;
  border-radius: calc(var(--alt-radius) * 3.5);
  background-color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .btn {
    padding: 15rem 24rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .btn {
    padding: 12rem 19.2rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .btn {
    text-align: center;
  }
}
.btn:hover {
  color: var(--color-white);
  background-color: var(--blue);
}

.btn-bordered {
  display: inline-block;
  padding: 15px 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 139%;
  color: var(--deep-blue);
  border: 2px solid var(--deep-blue);
  border-radius: var(--btn-bordered-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .btn-bordered {
    padding: 15rem 24rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .btn-bordered {
    padding: 12rem 19.2rem;
    font-size: 14.4rem;
  }
}
.btn-bordered:hover {
  color: var(--color-white);
  border-color: var(--bright-blue);
  background-color: var(--bright-blue);
}
.btn-bordered--accent {
  color: var(--bright-blue);
  border-color: var(--bright-blue);
}

.button-close {
  position: relative;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  transform: rotate(45deg);
  padding: 0;
  background-color: transparent;
  border: none;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .button-close {
    width: 35rem;
    height: 35rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .button-close {
    width: 28rem;
    height: 28rem;
  }
}
@media (max-width: 760px) {
  .button-close {
    width: 20px;
    height: 20px;
  }
}
.button-close::before, .button-close::after {
  content: "";
  position: absolute;
  background-color: var(--close-button-color);
  transition-property: all;
  transition-duration: 0.3s;
}
.button-close:hover::before, .button-close:hover::after {
  background-color: var(--close-button-color);
}
.button-close::before {
  top: 0;
  left: 16px;
  width: 3px;
  height: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .button-close::before {
    left: 16rem;
    width: 3rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .button-close::before {
    left: 12.8rem;
    width: 2.4rem;
  }
}
@media (max-width: 760px) {
  .button-close::before {
    left: 9px;
    width: 2px;
  }
}
.button-close::after {
  top: 16px;
  left: 0;
  width: 100%;
  height: 3px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .button-close::after {
    top: 16rem;
    height: 3rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .button-close::after {
    top: 12.8rem;
    height: 2.4rem;
  }
}
@media (max-width: 760px) {
  .button-close::after {
    top: 9px;
    height: 2px;
  }
}

.promo-service-item {
  position: relative;
  display: flex;
  min-height: 180px;
  border-radius: var(--alt-radius);
  overflow: hidden;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .promo-service-item {
    min-height: 180rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .promo-service-item {
    min-height: 144rem;
  }
}
.services-decor-list .promo-service-item {
  width: calc(25% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 980px) {
  .services-decor-list .promo-service-item {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 760px) {
  .services-decor-list .promo-service-item {
    width: calc(100% - 10px);
    min-height: 80px;
    margin-bottom: 2px;
  }
}
.page__content-grid .promo-service-item {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-grid .promo-service-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 760px) {
  .page__content-grid .promo-service-item {
    width: calc(100% - 10px);
    min-height: 80px;
    margin-bottom: 2px;
  }
}
.promo-service-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 760px) {
  .promo-service-item::before {
    display: none;
  }
}
.promo-service-item:hover::before {
  opacity: 0.5;
}
.promo-service-item--blue {
  background-color: var(--card-bg-blue);
}
.promo-service-item--blue::before {
  background-image: url("images/bg--promo-service-blue.jpg");
}
.promo-service-item--beige {
  background-color: var(--card-bg-beige);
}
.promo-service-item--beige::before {
  background-image: url("images/bg--promo-service-beige.jpg");
}
.promo-service-item--green {
  background-color: var(--card-bg-green);
}
.promo-service-item--green::before {
  background-image: url("images/bg--promo-service-green.jpg");
}
.promo-service-item a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 30px 40px 35px 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .promo-service-item a {
    padding: 30rem 40rem 35rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .promo-service-item a {
    padding: 24rem 32rem 28rem 32rem;
  }
}
@media (max-width: 760px) {
  .promo-service-item a {
    position: relative;
    flex-direction: row;
    align-items: center;
    padding: 25px 18px 25px 60px;
  }
}
@media (max-width: 760px) {
  .promo-service-item a::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-color: #b4d2d6;
    -webkit-mask-image: url("images/sprite.svg#icon--arrow-down");
            mask-image: url("images/sprite.svg#icon--arrow-down");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    transform: rotate(-90deg);
  }
}

.promo-service-item__icon {
  display: block;
  height: auto;
  width: auto;
}
.promo-service-item--blue .promo-service-item__icon {
  fill: var(--blue);
}
.promo-service-item--beige .promo-service-item__icon {
  fill: var(--beige);
}
.promo-service-item--green .promo-service-item__icon {
  fill: var(--green);
}
@media (max-width: 760px) {
  .promo-service-item__icon {
    position: absolute;
    top: 50%;
    left: 20px;
    max-width: 26px;
    max-height: 26px;
    transform: translateY(-50%);
  }
}

.promo-service-item__label {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .promo-service-item__label {
    font-size: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .promo-service-item__label {
    font-size: 19.2rem;
  }
}
@media (max-width: 760px) {
  .promo-service-item__label {
    font-size: 18px;
  }
}

.navigation-control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  border: 1px solid var(--secondary);
  color: var(--secondary);
  border-radius: 100%;
  background-color: transparent;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .navigation-control {
    width: 60rem;
    height: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .navigation-control {
    width: 48rem;
    height: 48rem;
  }
}
@media (max-width: 760px) {
  .navigation-control {
    width: 32px;
    height: 32px;
    margin-left: 0;
    border: none;
  }
}
.navigation-control:hover {
  color: var(--bright-blue);
  border-color: var(--bright-blue);
}
.navigation-control svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .navigation-control svg {
    width: 20rem;
    height: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .navigation-control svg {
    width: 16rem;
    height: 16rem;
  }
}
@media (max-width: 760px) {
  .navigation-control svg {
    width: 32px;
    height: 32px;
  }
}
.history__navigation .navigation-control {
  display: none;
}
@media (max-width: 760px) {
  .history__navigation .navigation-control {
    display: flex;
  }
}

.health-item {
  position: relative;
  border-radius: var(--base-radius);
  overflow: hidden;
}

.health-item__thumb {
  display: block;
  width: 100%;
  height: 295px;
  object-fit: cover;
  height: 100%;
  max-width: unset;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .health-item__thumb {
    height: 295rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .health-item__thumb {
    height: 236rem;
  }
}
@media (max-width: 760px) {
  .health-item__thumb {
    height: 200px;
    min-height: 200px;
  }
}

.health-item__link {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 30px;
  font-weight: 800;
  font-size: 24px;
  line-height: 120%;
  color: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .health-item__link {
    font-size: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .health-item__link {
    font-size: 19.2rem;
  }
}
@media (max-width: 760px) {
  .health-item__link {
    padding: 20px;
    font-size: 18px;
  }
}
.health-item__link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80%;
  transition-property: all;
  transition-duration: 0.3s;
}
.health-item--green .health-item__link::before {
  background: linear-gradient(360deg, #6daf55 4.57%, rgba(109, 175, 85, 0.75) 46.02%, rgba(109, 175, 85, 0) 89.85%);
}
.health-item--orange .health-item__link::before {
  background: linear-gradient(0deg, #f7b849 3.55%, rgba(242, 173, 49, 0) 85.28%);
}
.health-item--peach .health-item__link::before {
  background: linear-gradient(360deg, #fac398 4.57%, rgba(250, 195, 152, 0.73) 45.39%, rgba(250, 195, 152, 0) 91.37%);
}
.health-item--blue .health-item__link::before {
  background: linear-gradient(360deg, var(--bright-blue) 9.64%, rgba(52, 125, 192, 0.68) 49.92%, rgba(52, 125, 192, 0) 97.46%);
}
.health-item__link:hover {
  color: var(--color-white);
}
.health-item__link:hover::before {
  opacity: 0.8;
}

.health-item__label {
  position: relative;
}

.features {
  padding-top: 120px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .features {
    padding-top: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .features {
    padding-top: 96rem;
  }
}
@media (max-width: 760px) {
  .features {
    padding-top: 50px;
  }
}

.features__list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .features__list {
    display: block;
  }
}

.feature {
  width: calc((100% - 150px) / 4);
}
@media (max-width: 760px) {
  .feature {
    position: relative;
    width: 100%;
    padding-left: 40px;
  }
}
@media (max-width: 760px) {
  .feature:not(:last-child) {
    margin-bottom: 33px;
  }
}
.feature svg {
  display: block;
  width: 56px;
  height: 56px;
  margin-bottom: 40px;
  color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .feature svg {
    width: 56rem;
    height: 56rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .feature svg {
    width: 44.8rem;
    height: 44.8rem;
    margin-bottom: 32rem;
  }
}
@media (max-width: 760px) {
  .feature svg {
    position: absolute;
    top: -14px;
    left: 0;
    max-width: 30px;
  }
}

.feature__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .feature__title {
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .feature__title {
    font-size: 20.8rem;
  }
}
@media (max-width: 760px) {
  .feature__title {
    font-size: 18px;
  }
}

.feature__description {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 500;
  line-height: 25px;
  color: var(--feat-desc);
}
@media (max-width: 760px) {
  .feature__description {
    margin-bottom: 8px;
    line-height: 138%;
  }
}

.review {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 40px 40px 36px;
  border-radius: var(--base-radius);
  background-color: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .review {
    padding: 40rem 40rem 36rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .review {
    padding: 32rem 32rem 28.8rem;
  }
}
@media (max-width: 760px) {
  .review {
    padding: 30px 26px 30px 20px;
  }
}
.section-reviews .review {
  width: calc((100% - 20px) / 3);
}
@media (max-width: 760px) {
  .section-reviews .review {
    width: calc(100% - var(--base-padding) * 2);
    margin-bottom: 4px;
  }
}
@media (max-width: 760px) {
  .swiper-wrapper .review:nth-child(3) ~ .review {
    display: none;
  }
}
.page__content-grid .review {
  width: calc(50% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #e3ebef;
}
@media (max-width: 1200px) {
  .page__content-grid .review {
    width: calc(100% - 10px);
  }
}
@media (max-width: 760px) {
  .page__content-grid .review {
    margin-bottom: 4px;
  }
}
.review .link-underline::after {
  background-color: var(--text-dark);
  opacity: 0.1;
}

.review__info {
  margin-right: auto;
}

.review__author {
  margin-right: 14px;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: var(--blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .review__author {
    margin-right: 14rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .review__author {
    margin-right: 11.2rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .review__author {
    font-size: 16px;
  }
}

.review__date {
  display: inline-block;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 15px;
  line-height: 150%;
  color: var(--secondary);
  border-radius: var(--small-radius);
  background-color: var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .review__date {
    padding: 5rem 10rem;
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .review__date {
    padding: 4rem 8rem;
    font-size: 12rem;
  }
}

.review__rating {
  align-self: flex-start;
}
@media (max-width: 760px) {
  .review__rating {
    order: 1;
    margin-top: 8px;
  }
}

.review__content {
  width: 100%;
  font-size: 18px;
  line-height: 150%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .review__content {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .review__content {
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .review__content {
    font-size: 15px;
    line-height: 21px;
  }
}
.review__content p {
  margin-bottom: 7px;
}
@media (max-width: 760px) {
  .review__content p {
    margin-top: 10px;
  }
}
.review__content .link-underline {
  font-weight: 500;
  font-size: 16px;
  line-height: 137.5%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .review__content .link-underline {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .review__content .link-underline {
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .review__content .link-underline {
    font-size: 15px;
    line-height: 21px;
  }
}
.review__content .link-underline:hover {
  color: var(--bright-blue);
}
.review__content .link-underline:hover::after {
  background-color: var(--bright-blue);
}

.socials {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}
@media (max-width: 760px) {
  .socials {
    justify-content: space-between;
    margin-top: 20px;
  }
}

.socials__item:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .socials__item:not(:last-child) {
    margin-right: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .socials__item:not(:last-child) {
    margin-right: 8rem;
  }
}
.socials__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: var(--secondary);
  border-radius: 100%;
  background-color: var(--alt-grey);
  border: 1px solid var(--alt-grey);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .socials__item a {
    height: 60rem;
    width: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .socials__item a {
    height: 48rem;
    width: 48rem;
  }
}
.socials__item a:hover {
  color: var(--bright-blue);
  background-color: var(--color-white);
  border-color: var(--bright-blue);
}
.socials__item svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .socials__item svg {
    height: 24rem;
    width: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .socials__item svg {
    height: 19.2rem;
    width: 19.2rem;
  }
}

.history-card {
  display: flex;
  flex-direction: column;
  width: calc(25% - 10px);
  min-height: 216px;
  padding: 46px 20px 20px 20px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: var(--bright-blue);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  background-color: var(--alt-grey);
  border-radius: var(--alt-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history-card {
    min-height: 216rem;
    padding: 46rem 20rem 20rem 20rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history-card {
    width: calc(50% - 10px);
    min-height: 172.8rem;
    padding: 36.8rem 16rem 16rem 16rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .history-card {
    width: calc(100% - 10px);
    min-height: 130px;
    padding: 20px 0;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--bg-light);
    background-color: var(--color-white);
  }
}
.history__cards:nth-child(2n+1) .history-card:nth-child(2n), .history__cards:nth-child(2n) .history-card:nth-child(2n+1) {
  background-color: #f6f2ed;
}
@media (max-width: 760px) {
  .history__cards:nth-child(2n+1) .history-card:nth-child(2n), .history__cards:nth-child(2n) .history-card:nth-child(2n+1) {
    background-color: var(--color-white);
  }
}

.history-card__counter {
  margin-top: 15px;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 32px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history-card__counter {
    margin-top: 15rem;
    margin-bottom: 25rem;
    font-size: 32rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history-card__counter {
    margin-top: 12rem;
    margin-bottom: 20rem;
    font-size: 25.6rem;
  }
}
@media (max-width: 760px) {
  .history-card__counter {
    margin-bottom: 18px;
  }
}
.history__cards:nth-child(2n+1) .history-card:nth-child(2n) .history-card__counter, .history__cards:nth-child(2n) .history-card:nth-child(2n+1) .history-card__counter {
  color: #ad8884;
}

.history__cards:nth-child(2n+1) .history-card:nth-child(2n) .history-card__label, .history__cards:nth-child(2n) .history-card:nth-child(2n+1) .history-card__label {
  color: #ad8884;
}

.history-card__description {
  color: var(--deep-blue);
}

.note {
  display: flex;
  align-items: center;
  min-height: 150px;
  padding: 37px 40px 30px 40px;
  border: 2px solid var(--bg-light);
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .note {
    min-height: 150rem;
    padding: 37rem 40rem 30rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .note {
    min-height: 120rem;
    padding: 29.6rem 32rem 24rem 32rem;
  }
}
@media (max-width: 760px) {
  .note {
    display: block;
    padding: 30px 37px 37px 20px;
  }
}
.administration .note {
  margin-top: 50px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .administration .note {
    margin-top: 50rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .administration .note {
    margin-top: 40rem;
  }
}
@media (max-width: 760px) {
  .administration .note {
    margin-top: 40px;
  }
}
.prices .note {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prices .note {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prices .note {
    margin-bottom: 32rem;
  }
}
.ask-question .note {
  min-height: 100px;
  margin-bottom: 20px;
  padding-left: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .ask-question .note {
    min-height: 100rem;
    margin-bottom: 20rem;
    padding-left: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .ask-question .note {
    min-height: 80rem;
    margin-bottom: 16rem;
    padding-left: 24rem;
  }
}
@media (max-width: 760px) {
  .ask-question .note {
    display: flex;
    min-height: 1px;
    padding: 16px 30px;
  }
}
@media (max-width: 760px) {
  .news .note {
    padding: 26px 37px 20px 20px;
    margin-bottom: 40px;
  }
}
@media (max-width: 760px) {
  .job-openings .note {
    margin-bottom: 20px;
  }
}
.note--tringle {
  position: relative;
  border-radius: 10px 10px 10px 0;
  border-width: 1px;
  border-color: #dde6eb;
}
.note--tringle::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 20px 0 0;
  border-color: #d9d9d9 transparent transparent transparent;
}
.note--tringle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 18px 0 0;
  border-color: var(--color-white) transparent transparent transparent;
}

.note__icon {
  display: block;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  margin-right: 20px;
  fill: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .note__icon {
    width: 42rem;
    height: 42rem;
    margin-right: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .note__icon {
    width: 33.6rem;
    height: 33.6rem;
    margin-right: 16rem;
  }
}
@media (max-width: 760px) {
  .note__icon {
    width: 30px;
    height: 30px;
    margin-bottom: 20px;
  }
}
.note--alert .note__icon {
  fill: var(--red);
}
.ask-question .note__icon {
  width: 34px;
  height: 34px;
  margin-right: 6px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .ask-question .note__icon {
    width: 34rem;
    height: 34rem;
    margin-right: 6rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .ask-question .note__icon {
    width: 27.2rem;
    height: 27.2rem;
    margin-right: 4.8rem;
  }
}
@media (max-width: 760px) {
  .ask-question .note__icon {
    margin-bottom: 0;
  }
}

.note__content {
  max-width: 930px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .note__content {
    max-width: 930rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .note__content {
    max-width: 744rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .note__content {
    font-size: 16px;
  }
}
.note__content .link-underline {
  font-size: inherit;
  line-height: inherit;
  color: var(--secondary);
}
.note__content .link-underline::after {
  background-color: var(--secondary);
  opacity: 0.4;
}

.note__label {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .note__label {
    margin-bottom: 8rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .note__label {
    margin-bottom: 6.4rem;
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .note__label {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.ask-question .note__label {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--bright-blue);
  font-weight: 600;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .ask-question .note__label {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .ask-question .note__label {
    font-size: 12.8rem;
  }
}

.ask-question .note__description {
  display: none;
}
.note__description p {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .note__description p {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .note__description p {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}
.note__description img {
  margin-top: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .note__description img {
    margin-top: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .note__description img {
    margin-top: 8rem;
  }
}

.banner-online {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 48px 12%;
  color: var(--deep-blue);
  background-color: #e0eaeb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .banner-online {
    padding-top: 48rem;
    padding-bottom: 48rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online {
    padding: 38.4rem 16rem 38.4rem;
  }
}
@media (max-width: 760px) {
  .banner-online {
    display: block;
    padding: 48px 28px 58px 28px;
  }
}
.banner-online img {
  display: block;
  border-radius: 100%;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online img {
    max-width: 40%;
  }
}
@media (max-width: 760px) {
  .banner-online img {
    max-width: 220px;
    margin: 66px auto 0;
  }
}

.banner-online__content {
  max-width: 555px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .banner-online__content {
    max-width: 555rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online__content {
    max-width: 444rem;
  }
}

.banner-online__title {
  margin-top: 0;
  font-weight: 800;
  font-size: 30px;
  line-height: 140%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .banner-online__title {
    font-size: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online__title {
    font-size: 24rem;
  }
}
@media (max-width: 760px) {
  .banner-online__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 120%;
  }
}

.banner-online__phones {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 426px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .banner-online__phones {
    max-width: 426rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online__phones {
    max-width: 340.8rem;
  }
}
.banner-online__phones li {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 150%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .banner-online__phones li {
    margin-bottom: 20rem;
    font-size: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online__phones li {
    margin-bottom: 16rem;
    font-size: 17.6rem;
  }
}
@media (max-width: 760px) {
  .banner-online__phones li {
    margin-bottom: 7px;
  }
}

.banner-online__btn {
  margin-top: 30px;
  padding: 17px 35px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .banner-online__btn {
    margin-top: 30rem;
    padding: 17rem 35rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .banner-online__btn {
    margin-top: 24rem;
    padding: 13.6rem 28rem;
  }
}
@media (max-width: 760px) {
  .banner-online__btn {
    width: 100%;
    margin-top: 20px;
  }
}
.banner-online__btn:hover {
  color: var(--blue);
  background-color: var(--color-white);
}

.arrows-link {
  display: flex;
}
.page__content-grid .arrows-link {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 760px) {
  .page__content-grid .arrows-link {
    align-items: center;
    justify-content: center;
    width: calc(100% - 10px);
    margin-bottom: 4px;
  }
}
.page__content-list .arrows-link:not(:last-child) {
  margin-bottom: 4px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page__content-list .arrows-link:not(:last-child) {
    margin-bottom: 4px;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-list .arrows-link:not(:last-child) {
    margin-bottom: 3.2rem;
  }
}
.arrows-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 27px 40px;
  border: 1px solid var(--alt-grey);
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-link a {
    padding: 27rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-link a {
    padding: 21.6rem 32rem;
  }
}
@media (max-width: 760px) {
  .arrows-link a {
    flex-direction: column;
    align-items: flex-start;
    min-height: 126px;
    padding: 17px 52px 17px 20px;
    justify-content: center;
  }
}
.arrows-link a:hover {
  border-color: var(--bright-blue);
}
.arrows-link--column a {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 126px;
  padding: 20px 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-link--column a {
    min-height: 126rem;
    padding: 20rem 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-link--column a {
    min-height: 100.8rem;
    padding: 16rem 24rem;
  }
}
@media (max-width: 760px) {
  .arrows-link--column a {
    min-height: 126px;
    padding: 17px 52px 17px 20px;
  }
}

.arrows-link__label {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-link__label {
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-link__label {
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .arrows-link__label {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
.arrows-link--column .arrows-link__label {
  font-size: 18px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-link--column .arrows-link__label {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-link--column .arrows-link__label {
    font-size: 14.4rem;
  }
}

.arrows-link__arrow {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--secondary);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-link__arrow {
    font-size: 13rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-link__arrow {
    font-size: 10.4rem;
  }
}
.arrows-link:hover .arrows-link__arrow {
  color: var(--bright-blue);
}

.arrows-link__icon {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  fill: var(--secondary);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-link__icon {
    width: 16rem;
    height: 16rem;
    margin-left: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-link__icon {
    width: 12.8rem;
    height: 12.8rem;
    margin-left: 8rem;
  }
}
.arrows-link:hover .arrows-link__icon {
  fill: var(--bright-blue);
}

.dropdown-item:not(:last-child) {
  margin-bottom: 2px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .dropdown-item:not(:last-child) {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .dropdown-item:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}

.dropdown-item__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 28px 40px;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  text-align: left;
  color: var(--deep-blue);
  border-radius: var(--alt-radius);
  background-color: var(--bg-light);
  border: 1px solid var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .dropdown-item__btn {
    padding: 28rem 40rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .dropdown-item__btn {
    padding: 22.4rem 32rem;
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .dropdown-item__btn {
    padding: 20px 10px;
    font-size: 16px;
  }
}
.dropdown-item.is-active .dropdown-item__btn {
  color: var(--color-white);
  background-color: var(--bright-blue);
}
.dropdown-item:not(.is-active) .dropdown-item__btn:hover {
  border-color: var(--bright-blue);
  background-color: var(--color-white);
}

.dropdown-item__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: var(--secondary);
  transform: rotate(-90deg);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .dropdown-item__icon {
    width: 24rem;
    height: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .dropdown-item__icon {
    width: 19.2rem;
    height: 19.2rem;
  }
}
@media (max-width: 760px) {
  .dropdown-item__icon {
    width: 18px;
    height: 18px;
  }
}
.dropdown-item.is-active .dropdown-item__icon {
  fill: var(--color-white);
  transform: rotate(0);
}
.dropdown-item:not(.is-active) .dropdown-item__btn:hover .dropdown-item__icon {
  fill: var(--bright-blue);
}

.dropdown-item__content {
  display: none;
  padding: 40px;
  margin-top: 4px;
  border: 1px solid var(--dropdown-border-color);
  border-radius: var(--alt-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .dropdown-item__content {
    padding: 40rem;
    margin-top: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .dropdown-item__content {
    padding: 32rem;
    margin-top: 3.2rem;
  }
}
@media (max-width: 760px) {
  .dropdown-item__content {
    padding: 5px 15px;
    margin-top: 2px;
  }
}
.dropdown-item__content--reset {
  padding: 0;
}
@media (max-width: 760px) {
  .dropdown-item__content p {
    font-size: 15px;
    line-height: 140%;
  }
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .custom-table {
    font-size: 1em;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .custom-table {
    font-size: 1em;
  }
}
@media (max-width: 760px) {
  .custom-table {
    font-size: 15px;
  }
}
.custom-table th {
  padding-bottom: 27px;
  font-weight: 700;
  text-align: left;
  border-bottom: 2px solid var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .custom-table th {
    padding-bottom: 27rem;
    font-size: 1em;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .custom-table th {
    padding-bottom: 21.6rem;
    font-size: 1em;
  }
}
@media (max-width: 760px) {
  .custom-table th {
    padding-bottom: 18px;
  }
}
.custom-table th:not(:last-child) {
  padding-right: 70px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .custom-table th:not(:last-child) {
    padding-right: 70rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .custom-table th:not(:last-child) {
    padding-right: 56rem;
  }
}
@media (max-width: 760px) {
  .custom-table th:not(:last-child) {
    padding-right: 36px;
  }
}
.custom-table th:first-child {
  color: var(--secondary);
}
.custom-table td {
  padding-left: 10px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 16px;
  line-height: 140%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .custom-table td {
    padding-left: 10rem;
    padding-top: 28rem;
    padding-bottom: 28rem;
    font-size: 0.89em;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .custom-table td {
    padding-left: 8rem;
    padding-top: 22.4rem;
    padding-bottom: 22.4rem;
    font-size: 0.89em;
  }
}
@media (max-width: 760px) {
  .custom-table td {
    padding-top: 26px;
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 120%;
  }
}
.custom-table td:not(:last-child) {
  padding-right: 70px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .custom-table td:not(:last-child) {
    padding-right: 70rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .custom-table td:not(:last-child) {
    padding-right: 56rem;
  }
}
@media (max-width: 760px) {
  .custom-table td:not(:last-child) {
    padding-right: 36px;
  }
}
.custom-table td:first-child {
  padding-left: 0;
}
.custom-table tbody td {
  border-bottom: 1px solid var(--alt-grey);
}
.custom-table .disabled {
  color: var(--secondary);
}

td.custom-table__title-wrapper {
  padding-bottom: 17px;
  padding-top: 17px;
  font-weight: 700;
  color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  td.custom-table__title-wrapper {
    padding-bottom: 17rem;
    padding-top: 17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  td.custom-table__title-wrapper {
    padding-bottom: 13.6rem;
    padding-top: 13.6rem;
  }
}
@media (max-width: 760px) {
  td.custom-table__title-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.administrative-procedures .custom-table__wrapper, .health-schools .custom-table__wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .administrative-procedures .custom-table__wrapper, .health-schools .custom-table__wrapper {
    margin-top: 40rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .administrative-procedures .custom-table__wrapper, .health-schools .custom-table__wrapper {
    margin-top: 32rem;
    margin-bottom: 32rem;
  }
}

.videos-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 40px;
  border: 1px solid var(--alt-grey);
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .videos-link {
    padding: 28rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .videos-link {
    padding: 22.4rem 32rem;
  }
}
@media (max-width: 760px) {
  .videos-link {
    flex-direction: column;
    align-items: flex-start;
    padding: 27px 20px;
  }
}
.videos-link:hover {
  border-color: var(--bright-blue);
}
.videos-link:not(:last-child) {
  margin-bottom: 4px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .videos-link:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .videos-link:not(:last-child) {
    margin-bottom: 3.2rem;
  }
}

.videos-link__label {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .videos-link__label {
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .videos-link__label {
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .videos-link__label {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

.videos-link__icon-wrapper {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--secondary);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .videos-link__icon-wrapper {
    font-size: 13rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .videos-link__icon-wrapper {
    font-size: 10.4rem;
  }
}
.videos-link:hover .videos-link__icon-wrapper {
  color: var(--bright-blue);
}

.videos-link__icon {
  width: 34px;
  height: 34px;
  margin-right: 4px;
  fill: var(--secondary);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .videos-link__icon {
    width: 34rem;
    height: 34rem;
    margin-right: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .videos-link__icon {
    width: 27.2rem;
    height: 27.2rem;
    margin-right: 3.2rem;
  }
}
@media (max-width: 760px) {
  .videos-link__icon {
    width: 20px;
    height: 20px;
  }
}
.videos-link:hover .videos-link__icon {
  fill: var(--bright-blue);
}

.pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .pagination {
    margin-top: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .pagination {
    margin-top: 16rem;
  }
}
@media (max-width: 760px) {
  .pagination {
    margin-top: 10px;
  }
}
.post-type-archive-review .pagination {
  margin-top: 50px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .post-type-archive-review .pagination {
    margin-top: 50rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .post-type-archive-review .pagination {
    margin-top: 40rem;
  }
}
@media (max-width: 760px) {
  .post-type-archive-review .pagination {
    margin-top: 40px;
  }
}
.info .pagination {
  justify-content: flex-start;
}

.pagination__pages {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  margin-left: 18px;
  margin-right: 18px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .pagination__pages {
    margin-left: 18rem;
    margin-right: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .pagination__pages {
    margin-left: 14.4rem;
    margin-right: 14.4rem;
  }
}
@media (max-width: 760px) {
  .pagination__pages {
    margin-right: 4px;
    margin-left: 4px;
  }
}

.pagination__pages-item:not(:last-child) {
  margin-right: 8px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .pagination__pages-item:not(:last-child) {
    margin-right: 8rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .pagination__pages-item:not(:last-child) {
    margin-right: 6.4rem;
  }
}
@media (max-width: 760px) {
  .pagination__pages-item:not(:last-child) {
    margin-right: 4px;
  }
}

.page-numbers,
.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  font-size: 18px;
  line-height: 139%;
  border: 1px solid var(--secondary);
  border-radius: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-numbers,
  .pagination__item {
    width: 46rem;
    height: 46rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-numbers,
  .pagination__item {
    width: 36.8rem;
    height: 36.8rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .page-numbers,
  .pagination__item {
    width: 12vw;
    height: 12vw;
    max-width: 46px;
    max-height: 46px;
  }
}
.page-numbers:hover,
.pagination__item:hover {
  border-color: var(--blue);
}
.current .pagination__item,
.current.page-numbers {
  color: var(--color-white);
  border-color: var(--blue);
  background-color: var(--blue);
}
.pagination__item svg,
.page-numbers svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-numbers svg,
  .pagination__item svg {
    width: 24rem;
    height: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-numbers svg,
  .pagination__item svg {
    width: 19.2rem;
    height: 19.2rem;
  }
}

.pagination__icon {
  fill: var(--secondary);
}

.doctor-card {
  display: block;
  min-height: 645px;
  border: 1px solid var(--alt-grey);
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor-card {
    min-height: 645rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor-card {
    min-height: 516rem;
  }
}
@media (max-width: 760px) {
  .doctor-card {
    min-height: 1px;
  }
}
.page__content-grid .doctor-card {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-grid .doctor-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 760px) {
  .page__content-grid .doctor-card {
    width: calc(100% - 10px);
    margin-bottom: 4px;
  }
}

.page__content-grid-loader,
.doctors__alphabet-loader,
.doctors__all-loader {
  width: 100%;
  text-align: center;
}

.doctors__group-list .doctor-card {
  width: calc(25% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__group-list .doctor-card {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 760px) {
  .doctors__group-list .doctor-card {
    width: calc(100% - 10px);
  }
}
.doctor-card:hover {
  border-color: var(--bright-blue);
}

.doctor-card__pic {
  display: block;
  width: 240px;
  height: 240px;
  margin: 30px auto;
  border-radius: 100%;
  object-fit: cover;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor-card__pic {
    width: 240rem;
    height: 240rem;
    margin-top: 30rem;
    margin-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor-card__pic {
    width: 192rem;
    height: 192rem;
    margin-top: 24rem;
    margin-bottom: 24rem;
  }
}
@media (max-width: 760px) {
  .doctor-card__pic {
    width: 200px;
    height: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.doctor-card__content {
  padding: 22px 30px 17px;
  border-top: 1px solid var(--alt-grey);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor-card__content {
    padding: 22rem 30rem 17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor-card__content {
    padding: 17.6rem 24rem 13.6rem;
  }
}

.doctor-card__name {
  margin-top: 0;
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor-card__name {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor-card__name {
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .doctor-card__name {
    font-size: 16px;
  }
}
.doctor-card__name strong {
  display: block;
  font-size: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor-card__name strong {
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor-card__name strong {
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .doctor-card__name strong {
    font-size: 18px;
  }
}

.doctor-card__specs {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.doctor-card__specs li {
  padding: 10px;
  margin-bottom: 2px;
  margin-right: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: var(--bright-blue);
  background-color: var(--bg-light);
  border-radius: calc(var(--alt-radius) / 2);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor-card__specs li {
    padding: 10rem;
    margin-bottom: 2rem;
    margin-right: 4rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor-card__specs li {
    padding: 8rem;
    margin-bottom: 1.6rem;
    margin-right: 3.2rem;
    font-size: 12.8rem;
  }
}

.swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
@media (max-width: 760px) {
  .swiper-pagination-bullets {
    margin-top: 0;
  }
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin-right: 5px;
  margin-left: 5px;
  background-color: var(--secondary);
  border-radius: 100%;
  cursor: pointer;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .swiper-pagination-bullet {
    width: 8rem;
    height: 8rem;
    margin-right: 5rem;
    margin-left: 5rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .swiper-pagination-bullet {
    width: 6.4rem;
    height: 6.4rem;
    margin-right: 4rem;
    margin-left: 4rem;
  }
}
@media (max-width: 760px) {
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: var(--blue);
    margin-right: 10px;
    margin-left: 10px;
  }
}
.hero__navigation .swiper-pagination-bullet {
  margin-right: 15px;
  margin-left: 15px;
}

.swiper-pagination-bullet-active {
  background-color: var(--bright-blue);
}
@media (max-width: 760px) {
  .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    border: 2px solid var(--blue);
    background-color: var(--color-white);
  }
}

.detail-list {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 120%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .detail-list {
    margin-top: 10rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .detail-list {
    margin-top: 8rem;
    font-size: 12.8rem;
  }
}

.detail-list__label {
  display: block;
}

.detail-list__description {
  margin-left: 0;
  margin-top: 2px;
  font-weight: 600;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .detail-list__description {
    margin-top: 2rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .detail-list__description {
    margin-top: 1.6rem;
  }
}
.detail-list__description:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .detail-list__description:not(:last-child) {
    margin-bottom: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .detail-list__description:not(:last-child) {
    margin-bottom: 12rem;
  }
}

.arrows-card {
  position: relative;
  border-radius: var(--alt-radius);
  overflow: hidden;
}
@media (max-width: 760px) {
  .arrows-card {
    min-height: 180px;
  }
}
.page__content-grid .arrows-card {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-grid .arrows-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 760px) {
  .page__content-grid .arrows-card {
    width: calc(100% - 10px);
    margin-bottom: 4px;
  }
}
.trade-union-committee .arrows-card, .how-get-reception .arrows-card {
  margin-bottom: 10px;
  background-color: var(--bright-blue);
}
@media (max-width: 760px) {
  .trade-union-committee .arrows-card, .how-get-reception .arrows-card {
    margin-bottom: 4px;
  }
}
.arrows-card a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 20px 20px 30px 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card a {
    padding: 20rem 20rem 30rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card a {
    padding: 16rem 16rem 24rem 32rem;
  }
}
@media (max-width: 760px) {
  .arrows-card a {
    padding: 20px;
  }
}
.trade-union-committee .arrows-card a, .how-get-reception .arrows-card a {
  padding: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .trade-union-committee .arrows-card a, .how-get-reception .arrows-card a {
    padding: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .trade-union-committee .arrows-card a, .how-get-reception .arrows-card a {
    padding: 16rem;
  }
}
.structure-center .arrows-card a {
  padding-left: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .structure-center .arrows-card a {
    padding-left: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .structure-center .arrows-card a {
    padding-left: 24rem;
  }
}
.arrows-card--alt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(360deg, #2e3b47 -4.17%, rgba(46, 59, 71, 0.14) 77.65%, rgba(46, 59, 71, 0) 100%);
}
.trade-union-committee .arrows-card--alt::after {
  display: none;
}
.how-get-reception .arrows-card--alt::after {
  top: 20px;
  left: 20px;
  bottom: initial;
  flex-shrink: 0;
  width: 79px;
  height: 90px;
  background: var(--color-white);
  -webkit-mask-image: url("images/sprite.svg#icon--file");
          mask-image: url("images/sprite.svg#icon--file");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .how-get-reception .arrows-card--alt::after {
    top: 20rem;
    left: 20rem;
    width: 79rem;
    height: 90rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .how-get-reception .arrows-card--alt::after {
    top: 16rem;
    left: 16rem;
    width: 63.2rem;
    height: 72rem;
  }
}
@media (max-width: 760px) {
  .how-get-reception .arrows-card--alt::after {
    width: 35px;
    height: 55px;
  }
}
.arrows-card--alt a {
  padding-bottom: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card--alt a {
    padding-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card--alt a {
    padding-bottom: 24rem;
  }
}
.arrows-card--info a {
  position: initial;
  padding: 20px 20px 50px 40px;
  border: 1px solid var(--bg-light);
  border-radius: var(--alt-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card--info a {
    padding: 20rem 20rem 50rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card--info a {
    padding: 16rem 16rem 40rem 32rem;
  }
}
@media (max-width: 760px) {
  .arrows-card--info a {
    padding: 20px;
  }
}

.arrows-card__thumb {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition-property: all;
  transition-duration: 0.3s;
}
.structure-center .arrows-card--alt:hover .arrows-card__thumb {
  opacity: 0.8;
}

.arrows-card__icon {
  display: block;
  flex-shrink: 0;
  align-self: flex-end;
  width: 22px;
  height: 22px;
  fill: var(--secondary);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card__icon {
    width: 22rem;
    height: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card__icon {
    width: 17.6rem;
    height: 17.6rem;
  }
}
.arrows-card--alt .arrows-card__icon {
  fill: var(--color-white);
}
.structure-center .arrows-card--alt:hover .arrows-card__icon {
  fill: var(--deep-blue);
}

.arrows-card__label {
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card__label {
    font-size: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card__label {
    font-size: 17.6rem;
  }
}
@media (max-width: 760px) {
  .arrows-card__label {
    font-size: 18px;
  }
}
.arrows-card--alt .arrows-card__label {
  font-weight: 400;
  font-size: 26px;
  color: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card--alt .arrows-card__label {
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card--alt .arrows-card__label {
    font-size: 20.8rem;
  }
}
@media (max-width: 760px) {
  .arrows-card--alt .arrows-card__label {
    font-size: 20px;
  }
}
.trade-union-committee .arrows-card--alt .arrows-card__label, .how-get-reception .arrows-card--alt .arrows-card__label {
  max-width: 324px;
  font-size: 22px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .trade-union-committee .arrows-card--alt .arrows-card__label, .how-get-reception .arrows-card--alt .arrows-card__label {
    max-width: 324rem;
    font-size: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .trade-union-committee .arrows-card--alt .arrows-card__label, .how-get-reception .arrows-card--alt .arrows-card__label {
    max-width: 259.2rem;
    font-size: 17.6rem;
  }
}
@media (max-width: 760px) {
  .trade-union-committee .arrows-card--alt .arrows-card__label, .how-get-reception .arrows-card--alt .arrows-card__label {
    font-size: 18px;
  }
}
.arrows-card--info .arrows-card__label {
  display: flex;
  align-items: center;
  max-width: 512px;
  margin-top: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card--info .arrows-card__label {
    max-width: 512rem;
    margin-top: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card--info .arrows-card__label {
    max-width: 409.6rem;
    margin-top: 8rem;
  }
}
.arrows-card--info .arrows-card__label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 87px;
  height: 112px;
  margin-right: 33px;
  background-image: url("images/sprite.svg#icon--file");
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .arrows-card--info .arrows-card__label::before {
    width: 87rem;
    height: 112rem;
    margin-right: 33rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .arrows-card--info .arrows-card__label::before {
    width: 69.6rem;
    height: 89.6rem;
    margin-right: 26.4rem;
  }
}
@media (max-width: 760px) {
  .arrows-card--info .arrows-card__label::before {
    max-width: 30px;
    margin-right: 14px;
  }
}
.structure-center .arrows-card--alt:hover .arrows-card__label {
  margin-bottom: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .structure-center .arrows-card--alt:hover .arrows-card__label {
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .structure-center .arrows-card--alt:hover .arrows-card__label {
    margin-bottom: 16rem;
  }
}

.arrows-card__file {
  position: absolute;
  top: 20px;
  left: 20px;
}
.arrows-card__file path {
  stroke: var(--color-white);
}

@media (max-width: 1200px) {
  .overflow-scroll {
    max-width: calc(100vw - var(--base-padding) * 2);
    overflow-y: auto;
  }
}

.page-header {
  position: relative;
  background-color: var(--color-white);
}
.page-header.is-front {
  z-index: 10;
}

.page-header__top {
  padding-top: 4px;
  padding-bottom: 5px;
  background-color: var(--dropdown-border-color);
}
.page-header__top .container {
  display: flex;
  align-items: center;
}
@media (max-width: 760px) {
  .page-header__top .container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.bvi-shortcode {
  margin-right: 27px;
  padding: 0 !important;
}
@media (max-width: 760px) {
  .bvi-shortcode {
    margin-right: 0;
  }
}
.bvi-open {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--secondary);
  font-weight: 600;
  text-transform: uppercase;
}
.bvi-widget .bvi-svg-eye, .bvi-shortcode .bvi-svg-eye {
  width: 20px !important;
  height: 20px !important;
}
.page-header__visually-impaired {
  display: flex;
  align-items: center;
  margin-right: 27px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--secondary);
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-header__visually-impaired,
  .bvi-open {
    font-size: 14rem;
  }
}
.page-header__visually-impaired::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: var(--secondary);
  -webkit-mask-image: url("https://api.iconify.design/ic/round-remove-red-eye.svg");
          mask-image: url("https://api.iconify.design/ic/round-remove-red-eye.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.page-header__time {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-header__time {
    font-size: 14rem;
  }
}
@media (max-width: 980px) {
  .page-header__time {
    display: none;
  }
}
.page-header__time::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-left: 40px;
  background-color: var(--secondary);
  -webkit-mask-image: url("https://api.iconify.design/ic/baseline-access-time.svg");
          mask-image: url("https://api.iconify.design/ic/baseline-access-time.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.page-header__main {
  padding-top: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eaf2f7;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-header__main {
    padding-top: 12rem;
    padding-bottom: 18rem;
  }
}
@media (max-width: 760px) {
  .page-header__main {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
.page-header__main .container {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .page-header__main .container {
    flex-wrap: wrap;
  }
}

.page-header__phones-wrapper {
  display: flex;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-header__phones-wrapper {
    order: 1;
    justify-content: space-between;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 12px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 18px;
    border-top: 1px solid #eaf2f7;
  }
}

.page-header__location {
  display: flex;
  align-items: center;
  margin-right: 80px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-header__location {
    margin-right: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-header__location {
    margin-right: 0;
  }
}
@media (max-width: 760px) {
  .page-header__location {
    display: none;
  }
}

.page-header__location-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: var(--alt-grey);
}
.page-header__location-icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--bright-blue);
  -webkit-mask-image: url("https://api.iconify.design/ic/sharp-place.svg");
          mask-image: url("https://api.iconify.design/ic/sharp-place.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.page-header__location-content span {
  display: block;
}

.page-header__location-address {
  font-weight: 700;
  font-size: 17px;
  line-height: 135%;
  color: var(--text-dark);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-header__location-address {
    font-size: 17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-header__location-address {
    font-size: 13.6rem;
  }
}

.page-header__location-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 137%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-header__location-label {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-header__location-label {
    font-size: 12.8rem;
  }
}

.page-header__order {
  padding: 12px 38px;
  border: 3px solid #aed3a0;
}
@media (max-width: 1200px) {
  .page-header__order {
    display: none;
  }
}

.language-switch {
  position: relative;
  margin-right: auto;
}
@media (max-width: 760px) {
  .language-switch {
    margin-right: 0;
    margin-left: auto;
  }
}

.language-switch__button {
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
}
.language-switch__button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-color: #8599A9;
  -webkit-mask-image: url("https://api.iconify.design/ic/outline-language.svg");
          mask-image: url("https://api.iconify.design/ic/outline-language.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .language-switch__button::before {
    width: 24rem;
    height: 24rem;
    margin-right: 5rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .language-switch__button::before {
    width: 19.2rem;
    height: 19.2rem;
    margin-right: 4rem;
  }
}
.language-switch__button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  background-color: var(--blue);
  -webkit-mask-image: url("https://api.iconify.design/material-symbols/arrow-drop-down-rounded.svg");
          mask-image: url("https://api.iconify.design/material-symbols/arrow-drop-down-rounded.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .language-switch__button::after {
    width: 24rem;
    height: 24rem;
    margin-right: 5rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .language-switch__button::after {
    width: 19.2rem;
    height: 19.2rem;
    margin-right: 4rem;
  }
}

.language-switch__current {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .language-switch__current {
    font-size: 14rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .language-switch__current {
    font-size: 12.8rem;
  }
}

.language-switch__languages {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  min-width: 100px;
  padding: 20px;
  border-radius: var(--small-radius);
  box-shadow: 0 4px 42px rgba(126, 157, 185, 0.3);
  background-color: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .language-switch__languages {
    min-width: 100rem;
    padding: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .language-switch__languages {
    min-width: 80rem;
    padding: 16rem;
  }
}
@media (max-width: 760px) {
  .language-switch__languages {
    min-width: 80px;
  }
}

.language-switch__languages-item {
  font-weight: 600;
  font-size: 18px;
  line-height: 139%;
  color: var(--text-dark);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .language-switch__languages-item {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .language-switch__languages-item {
    font-size: 14.4rem;
  }
}
.language-switch__languages-item:not(:last-child) {
  margin-bottom: 7px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .language-switch__languages-item:not(:last-child) {
    margin-bottom: 7rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .language-switch__languages-item:not(:last-child) {
    margin-bottom: 5.6rem;
  }
}
.language-switch__languages-item img {
  display: none;
}

.search {
  position: relative;
  min-width: 28%;
  background-color: var(--color-white);
  border: 2px solid #d9e6ec;
  border-radius: var(--small-radius);
}
@media (max-width: 760px) {
  .search {
    width: 100%;
    margin-top: 4px;
  }
}
.search__field {
  display: block;
  width: 100%;
  padding: 5px 5px 5px 39px;
  font-family: inherit;
  font-weight: 500;
  font-size: 15px;
  line-height: 133%;
  border: 1px solid #c7dfec;
  border-radius: calc(var(--alt-radius) / 2);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .search__field {
    padding-left: 39rem;
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .search__field {
    padding-left: 31.2rem;
    font-size: 12rem;
  }
}
.search__field::placeholder {
  font-family: inherit;
  color: var(--secondary);
  opacity: 1;
}

.search__submit {
  padding: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  left: 13px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: var(--bright-blue);
}

.logo {
  display: flex;
  align-items: center;
  margin-right: auto;
}
@media (max-width: 760px) {
  .logo {
    max-width: 260px;
  }
}

.logo__pic {
  flex-shrink: 0;
  margin-right: 17px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .logo__pic {
    margin-right: 17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .logo__pic {
    max-width: 30.4rem;
    margin-right: 13.6rem;
  }
}
@media (max-width: 760px) {
  .logo__pic {
    max-width: 31px;
    margin-right: 4px;
  }
}

.logo__content span {
  display: block;
}

.logo__label {
  font-weight: 500;
  font-size: 16px;
  line-height: 138%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .logo__label {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .logo__label {
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .logo__label {
    font-size: 11px;
  }
}

.logo__title {
  max-width: 375px;
  font-weight: 800;
  font-size: 17px;
  line-height: 107%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .logo__title {
    max-width: 375rem;
    font-size: 17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .logo__title {
    max-width: 300rem;
    font-size: 13.6rem;
  }
}
@media (max-width: 760px) {
  .logo__title {
    font-size: 12px;
    letter-spacing: -0.4px;
  }
}

.phones {
  display: flex;
  align-items: center;
  margin-right: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .phones {
    margin-right: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .phones {
    margin-right: 32rem;
  }
}
@media (max-width: 760px) {
  .phones {
    position: fixed;
    z-index: 5;
    top: 81px;
    max-height: calc(100vh - 81px - 77px);
    right: -480px;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 480px;
    margin-right: 0;
    padding: 45px var(--base-padding);
    background-color: var(--color-white);
    transition-property: all;
    transition-duration: 0.3s;
  }
}
.phones.is-open {
  right: 0;
  z-index: 4;
}

.phones__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: var(--alt-grey);
}
@media (max-width: 760px) {
  .phones__icon {
    margin-right: 16px;
  }
}
.phones__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--bright-blue);
  -webkit-mask-image: url("https://api.iconify.design/ic/baseline-local-phone.svg");
          mask-image: url("https://api.iconify.design/ic/baseline-local-phone.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.phones__list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 760px) {
  .phones__list {
    display: block;
  }
}

.phones__list-item {
  color: var(--secondary);
  font-size: 17px;
  line-height: 135%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .phones__list-item {
    font-size: 17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .phones__list-item {
    font-size: 13.6rem;
  }
}
@media (min-width: 761px) {
  .phones__list-item:last-child {
    display: none;
  }
}
.phones__list-item:last-child {

}
.phones__list-item strong {
  font-weight: 700;
  color: var(--text-dark);
  transition-property: all;
  transition-duration: 0.3s;
}
.phones__list-item a:hover strong {
  color: var(--color-accent);
}
.phones__list-item:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .phones__list-item:not(:last-child) {
    margin-right: 16rem;
  }
}
@media (max-width: 760px) {
  .phones__list-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 31px;
  }
}

.phones__list-operator {
  display: block;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .phones__list-operator {
    font-size: 12.8rem;
  }
}

.navigation {
  border-bottom: 1px solid #eaf2f7;
}
@media (max-width: 1200px) {
  .navigation {
    position: fixed;
    z-index: 5;
    top: calc(75px + 41px);
    right: -480px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px;
    background-color: var(--color-white);
    transition-property: all;
    transition-duration: 0.3s;
  }
}
@media (max-width: 760px) {
  .navigation {
    top: calc(81px + 73px);
    max-height: calc(100vh - 81px - 76px);
  }
}
.navigation.is-open {
  right: 0;
}
.navigation .container {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .navigation .container {
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 760px) {
  .navigation .container {
    overflow-y: auto;
  }
}

.navigation__services-open {
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 139%;
  color: var(--blue);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .navigation__services-open {
    padding-top: 20rem;
    padding-bottom: 20rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .navigation__services-open {
    padding: 16rem;
  }
}
@media (max-width: 1200px) {
  .navigation__services-open {
    width: 100%;
    color: var(--text-dark);
    font-size: 18px;
    line-height: 130%;
    border-bottom: 1px solid var(--dropdown-border-color);
  }
}
@media (max-width: 760px) {
  .navigation__services-open {
    padding: 18px var(--base-padding);
  }
}
.navigation__services-open::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-color: var(--blue);
  -webkit-mask-image: url("images/sprite.svg#icon--navigation");
          mask-image: url("images/sprite.svg#icon--navigation");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .navigation__services-open::before {
    width: 16rem;
    height: 16rem;
  }
}
@media (max-width: 1200px) {
  .navigation__services-open::before {
    order: 1;
    margin-left: auto;
    margin-right: 0;
    background-color: #D9E6EC;
    -webkit-mask-image: url("images/sprite.svg#icon--arrow-down");
            mask-image: url("images/sprite.svg#icon--arrow-down");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    transform: rotate(-90deg);
  }
}
@media (max-width: 760px) {
  .navigation__services-open::before {
    width: 20px;
    height: 20px;
  }
}
.navigation__services-open:hover {
  color: var(--bright-blue);
}
.navigation__services-open:hover::before {
  background-color: var(--bright-blue);
}

.navigation__back {
  display: none;
  align-items: center;
  padding: 18px var(--base-padding);
  font-weight: 600;
  color: var(--blue);
  font-size: 18px;
  line-height: 130%;
  border-bottom: 1px solid var(--dropdown-border-color);
}
.navigation__back::before {
  content: "";
  display: block;
  width: 16rem;
  height: 16rem;
  margin-right: 20rem;
  background-color: var(--blue);
  -webkit-mask-image: url("images/sprite.svg#icon--arrow-down");
          mask-image: url("images/sprite.svg#icon--arrow-down");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transition-property: all;
  transition-duration: 0.3s;
  transform: rotate(90deg);
}
@media (max-width: 1200px) {
  .navigation__back::before {
    width: 20px;
    height: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1200px) {
  .navigation__back {
    display: flex;
  }
}

.main-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .main-menu {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.main-menu > li {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 30px;
  font-size: 18px;
  line-height: 139%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .main-menu > li {
    padding-top: 20rem;
    padding-bottom: 20rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .main-menu > li {
    font-size: 14.4rem;
  }
}
@media (max-width: 1200px) {
  .main-menu > li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    font-size: 18px;
    line-height: 130%;
  }
}
.main-menu__item--parent {
  position: relative;
}
.main-menu__item--parent > a {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .main-menu__item--parent > a {
    justify-content: space-between;
  }
}
.main-menu__item--parent > a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background-color: var(--deep-blue);
  -webkit-mask-image: url("https://api.iconify.design/material-symbols/arrow-forward-ios.svg?rotate=90deg");
          mask-image: url("https://api.iconify.design/material-symbols/arrow-forward-ios.svg?rotate=90deg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1200px) {
  .main-menu__item--parent > a::after {
    width: 16rem;
    height: 16rem;
    background-color: #d9e6ec;
    -webkit-mask-image: url("images/sprite.svg#icon--arrow-down");
            mask-image: url("images/sprite.svg#icon--arrow-down");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    transform: rotate(-90deg);
  }
}
@media (max-width: 760px) {
  .main-menu__item--parent > a::after {
    width: 20px;
    height: 20px;
  }
}
.main-menu__item--parent:hover > a {
  color: var(--bright-blue);
}
@media (min-width: 1201px) {
  .main-menu__item--parent:hover > a::after {
    transform: rotate(180deg);
    background-color: var(--bright-blue);
  }
}
.main-menu > li > a {
  color: var(--text-dark);
  font-weight: 600;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .main-menu > li > a {
    padding: 16rem;
  }
}
@media (max-width: 1200px) {
  .main-menu > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--dropdown-border-color);
  }
}
@media (max-width: 760px) {
  .main-menu > li > a {
    padding: 18px var(--base-padding);
  }
}
.main-menu .current-menu-item > a,
.main-menu > li > a:hover {
  color: var(--bright-blue);
}
.main-menu > li:last-child > a {
  display: flex;
  align-items: center;
}
.main-menu > li:nth-last-child(2) a::before {
  content: "";
  display: block;
  width: 31px;
  height: 25px;
  margin-right: 11px;
  background-image: url("images/sprite.svg#icon--certificates");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none !important;
}
.main-menu > li:nth-last-child(2) a {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
@media (max-width: 1200px) {
  .main-menu > li:last-child a::before {
    display: none;
  }
}

.sub-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  z-index: 5;
  padding: 30px 35px 35px 20px;
  display: none;
  background-color: var(--color-white);
  box-shadow: 0 4px 42px rgba(126, 157, 185, 0.3);
  border-radius: var(--small-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .sub-menu {
    padding: 30rem 35rem 35rem 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .sub-menu {
    padding: 24rem 28rem 28rem 16rem;
  }
}
@media (max-width: 1200px) {
  .sub-menu {
    position: fixed;
    z-index: 5;
    top: 75px;
    right: -480px;
    bottom: 0;
    left: initial;
    display: block;
    width: 100%;
    max-width: 480px;
    padding: 0;
    background-color: var(--color-white);
    box-shadow: none;
    border-radius: 0;
    transition-property: all;
    transition-duration: 0.3s;
  }
}
@media (max-width: 760px) {
  .sub-menu {
    top: 81px;
    height: calc(100vh - 81px - 77px);
    overflow-y: auto;
  }
}
@media (max-width: 1200px) {
  .sub-menu.is-open {
    right: 0;
  }
}
.sub-menu::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 23px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 17.5px 16px 17.5px;
  border-color: transparent transparent #ffffff transparent;
}
@media (max-width: 1200px) {
  .sub-menu::before {
    display: none;
  }
}
@media (min-width: 1201px) {
  .main-menu__item--parent:hover .sub-menu {
    display: block;
  }
}

.sub-menu > li {
  font-size: 18px;
  line-height: 139%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .sub-menu > li {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) {
  .sub-menu > li {
    font-size: 18px;
    line-height: 130%;
  }
}
.sub-menu > li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .sub-menu > li:not(:last-child) {
    margin-bottom: 0;
  }
}
.sub-menu > li > a {
  font-weight: 600;
  color: var(--text-dark);
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .sub-menu > li > a {
    display: block;
    padding: 18px var(--base-padding);
    border-bottom: 1px solid var(--dropdown-border-color);
  }
}
.sub-menu li.current-menu-item > a,
.sub-menu > li > a:hover {
  color: var(--blue);
}

.grid {
  display: grid;
  grid-gap: 10px;
}
.grid--three-columns {
  grid-template-columns: 1fr 1fr 1fr;
}

.section-services__tabs {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  margin-bottom: 47px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-services__tabs {
    margin-bottom: 47rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-services__tabs {
    margin-bottom: 37.6rem;
  }
}
@media (max-width: 760px) {
  .section-services__tabs {
    margin-bottom: 20px;
  }
}

.section-services__tab {
  font-size: 46px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-services__tab {
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-services__tab {
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .section-services__tab {
    font-size: 20px;
  }
}
.section-services__tab:not(:last-child) {
  margin-right: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-services__tab:not(:last-child) {
    margin-right: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-services__tab:not(:last-child) {
    margin-right: 48rem;
  }
}
@media (max-width: 760px) {
  .section-services__tab:not(:last-child) {
    margin-right: 26px;
  }
}
.section-services__tab a {
  display: block;
  font-weight: 700;
  color: #cdd9e1;
}
.section-services__tab a::after {
  content: "";
  display: block;
  height: 4px;
  margin-top: 8px;
  border-radius: calc(var(--alt-radius) * 2);
  background-color: #ebf2f7;
}
@media (max-width: 760px) {
  .section-services__tab a::after {
    height: 3px;
    margin-top: 5px;
  }
}
.section-services__tab.is-active a {
  color: var(--deep-blue);
}
.section-services__tab.is-active a::after {
  background-color: var(--bright-blue);
}

.section-services__content {
  display: none;
}

.section-services__content.is-open {
  display: block;
}

.section-services__show-all {
  display: table;
  margin: 0 auto;
  font-size: 18px;
  line-height: 139%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-services__show-all {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-services__show-all {
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .section-services__show-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    font-size: 18px;
    color: var(--blue);
    border: 1px solid #c7dfec;
    border-radius: var(--alt-radius);
    background-color: var(--color-white);
  }
}
.section-services__show-all::after {
  background-color: rgba(30, 50, 70, 0.1);
}
@media (max-width: 760px) {
  .section-services__show-all::after {
    display: none;
  }
}

.services-decor-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -10px;
  margin-bottom: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .services-decor-list {
    margin-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .services-decor-list {
    margin-bottom: 24rem;
  }
}
@media (max-width: 760px) {
  .services-decor-list {
    margin-bottom: 2px;
  }
}

.health {
  margin-top: 82px;
  margin-bottom: 120px;
  overflow: hidden;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .health {
    margin-top: 82rem;
    margin-bottom: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .health {
    margin-top: 65.6rem;
    margin-bottom: 96rem;
  }
}
@media (max-width: 760px) {
  .health {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.health .container {
  display: flex;
  align-items: flex-end;
  margin-bottom: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .health .container {
    margin-bottom: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .health .container {
    margin-bottom: 48rem;
  }
}
@media (max-width: 760px) {
  .health .container {
    margin-bottom: 30px;
  }
}
.health .swiper {
  transform: translateX(calc((100vw - var(--max-width)) / 2));
}
@media (max-width: 760px) {
  .health .swiper {
    width: calc(100% - var(--base-padding) * 2);
    margin: 0 auto;
    transform: translateX(0);
  }
}

.health__title {
  max-width: 509px;
  margin-right: auto;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .health__title {
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .health__title {
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .health__title {
    font-size: 24px;
    font-weight: 800;
  }
}
@media (max-width: 760px) {
  .health__title ~ .navigation-control {
    display: none;
  }
}

.health__navigation {
  display: none;
}
@media (max-width: 760px) {
  .health__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
  }
}

.page__grid {
  display: flex;
}
@media (max-width: 760px) {
  .page__grid {
    display: block;
  }
}

.page__aside {
  flex-shrink: 0;
  width: 100%;
  max-width: 360px;
  margin-right: 83px;
  margin-bottom: 120px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page__aside {
    max-width: 360rem;
    margin-right: 83rem;
    margin-bottom: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__aside {
    max-width: calc(33.3333333333% - 20px);
    margin-right: 20px;
  }
}
@media (max-width: 760px) {
  .single-doctor .page__aside {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 36px;
  }
}
@media (max-width: 760px) {
  .page:not(.single-doctor) .page__aside {
    display: none;
  }
}

.page__content {
  flex-grow: 1;
  margin-bottom: 120px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page__content {
    margin-bottom: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content {
    width: 66.6666666667%;
    margin-bottom: 96rem;
  }
}
@media (max-width: 760px) {
  .page__content {
    width: 100%;
    margin-bottom: 54px;
  }
}
.ask-question .page__content {
  max-width: 875px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .ask-question .page__content {
    max-width: 875rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .ask-question .page__content {
    max-width: 700rem;
  }
}
.single .page__content {
  max-width: 1313px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .single .page__content {
    max-width: 1313rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .single .page__content {
    max-width: 1050.4rem;
  }
}
.search-results .page__content,
.prices .page__content,
.patients .page__content,
.info .page__content {
  max-width: 1317px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prices .page__content, .patients .page__content, .info .page__content {
    max-width: 1317rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prices .page__content, .patients .page__content, .info .page__content {
    max-width: 1053.6rem;
  }
}
.post-type-archive-review .page__content {
  max-width: 1170px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .post-type-archive-review .page__content {
    max-width: 1170rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .post-type-archive-review .page__content {
    max-width: 936rem;
  }
}

.page__content-grid {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -10px;
}
.post-type-archive-review .page__content-grid {
  margin-top: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .post-type-archive-review .page__content-grid {
    margin-top: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .post-type-archive-review .page__content-grid {
    margin-top: 32rem;
  }
}
.administrative-procedures .page__content-grid {
  margin-top: 40px;
  margin-bottom: 50px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .administrative-procedures .page__content-grid {
    margin-top: 40rem;
    margin-bottom: 50rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .administrative-procedures .page__content-grid {
    margin-top: 32rem;
    margin-bottom: 40rem;
  }
}
.helplines .page__content-grid {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .helplines .page__content-grid {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .helplines .page__content-grid {
    margin-bottom: 32rem;
  }
}

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

.page__title {
  margin-top: 0;
  margin-bottom: 60px;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page__title {
    margin-bottom: 60rem;
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__title {
    margin-bottom: 48rem;
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .page__title {
    margin-bottom: 40px;
    font-size: 24px;
  }
}
.single-doctor .page__grid > .page__title {
  display: none;
}
@media (max-width: 760px) {
  .single-doctor .page__grid > .page__title {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 760px) {
  .single-doctor .page__content .page__title {
    display: none;
  }
}

.page__video {
  overflow: hidden;
}
.page__video img {
  display: block;
  border-radius: var(--alt-radius);
}

.page__overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--text-dark);
  opacity: 0;
  pointer-events: none;
}
.page__overlay.is-open {
  z-index: 5;
  opacity: 0.6;
  pointer-events: initial;
}

.page__sections-wrapper {
  background-color: var(--bg-light);
}

.section {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section {
    margin-top: 60rem;
    margin-bottom: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section {
    margin-top: 48rem;
    margin-bottom: 48rem;
  }
}
@media (max-width: 760px) {
  .section {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.section-reviews {
  padding-top: 80px;
  padding-bottom: 120px;
  overflow: hidden;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-reviews {
    padding-top: 80rem;
    padding-bottom: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-reviews {
    padding-top: 64rem;
    padding-bottom: 96rem;
  }
}
@media (max-width: 760px) {
  .section-reviews {
    padding-top: 34px;
    padding-bottom: 50px;
  }
}
.section-reviews .container {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-reviews .container {
    margin-bottom: 25px;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-reviews .container {
    margin-bottom: 20rem;
  }
}
@media (max-width: 760px) {
  .section-reviews .container {
    margin-bottom: 10px;
  }
}
.section-reviews .btn-bordered {
  display: table;
  padding: 11px 40px;
  margin: 30px auto 0;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-reviews .btn-bordered {
    padding: 11rem 40rem;
    margin: 30rem auto 0;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-reviews .btn-bordered {
    padding: 8.8rem 32rem;
    margin: 24rem auto 0;
  }
}
@media (max-width: 760px) {
  .section-reviews .btn-bordered {
    width: calc(100% - var(--base-padding) * 2);
    margin: 20px auto 0;
    text-align: center;
  }
}
.section-reviews .swiper {
  transform: translateX(calc((100vw - var(--max-width)) / 2));
}
@media (max-width: 760px) {
  .section-reviews .swiper {
    transform: translateX(0);
  }
}
@media (max-width: 760px) {
  .section-reviews .swiper-wrapper {
    display: block;
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
    transform: translateX(0);
  }
}

.section-reviews__title {
  margin-right: auto;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .section-reviews__title {
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .section-reviews__title {
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .section-reviews__title {
    font-size: 24px;
    font-weight: 800;
  }
}
@media (max-width: 760px) {
  .section-reviews__title ~ .navigation-control {
    display: none;
  }
}

.rating {
  display: flex;
  align-items: center;
  color: var(--orange);
}
.rating svg {
  display: block;
  width: 24px;
  height: 24px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .rating svg {
    width: 24rem;
    height: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .rating svg {
    width: 19.2rem;
    height: 19.2rem;
  }
}
@media (max-width: 760px) {
  .rating svg {
    width: 19px;
    height: 19px;
  }
}
.rating svg:not(:last-child) {
  margin-right: 4px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .rating svg:not(:last-child) {
    margin-right: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .rating svg:not(:last-child) {
    margin-right: 3.2rem;
  }
}

.news-preview {
  padding-top: 120px;
  padding-bottom: 126px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .news-preview {
    padding-top: 120rem;
    padding-bottom: 126rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .news-preview {
    padding-top: 96rem;
    padding-bottom: 100.8rem;
  }
}
@media (max-width: 760px) {
  .news-preview {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.news-preview .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news-preview .btn-bordered {
  padding: 11px 34px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .news-preview .btn-bordered {
    padding: 11rem 34rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .news-preview .btn-bordered {
    padding: 8.8rem 27.2rem;
  }
}
@media (max-width: 760px) {
  .news-preview .btn-bordered {
    order: 1;
    width: 100%;
    text-align: center;
  }
}

.news-preview__title {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .news-preview__title {
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .news-preview__title {
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .news-preview__title {
    max-width: 276px;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
  }
}

.news-preview__list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  width: calc(100% + 10px);
  margin-left: -10px;
  margin-top: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .news-preview__list {
    margin-top: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .news-preview__list {
    margin-top: 48rem;
  }
}
@media (max-width: 760px) {
  .news-preview__list {
    display: block;
    margin-top: 30px;
  }
}

@media (max-width: 760px) {
  .page-footer {
    padding-bottom: 77px;
  }
}
.page-footer .container {
  --max-width: 1466px;
}

.page-footer__socials-wrapper {
  padding-top: 36px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--card-bg-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__socials-wrapper {
    padding-top: 36rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__socials-wrapper {
    padding-top: 28.8rem;
    padding-bottom: 32rem;
  }
}
@media (max-width: 760px) {
  .page-footer__socials-wrapper {
    padding-top: 41px;
    padding-bottom: 27px;
  }
}
.page-footer__socials-wrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 760px) {
  .page-footer__socials-wrapper .container {
    display: block;
  }
}

.page-footer__title {
  max-width: 595px;
  font-weight: 800;
  font-size: 40px;
  line-height: 120%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__title {
    max-width: 595rem;
    font-size: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__title {
    max-width: 476rem;
    font-size: 32rem;
  }
}
@media (max-width: 760px) {
  .page-footer__title {
    font-size: 20px;
  }
}

.page-footer__main .container {
  display: flex;
}
@media (max-width: 1200px) {
  .page-footer__main .container {
    flex-direction: column;
  }
}

.page-footer__contacts {
  width: 39.7%;
  padding: 45px 60px 54px 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: var(--deep-blue);
  border-right: 1px solid var(--card-bg-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__contacts {
    padding: 45rem 60rem 54rem 0;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__contacts {
    font-size: 14.4rem;
    padding-top: 36rem;
    padding-bottom: 43.2rem;
  }
}
@media (max-width: 1200px) {
  .page-footer__contacts {
    width: calc(100% + 20px);
    margin-right: calc(var(--base-padding) * -1);
    margin-left: calc(var(--base-padding) * -1);
    padding-right: var(--base-padding);
    padding-left: var(--base-padding);
    border-right: 0;
    border-bottom: 1px solid var(--card-bg-blue);
  }
}
@media (max-width: 760px) {
  .page-footer__contacts {
    width: calc(100% + var(--base-padding) * 2);
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 16px;
  }
}
.page-footer__contacts p {
  margin-top: 0;
  margin-bottom: 0;
}
.page-footer__contacts ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.page-footer__contacts li:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__contacts li:not(:last-child) {
    margin-right: 8rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__contacts li:not(:last-child) {
    margin-right: 6.4rem;
  }
}

.page-footer__sub-title {
  margin-top: 0;
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: var(--blue);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__sub-title {
    margin-bottom: 14rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__sub-title {
    margin-bottom: 11.2rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .page-footer__sub-title {
    margin-bottom: 10px;
  }
}
.page-footer__sub-title:not(:first-child) {
  margin-top: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__sub-title:not(:first-child) {
    margin-top: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__sub-title:not(:first-child) {
    margin-top: 24rem;
  }
}
@media (max-width: 760px) {
  .page-footer__sub-title:not(:first-child) {
    margin-top: 18px;
  }
}

.page-footer__navigation {
  display: flex;
  justify-content: flex-end;
  width: 58%;
  padding: 60px 0 53px 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__navigation {
    padding: 60rem 0 53rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__navigation {
    padding: 48rem 0 42.4rem 20rem;
  }
}
@media (max-width: 1200px) {
  .page-footer__navigation {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 760px) {
  .page-footer__navigation {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.page-footer__navigation-item:not(:last-child) {
  margin-right: 120px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__navigation-item:not(:last-child) {
    margin-right: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__navigation-item:not(:last-child) {
    margin-right: 96rem;
  }
}
@media (max-width: 760px) {
  .page-footer__navigation-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.page-footer__copyright {
  padding-top: 36px;
  padding-bottom: 31px;
  background-color: var(--alt-grey);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__copyright {
    padding-top: 36rem;
    padding-bottom: 31rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__copyright {
    padding-top: 28.8rem;
    padding-bottom: 24.8rem;
  }
}
@media (max-width: 760px) {
  .page-footer__copyright {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.page-footer__copyright .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .page-footer__copyright .container {
    flex-direction: column;
  }
}
.page-footer__copyright ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}
@media (max-width: 760px) {
  .page-footer__copyright ul {
    flex-wrap: wrap;
  }
}
.page-footer__copyright ul li {
  margin-right: 2px;
}
@media (max-width: 760px) {
  .page-footer__copyright ul li {
    margin-bottom: 2px;
  }
}
.page-footer__copyright img {
  display: block;
  max-height: 48px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__copyright img {
    max-height: 48rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__copyright img {
    max-height: 38.4rem;
  }
}
@media (max-width: 760px) {
  .page-footer__copyright img {
    max-height: 40px;
  }
}
.page-footer__copyright p {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 120%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__copyright p {
    margin-top: 34rem;
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__copyright p {
    margin-top: 27.2rem;
    margin-bottom: 27.2rem;
    font-size: 12rem;
  }
}
@media (max-width: 760px) {
  .page-footer__copyright p {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 15px;
  }
}

.page-footer__actions {
  display: none;
}
@media (max-width: 760px) {
  .page-footer__actions {
    position: fixed;
    bottom: 0;
    z-index: 5;
    display: flex;
    width: 100%;
    border-top: 2px solid var(--dropdown-border-color);
  }
}

.page-footer__actions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin-bottom: -1px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--blue);
  background-color: var(--color-white);
  border: none;
}
@media (max-width: 760px) {
  .page-footer__actions-button {
    height: 76px;
    font-size: 15px;
    line-height: 20px;
  }
}
.page-footer__actions-button:first-child {
  color: var(--color-white);
  background-color: var(--blue);
}

.attention {
  display: block;
  padding-top: 35px;
  padding-bottom: 35px;
  color: var(--color-white);
  background-color: var(--blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .attention {
    padding-top: 35rem;
    padding-bottom: 35rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .attention {
    padding-top: 28rem;
    padding-bottom: 28rem;
  }
}
@media (max-width: 760px) {
  .attention {
    padding-top: 43px;
    padding-bottom: 40px;
  }
}
.attention:hover {
  color: var(--color-white);
  background-color: var(--bright-blue);
}
.attention .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .attention .container {
    flex-direction: column;
    align-items: flex-start;
  }
}

.attention__label {
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .attention__label {
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .attention__label {
    font-size: 20.8rem;
  }
}
@media (max-width: 760px) {
  .attention__label {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

.attention__icon {
  width: 22px;
  height: 22px;
  fill: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .attention__icon {
    width: 22rem;
    height: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .attention__icon {
    width: 17.6rem;
    height: 17.6rem;
  }
}

.how-order__btn {
  padding: 18px 34px;
  margin-top: 20px;
  margin-bottom: 60px;
  background-color: var(--blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .how-order__btn {
    padding: 18rem 34rem;
    margin-top: 20rem;
    margin-bottom: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .how-order__btn {
    padding: 14.4rem 27.2rem;
    margin-top: 16rem;
    margin-bottom: 48rem;
  }
}
@media (max-width: 760px) {
  .how-order__btn {
    width: 100%;
    margin-bottom: 40px;
  }
}

.alt-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.alt-menu--columns {
  column-count: 2;
  column-gap: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .alt-menu--columns {
    column-gap: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .alt-menu--columns {
    column-gap: 48rem;
  }
}
.page-footer__navigation-item .alt-menu {
  margin-top: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page-footer__navigation-item .alt-menu {
    margin-top: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page-footer__navigation-item .alt-menu {
    margin-top: 24rem;
  }
}
@media (max-width: 760px) {
  .page-footer__navigation-item .alt-menu {
    margin-top: 20px;
  }
}

.alt-menu > li {
  margin-top: 16px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .alt-menu > li {
    margin-top: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .alt-menu > li {
    margin-top: 12.8rem;
  }
}
.alt-menu > li a {
  font-weight: 500;
  color: var(--secondary);
  /*white-space: nowrap;*/
}
.alt-menu > li a:hover {
  color: var(--bright-blue);
}
.alt-menu > li:first-child {
  margin-top: 0;
}

.price-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 265px;
  padding: 40px 30px;
  line-height: 120%;
  font-weight: 700;
  border: 1px solid #e3ebef;
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .price-card {
    min-height: 265rem;
    padding: 40rem 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .price-card {
    min-height: 212rem;
    padding: 32rem 24rem;
  }
}
.page__content-grid .price-card {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-grid .price-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 760px) {
  .page__content-grid .price-card {
    width: calc(100% - 10px);
    min-height: 200px;
    margin-bottom: 4px;
  }
}

.price-card__label {
  max-width: 341px;
  font-size: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .price-card__label {
    max-width: 341rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .price-card__label {
    max-width: 272.8rem;
    font-size: 16rem;
  }
}

.price-card__price {
  font-size: 26px;
  color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .price-card__price {
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .price-card__price {
    font-size: 20.8rem;
  }
}
.price-card:last-child .price-card__price {
  color: var(--blue);
}

.developer {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .developer {
    order: 1;
  }
}

.developer__label {
  max-width: 192px;
  margin-left: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .developer__label {
    max-width: 192rem;
    margin-left: 10rem;
    font-size: 14rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .developer__label {
    max-width: 153.6rem;
    margin-left: 8rem;
    font-size: 11.2rem;
  }
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: flex;
  width: calc(100% - 20px);
  max-width: 890px;
  max-height: 100vh;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  border-radius: calc(var(--small-radius) * 3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal {
    max-width: 890rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal {
    max-width: 712rem;
  }
}
.modal--aside {
  top: 0;
  right: -955px;
  bottom: 0;
  left: inherit;
  max-width: 955px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-property: all;
  transition-duration: 0.6s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal--aside {
    right: -955rem;
    max-width: 955rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal--aside {
    right: -764rem;
    max-width: 764rem;
  }
}
@media (max-width: 760px) {
  .modal--aside {
    top: 50%;
    left: 50%;
    width: calc(100% - var(--base-padding) * 2);
    max-width: 760px;
    max-height: calc(100vh - var(--base-padding) * 2);
    padding: 40px var(--base-padding);
    border-radius: calc(var(--small-radius) * 3);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.modal--aside.is-open {
  right: 0;
}
@media (max-width: 760px) {
  .modal--aside.is-open {
    right: inherit;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal__scroll-container {
  width: 100%;
  overflow-y: auto;
}

.modal__close {
  position: absolute;
  top: 25px;
  right: 25px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__close {
    top: 25rem;
    right: 25rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__close {
    top: 20rem;
    right: 20rem;
  }
}
.modal--aside .modal__close {
  top: 40px;
  left: 40px;
  right: inherit;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal--aside .modal__close {
    top: 40rem;
    left: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal--aside .modal__close {
    top: 32rem;
    left: 32rem;
  }
}
@media (max-width: 760px) {
  .modal--aside .modal__close {
    top: 20px;
    left: 20px;
  }
}

.modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__content {
    padding-top: 30rem;
    padding-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__content {
    padding-top: 24rem;
    padding-bottom: 24rem;
  }
}
@media (max-width: 760px) {
  .modal__content {
    display: block;
    padding: 0;
  }
}
.modal__content .send-review,
.modal__content .send-success {
  width: 100%;
  max-width: 520px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__content .send-review,
  .modal__content .send-success {
    max-width: 520rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__content .send-review,
  .modal__content .send-success {
    max-width: 416rem;
  }
}
.modal__content .modal-review {
  max-width: 644px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__content .modal-review {
    max-width: 644rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__content .modal-review {
    max-width: 515.2rem;
  }
}

.modal__title {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__title {
    margin-bottom: 20rem;
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__title {
    margin-bottom: 16rem;
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .modal__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.modal__sub-title {
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__sub-title {
    font-size: 13rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__sub-title {
    font-size: 10.4rem;
  }
}
.send-success .modal__sub-title {
  font-size: 18px;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .send-success .modal__sub-title {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .send-success .modal__sub-title {
    font-size: 14.4rem;
  }
}

.send-review.is-hidden,
.send-success.is-hidden {
  display: none;
}

.modal__btn-close {
  padding: 17px 51px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal__btn-close {
    padding: 17rem 51rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal__btn-close {
    padding: 13.6rem 40.8rem;
  }
}

.form--ask-question {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form--ask-question {
    margin-top: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form--ask-question {
    margin-top: 8rem;
  }
}

.form__item {
  position: relative;
}
.form__item:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__item:not(:last-child) {
    margin-bottom: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__item:not(:last-child) {
    margin-bottom: 16rem;
  }
}
@media (max-width: 760px) {
  .form__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.form--ask-question .form__item:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form--ask-question .form__item:not(:last-child) {
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form--ask-question .form__item:not(:last-child) {
    margin-bottom: 8rem;
  }
}
.form--ask-question .form__item {
  width: calc(50% - 5px);
}
@media (max-width: 760px) {
  .form--ask-question .form__item {
    width: 100%;
  }
}
.form__item--grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .form__item--grid {
    display: block;
  }
}
.form--ask-question .form__item--full {
  width: 100%;
}

.form--ask-question .form__item--result {
  width: 100%;
  text-align: center;
}

.form__rating {
  display: flex;
  align-items: center;
}

.form__rating-icon {
  margin-right: 4px;
  cursor: pointer;
}

.form__rating-icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("images/sprite.svg#icon--star");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.form__rating-point:checked + .form__rating-icon ~ .form__rating-icon::before {
  background-image: url("images/sprite.svg#icon--star-empty");
}

.form__label {
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 300px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  pointer-events: none;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__label {
    top: 30rem;
    left: 30rem;
    max-width: 300rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__label {
    top: 24rem;
    left: 24rem;
    max-width: 240rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .form__label {
    top: 20px;
    left: 28px;
  }
}
.form__label span {
  color: var(--secondary);
}
.form__field:focus ~ .form__label {
  opacity: 0;
}

.form__field {
  display: block;
  width: 100%;
  padding: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: var(--deep-blue);
  background-color: var(--bg-light);
  border-radius: var(--small-radius);
  border: 1px solid var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__field {
    padding: 30rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__field {
    padding: 24rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .form__field {
    padding: 20px 28px;
  }
}
.form__field--textarea {
  min-height: 240px;
  resize: none;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__field--textarea {
    min-height: 240rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__field--textarea {
    min-height: 192rem;
  }
}
.ask-question .form__field--textarea {
  min-height: 270px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .ask-question .form__field--textarea {
    min-height: 270rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .ask-question .form__field--textarea {
    min-height: 216rem;
  }
}
@media (max-width: 760px) {
  .ask-question .form__field--textarea {
    min-height: 240px;
  }
}
.form__field:focus {
  background-color: var(--color-white);
  border-color: var(--bright-blue);
}

.form__tip {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__tip {
    margin-top: 5rem;
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__tip {
    margin-top: 4rem;
    font-size: 12rem;
  }
}
.form--ask-question .form__tip {
  display: none;
}

.form__tos {
  margin-top: -10px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 130%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__tos {
    margin-top: -10rem;
    margin-bottom: 30rem;
    font-size: 14rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__tos {
    margin-top: -8rem;
    margin-bottom: 24rem;
    font-size: 11.2rem;
  }
}
.form--ask-question .form__tos {
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 150%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form--ask-question .form__tos {
    margin-top: 10rem;
    margin-bottom: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form--ask-question .form__tos {
    margin-top: 8rem;
    margin-bottom: 16rem;
  }
}
.form__tos a {
  color: var(--blue);
}

.form__button {
  width: 100%;
}
.form__item--grid .form__button {
  max-width: 220px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .form__item--grid .form__button {
    max-width: 220rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .form__item--grid .form__button {
    max-width: 176rem;
  }
}
@media (max-width: 760px) {
  .form__item--grid .form__button {
    max-width: 100%;
    width: 100%;
    height: 60px;
    margin-top: 20px;
  }
}

.send-success__pic {
  display: block;
  margin-bottom: 20px;
  border-radius: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .send-success__pic {
    margin-bottom: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .send-success__pic {
    margin-bottom: 16rem;
  }
}

.tabs-menu {
  position: absolute;
  left: 0;
  z-index: 5;
  width: 100%;
  display: none;
  background-color: var(--color-white);
}
.tabs-menu .container {
  display: flex;
}
@media (max-width: 1200px) {
  .tabs-menu .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1200px) {
  .tabs-menu {
    position: fixed;
    top: calc(75px + 41px);
    right: -480px;
    bottom: 0;
    left: initial;
    display: block;
    width: 100%;
    max-width: 480px;
    background-color: var(--color-white);
    transition-property: all;
    transition-duration: 0.3s;
  }
}
@media (max-width: 760px) {
  .tabs-menu {
    top: calc(81px + 73px);
    height: calc(100vh - 81px - 77px);
  }
}
@media (max-width: 1200px) {
  .tabs-menu.is-open {
    right: 0;
  }
}

.tabs-menu__navigation {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  width: 23.2%;
  padding-top: 48px;
  padding-bottom: 152px;
  border-right: 1px solid var(--dropdown-border-color);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tabs-menu__navigation {
    padding-top: 48rem;
    padding-bottom: 152rem;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__navigation {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-right: none;
  }
}

.tabs-menu__navigation-item {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tabs-menu__navigation-item {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .tabs-menu__navigation-item {
    padding: 16rem;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__navigation-item {
    font-size: 18px;
  }
}
@media (max-width: 760px) {
  .tabs-menu__navigation-item {
    padding: 0;
  }
}
.tabs-menu__navigation-item:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tabs-menu__navigation-item:not(:last-child) {
    margin-bottom: 30rem;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__navigation-item:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__navigation-item {
    border-bottom: 1px solid var(--dropdown-border-color);
  }
}
.tabs-menu__navigation-item a {
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--deep-blue);
}
@media (max-width: 1200px) {
  .tabs-menu__navigation-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: inherit;
    font-weight: 600;
  }
}
@media (max-width: 760px) {
  .tabs-menu__navigation-item a {
    padding: 18px var(--base-padding);
  }
}
.tabs-menu__navigation-item a.is-active, .tabs-menu__navigation-item a:hover {
  color: var(--bright-blue);
}
@media (max-width: 1200px) {
  .tabs-menu__navigation-item a::after {
    content: "";
    display: block;
    width: 16rem;
    height: 16rem;
    background-color: #D9E6EC;
    -webkit-mask-image: url("images/sprite.svg#icon--arrow-down");
            mask-image: url("images/sprite.svg#icon--arrow-down");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    transition-property: all;
    transition-duration: 0.3s;
    transform: rotate(-90deg);
  }
}
@media (max-width: 760px) {
  .tabs-menu__navigation-item a::after {
    width: 20px;
    height: 20px;
  }
}

.tabs-menu__content-wrapper {
  width: 76.8%;
  padding: 48px 0 100px 100px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tabs-menu__content-wrapper {
    padding: 48rem 0 100rem 100rem;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__content-wrapper {
    position: fixed;
    z-index: 5;
    top: calc(75px + 41px);
    right: -480px;
    bottom: 0;
    left: initial;
    display: block;
    width: 100%;
    max-width: 480px;
    padding: 0;
    background-color: var(--color-white);
    overflow-y: auto;
    transition-property: all;
    transition-duration: 0.3s;
  }
}
@media (max-width: 760px) {
  .tabs-menu__content-wrapper {
    top: calc(81px + 73px);
    height: calc(100vh - 81px - 77px);
  }
}
@media (max-width: 1200px) {
  .tabs-menu__content-wrapper.is-open {
    right: 0;
  }
}

.tabs-menu__content {
  display: none;
}
.tabs-menu__content.is-open {
  display: block;
}

.tabs-menu__content-grid {
  display: flex;
}
@media (max-width: 1200px) {
  .tabs-menu__content-grid {
    display: block;
  }
}

.tabs-menu__col:not(:last-child) {
  margin-right: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tabs-menu__col:not(:last-child) {
    margin-right: 60rem;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__col:not(:last-child) {
    margin-right: 0;
  }
}

.tabs-menu__col-title {
  display: block;
  margin-bottom: 26px;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tabs-menu__col-title {
    margin-bottom: 26rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) {
  .tabs-menu__col-title {
    display: none;
  }
}

.tab-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.tab-menu__item {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .tab-menu__item {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) {
  .tab-menu__item {
    font-size: 18px;
  }
}
.tab-menu__item:not(:last-child) {
  margin-bottom: 22px;
}
@media (max-width: 1200px) {
  .tab-menu__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.tab-menu__item a {
  font-weight: 500;
  color: var(--deep-blue);
}
@media (max-width: 1200px) and (min-width: 761px) {
  .tab-menu__item a {
    padding: 16rem;
  }
}
@media (max-width: 1200px) {
  .tab-menu__item a {
    display: block;
    font-weight: 600;
    border-bottom: 1px solid var(--dropdown-border-color);
  }
}
@media (max-width: 760px) {
  .tab-menu__item a {
    padding: 18px var(--base-padding);
  }
}
.tab-menu__item a:hover {
  color: var(--bright-blue);
}

.error404__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 0;
  min-height: calc(100vh - 233px);
  text-align: center;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .error404__content {
    min-height: calc(100vh - 233rem);
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .error404__content {
    min-height: calc(100vh - 233rem);
  }
}
.error404__content .btn-bordered {
  padding-right: 127px;
  padding-left: 127px;
  --btn-bordered-radius: 100px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .error404__content .btn-bordered {
    padding-right: 127rem;
    padding-left: 127rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .error404__content .btn-bordered {
    padding-right: 101.6rem;
    padding-left: 101.6rem;
  }
}
@media (max-width: 760px) {
  .error404__content .btn-bordered {
    width: 100%;
    max-width: 444px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.error404__title {
  max-width: 403px;
  font-weight: 600;
  font-size: 18px;
  line-height: 139%;
  color: var(--text-dark);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .error404__title {
    max-width: 403rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .error404__title {
    max-width: 322.4rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .error404__title {
    font-size: 16px;
  }
}

.error404__digits {
  margin-top: -13px;
  margin-bottom: 22px;
  font-weight: 600;
  font-size: 240px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .error404__digits {
    margin-top: -13rem;
    margin-bottom: 22rem;
    font-size: 240rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .error404__digits {
    margin-top: -10.4rem;
    margin-bottom: 17.6rem;
    font-size: 192rem;
  }
}
@media (max-width: 760px) {
  .error404__digits {
    font-size: 160px;
  }
}

.contacts__grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1466px;
  margin-bottom: 56px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__grid {
    max-width: 1466rem;
    margin-bottom: 56rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__grid {
    max-width: 1172.8rem;
    margin-bottom: 44.8rem;
    font-size: 14.4rem;
  }
}

.contacts__col {
  border-radius: var(--base-radius);
}
@media (max-width: 760px) {
  .contacts__col {
    margin-bottom: 4px;
    font-size: 18px;
  }
}
.contacts__col:not(:last-child) {
  width: calc(50% - 5px);
  padding: 50px 50px 40px;
  background-color: var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__col:not(:last-child) {
    padding: 50rem 50rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__col:not(:last-child) {
    padding: 40rem 40rem 32rem;
  }
}
@media (max-width: 760px) {
  .contacts__col:not(:last-child) {
    width: 100%;
    padding: 45px 20px;
  }
}
.contacts__col:last-child {
  width: 100%;
  margin-top: 14px;
  padding: 37px 50px;
  border: 2px solid #eff3f5;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__col:last-child {
    padding: 37rem 50rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__col:last-child {
    padding: 29.6rem 40rem;
  }
}
@media (max-width: 760px) {
  .contacts__col:last-child {
    margin-top: 0;
    padding: 35px 20px;
  }
}
.contacts__col ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.contacts__col li:not(.contacts__card-item):not(:last-child) {
  margin-bottom: 7px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__col li:not(.contacts__card-item):not(:last-child) {
    margin-bottom: 7rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__col li:not(.contacts__card-item):not(:last-child) {
    margin-bottom: 5.6rem;
  }
}
@media (max-width: 760px) {
  .contacts__col li:not(.contacts__card-item):not(:last-child) {
    margin-bottom: 5px;
  }
}
.contacts__col p {
  margin-top: 6px;
  margin-bottom: 0;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__col p {
    margin-top: 6rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__col p {
    margin-top: 4.8rem;
  }
}

.contacts__sub-title {
  margin-top: 0;
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 15px;
  line-height: 120%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__sub-title {
    margin-bottom: 14rem;
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__sub-title {
    margin-bottom: 11.2rem;
    font-size: 12rem;
  }
}
@media (max-width: 760px) {
  .contacts__sub-title {
    margin-bottom: 10px;
    font-size: 13px;
  }
}
.contacts__sub-title:not(:first-child) {
  margin-top: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__sub-title:not(:first-child) {
    margin-top: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__sub-title:not(:first-child) {
    margin-top: 32rem;
  }
}
@media (max-width: 760px) {
  .contacts__sub-title:not(:first-child) {
    margin-top: 30px;
  }
}

.contacts__card-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contacts__card-item {
  width: calc(50% - 30px);
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__card-item {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__card-item {
    margin-bottom: 32rem;
  }
}
@media (max-width: 1200px) {
  .contacts__card-item {
    width: 100%;
  }
}
@media (max-width: 760px) {
  .contacts__card-item {
    margin-bottom: 0;
  }
}
@media (max-width: 760px) {
  .contacts__card-item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.contacts__card-item .contacts__sub-title {
  margin-top: 0;
}

.contacts__col-max {
  max-width: 1038px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__col-max {
    max-width: 1038rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__col-max {
    max-width: 830.4rem;
  }
}

.contacts__way {
  display: inline-flex;
  align-items: center;
  padding: 10px 27px;
  margin-top: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__way {
    padding: 10rem 27rem;
    margin-top: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__way {
    padding: 8rem 21.6rem;
    margin-top: 16rem;
  }
}
@media (max-width: 760px) {
  .contacts__way {
    width: 100%;
    justify-content: center;
  }
}

.contacts__way-icon {
  max-width: 30px;
  max-height: 30px;
  margin-right: 2px;
  fill: var(--color-white);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__way-icon {
    max-width: 30rem;
    max-height: 30rem;
    margin-right: 2rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__way-icon {
    max-width: 24rem;
    max-height: 24rem;
    margin-right: 1.6rem;
  }
}

.contacts__map {
  height: 600px;
  background-image: url("images/bg--map.jpg");
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .contacts__map {
    height: 600rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .contacts__map {
    height: 480rem;
  }
}
@media (max-width: 760px) {
  .contacts__map {
    display: none;
  }
}

.aside-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.aside-dropdown__sub-title ~ .aside-menu {
  margin: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__sub-title ~ .aside-menu {
    margin: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__sub-title ~ .aside-menu {
    margin: 8rem;
  }
}

.aside-menu__item {
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-menu__item {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-menu__item {
    font-size: 12.8rem;
  }
}
.aside-menu__item a {
  display: block;
  padding: 9px 10px;
  font-weight: 600;
  color: var(--deep-blue);
  border-radius: calc(var(--alt-radius) / 2);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-menu__item a {
    padding: 9rem 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-menu__item a {
    padding: 7.2rem 8rem;
  }
}
.aside-menu__item a:hover {
  color: var(--bright-blue);
}
.aside-menu__item:not(.is-current) a:hover {
  color: var(--bright-blue);
}
.aside-menu__item.is-current a {
  color: var(--color-white);
  background-color: var(--blue);
}
.aside-dropdown__sub-title ~ .aside-menu .aside-menu__item {
  font-size: 15px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__sub-title ~ .aside-menu .aside-menu__item {
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__sub-title ~ .aside-menu .aside-menu__item {
    font-size: 12rem;
  }
}
.aside-dropdown__sub-title ~ .aside-menu .aside-menu__item a {
  font-weight: 400;
}

.aside-navigation {
  padding: 25px 9px 6px 9px;
  margin-bottom: 4px;
  border-radius: var(--alt-radius);
  border: 2px solid var(--bg-light);
  background-color: var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-navigation {
    padding: 25rem 9rem 6rem 9rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-navigation {
    padding: 20rem 7.2rem 4.8rem 7.2rem;
    margin-bottom: 3.2rem;
  }
}
.aside-navigation--light {
  background-color: var(--color-white);
}

.aside-navigation__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-navigation__title {
    margin-bottom: 20rem;
    padding-right: 10rem;
    padding-left: 10rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-navigation__title {
    margin-bottom: 16rem;
    padding-right: 8rem;
    padding-left: 8rem;
    font-size: 14.4rem;
  }
}

.aside-navigation__icon {
  width: 24px;
  height: 24px;
  fill: var(--secondary);
  background-color: var(--color-red);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-navigation__icon {
    width: 24rem;
    height: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-navigation__icon {
    width: 19.2rem;
    height: 19.2rem;
  }
}

.article {
  display: flex;
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
}
.page__content-grid .article {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .page__content-grid .article {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-grid .article {
    width: calc(50% - 10px);
    margin-bottom: 32rem;
  }
}
@media (max-width: 760px) {
  .page__content-grid .article {
    margin-bottom: 15px;
  }
}
@media (max-width: 760px) {
  .article {
    width: calc(100% - 10px);
    margin-bottom: 13px;
  }
}
.article a {
  width: 100%;
}
.article .link-underline {
  color: var(--secondary);
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 760px) {
  .article .link-underline {
    display: none;
  }
}
.article .link-underline::after {
  background-color: var(--secondary);
  opacity: 0.4;
  transition-property: all;
  transition-duration: 0.3s;
}
.article:hover .link-underline {
  color: var(--bright-blue);
}
.article:hover .link-underline::after {
  background-color: var(--bright-blue);
}

.article__thumb-wrapper {
  position: relative;
  margin-bottom: 20px;
  border-radius: var(--base-radius);
  overflow: hidden;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .article__thumb-wrapper {
    margin-bottom: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .article__thumb-wrapper {
    margin-bottom: 16rem;
  }
}
@media (max-width: 760px) {
  .article__thumb-wrapper {
    margin-bottom: 10px;
  }
}
.article__thumb-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 33.3333333333%;
  background: linear-gradient(360deg, var(--bright-blue) -59.9%, rgba(52, 125, 192, 0.68) 12.27%, rgba(52, 125, 192, 0) 97.46%);
}

.article__thumb {
  display: block;
  width: 100%;
  height: 295px;
  object-fit: cover;
  transition-property: all;
  transition-duration: 0.3s;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .article__thumb {
    height: 295rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .article__thumb {
    height: 236rem;
  }
}
@media (max-width: 760px) {
  .article__thumb {
    height: 197px;
  }
}
.article:hover .article__thumb {
  opacity: 0.8;
}

.article__info {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
}
.tax-article-category .article__info,
.press-about-us .article__info {
  display: none;
}

.article__info-item {
  padding: 5px 10px;
  margin-right: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 150%;
  color: var(--green);
  border-radius: var(--small-radius);
  background-color: var(--light-green);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .article__info-item {
    padding: 5rem 10rem;
    margin-right: 6rem;
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .article__info-item {
    padding: 4rem 8rem;
    margin-right: 4.8rem;
    font-size: 12rem;
  }
}
.article__info-item--sale {
  color: var(--red);
  background-color: var(--light-red);
}

.article__title {
  max-width: 513px;
  margin-top: 10px;
  margin-bottom: 18px;
  font-weight: 800;
  font-size: 26px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .article__title {
    max-width: 513rem;
    margin-top: 10rem;
    margin-bottom: 18rem;
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .article__title {
    max-width: 410.4rem;
    margin-top: 8rem;
    margin-bottom: 14.4rem;
    font-size: 20.8rem;
  }
}
@media (max-width: 760px) {
  .article__title {
    font-size: 18px;
  }
}

.filter {
  margin-top: 40px;
  margin-bottom: 30px;
  padding-left: 0;
  list-style: none;
  display: flex;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .filter {
    margin-top: 40rem;
    margin-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .filter {
    margin-top: 32rem;
    margin-bottom: 24rem;
  }
}
@media (max-width: 760px) {
  .filter {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media (max-width: 760px) {
  .news .filter {
    display: none;
  }
}

.filter__item {
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .filter__item {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .filter__item {
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .filter__item {
    margin-bottom: 10px;
  }
}
.filter__item:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .filter__item:not(:last-child) {
    margin-right: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .filter__item:not(:last-child) {
    margin-right: 8rem;
  }
}
.filter__item-label,
.filter__item a {
  display: block;
  padding: 10px 20px;
  font-weight: 500;
  color: var(--secondary);
  border: 1px solid var(--secondary);
  border-radius: calc(var(--alt-radius) * 3.5);
}
.filter__item-label {
  cursor: pointer;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .filter__item-label,
  .filter__item a {
    padding: 10rem 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .filter__item-label,
  .filter__item a {
    padding: 8rem 16rem;
  }
}
.filter__item-label:hover,
.filter__item a:hover {
  color: var(--bright-blue);
  border-color: var(--bright-blue);
}
.filter__item-field:checked + .filter__item-label,
.filter__item.is-current a {
  color: var(--color-white);
  border-color: var(--bright-blue);
  background-color: var(--bright-blue);
}

.reviews__order {
  padding: 13px 42px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .reviews__order {
    padding: 13rem 42rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .reviews__order {
    padding: 10.4rem 33.6rem;
  }
}
@media (max-width: 760px) {
  .reviews__order {
    width: 100%;
    text-align: center;
  }
}

.prof-card {
  border: 1px solid #eaf2f7;
  border-radius: var(--base-radius);
}
.page__content-grid .prof-card {
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) and (min-width: 761px) {
  .page__content-grid .prof-card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 760px) {
  .page__content-grid .prof-card {
    width: calc(100% - 10px);
    margin-bottom: 4px;
  }
}
.trade-union-committee .prof-card, .how-get-reception .prof-card, .helplines .prof-card {
  min-height: 265px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .trade-union-committee .prof-card, .how-get-reception .prof-card, .helplines .prof-card {
    min-height: 265rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .trade-union-committee .prof-card, .how-get-reception .prof-card, .helplines .prof-card {
    min-height: 212rem;
  }
}
@media (max-width: 760px) {
  .trade-union-committee .prof-card, .how-get-reception .prof-card, .helplines .prof-card {
    min-height: 220px;
  }
}

.prof-card__header {
  min-height: 173px;
  padding: 42px 30px 10px 30px;
  border-bottom: 1px solid #eaf2f7;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__header {
    min-height: 173rem;
    padding: 42rem 30rem 10rem 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__header {
    min-height: 138.4rem;
    padding: 33.6rem 24rem 8rem 24rem;
  }
}
@media (max-width: 760px) {
  .prof-card__header {
    min-height: 110px;
    padding: 20px 20px 14px 20px;
  }
}
.admins-processes__list .prof-card__header {
  border: none;
}
.administrative-procedures .prof-card__header, .trade-union-committee .prof-card__header, .helplines .prof-card__header {
  min-height: 1px;
  padding-bottom: 0;
  border: none;
}
.how-get-reception .prof-card__header {
  min-height: 90px;
  padding-bottom: 0;
  border: none;
}
.administration .prof-card__header {
  padding-top: 50px;
}
@media (max-width: 760px) {
  .administration .prof-card__header {
    padding-top: 20px;
  }
}

.prof-card__name {
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__name {
    margin-bottom: 6rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__name {
    margin-bottom: 4.8rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .prof-card__name {
    font-size: 16px;
  }
}
.administrative-procedures .prof-card__name, .how-get-reception .prof-card__name, .helplines .prof-card__name {
  display: none;
}
.prof-card__name strong {
  display: block;
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__name strong {
    margin-bottom: 4rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__name strong {
    margin-bottom: 3.2rem;
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .prof-card__name strong {
    font-size: 18px;
  }
}

.prof-card__prof {
  display: block;
  max-width: 335px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__prof {
    max-width: 335rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__prof {
    max-width: 268rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .prof-card__prof {
    font-size: 14px;
  }
}
.administrative-procedures .prof-card__prof, .how-get-reception .prof-card__prof, .helplines .prof-card__prof {
  font-size: 20px;
  font-weight: 700;
  color: var(--blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .administrative-procedures .prof-card__prof, .how-get-reception .prof-card__prof, .helplines .prof-card__prof {
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .administrative-procedures .prof-card__prof, .how-get-reception .prof-card__prof, .helplines .prof-card__prof {
    font-size: 16rem;
  }
}

.prof-card__body {
  padding: 30px 30px 54px 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__body {
    padding: 30rem 30rem 54rem 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__body {
    padding: 24rem 24rem 43.2rem 24rem;
  }
}
@media (max-width: 760px) {
  .prof-card__body {
    padding: 21px 20px 23px 20px;
  }
}
.trade-union-committee .prof-card__body, .how-get-reception .prof-card__body {
  padding-top: 24px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .trade-union-committee .prof-card__body, .how-get-reception .prof-card__body {
    padding-top: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .trade-union-committee .prof-card__body, .how-get-reception .prof-card__body {
    padding-top: 19.2rem;
  }
}
.administrative-procedures .prof-card__body {
  padding-bottom: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .administrative-procedures .prof-card__body {
    padding-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .administrative-procedures .prof-card__body {
    padding-bottom: 24rem;
  }
}

.prof-card__info {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.prof-card__info-item {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__info-item {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__info-item {
    font-size: 12.8rem;
  }
}
.prof-card__info-item:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__info-item:not(:last-child) {
    margin-bottom: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__info-item:not(:last-child) {
    margin-bottom: 19.2rem;
  }
}
@media (max-width: 760px) {
  .prof-card__info-item:not(:last-child) {
    margin-bottom: 14px;
  }
}

.prof-card__info-label {
  display: block;
  margin-bottom: 3px;
  font-weight: 400;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .prof-card__info-label {
    margin-bottom: 3rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .prof-card__info-label {
    margin-bottom: 2.4rem;
  }
}
.administration .prof-card__info-label {
  margin-bottom: 7px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .administration .prof-card__info-label {
    margin-bottom: 7rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .administration .prof-card__info-label {
    margin-bottom: 5.6rem;
  }
}

.qr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(33.3333333333% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
  min-height: 380px;
  padding: 40px 30px 30px 30px;
  border: 1px solid #e3ebef;
  border-radius: var(--base-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .qr {
    margin-left: 10rem;
    margin-bottom: 10rem;
    min-height: 380rem;
    padding: 40rem 30rem 30rem 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .qr {
    width: calc(50% - 10px);
    margin-left: 8rem;
    margin-bottom: 8rem;
    min-height: 304rem;
    padding: 32rem 24rem 24rem 24rem;
  }
}
@media (max-width: 760px) {
  .qr {
    width: calc(100% - 10px);
    margin-bottom: 4px;
  }
}

.qr__label {
  max-width: 308px;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .qr__label {
    max-width: 308rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .qr__label {
    max-width: 246.4rem;
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .qr__label {
    font-size: 18px;
  }
}

.qr__pic {
  display: block;
  max-width: 195px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .qr__pic {
    max-width: 195rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .qr__pic {
    max-width: 156rem;
  }
}

.vacancy {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .vacancy {
    margin-left: 10rem;
    padding-top: 30rem;
    padding-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .vacancy {
    margin-left: 8rem;
    padding-top: 24rem;
    padding-bottom: 24rem;
  }
}
@media (max-width: 760px) {
  .vacancy {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.vacancy__icon {
  max-width: 25px;
  max-height: 25px;
  margin-right: 10px;
  fill: var(--card-bg-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .vacancy__icon {
    max-width: 25rem;
    max-height: 25rem;
    margin-right: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .vacancy__icon {
    max-width: 20rem;
    max-height: 20rem;
    margin-right: 8rem;
  }
}

.vacancy__label {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .vacancy__label {
    font-size: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .vacancy__label {
    font-size: 17.6rem;
  }
}
@media (max-width: 760px) {
  .vacancy__label {
    font-size: 18px;
  }
}

.content {
  font-size: 18px;
  line-height: 140%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content {
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .content {
    font-size: 16px;
  }
}
.content p {
  max-width: 1153px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content p {
    max-width: 1153rem;
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content p {
    max-width: 922.4rem;
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}
.content h2 {
  max-width: 990px;
  margin-bottom: 35px;
  margin-top: 45px;
  font-weight: 700;
  font-size: 32px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content h2 {
    max-width: 990rem;
    margin-bottom: 35rem;
    margin-top: 45rem;
    font-size: 32rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content h2 {
    max-width: 792rem;
    margin-bottom: 28rem;
    margin-top: 36rem;
    font-size: 25.6rem;
  }
}
@media (max-width: 760px) {
  .content h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 22px;
  }
}
.content h3 {
  max-width: 990px;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content h3 {
    max-width: 990rem;
    margin-top: 40rem;
    margin-bottom: 20rem;
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content h3 {
    max-width: 792rem;
    margin-top: 32rem;
    margin-bottom: 16rem;
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .content h3 {
    margin-top: 17px;
    margin-bottom: 8px;
    font-size: 18px;
  }
}
.content h2 + h3 {
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content h2 + h3 {
    margin-top: 30rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content h2 + h3 {
    margin-top: 24rem;
    margin-bottom: 8rem;
  }
}
@media (max-width: 760px) {
  .content h2 + h3 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
}
.content ul {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
  max-width: 900px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ul {
    margin-bottom: 20rem;
    max-width: 900rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ul {
    margin-bottom: 16rem;
    max-width: 720rem;
  }
}
.content ul li {
  position: relative;
  padding-left: 22px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: inherit;
  line-height: inherit;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ul li {
    padding-left: 22rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ul li {
    padding-left: 17.6rem;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
@media (max-width: 760px) {
  .content ul li {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translateY(-50%);
  border: 2px solid var(--bright-blue);
  border-radius: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ul li::before {
    width: 9rem;
    height: 9rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ul li::before {
    width: 7.2rem;
    height: 7.2rem;
  }
}
.content ul.p-10 li {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ul.p-10 li {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ul.p-10 li {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.content ul.p-15 li {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ul.p-15 li {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ul.p-15 li {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.content ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  max-width: 900px;
  counter-reset: custom;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ol {
    max-width: 900rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ol {
    max-width: 720rem;
  }
}
.content ol li {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: inherit;
  line-height: inherit;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ol li {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ol li {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.content ol strong {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content ol strong {
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content ol strong {
    margin-bottom: 8rem;
  }
}
.content ol strong::before {
  counter-increment: custom;
  content: counter(custom) ". ";
}
.content img.full {
  border-radius: var(--base-radius);
}
.content img:not(.gallery-item__pic) {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content img:not(.gallery-item__pic) {
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content img:not(.gallery-item__pic) {
    margin-bottom: 8rem;
  }
}
.content .mb-40 {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content .mb-40 {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content .mb-40 {
    margin-bottom: 32rem;
  }
}
.content .mt-40 {
  margin-top: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content .mt-40 {
    margin-top: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content .mt-40 {
    margin-top: 32rem;
  }
}

.content__gallery {
  margin-top: 40px;
  margin-bottom: 35px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .content__gallery {
    margin-top: 40rem;
    margin-bottom: 35rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .content__gallery {
    margin-top: 32rem;
    margin-bottom: 28rem;
  }
}

.history__content {
  max-width: 1170px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__content {
    max-width: 1170rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__content {
    max-width: 936rem;
  }
}
.history__content .swiper {
  overflow: hidden;
}
@media (max-width: 760px) {
  .history__content .swiper {
    margin-left: calc(var(--base-padding) * -1);
    margin-right: calc(var(--base-padding) * -1);
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
  }
}

.history__content-title {
  margin-top: 60px;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__content-title {
    margin-top: 60rem;
    margin-bottom: 40rem;
    font-size: 32rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__content-title {
    margin-top: 48rem;
    margin-bottom: 32rem;
    font-size: 25.6rem;
  }
}
@media (max-width: 760px) {
  .history__content-title {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 22px;
  }
}

.history__cards {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -10px;
}
@media (max-width: 760px) {
  .history__cards {
    display: block;
  }
}

.history__cards-grid {
  margin-bottom: 30px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__cards-grid {
    margin-bottom: 30rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__cards-grid {
    margin-bottom: 24rem;
  }
}
@media (max-width: 760px) {
  .history__cards-grid {
    margin-bottom: 40px;
  }
}

.history__slider {
  margin-bottom: 103px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__slider {
    margin-bottom: 103rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__slider {
    margin-bottom: 82.4rem;
  }
}
@media (max-width: 760px) {
  .history__slider {
    margin-bottom: 60px;
  }
}
.history__slider img {
  display: block;
  border-radius: var(--base-radius);
}

.history__line {
  padding-top: 1px;
  padding-left: 20px;
  border-left: 2px solid #eaf2f7;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__line {
    padding-left: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__line {
    padding-left: 16rem;
  }
}
@media (max-width: 760px) {
  .history__line {
    line-height: 120%;
  }
}
.history__line p {
  max-width: 900px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__line p {
    max-width: 900rem;
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__line p {
    max-width: 720rem;
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}
.history__line h2 {
  position: relative;
  margin-top: 35px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__line h2 {
    margin-top: 35rem;
    margin-bottom: 20rem;
    font-size: 32rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__line h2 {
    margin-top: 28rem;
    margin-bottom: 16rem;
    font-size: 25.6rem;
  }
}
@media (max-width: 760px) {
  .history__line h2 {
    font-size: 22px;
  }
}
.history__line h2:first-child {
  margin-top: -17px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__line h2:first-child {
    margin-top: -17rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__line h2:first-child {
    margin-top: -13.6rem;
  }
}
.history__line h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  width: 9px;
  height: 9px;
  background-color: var(--bright-blue);
  transform: translateY(-50%);
  border-radius: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .history__line h2::before {
    left: -25rem;
    width: 9rem;
    height: 9rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .history__line h2::before {
    left: -20rem;
    width: 7.2rem;
    height: 7.2rem;
  }
}

.history__navigation {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.rce__card {
  margin-bottom: 50px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .rce__card {
    margin-bottom: 50rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .rce__card {
    margin-bottom: 40rem;
  }
}
.rce__card .arrows-card--info {
  width: calc(100% - 10px);
}

.template > :not(:last-child) {
  margin-bottom: 60px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template > :not(:last-child) {
    margin-bottom: 60rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template > :not(:last-child) {
    margin-bottom: 48rem;
  }
}
@media (max-width: 760px) {
  .template > :not(:last-child) {
    margin-bottom: 40px;
  }
}
.single-doctor .template > :not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .single-doctor .template > :not(:last-child) {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .single-doctor .template > :not(:last-child) {
    margin-bottom: 32rem;
  }
}
@media (max-width: 760px) {
  .single-doctor .template > :not(:last-child) {
    margin-bottom: 20px;
  }
}

.template__hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 400px;
  background-color: var(--bg-light);
  border-radius: var(--base-radius);
  overflow: hidden;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero {
    min-height: 400rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero {
    min-height: 320rem;
  }
}
@media (max-width: 760px) {
  .template__hero {
    display: block;
    min-height: 1px;
    background-color: var(--color-white);
    border-radius: 0;
  }
}

.template__hero-thumb {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 50%;
  object-fit: cover;
  object-position: left;
}
@media (max-width: 760px) {
  .template__hero-thumb {
    display: none;
  }
}

.template__hero-content {
  position: relative;
  max-width: 580px;
  margin-left: 71px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero-content {
    max-width: 580rem;
    margin-left: 71rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero-content {
    max-width: 464rem;
    margin-left: 56.8rem;
  }
}
@media (max-width: 760px) {
  .template__hero-content {
    margin-left: 0;
  }
}

.template__hero-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 46px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero-title {
    font-size: 46rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero-title {
    font-size: 36.8rem;
  }
}
@media (max-width: 760px) {
  .template__hero-title {
    font-size: 24px;
  }
}

.template__hero-labels {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero-labels {
    margin-top: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero-labels {
    margin-top: 16rem;
  }
}
@media (max-width: 760px) {
  .template__hero-labels {
    margin-top: 10px;
  }
}

.template__hero-label {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: var(--deep-blue);
  background-color: var(--color-white);
  border-radius: 8px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero-label {
    min-height: 44rem;
    padding: 10rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero-label {
    min-height: 35.2rem;
    padding: 8rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .template__hero-label {
    background-color: var(--bg-light);
  }
}
.template__hero-label--child {
  color: #d94fb2;
}
.template__hero-label:not(:last-child) {
  margin-right: 6px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero-label:not(:last-child) {
    margin-right: 6rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero-label:not(:last-child) {
    margin-right: 4.8rem;
  }
}

.template__hero-icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__hero-icon {
    width: 24rem;
    height: 24rem;
    margin-right: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__hero-icon {
    width: 19.2rem;
    height: 19.2rem;
    margin-right: 3.2rem;
  }
}
.template__hero-label--child .template__hero-icon {
  fill: #d94fb2;
}

.template__section-title {
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__section-title {
    margin-bottom: 40rem;
    font-size: 32rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__section-title {
    margin-bottom: 32rem;
    font-size: 25.6rem;
  }
}
@media (max-width: 760px) {
  .template__section-title {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.single-doctor .template__section-title {
  margin-bottom: 25px;
  font-size: 26px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .single-doctor .template__section-title {
    margin-bottom: 25rem;
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .single-doctor .template__section-title {
    margin-bottom: 20rem;
    font-size: 20.8rem;
  }
}
@media (max-width: 760px) {
  .single-doctor .template__section-title {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

.template__detail-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-radius: 14px;
  border: 1px solid var(--dropdown-border-color);
}

.template__detail-item {
  padding: 29px 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__detail-item {
    padding: 29rem 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__detail-item {
    padding: 23.2rem 32rem;
  }
}
@media (max-width: 760px) {
  .template__detail-item {
    padding: 20px 10px 16px;
  }
}
.template__detail-item:not(:last-child) {
  border-bottom: 1px solid var(--dropdown-border-color);
}

.template__detail-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__detail-title {
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__detail-title {
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .template__detail-title {
    font-size: 16px;
  }
}

.template__detail-description {
  max-width: 1090px;
  margin-top: 4px;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .template__detail-description {
    max-width: 1090rem;
    margin-top: 4rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .template__detail-description {
    max-width: 872rem;
    margin-top: 3.2rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .template__detail-description {
    font-size: 15px;
  }
}

.table-list {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  border-collapse: collapse;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .table-list {
    font-size: 1em;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .table-list {
    font-size: 1em;
  }
}
@media (max-width: 760px) {
  .table-list {
    font-size: 15px;
  }
}
.table-list td:not(.table-list__title-wrapper) {
  padding-top: 20px;
  padding-bottom: 22px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .table-list td:not(.table-list__title-wrapper) {
    padding-top: 20rem;
    padding-bottom: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .table-list td:not(.table-list__title-wrapper) {
    padding-top: 16rem;
    padding-bottom: 17.6rem;
  }
}
@media (max-width: 1200px) {
  .table-list td:not(.table-list__title-wrapper) {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.table-list td:nth-child(2) {
  color: var(--bright-blue);
}
.table-list td:nth-child(3) {
  color: var(--secondary);
}
.table-list th {
  padding-top: 12px;
  padding-bottom: 10px;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  border-bottom: 1px solid var(--dropdown-border-color);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .table-list th {
    padding-top: 12rem;
    padding-bottom: 10rem;
    font-size: 0.83em;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .table-list th {
    padding-top: 9.6rem;
    padding-bottom: 8rem;
    font-size: 0.83em;
  }
}
@media (max-width: 1200px) {
  .table-list th {
    padding-top: 14px;
    padding-bottom: 14px;
    white-space: nowrap;
  }
}
.table-list tr:not(:last-child) td:not(.table-list__title-wrapper) {
  border-bottom: 1px solid var(--dropdown-border-color);
}
.table-list th,
.table-list td {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .table-list th,
  .table-list td {
    padding-left: 40rem;
    padding-right: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .table-list th,
  .table-list td {
    padding-left: 32rem;
    padding-right: 32rem;
  }
}
@media (max-width: 1200px) {
  .table-list th,
  .table-list td {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.table-list__title {
  padding-top: 23px;
  padding-bottom: 23px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: var(--blue);
  border-bottom: 2px solid var(--blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .table-list__title {
    padding-top: 23rem;
    padding-bottom: 23rem;
    font-size: 1em;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .table-list__title {
    padding-top: 18.4rem;
    padding-bottom: 18.4rem;
    font-size: 1em;
  }
}
@media (max-width: 760px) {
  .table-list__title {
    font-size: 1em;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

.aside-dropdown {
  margin-bottom: 4px;
  border-radius: var(--alt-radius);
  border: 2px solid var(--bg-light);
  background-color: var(--bg-light);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown {
    margin-bottom: 3.2rem;
  }
}
.aside-dropdown.is-open {
  background-color: var(--color-white);
}

.aside-dropdown__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: var(--deep-blue);
  border-radius: var(--alt-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__title {
    padding: 20rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__title {
    padding: 16rem;
    font-size: 14.4rem;
  }
}
.aside-dropdown__title--accent {
  border: 2px solid var(--bright-blue);
  background-color: var(--color-white);
}
.aside-dropdown__title--accent::after {
  content: "";
  display: block;
  width: 29px;
  height: 22px;
  margin-right: auto;
  margin-left: 10px;
  background-image: url("images/sprite.svg#icon--certificates");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__title--accent::after {
    width: 29rem;
    height: 22rem;
    margin-left: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__title--accent::after {
    width: 23.2rem;
    height: 17.6rem;
    margin-left: 8rem;
  }
}

.aside-dropdown__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: var(--secondary);
  transform: rotate(-90deg);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__icon {
    width: 20rem;
    height: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__icon {
    width: 16rem;
    height: 16rem;
  }
}
.aside-dropdown.is-open .aside-dropdown__icon {
  fill: var(--bright-blue);
  transform: rotate(0);
}

.aside-dropdown__content {
  display: none;
  padding: 10px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__content {
    padding: 10rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__content {
    padding: 8rem;
  }
}
.aside-dropdown.is-open .aside-dropdown__content {
  display: block;
}

.aside-dropdown__sub-title {
  display: block;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 130%;
  font-weight: 600;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .aside-dropdown__sub-title {
    padding-right: 10rem;
    padding-left: 10rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .aside-dropdown__sub-title {
    padding-right: 8rem;
    padding-left: 8rem;
    font-size: 12.8rem;
  }
}

.gallery-item {
  position: relative;
  overflow: hidden;
}
.gallery-item::before, .gallery-item::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition-property: all;
  transition-duration: 0.3s;
}
.gallery-item::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 59, 71, 0.6);
  border-radius: var(--base-radius);
}
.gallery-item::after {
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("images/sprite.svg#icon--arrows");
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%);
}
.gallery-item:hover::before, .gallery-item:hover::after {
  opacity: 1;
}
.page__content-grid .gallery-item {
  width: calc(33.3333333333% - 10px);
  margin-bottom: 10px;
  margin-left: 10px;
}
@media (max-width: 760px) {
  .page__content-grid .gallery-item {
    width: calc(100% - 10px);
    margin-bottom: 4px;
  }
}

.gallery-item__pic {
  display: block;
  border-radius: var(--base-radius);
}

.show-more {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .show-more {
    margin-top: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .show-more {
    margin-top: 16rem;
  }
}
@media (max-width: 760px) {
  .show-more {
    margin-top: 27px;
  }
}

.show-more__link {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 120%;
  color: var(--secondary);
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .show-more__link {
    font-size: 13rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .show-more__link {
    font-size: 10.4rem;
  }
}

.show-more__icon {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  fill: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .show-more__icon {
    width: 14rem;
    height: 14rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .show-more__icon {
    width: 11.2rem;
    height: 11.2rem;
  }
}

.doctor__avatar {
  display: block;
  margin-bottom: 4px;
  border-radius: var(--alt-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__avatar {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__avatar {
    margin-bottom: 3.2rem;
  }
}

.doctor__spec {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  min-height: 216px;
  text-align: center;
  border-radius: var(--alt-radius);
  background-color: var(--alt-grey);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__spec {
    min-height: 216rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__spec {
    min-height: 172.8rem;
  }
}
@media (max-width: 760px) {
  .doctor__spec {
    min-height: 180px;
  }
}

.doctor__spec-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  width: 32px;
  height: 32px;
  fill: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__spec-icon {
    top: 20rem;
    left: 20rem;
    width: 32rem;
    height: 32rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__spec-icon {
    top: 16rem;
    left: 16rem;
    width: 25.6rem;
    height: 25.6rem;
  }
}

.doctor__spec-date {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 44px;
  line-height: 120%;
  color: var(--bright-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__spec-date {
    margin-bottom: 10rem;
    font-size: 44rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__spec-date {
    margin-bottom: 8rem;
    font-size: 35.2rem;
  }
}
@media (max-width: 760px) {
  .doctor__spec-date {
    margin-bottom: 0;
  }
}
.doctor__spec-date span {
  font-size: 22px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__spec-date span {
    font-size: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__spec-date span {
    font-size: 17.6rem;
  }
}

.doctor__spec-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__spec-label {
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__spec-label {
    font-size: 12.8rem;
  }
}

.doctor__info {
  margin-bottom: 60px;
  margin-top: -20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__info {
    margin-bottom: 60rem;
    margin-top: -20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__info {
    margin-bottom: 48rem;
    margin-top: -16rem;
  }
}
@media (max-width: 760px) {
  .doctor__info {
    margin-bottom: 40px;
  }
}
.doctor__info dt {
  padding-top: 30px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__info dt {
    padding-top: 30rem;
    margin-bottom: 10rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__info dt {
    padding-top: 24rem;
    margin-bottom: 8rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .doctor__info dt {
    padding-top: 20px;
    font-size: 16px;
  }
}
.doctor__info dd {
  padding-bottom: 30px;
  margin-left: 0;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  color: var(--deep-blue);
  border-bottom: 1px solid #eff3f5;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctor__info dd {
    padding-bottom: 30rem;
    font-size: 26rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctor__info dd {
    padding-bottom: 24rem;
    font-size: 20.8rem;
  }
}
@media (max-width: 760px) {
  .doctor__info dd {
    padding-bottom: 20px;
    font-size: 22px;
  }
}

.doctors__search-label {
  display: block;
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: var(--secondary);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__search-label {
    margin-bottom: 18rem;
    font-size: 16rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__search-label {
    margin-bottom: 14.4rem;
    font-size: 12.8rem;
  }
}
@media (max-width: 760px) {
  .doctors__search-label {
    margin-bottom: 10px;
  }
}

.doctors__alphabet-wrapper {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__alphabet-wrapper {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__alphabet-wrapper {
    margin-bottom: 32rem;
  }
}

.doctors__alphabet {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  padding: 25px 20px;
  background-color: #eaf2f6;
  border-radius: var(--small-radius);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__alphabet {
    padding: 25rem 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__alphabet {
    padding: 20rem 16rem;
  }
}
@media (max-width: 760px) {
  .doctors__alphabet {
    padding: 0;
    border-radius: 0;
    background-color: var(--color-white);
    overflow-y: auto;
  }
}

.doctors__alphabet-item {
  margin-right: 2px;
  margin-left: 2px;
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__alphabet-item {
    font-size: 20rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__alphabet-item {
    font-size: 16rem;
  }
}
@media (max-width: 760px) {
  .doctors__alphabet-item {
    margin-left: 0;
  }
}
@media (max-width: 760px) {
  .doctors__alphabet-item:not(:last-child) {
    margin-right: 40px;
  }
}
.doctors__alphabet-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: var(--secondary);
  font-weight: 600;
  border-radius: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__alphabet-item a {
    width: 50rem;
    height: 50rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__alphabet-item a {
    width: 40rem;
    height: 40rem;
  }
}
@media (max-width: 760px) {
  .doctors__alphabet-item a {
    width: auto;
    height: 30px;
  }
}
.doctors__alphabet-item a:hover {
  color: var(--color-white);
  background-color: var(--bright-blue);
}

.doctors__specs-wrapper {
  margin-bottom: 40px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__specs-wrapper {
    margin-bottom: 40rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__specs-wrapper {
    margin-bottom: 32rem;
  }
}
.doctors__specs-wrapper select {
  display: block;
  width: 100%;
  max-width: 875px;
  padding: 14px 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  border: 1px solid #8599a9;
  border-radius: var(--small-radius);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.54036 7.27075L9.54037 14.2916C9.6237 14.3749 9.71397 14.4338 9.8112 14.4683C9.90842 14.5033 10.0126 14.5208 10.1237 14.5208C10.2348 14.5208 10.339 14.5033 10.4362 14.4683C10.5334 14.4338 10.6237 14.3749 10.707 14.2916L17.7279 7.27075C17.9223 7.07631 18.0195 6.83325 18.0195 6.54159C18.0195 6.24992 17.9154 5.99992 17.707 5.79159C17.4987 5.58325 17.2556 5.47909 16.9779 5.47909C16.7001 5.47909 16.457 5.58325 16.2487 5.79159L10.1237 11.9166L3.9987 5.79159C3.80425 5.59714 3.56481 5.49992 3.28036 5.49992C2.99536 5.49992 2.7487 5.60409 2.54036 5.81242C2.33203 6.02075 2.22786 6.26381 2.22786 6.54159C2.22786 6.81936 2.33203 7.06242 2.54036 7.27075Z' fill='%238599A9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) 50%;
  background-size: 20px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__specs-wrapper select {
    max-width: 875rem;
    padding: 38rem 40rem;
    font-size: 18rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__specs-wrapper select {
    max-width: 700rem;
    padding: 30.4rem 32rem;
    font-size: 14.4rem;
  }
}
@media (max-width: 760px) {
  .doctors__specs-wrapper select {
    padding: 19px;
    font-size: 16px;
    background-position: calc(100% - 19px) 50%;
  }
}

.doctors__group-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  color: var(--bright-blue);
  background-color: var(--alt-grey);
  border-radius: 100%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .doctors__group-title {
    width: 60rem;
    height: 60rem;
    margin-bottom: 20rem;
    margin-top: 30rem;
    font-size: 24rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .doctors__group-title {
    width: 48rem;
    height: 48rem;
    margin-bottom: 16rem;
    margin-top: 24rem;
    font-size: 19.2rem;
  }
}

.doctors__group-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -10px;
}

.modal-review__content {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 150%;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .modal-review__content {
    margin-top: 40rem;
    margin-bottom: 40rem;
    font-size: 22rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .modal-review__content {
    margin-top: 32rem;
    margin-bottom: 32rem;
    font-size: 17.6rem;
  }
}
@media (max-width: 760px) {
  .modal-review__content {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 140%;
  }
}

.breadcrumbs {
  margin-top: 7px;
  margin-bottom: 55px;
  padding-left: 0;
  list-style: none;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .breadcrumbs {
    margin-top: 7rem;
    margin-bottom: 55rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .breadcrumbs {
    margin-top: 5.6rem;
    margin-bottom: 44rem;
  }
}
@media (max-width: 760px) {
  .breadcrumbs {
    margin-top: 17px;
    margin-bottom: 4px;
  }
}
.error404 .breadcrumbs {
  margin-bottom: 0;
}

.breadcrumbs__item {
  display: inline-block;
  font-size: 15px;
  line-height: 120%;
  color: var(--deep-blue);
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .breadcrumbs__item {
    font-size: 15rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .breadcrumbs__item {
    font-size: 12rem;
  }
}
@media (max-width: 760px) {
  .breadcrumbs__item {
    margin-bottom: 16px;
  }
}
.breadcrumbs__item a {
  color: var(--secondary);
}
.breadcrumbs__item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  margin-right: 4px;
  background-color: var(--secondary);
  -webkit-mask-image: url("https://api.iconify.design/material-symbols/arrow-back-ios-new-rounded.svg?rotate=180deg");
          mask-image: url("https://api.iconify.design/material-symbols/arrow-back-ios-new-rounded.svg?rotate=180deg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  vertical-align: middle;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .breadcrumbs__item:not(:last-child)::after {
    width: 12rem;
    height: 12rem;
    margin-left: 8rem;
    margin-right: 4rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .breadcrumbs__item:not(:last-child)::after {
    width: 9.6rem;
    height: 9.6rem;
    margin-left: 6.4rem;
    margin-right: 3.2rem;
  }
}

.nav-toggle {
  display: none;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border: 1px solid var(--bright-blue);
  border-radius: 100%;
  background-color: var(--color-white);
}
.nav-toggle.is-active {
  background-color: var(--bright-blue);
}
@media (max-width: 1200px) {
  .nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.nav-toggle__icon {
  position: relative;
  width: 20px;
  height: 1px;
  background-color: var(--bright-blue);
}
.nav-toggle__icon::before, .nav-toggle__icon::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  background-color: var(--bright-blue);
  transition-property: all;
  transition-duration: 0.3s;
}
.nav-toggle__icon::before {
  width: 20px;
  top: -6px;
}
.nav-toggle__icon::after {
  width: 10px;
  bottom: -6px;
}
.is-active .nav-toggle__icon::before {
  width: 20px;
  top: 0;
  transform: rotate(-45deg);
  background-color: var(--color-white);
}
.is-active .nav-toggle__icon::after {
  width: 20px;
  bottom: 0;
  transform: rotate(45deg);
  background-color: var(--color-white);
}

.hero {
  padding-top: 40px;
  margin-bottom: 120px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .hero {
    padding-top: 40rem;
    margin-bottom: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .hero {
    padding-top: 32rem;
    margin-bottom: 96rem;
  }
}
@media (max-width: 760px) {
  .hero {
    padding-top: 25px;
    margin-bottom: 50px;
    overflow: hidden;
  }
}
.hero .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .hero .container {
    flex-direction: column;
  }
}

.hero__item {
  width: calc(50% - 5px);
}
@media (max-width: 1200px) {
  .hero__item {
    width: 100%;
  }
}

@media (min-width: 481px) {
  .hero__banners {
    display: flex;
  }
}
@media (min-width: 761px) {
  .hero__banners .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
  }
}

.hero__navigation {
  display: none;
}
@media (max-width: 760px) {
  .hero__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }
}
@media (max-width: 1700px) and (min-width: 1201px) {
  html body .bvi-panel {
    padding: 8rem !important;
  }
  html body .bvi-panel .bvi-block {
    padding: 11rem 15rem !important;
  }
  html body .bvi-panel .bvi-block .bvi-block-title {
    font-size: 16rem !important;
    margin-bottom: 12rem !important;
  }
  html body .bvi-panel a.bvi-link {
    font-size: 14rem !important;
    padding: 6rem 12rem !important;
  }
}

/*# sourceMappingURL=style.css.map */


.san-table {
        width: 100%;
        border-collapse: collapse;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 14px;
        line-height: 1.5;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        border: 1px solid #ddd;
        transition: all 0.3s ease;
    }
    .san-table th {
        background-color: #2980b9;
        color: white;
        padding: 18px 10px;
        text-align: center;
        border: 1px solid #2471a3;
    }
    .program-name {
        display: block;
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 5px;
        color: #fff;
    }
    .san-table td {
        padding: 12px;
        border: 1px solid #ddd;
        vertical-align: middle;
        transition: background 0.3s ease;
    }
    /* Анимация строк */
    .san-table tbody tr {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .san-table tbody tr:hover {
        background-color: #f4faff;
        transform: scale(1.002);
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        z-index: 10;
    }
    .price-rb {
        background-color: #13b6e9 !important;
        color: white !important;
        font-size: 1.15em;
        text-align: center;
        font-weight: bold;
        transition: all 0.3s ease;
    }
    .price-rb:hover {
        background-color: #0f9ec9 !important;
        letter-spacing: 0.5px;
    }
    .price-foreign {
        background-color: #f0f8ff !important;
        color: #2980b9;
        font-size: 1.15em;
        text-align: center;
        font-weight: bold;
    }
    .highlight-total {
        background-color: #ebf5fb !important;
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;
        color: #2980b9;
        border: 2px solid #2980b9 !important;
    }
    .criteria-col {
        background-color: #f8f9fa;
        width: 20%;
        font-weight: bold;
    }



/* Отступ между блоком .features и зелёным баннером .attention */
.features {
  padding-bottom: 120px;
}
@media (max-width: 1700px) and (min-width: 1201px) {
  .features {
    padding-bottom: 120rem;
  }
}
@media (max-width: 1200px) and (min-width: 761px) {
  .features {
    padding-bottom: 96rem;
  }
}
@media (max-width: 760px) {
  .features {
    padding-bottom: 50px;
  }
}