:root {
     --white: #ffffff;
     --white-10: rgba(255, 255, 255, .1);
     /* --gold: #ddb272; */
     --gold: #D4AF37;
     --gold-light: #f0d8b6;
     --gold-dark: #d6a356;
     /* --blue: #115699; */
     --blue: #474A51;
     --blue-light: #edf2f5;
     --blue-medium: #256aad;
     --blue-dark: #004282;
     --b-padding: 40px;
     --white-filter: invert(1) sepia(0) saturate(0) hue-rotate(0) brightness(3) contrast(1);
     --gold-filter: invert(77%) sepia(37%) saturate(444%) hue-rotate(354deg) brightness(89%) contrast(93%);
     --blue-filter: invert(20%) sepia(94%) saturate(1452%) hue-rotate(192deg) brightness(100%) contrast(89%);
 }

 *,
 ::after,
 ::before {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     color: var(--blue);
     font-family: inherit;
     font-size: inherit;
     font-optical-sizing: auto;
     font-style: normal;
     font-variant-numeric: lining-nums;
     -webkit-tap-highlight-color: transparent;
     text-decoration: none;
     list-style: none;
     outline: 0;
     border: none;
     -webkit-tap-highlight-color: transparent;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 ::selection {
     background: var(--blue-dark);
     color: var(--white);
 }

 ::placeholder {
     opacity: 0.6;
     color: var(--blue);
 }

 video::-webkit-media-controls {
     display: none !important;
 }

 video::-webkit-media-controls-start-playback-button {
     display: none !important;
 }

 video::-webkit-media-controls-panel {
     display: none !important;
 }

 video::-webkit-media-controls-play-button {
     display: none !important;
 }

 video::-webkit-media-controls-timeline {
     display: none !important;
 }

 img {
     user-select: none;
 }

 img[loading='lazy'] {
     opacity: 0;
     transition: opacity 400ms ease-in-out;
 }

 img[loading='lazy'].loaded {
     opacity: 1;
 }

 html {
     font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
     font-size: 18px;
     background: var(--white);
 }

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

 .h1,
 h1 {
     font-family: 'Professional', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
     font-size: 80px;
     font-weight: 500;
     line-height: 120%;
     text-transform: uppercase;
 }

 .h2,
 h2 {
     font-size: 40px;
     line-height: 120%;
     font-weight: 500;
 }

 h3 {
     font-size: 24px;
     line-height: 120%;
     font-weight: 500;
 }

 h4 {
     font-size: 14px;
     font-weight: 500;
 }

 p {
     line-height: 130%;
 }

 b {
     font-size: inherit;
     font-weight: 600;
 }

 .text--large {
     font-size: 40px;
     line-height: 120%;
     font-weight: 400;
 }

 .text--medium {
     font-size: 24px;
     line-height: 130%;
 }

 .text--secondary {
     opacity: 60%;
 }

 .text--golden {
     color: var(--gold);
 }

 button,
 a {
     cursor: pointer;
 }

 .button-big {
     display: inline-block;
     min-width: 283px;
     padding: 24px 40px;
     border-radius: 40px;
     color: var(--white);
     background: var(--gold);
     text-align: center;
     font-weight: 500;
     line-height: 12px;
 }

 .button--secondary {
     min-width: auto;
     min-height: 60px;
     padding: 0 24px 0 20px;
     color: var(--blue);
     background: var(--white);
     box-shadow: 0px 0px 0px 1px var(--blue) inset;
     display: inline-flex;
     align-items: center;
     font-weight: 600;
 }

 .button-icon--first {
     margin-right: 10px;
     width: 20px;
     height: 20px;
 }

 .circle-button {
     position: relative;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .menu-action {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 0;
     background: var(--blue);
     display: none;
     z-index: 19;
 }

 .burger-line {
     position: relative;
     width: 22px;
     height: 1px;
     background: var(--white);
     --burger-gap: 7px;
 }

 .burger-line::before,
 .burger-line:after {
     content: '';
     position: absolute;
     left: 0;
     height: 1px;
     width: 100%;
     background: inherit;
 }

 .burger-line::before {
     top: calc(var(--burger-gap) * -1);
 }

 .burger-line:after {
     top: var(--burger-gap);
 }

 .instagram-link .social-link-icon {
     filter: blur(1.5px);
 }

 .social-link-icon {
     width: 36px;
     height: 36px;
 }

 .link-small {
     font-weight: 500;
     align-self: start;
     display: flex;
     align-items: center;
 }

 .link-img {
     line-height: 0;
 }

 .link-icon--small {
     width: 16px;
     height: 16px;
     margin-left: 10px;
     stroke: var(--white);
     transition: margin 200ms ease;
 }

 body.locked {
     overflow: hidden;
 }

 .wrapper {
     width: 100%;
     max-width: 1800px;
     margin: 0 auto;
 }

 .bento-box {
     padding: var(--b-padding);
     border-radius: var(--b-padding);
     background-color: var(--blue-light);
 }

 .grid-container {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     grid-gap: 20px;
 }

 .closed-box .nav-column {
     grid-column: span 2;
 }

 .content-column {
     grid-column: 3/-1;
 }

 .hero .nav-column,
 .banner,
 .banner-description,
 .detail.is-open .detail-body,
 .contact-form-head,
 .contact-form,
 .quote-person,
 .cta-banner,
 .map-info,
 .hero-specialist-inner,
 .hero-specialist-top {
     display: flex;
     flex-direction: column;
 }

 .content {
     animation: fadeIn 800ms ease-in-out 0ms forwards;
 }

 @keyframes fadeIn {
     from {
         transform: translateY(120px);
         opacity: 0;
     }

     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes fadeOut {
     from {
         transform: translateY(0);
         opacity: 1;
     }

     to {
         transform: translateY(120px);
         opacity: 0;
     }
 }

 .section-hidden {
     opacity: 0;
     transform: translateY(40px);
     transition: opacity 600ms ease-in-out, transform 600ms ease-in-out !important;
 }

 .section-visible {
     opacity: 1;
     transform: translateY(0);
 }

 a,
 button,
 .detail-action,
 .doc-link {
     transition: all 200ms ease-in-out;
 }

 img {
     transition: filter 200ms ease-in-out;
 }

 svg path {
     transition: fill 200ms ease-in-out, stroke 200ms ease-in-out;
 }

 *::before,
 *:after {
     transition: all 400ms ease-in-out;
 }

 .header {
     position: sticky;
     top: 0;
     z-index: 17;
     background: var(--white);
     transition: transform 400ms ease-in-out;
 }

 .header.is-hidden {
     transform: translateY(-100%);
 }

 .header-top {
     position: relative;
     padding: 30px 0;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     align-items: center;

 }

 .header-top:after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 1px;
     background: var(--blue);
     opacity: 0.4;
 }

 .header-top * {
     line-height: 0;
 }

 .header-contact-container {
     display: flex;
     flex-direction: column;
     /* align-items: center; */
     order: 1;
     gap: 16px;
 }

 .header-top_item {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .header-location {
     font-weight: 600;
     margin-left: 20px;
 }

 .header-logo-container {
     order: 2;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .logo-small {
     /* max-width: 100px;
     max-height: 100px;
     flex-shrink: 0; */
 }

 .header-top .header-social-container {
     order: 3;
     display: flex;
     justify-content: flex-end;
 }

 .header-top .social-link {
     margin-left: 10px;
     background: var(--blue);
 }

 .header-menu {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .header-nav-main {
     padding: 20px 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .header-menu .header-social-container {
     display: none;
 }

 .header-menu .social-link {
     background: var(--white);
     margin: 0 5px;
 }

 .hero {
     padding-top: 80px;
 }

 .hero-head {
     margin-bottom: 60px;
 }

 .hero .nav-column {
     display: flex;
     flex-direction: column;
     align-items: start;
     justify-content: flex-end;
     padding-bottom: 16px;
 }

 .banner {
     grid-column: 1 / -1;
     min-height: 600px;
     align-items: start;
     justify-content: space-between;
 }

 /* .banner-title {
     max-width: 280px;
 } */

 .banner-description {
     max-width: 500px;
     padding: 40px;
     border-radius: 20px;
     background: var(--white);
 }

 .banner-title,
 .banner-description {
     z-index: 2;
 }

 .banner-description.link {
     position: relative;
     padding: 40px 40px 40px 80px;
 }

 .banner-link-big-icon {
     width: 24px;
     height: 24px;
     stroke: var(--blue);
 }

 .banner-description.link::before {
     content: '';
     position: absolute;
     top: 40px;
     left: 40px;
     bottom: 40px;
     width: 10px;
     border-radius: 10px;
     background: var(--gold);
 }

 .banner-description-head {
     display: flex;
     margin-bottom: 18px;
 }

 .banner-description-title {
     margin-right: 40px;
 }

 .banner-cover--hero {
     object-position: 90%;
     z-index: 0;
 }

 .about {
     margin-top: 120px;
     padding: 20px 0;
     background: var(--white);
 }

 .about.grid-container {
     grid-template-rows: 1fr 1fr;
 }

 .about .about-title {
     grid-column: 1 / 3;
 }

 .about .button-big {
     grid-column: 1 / 3;
     grid-row: 2;
     align-self: end;
     justify-self: start;
     margin-bottom: 10px;
 }

 .about .text--large {
     grid-column: 3 / -1;
     grid-row: 1 / -1;
     order: 3;
 }

 .details-section {
     margin-top: 120px;
     padding-top: calc(var(--b-padding) * 2);
 }

 .details-title {
     padding-bottom: calc(var(--b-padding) * 2);
 }

 .details-container {
     display: grid;
     grid-gap: 20px;
 }

 .detail {
     --d-gap: 24px;
     padding: var(--b-padding);
     background: var(--white);
     border-radius: calc(var(--b-padding) / 2);
     display: grid;
     column-gap: var(--d-gap);
     grid-template-columns: calc((1800px / 3) - ((var(--b-padding) * 2) + var(--d-gap))) 1fr;
     cursor: pointer;
 }

 .detail.is-open {
     background: var(--blue);
     cursor: default;
 }

 .detail.is-open * {
     color: var(--white);
 }

 .detail-main {
     display: grid;
     grid-template-rows: var(--b-padding) 0fr;
     grid-column: 1 / -1;
 }

 .detail.is-open .detail-main {
     grid-template-rows: var(--b-padding) 1fr;
     grid-column: 2 / -1;
 }

 .detail-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
 }

 .detail-body {
     display: none;
     padding-top: calc(var(--b-padding) - 10px);
 }

 .detail.is-open .detail-body {
     justify-content: space-between;
 }

 .detail-cover-container {
     display: none;
     padding-right: calc(var(--b-padding) / 2);
     width: 100%;
     height: auto;
 }

 .detail.is-open .detail-cover-container {
     display: block;
 }

 .detail-cover {
     width: 100%;
     height: 100%;
     border-radius: 10px;
     object-fit: cover;
 }

 .detail-description {
     font-size: 24px;
     max-width: 80%;
     min-height: 120px;
     padding-bottom: calc(var(--b-padding) - 10px);
 }

 .detail.is-open .detail-action {
     background: var(--white);
 }

 .detail.is-open .detail-action:after {
     transform: rotate(0);
     background: var(--gold);
 }

 .detail-action {
     background: var(--gold);
 }

 .detail-action::before,
 .detail-action:after {
     content: '';
     position: absolute;
     top: 29px;
     left: 22px;
     height: 2px;
     width: 16px;
     background: var(--white);
 }

 .detail-action:after {
     transform: rotate(90deg);
 }

 .slider-section {
     margin-top: 140px;
     padding-bottom: 20px;
 }

 .slider-section-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .slider-track {
     margin-top: 80px;
     border-radius: var(--b-padding);
 }

 .slider-buttons {
     margin-top: 60px;
 }

 .slider-track::-webkit-scrollbar {
     display: none;
 }

 .slider-track {
     display: inline-flex;
     width: 100%;
     overflow-x: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
     scroll-snap-type: x mandatory;
     -ms-scroll-snap-type: x mandatory;
     scroll-behavior: smooth;
 }

 .slide {
     --gap: 24px;
     position: relative;
     margin-right: var(--gap);
     display: flex;
     align-items: start;
     justify-content: center;
     overflow: hidden;
     flex: 0 0 calc(1800px / 3 - var(--gap) + 8px);
     max-height: 600px;
     border-radius: var(--b-padding);
     transition: all 200ms ease-in-out 0ms;
     scroll-snap-align: start;
     scroll-snap-stop: always;
     background: var(--blue-light);
 }

 .slider-track .slide:last-child {
     margin-right: 0;
 }

 .slide * {
     transition: inherit;
 }

 .slide-inner {
     position: absolute;
     inset: 0;
     padding: var(--b-padding);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     border-radius: var(--b-padding);
     overflow: hidden;
     z-index: 1;
 }

 .bento-title-small {
     padding: 18px 20px;
     background: var(--white);
     color: var(--blue);
     border-radius: 40px;
     align-self: start;
     z-index: 2;
 }

 .slide-gif-video,
 .slide-gif .slide-cover {
     margin-top: 20px;
     transform: scale(1.2);
 }

 .slide-gif-video {
     max-height: 120%;
     margin-top: 5%;
 }

 .slide-cover,
 .slide video {
     pointer-events: none;
 }

 .slide-gif .slide-cover,
 .video-cover {
     position: absolute;
     inset: 0;
     max-width: 100%;
     max-height: 100%;
     z-index: 1;
     object-fit: cover;
     object-position: top center;
 }

 .tap-to-play-icon {
     position: absolute;
     width: 50px;
     margin: -2px -10px;
     z-index: 3;
 }

 .tap-to-play-icon:not(.pan-play-icon) {
     display: none;
     right: var(--b-padding);
     top: var(--b-padding);
 }

 .hand,
 .tap-1 {
     stroke: var(--blue);
     stroke-width: 4px;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .hand {
     fill: rgba(255, 255, 255, 1);
     animation: tap 2s ease-in-out backwards;
     animation-iteration-count: infinite;
 }

 .tap-1 {
     fill: rgba(255, 255, 255, 0.8);
     animation: tap1 2s ease-in-out backwards;
     animation-iteration-count: infinite;
     opacity: 0.1;
 }

 @keyframes tap {
     0% {
         transform: rotateX(0deg);
     }

     20% {
         transform: rotateX(25deg);
     }

     40% {
         transform: rotateX(0deg);
     }
 }

 @keyframes tap1 {
     0% {
         opacity: 0.1;
     }

     20% {
         opacity: 1;
     }

     40% {
         opacity: 0.1;
     }
 }

 .slide-detail {
     position: relative;
     padding: calc(var(--b-padding) - 10px);
     border-radius: 20px;
     background: var(--white);
     display: grid;
     grid-template-rows: auto 0fr;
     z-index: 2;
     order: 2;
 }

 .slide-detail * {
     transition: inherit;
     transition: all 200ms ease-in-out 0ms;
     color: inherit;
 }

 .slide-detail-body {
     overflow: hidden;
 }

 .slide-detail-subtitle {
     font-size: 18px;
     padding-top: 10px;
 }

 .slide-detail-link {
     position: initial;
     float: left;
     color: var(--white);
 }

 .slider-buttons {
     display: flex;
     justify-content: center;
 }

 .slider-button {
     margin: 0 10px;
     background: var(--gold);
 }

 .slider-icon,
 .close-icon {
     width: 24px;
     height: 24px;
 }

 .slider-button.prev {
     transform: rotate(180deg);
 }

 .slider-button.disabled {
     background: var(--gold-light);
     cursor: default;
 }

 .specialists-link-mobile {
     display: none;
     justify-content: center;
     margin-top: 50px;
 }

 .reviews {
     margin-top: 120px;
     padding-bottom: 20px;
 }

 .reviews-title {
     grid-column: 1 / 3;
 }

 .facts-container {
     grid-column: 3 / -1;
 }

 .facts {
     display: flex;
     flex-wrap: wrap;
     padding: 80px 0;
 }

 .fact {
     flex: 0 0 auto;
     padding: 20px 0;
 }

 .fact:not(:last-child) {
     margin-right: 120px;
 }

 .fact-title {
     text-transform: initial;
     margin-bottom: 10px;
 }

 .fact-text {
     font-size: 24px;
     line-height: 110%;
 }

 .reviews-slider {
     grid-column: 1 / -1;
 }

 .reviews-slider .slider-track {
     margin-top: 0;
 }

 .video-box {
     cursor: pointer;
     align-items: center;
 }

 .video-inner {
     justify-content: center;
     align-items: center;
 }

 .video-cover,
 .text-review-cover {
     object-fit: cover;
     height: 100%;
     width: 100%;
 }

 .slide-video {
     height: auto;
     min-width: 100%;
 }

 .video-action {
     z-index: 2;
 }

 .video-action-icon {
     width: 34px;
     height: 34px;
     fill: var(--gold);
 }

 .video-action-icon.pause {
     display: none;
 }

 .played .video-cover {
     opacity: 0 !important;
 }

 .played:not(:hover) .video-action {
     opacity: 0 !important;
 }

 .played .video-action-icon.play {
     display: none;
 }

 .played .video-action-icon.pause {
     display: block;
 }

 @keyframes fadeOutSmall {
     from {
         opacity: 1;
     }

     to {
         opacity: 0;
     }
 }

 .text-review {
     align-items: center;
     position: relative;
 }

 .text-review-inner {
     padding: var(--b-padding);
     justify-content: flex-end;
 }

 .text-review-detail {
     display: inline-flex;
     flex-direction: column;
     background: var(--white);
     padding: calc(var(--b-padding) - 10px);
     border-radius: calc(var(--b-padding) / 2);
     transition: all 300ms ease-in-out;
     overflow: hidden;
     width: fit-content;
 }

 .text-review-title {
     white-space: nowrap;
     margin: 0;
     position: relative;
     z-index: 2;
     transition: inherit;
     order: 2;
 }

 .text-review-main {
     position: relative;
     width: 100%;
     max-height: 0;
     opacity: 0;
     margin: 0;
     visibility: hidden;
     transform: translateY(-20px);
     transition: transform 400ms ease-in-out, opacity 300ms ease-in-out, max-height 400ms ease-in-out, margin 300ms ease-in-out;
     order: 1;
     overflow: hidden;
 }

 .contact-form-box {
     margin: 100px 0 40px 0;
     padding: 80px var(--b-padding);
 }

 .contact-form-head {
     grid-column: 1 / 4;
     justify-content: space-between;
 }

 .contact-form-description {
     max-width: 350px;
     font-size: 24px;
 }

 .contact-form {
     grid-column: 4 / -1;
 }

 .input,
 .checkbox-label,
 ::placeholder {
     font-size: 18px;
     font-weight: 500;
 }

 .input {
     margin-bottom: 24px;
     padding: 24px;
     border-radius: 40px;
 }

 .checkbox-container {
     margin-bottom: var(--b-padding);
 }

 .checkbox-icon-box {
     padding: 1px 3px;
     border-radius: 4px;
     border: 2px solid var(--blue);
     margin-right: 14px;
     cursor: pointer;
 }

 .checkbox-label {
     display: flex;
     align-items: center;
     cursor: pointer;
 }

 .checkbox-label-link::before {
     width: 100% !important;
     background: var(--blue) !important;
     opacity: 0.4;
 }

 .checkbox-icon {
     width: 16px;
     height: 13px;
     opacity: 0;
 }

 .contact-form .checkbox-input {
     opacity: 0;
     position: absolute;
     width: 0;
     height: 0;
     overflow: hidden;
     pointer-events: none;
 }

 .checkbox-input:checked+.checkbox-label .checkbox-icon {
     opacity: 1;
 }

 .form--button {
     align-self: flex-start;
 }

 .footer {
     margin-bottom: var(--b-padding);
     padding: 80px var(--b-padding);
     background: var(--blue);
     color: var(--white);
     grid-template-columns: 1fr 1fr;
 }

 .column-first,
 .column-second {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .footer-contact {
     display: flex;
     flex-direction: column;
 }

 .footer * {
     color: inherit;
 }

 .footer-social {
     padding: calc(var(--b-padding) - 10px) 0 80px 0;
 }

 .footer .social-link {
     background: var(--white);
     margin-right: 10px;
 }

 .instagram-link:after {
     content: '*';
     position: absolute;
     top: -12px;
     right: -14px;
     color: #fff;
     font-size: 40px;
 }

 .download-link {
     display: flex;
     align-items: center;
 }

 .download-link-icon {
     margin-right: 10px;
     width: 24px;
     height: 24px;
 }

 .instagram-descrition {
     margin-top: calc(var(--b-padding) / 2);
 }

 .footer-menu {
     padding-bottom: 80px;
 }

 .footer-nav {
     grid-template-columns: 1fr 1fr;
     gap: calc(var(--b-padding) - 10px);
     font-size: 24px;
 }

 .footer-nav a,
 .current_page_item a,
 .footer .instagram-link,
 .checkbox-label-link {
     position: relative;
 }

 .footer-nav a::before,
 .current_page_item a::before,
 .checkbox-label-link::before {
     content: '';
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 0%;
     height: 1px;
     background: var(--white);
     transition-duration: 200ms;
 }

 .header-nav-main .current_page_item a::before {
     width: 100%;
     background: var(--blue);
 }

 .footer-phone-link {
     align-self: flex-start;
 }

 .footer-social-container {
     display: flex;
 }

 .logo-big {
     width: 243px;
     height: auto;
 }

 .footer-phone {
     align-self: start;
     justify-self: start;
 }

 .footer-mobile {
     display: none;
 }

 .popup-wrapper {
     position: fixed;
     inset: 0;
     min-height: 100svh;
     padding: calc(var(--b-padding) * 2);
     display: flex;
     align-items: center;
     justify-content: center;
     overflow-y: auto;
     background: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(10px);
     z-index: 29;
     opacity: 0;
     transform: translate3d(0, 80px, 0);
     transition: all 400ms ease-in-out;
     pointer-events: none;
     cursor: pointer;
 }

 .popup-wrapper.is-open {
     opacity: 1;
     pointer-events: all;
     transform: initial;
 }

 .popup-inner {
     width: 100%;
     max-width: 890px;
     padding: calc(var(--b-padding) + 10px);
     background: var(--blue-light);
     border-radius: 20px;
     cursor: default;
 }

 .popup-head {
     margin-bottom: var(--b-padding);
     display: flex;
     justify-content: space-between;
 }

 .pupup-head-text {
     margin-right: var(--b-padding);
 }

 .popup-title {
     margin-bottom: 14px;
 }

 .popup-description {
     font-size: 24px;
 }

 .popup-close-button {
     background: var(--gold);
     flex: 0 0 auto;
 }

 .popup-response .popup-head,
 .popup-response .popup-body {
     text-align: center;
     justify-content: center;
 }

 .popup-response .pupup-head-text {
     margin-right: 0;
 }

 .popup-response .popup-description {
     max-width: 440px;
 }

 .hero-secondary {
     margin-top: 60px;
 }

 .hero-secondary-title {
     margin-bottom: 50px;
 }

 .hero-secondary-cover-wrapper {
     border-radius: var(--b-padding);
     overflow: hidden;
     background: var(--blue-light);
 }

 .hero-secondary-cover {
     width: 100%;
     height: auto;
     display: block;
 }

 .quote {
     margin-top: 140px;
     padding-bottom: 20px;
 }

 .quote-person {
     grid-column: 1 / 3;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 5px 0 10px 0;
 }

 .person-bio {
     order: -1;
     gap: var(--b-padding);
 }

 .bio-title {
     margin-bottom: 10px;
 }

 .person-avatar {
     width: 132px;
     height: 132px;
     flex: 0 0 auto;
     border-radius: 20px;
 }

 .quote-text {
     grid-column: 3 / -1;
 }

 .video-big {
     margin-top: 120px;
     min-height: 900px;
     position: relative;
     border-radius: var(--b-padding);
     overflow: hidden;
 }

 .video-big .video-cover {
     transition: all 300ms ease-in-out;
 }

 .long-text {
     margin-top: 140px;
     padding-bottom: 20px;
 }

 .long-text--secondary {
     margin-top: 100px;
 }

 .long-text-title {
     margin-top: 5px;
     grid-column: 1 / 3;
 }

 .long-text-container {
     grid-column: 3 / -1;
 }

 .text--large br {
     content: '';
     display: block;
     margin-bottom: .8em;
 }

 .story-slider .slider-track {
     margin-top: 120px;
 }

 .basic-slide {
     flex: 0 0 calc(50% - (var(--gap) / 2));
     align-items: center;
 }

 .basic-slide-cover {
     height: 100%;
     object-fit: cover;
 }

 .cta-banner {
     margin-top: 110px;
     position: relative;
     min-height: 400px;
     padding: var(--b-padding);
     padding-top: calc(var(--b-padding) + 10px);
     justify-content: space-between;
     border-radius: 20px;
     background: var(--blue);
     overflow: hidden;
 }

 .cta-banner>* {
     align-self: flex-start;
 }

 .cta-head * {
     color: var(--white);
 }

 .cta-head {
     margin-bottom: 40px;
     max-width: 50%;
     z-index: 1;
 }

 .cta-button {
     z-index: 2;
 }

 .cta-title {
     margin-bottom: 20px;
 }

 .cta-cover-wrapper {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
 }

 .cta-cover-wrapper::before,
 .cta-cover-wrapper::after {
     content: '';
     position: absolute;
     top: -400px;
     bottom: -400px;
     background: var(--blue);
 }

 .cta-cover-wrapper::before {
     left: -150px;
     width: 300px;
     filter: blur(50px);
 }

 .cta-cover-wrapper::after {
     left: -250px;
     width: 500px;
     filter: blur(150px);
 }

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

 .clinic-gallery {
     margin-top: 140px;
 }

 .reviews-about-page {
     margin-top: 140px;
 }

 .reviews-title-about-page {
     margin-bottom: 70px;
 }

 .map-section {
     margin-bottom: 140px;
 }

 .map-title {
     margin: 140px 0 80px 0;
 }

 .map-title--small {
     margin: 120px 0 60px 0;
 }

 .map-container {
     position: relative;
 }

 .map-info {
     position: absolute;
     top: var(--b-padding);
     left: var(--b-padding);
     padding: calc(var(--b-padding) - 10px);
     padding-right: var(--b-padding);
     border-radius: 20px;
     background: var(--blue);
     z-index: 2;
 }

 .map-link {
     font-size: 24px;
     display: flex;
     align-items: center;
     color: var(--white);
 }

 .map-link:not(:last-child) {
     margin-bottom: 20px;
 }

 .map-link-icon {
     margin-right: 14px;
     width: 30px;
     height: 30px;
 }

 .map-main {
     position: relative;
     width: 100%;
     height: 600px;
     background: var(--blue-light);
     border-radius: var(--b-padding);
     overflow: hidden;
 }

 [class*='copyrights-pane'] {
     display: none !important;
 }

 [class*='ground-pane'] {
     filter: grayscale(1) sepia(0.1) hue-rotate(160deg);
 }

 .pan-container {
     position: relative;
     margin-top: 40px;
     border-radius: var(--b-padding);
     overflow: hidden;
     background: var(--blue);
     height: 600px;
 }

 .pan-container.is-show .pan-overlay {
     opacity: 0;
     pointer-events: none;
 }

 .pan-main {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
 }

 .pan-overlay {
     position: absolute;
     inset: 0;
     padding: var(--b-padding);
     color: var(--white);
     background: var(--blue);
     cursor: pointer;
     transition: all 400ms ease-in-out;
     z-index: 3;
 }

 .pan-overlay * {
     color: var(--white);
 }

 .pan-play-icon {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: all 200ms ease-in-out;
 }

 .pan-info-icon-wrapper {
     position: absolute;
     right: var(--b-padding);
     bottom: var(--b-padding);
     background: var(--white-10) !important;
 }

 .pan-title {
     margin-bottom: .3em;
     max-width: 21ch;
 }

 .pan-subtitle {
     max-width: 32ch;
 }

 .specialists-section {
     margin: 140px 0;
 }

 .specialists-container {
     grid-template-columns: repeat(2, 1fr);
 }

 .specialists-title {
     margin-bottom: 80px;
 }

 .specialist-card .slide-detail {
     max-width: 500px;
 }

 .specialist-card {
     margin-right: 0;
 }

 .specialist-card .slide-gif-video {
     max-height: 180%;
 }

 .specialist-card .slide-cover {
     margin-top: -5%;
 }

 .specialist-card .slide-gif-video {
     margin-top: 1%;
 }

 .hero-specialist {
     margin-top: 60px;
     position: relative;
     overflow: hidden;
 }

 .hero-specialist-inner {
     position: relative;
     min-height: 600px;
     justify-content: space-between;
     z-index: 2;
 }

 .hero-specialist-cover-wrapper {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
 }

 .hero-specialist-cover-wrapper:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 40%;
     background: linear-gradient(to right, #edf2f5 20%, rgba(237, 242, 245, 0) 100%);
     /* transform: translateX(-50%); */
 }

 .hero-specialist-cover {
     object-fit: cover;
     object-position: top center;
     transform: translateY(-5%);
 }

 .hero-specialist-top {
     position: relative;
     max-width: 60%;
 }

 .hero-specialist-title {
     font-size: 60px;
     margin: 40px 0 20px 0;
 }

 .hero-specialist-bottom {
     --sf-gap: 20px;
     position: relative;
     max-width: 40%;
     display: flex;
     flex-wrap: wrap;
     margin: 0 calc(var(--sf-gap) * -1) calc(var(--sf-gap) * -1) 0;
 }

 .hero-specialist-top::before,
 .hero-specialist-top::after,
 .hero-specialist-bottom::before,
 .hero-specialist-bottom::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 80%;
     height: 100%;
     z-index: -1;
     filter: blur(80px);
     background: var(--blue-light);
 }

 .service__cat-link,
 .service-filter {
     padding: 18px 20px;
     align-self: start;
     border-radius: 40px;
     font-size: 14px;
     font-weight: 500;
     color: var(--blue);
     background: var(--white);
     box-shadow: 0px 0px 0px 1px var(--blue) inset;
     transition: all 200ms ease-in-out;
 }

 .hero-specialist-bottom .service-filter {
     margin: 0 var(--sf-gap) var(--sf-gap) 0;
     background: rgba(237, 242, 245, 0.92);
     backdrop-filter: blur(10px);
 }

 .specialist-video {
     margin-top: 40px;
 }

 .video-big-bento-title,
 .basic-slide-bento-title {
     position: absolute;
     top: var(--b-padding);
     left: var(--b-padding);
     z-index: 3;
 }

 .video-big.played .video-big-bento-title {
     opacity: 0 !important;
 }

 .education {
     margin-top: 140px;
 }

 .education-item {
     position: relative;
     padding-left: 1em;
 }

 .education-item::before {
     content: '';
     position: absolute;
     top: .5em;
     left: 0;
     width: 0.25em;
     height: 0.25em;
     border-radius: 50%;
     background: var(--blue);
 }

 .specialist-services {
     margin-bottom: 120px;
     padding: 20px 0;
     background: var(--white);
 }

 .specialist-services .detail:not(.is-open) {
     background: var(--blue-light);
 }

 .service__cat-links,
 .services-filters {
     --f-gap: 10px;
     margin-top: 40px;
 }

 .filters-container {
     margin: calc(var(--f-gap) * -1);
     display: flex;
     flex-wrap: wrap;
 }

 .service__cat-links .service__cat-link,
 .services-filters .service-filter {
     margin: var(--f-gap);
     flex: 1 1 auto;
     white-space: nowrap;
     min-width: auto;
     text-align: center;
 }


 .service-filter.selected {
     background: var(--blue);
     color: var(--white);
 }

 .services-section {
     margin-top: 140px;
 }

 .services-section:first-child,
 .services-section.visible {
     margin-top: 80px !important;
 }

 .services-title {
     margin-bottom: 80px;
 }

 .service-link {
     display: block;
     grid-column: span 2;
     /* min-height: 600px; */
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 50px;
 }

 .service-link-head {
     margin-bottom: 50px;
 }

 .service-link-title,
 .service-link-description {
     margin-bottom: 30px;
 }

 .service-link-price {
     max-width: fit-content;
     transition: all 200ms ease-in-out;
 }

 .service-link-bottom {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
 }

 .service-link-button {
     min-width: fit-content;
 }

 .service-link-cover-wrapper {
     width: 132px;
     height: 132px;
     border-radius: 20px;
     overflow: hidden;
 }

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

 .full-prices {
     margin-top: 140px;
     margin-bottom: -60px;
     background: var(--blue);
     padding: 60px var(--b-padding);
     border-radius: var(--b-padding);
 }

 .full-prices-inner {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .full-prices-inner * {
     color: var(--white);
 }

 .full-prices-text {
     margin-right: var(--b-padding);
     display: grid;
     grid-gap: 1em;
 }

 .button-big-with-icon {
     padding: 15px 22px 15px 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .button-big-icon {
     margin-left: 20px;
     height: 30px;
     width: auto;
     flex: 0 0 auto;
 }

 .about-service {
     margin-top: 80px;
 }

 .about-service-item {
     grid-column: span 2;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     border-radius: 20px;
 }

 .about-service-head {
     margin-bottom: 80px;
     display: flex;
     justify-content: space-between;
 }

 .about-service-simple-head {
     align-items: center;
 }

 .about-service-title {
     word-break: break-word;
 }

 .about-service-title,
 .about-service-paragraph {
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
 }

 .about-service-subtitle {
     max-width: 90%;
 }

 .about-icon-wrapper {
     margin-left: calc(var(--b-padding) / 2);
     width: 60px;
     height: 60px;
     flex: 0 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: var(--white);
 }

 .about-icon {
     width: 30px;
     height: auto;
 }

 .about-service-paragraph br {
     content: '';
     display: block;
     padding: 0.8em;
 }

 .about-service-subtitle,
 .service-warning-title,
 .about-service-paragraph {
     font-size: 18px;
     line-height: 130%;
 }

 .about-service-subtitle,
 .service-warning-item {
     margin-top: 0.5em;
 }

 .service-warning:not(:first-child) .service-warning-title {
     margin-top: 1.5em;
 }

 .service-warning-item:before {
     content: '- ';
 }

 .prices {
     margin-top: 120px;
     padding-top: 100px;
 }

 .prices-title {
     margin-bottom: 80px;
 }

 .prices-container {
     display: grid;
     grid-gap: 20px;
 }

 .price {
     --p-gap: 24px;
     padding: var(--b-padding);
     display: grid;
     grid-gap: var(--p-gap);
     grid-template-columns: calc((1800px / 3) - (var(--b-padding) * 2) - var(--p-gap) / 2) 1fr;
     align-items: center;
     border-radius: 20px;
     background: var(--white);
 }

 .price-num {
     font-size: 18px;
     opacity: 0.6;
     font-weight: 500;
 }

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

 .price-title,
 .doc-info-title {
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
 }

 .price-price {
     margin-left: var(--p-gap);
     font-size: 40px;
     white-space: nowrap;
     flex: 0 0 auto;
 }

 .service-works-gallery {
     margin-top: 140px;
 }

 .docs-info {
     margin-top: 140px;
 }

 .docs-info-title {
     margin-bottom: 80px;
 }

 .docs-info-container {
     grid-template-columns: repeat(4, 1fr);
 }

 .docs-info-links-container {
     grid-template-columns: repeat(3, 1fr);
 }

 .doc-info {
     min-height: 300px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .doc-info-head {
     margin-bottom: 40px;
 }

 .doc-info-title {
     margin-bottom: 0.5em;
 }

 .doc-info-subtitle {
     max-width: 20ch;
 }

 .doc-info-icon-wrapper {
     margin: 0;
     margin-left: auto;
 }

 .uds-banner {
     margin: 140px 0;
     position: relative;
     background: var(--blue);
 }

 .uds-banner-cover-wrapper {
     position: absolute;
     width: 50%;
     right: 0;
     bottom: 0;
     height: 112%;
     z-index: 1;
     overflow-x: hidden;
     display: flex;
     justify-content: flex-start;
 }

 .uds-banner-cover {
     width: auto;
     height: 100%;
     transform: translateX(8%);
 }

 .uds-banner-inner {
     position: relative;
     z-index: 2;
 }

 .uds-banner-inner * {
     color: var(--white);
 }

 .uds-banner-subtitle {
     background: var(--blue-medium);
     max-width: fit-content;
 }

 .uds-banner-body {
     margin-top: 120px;
 }

 .uds-banner-title {
     margin-bottom: 0.3em;
     max-width: 40%;
     min-width: 14ch;
 }

 .uds-banner-description {
     margin-bottom: 2em;
     max-width: 40ch;
 }

 .parking {
     margin: 140px 0;
 }

 .parking-title {
     margin-bottom: 80px;
 }

 .parking-map-wrapper {
     width: 100%;
     height: 600px;
     overflow: hidden;
     border-radius: var(--b-padding);
     background: var(--blue-light);
 }

 .parking-map {
     max-width: 100%;
     min-height: 100%;
     object-fit: cover;
 }

 .error {
     padding: 120px 0;
     min-height: 60svh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .error-code {
     display: flex;
     align-items: flex-start;
     font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
     font-weight: 500;
     font-size: clamp(100px, 20vw, 200px);
     height: 1.17ch;
     overflow: hidden;
 }

 .error-code * {
     color: var(--gold);
 }

 .error-code>span {
     margin-top: -0.378ch;
 }

 .error-code-animated-wrapper {
     display: inline-flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     animation: error 3s cubic-bezier(0.12, 0.835, 0.535, 1.135) 0ms forwards;
 }

 @keyframes error {
     0% {
         transform: translateY(-100%);
     }

     90% {
         transform: translateY(-0.75ch);
     }

     100% {
         transform: translateY(-0.55ch);
     }
 }

 .error-code-animated {
     margin: -0.32ch 0;
 }

 .error-title {
     margin: 1.3em 0 1.8em 0;
 }

 .banners-container {
     margin: 140px 0;
 }

 .banners-title {
     margin-bottom: 80px;
 }

 .banners-container .banner:not(:last-child) {
     margin-bottom: 24px;
 }

 .banner {
     position: relative;
     overflow: hidden;
 }

 .banner-cover {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 1;
 }

 .banner-inner {
     position: absolute;
     inset: 0;
     z-index: 2;
     padding: var(--b-padding);
     display: flex;
     flex-direction: column-reverse;
     justify-content: space-between;
     transition: all 200ms ease-in-out;
 }

 .banner-inner * {
     transition: inherit;
 }

 .banner-title-small {
     margin-bottom: 60px;
 }

 .banner-detail {
     align-self: flex-start;
     max-width: 550px;
     padding: 30px;
     border-radius: 20px;
     display: grid;
     grid-template-rows: auto 0fr;
     background: var(--white);
 }

 .banner-detail-title {
     margin-bottom: 0.5em;
 }

 .banner-detail-description {
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
 }

 .banner-detail-bottom {
     overflow: hidden;
 }

 .banner-detail-link {
     color: var(--blue);
 }

 .banner-detail svg {
     stroke: var(--blue);
 }

 .portfolio-works-gallery {
     margin-top: 120px;
 }

 .b-a-slide {
     position: relative;
     flex: 0 0 calc(50% - (var(--gap) / 2));
     height: 600px;
 }

 .before-is-show .slide-cover-a {
     opacity: 0 !important;
 }

 .before-is-show .basic-slide-bento-title {
     color: var(--white);
     background: var(--blue);
 }

 .slide-cover-b,
 .slide-cover-a {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: opacity 300ms ease-in-out;
 }

 .slide-cover-b {
     z-index: 1;
 }

 .slide-cover-a {
     z-index: 2;
 }

 .laws-container {
     font-size: 24px;
 }

 .laws-container ul {
     margin-bottom: 1em;
     padding-left: 2em;
 }

 .laws-container p {
     margin-bottom: 1.5em;
 }

 .laws-container li {
     margin-bottom: 0.5em;
     list-style: initial;
 }

 .laws-container ul li:last-child {
     margin-bottom: 2.5em;
 }

 .laws-container a {
     text-decoration: underline;
 }

 .contact-schedule {
     margin-bottom: 140px;
 }

 .content-title {
     grid-column: span 2;
 }

 .text-column {
     display: grid;
     grid-column: 3/-1;
     gap: calc(var(--b-padding) / 2)
 }

 @media (max-width: 1844px) {
     :root {
         --w-padding: 20px;
     }

     .wrapper {
         padding: 0 var(--w-padding);
     }

     .detail {
         grid-template-columns: calc((100% / 3) - var(--b-padding)) 1fr;
     }

     .slide:not(.basic-slide, .b-a-slide) {
         flex: 0 0 calc((100% / 3) - (var(--gap) / 3 * 2));
     }

     .video-big {
         min-height: calc(50vw - (var(--w-padding) * 2));
     }

     .price {
         grid-template-columns: calc((100% / 3) - var(--b-padding)) 1fr;
     }
 }

 @media (max-width: 1480px) {

     .h1,
     h1 {
         font-size: clamp(24px, 8vw, 80px);
     }

     .h1,
     h1:not(.hero-specialist-title) {
         -ms-hyphens: auto;
         -webkit-hyphens: auto;
         hyphens: auto;
     }

     a {
         font-size: 16px;
     }

     .secondary-title--large {
         font-size: clamp(22px, 6vw, 80px);
         margin-bottom: 0.6em;
     }

     .hero-head .nav-column {
         order: 2;
         grid-column: 1/-1;
         padding-bottom: 0;
     }

     .content-column {
         order: 1;
         grid-column: 1/-1;
     }

     .banner {
         position: relative;
         overflow: hidden;
         background-position: bottom right 5%;
     }

     .banner:not(.banner-template)::before {
         content: '';
         position: absolute;
         left: -550px;
         top: -550px;
         width: 1200px;
         height: 720px;
         transform: rotate(161deg);
         background: var(--blue-light);
         filter: blur(150px);
         z-index: 2;
     }

     .banner-title,
     .banner-description {
         z-index: 10;
     }

     .specialist-card .slide-gif-video {
         max-height: 125%;
     }

     .specialist-card .slide-cover {
         margin-top: 0%;
     }

     .hero-specialist-cover {
         transform: translate(10%, -5%);
     }

     .hero-specialist-top {
         position: relative;
         max-width: 60%;
     }

     .hero-specialist-bottom {
         max-width: 60%;
     }

     .hero-specialist-title {
         font-size: 48px;
     }

     .services-container {
         grid-template-columns: 1fr 1fr;
     }

     .service-link {
         grid-column: span 1;
         padding: var(--b-padding);
     }

     .about-service {
         grid-template-columns: 1fr 1fr;
     }

     .about-service-item {
         grid-column: span 1;
     }

     .docs-info-container {
         grid-template-columns: repeat(3, 1fr);
     }

     .uds-banner-cover-wrapper {
         overflow-x: hidden;
     }

     .uds-banner-cover {
         transform: translateX(0);
     }
 }

 @media (max-width: 1280px) {
     .detail {
         grid-template-columns: 1fr;
         cursor: pointer;
     }

     .detail.is-open .detail-main {
         order: 1;
         grid-column: 1 / -1;
         margin-bottom: var(--b-padding);
     }

     .detail-description {
         max-width: 90%;
         min-height: auto;
     }

     .detail-cover-container {
         order: 2;
         max-width: 240px;
         height: auto;
         padding: 0;
     }

     .slide:not(.basic-slide, .b-a-slide) {
         flex: 0 0 calc((100% / 2) - (var(--gap) / 2));
     }

     .basic-slide,
     .b-a-slide {
         flex: 0 0 100%;
     }

     .basic-slide-cover {
         width: 100%;
         object-fit: cover;
     }

     .footer-nav {
         grid-template-columns: 1fr;
     }

     .cta-head {
         max-width: 60%;
     }

     .cta-title {
         margin-bottom: 20px;
     }

     .cta-cover-wrapper {
         transform: translateX(10%);
     }

     .cta-cover-wrapper::before {
         left: -200px;
         width: 400px;
         filter: blur(50px);
     }

     .cta-cover-wrapper::after {
         left: 0;
         width: 500px;
         filter: blur(150px);
     }

     .price {
         grid-template-columns: auto 1fr;
     }
 }

 @media (max-width: 1100px) {
     .header-top {
         grid-template-columns: auto 1fr;
         grid-gap: 20px;
     }

     .header-contact-container {
         flex-direction: row-reverse;
         justify-content: flex-start;
         order: 2;
         padding-right: 80px;
     }

     .header-location {
         margin: 0 20px 0 0;
     }

     .header-logo-container {
         order: 1;
         justify-content: flex-start;
     }

     .header-top .header-social-container {
         display: none;
     }

     .menu-action {
         display: flex;
     }

     .header-menu {
         padding: 60px 0;
         justify-content: flex-start;
         display: none;
     }

     .menu-action.triggered {
         background: var(--white);
     }

     .triggered .burger-line {
         animation: burger-collapse1 200ms ease-in-out 200ms forwards;
     }

     .triggered .burger-line::before,
     .triggered .burger-line:after {
         top: 0;
     }

     .triggered .burger-line:after {
         animation: burger-collapse2 200ms ease-in-out 400ms forwards;
     }

     .triggered .burger-line {
         background: var(--blue);
     }

     @keyframes burger-collapse1 {
         from {
             transform: rotate(0);
         }

         to {
             transform: rotate(45deg);
         }
     }

     @keyframes burger-collapse2 {
         from {
             transform: rotate(0);
         }

         to {
             transform: rotate(90deg);
         }
     }

     .header-menu.is-open {
         position: fixed;
         inset: 0;
         min-height: 100svh;
         display: flex;
         justify-content: space-evenly;
         background: var(--blue);
         z-index: 18;
         overflow-y: auto;
     }

     .header-menu.is-open li {
         margin: 24px 0;
     }

     .header-menu.is-open a {
         font-size: 34px;
         line-height: 120%;
         color: var(--white);
     }

     .is-open .header-nav-main {
         padding: 0;
         flex-direction: column;
         margin-bottom: 96px;
     }

     .header-menu .header-social-container {
         display: flex;
         justify-content: center;
     }

     .header-menu .social-link {
         background: var(--white);
         margin: 0 10px;
     }

     .specialist-card .slide-gif-video {
         max-height: 100%;
     }

     .specialist-card .slide-cover,
     .specialist-card .slide-gif-video {
         margin-top: 5%;
     }

     .hero-specialist-cover {
         transform: translate(15%, -5%);
     }

     .hero-specialist-top {
         position: relative;
         max-width: 60%;
     }

     .hero-specialist-title {
         font-size: 40px;
     }

     .docs-info-container {
         grid-template-columns: repeat(2, 1fr);
     }

     .content-title {
         grid-column: 1/-1;
         padding-bottom: calc(var(--b-padding) / 2)
     }

     .text-column {
         grid-column: 1/-1;
     }
 }

 @media (max-width: 960px) {
     :root {
         --b-padding: 30px;
         --w-padding: 14px;
     }

     .grid-container {
         grid-template-columns: repeat(4, 1fr);
     }

     h2 {
         font-size: 34px;
     }

     .text--large {
         font-size: 34px;
         line-height: 130%;
     }

     .text--medium {
         font-size: 18px;
     }

     .button-big {
         min-width: auto;
         max-width: 100%;
         padding: 20px 40px;
     }

     .button--secondary {
         min-height: 50px;
         padding: 0 20px 0 16px;
     }

     /* .menu-action {
         top: 30px;
     } */

     .circle-button {
         width: 50px;
         height: 50px;
     }

     .detail-action::before,
     .detail-action:after {
         top: 25px;
         left: 20px;
         width: 12px;
     }

     .hero {
         padding-top: 80px;
     }

     /* .logo-small {
         height: 40px;
     } */

     .header-contact-container {
         padding-right: 60px;
     }

     .header-location {
         margin: 0 10px 0 0;
     }

     .social-link-icon {
         width: 30px;
         height: 30px;
     }

     .hero {
         padding-top: 80px;
     }

     .hero-head {
         margin-bottom: 60px;
     }

     .hero-head .nav-column {
         order: 2;
     }

     .content-column {
         grid-column: 1/-1;
         order: 1;
     }

     .banner {
         min-height: min(500px, 120vw);
     }

     .banner-description {
         padding: 30px;
         border-radius: 20px;
     }

     .banner-description.link {
         padding: 30px 30px 30px 68px;
     }

     .banner-link-big-icon {
         stroke: var(--blue);
     }

     .banner-description.link::before {
         top: 30px;
         left: 30px;
         bottom: 30px;
         width: 8px;
     }

     .about {
         margin-top: 100px;
         padding: 20px 0;
         background: var(--white);
     }

     .about.grid-container {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto;
     }

     .about .about-title {
         grid-column: 1;
         grid-row: 1;
     }

     .about .text--large {
         grid-column: 1;
         grid-row: 2;
         padding: 28px 0;
     }

     .about .button-big {
         grid-column: 1;
         grid-row: 3;
         margin: 0;
     }

     .details-section {
         margin-top: 100px;
     }

     .detail {
         border-radius: calc(var(--b-padding) / 3 * 2);
     }

     .detail-main {
         grid-template-rows: auto auto;
     }

     .detail.is-open .detail-main {
         grid-template-rows: auto auto;
     }

     .detail-action {
         flex-shrink: 0;
         margin-left: var(--b-padding);
     }

     .detail-description {
         font-size: 18px;
         max-width: 85%;
     }

     .slider-section {
         margin-top: 120px;
     }

     .slide {
         --gap: 10px;
     }

     .slider-track {
         margin-top: 60px;
     }

     .slider-buttons {
         margin-top: 40px;
     }

     .slider-button {
         margin: 0 5px;
     }

     .slider-icon,
     .close-icon {
         width: 18px;
         height: 18px;
     }

     .bento-title-small {
         padding: 15px 18px;
     }

     .slide-detail {
         grid-template-rows: auto 1fr;
     }

     .slide-detail-head {
         padding-bottom: calc(var(--b-padding) - 10px);
     }

     .slide-detail-body {
         color: var(--blue);
         overflow: visible;
     }

     .slide-detail-link {
         color: var(--blue);
     }

     .slide .link-icon--small {
         stroke: var(--blue);
     }

     .reviews {
         margin-top: 100px;
         grid-template-columns: 1fr;
     }

     .reviews-title {
         grid-column: 1;
         margin-bottom: 20px;
     }

     .facts-container {
         grid-column: 1;
     }

     .facts {
         padding: 40px 0;
     }

     .fact {
         flex: 0 0 auto;
         padding: 20px 0;
     }

     .fact:not(:last-child) {
         margin-right: 120px;
     }

     .fact-title {
         text-transform: initial;
         margin-bottom: 5px;
     }

     .fact-text {
         font-size: 18px;
     }

     .reviews-slider {
         overflow-x: hidden;
     }

     .video-action-icon {
         width: 28px;
         height: 28px;
     }

     .played .video-action {
         animation: fadeOutSmall 200ms ease-in-out 1500ms forwards;
     }

     .text-review-detail {
         padding: var(--b-padding);
     }

     .text-review-title {
         font-size: 16px;
     }

     .text-review-main {
         visibility: visible;
         max-height: 500px;
         margin-bottom: calc(var(--b-padding) / 2);
         transform: translateY(0);
         color: var(--blue);
         opacity: 1;
     }

     .contact-form-box {
         margin: 90px 0 14px 0;
         padding: 60px var(--b-padding);
         grid-template-columns: 1fr;
     }

     .contact-form-head {
         margin-bottom: calc(var(--b-padding) / 3);
         grid-column: 1 / -1;
         justify-content: flex-start;
     }

     .contact-form-description {
         margin-top: 12px;
         max-width: 100%;
     }

     .contact-form {
         grid-column: 1 / -1;
     }

     .input,
     .checkbox-label,
     ::placeholder {
         font-size: 16px;
     }

     .input {
         margin-bottom: 10px;
         padding: 16px;
     }

     .checkbox-container {
         margin-top: calc(var(--b-padding) / 2);
     }

     .checkbox-icon-box {
         margin-right: 12px;
         transform: scale(0.9);
     }

     .form--button {
         align-self: initial;
     }

     .footer {
         display: none;
     }

     .footer-mobile {
         margin-bottom: 28px;
         padding: 60px var(--b-padding);
         display: grid;
         grid-template-columns: 1fr;
     }

     .logo-big {
         width: clamp(227px, 60vw, 360px);
         height: auto;
         margin-bottom: calc(var(--b-padding) / 3);
     }

     .footer-menu {
         padding: 60px 0;
     }

     .footer-social {
         padding: 0;
     }

     .footer-contact {
         margin-bottom: 10px;
     }

     .footer.download-link {
         margin-top: 40px;
         padding-top: 40px !important;
     }

     .footer-nav {
         grid-template-columns: 1fr 1fr;
         grid-gap: var(--b-padding);
     }

     .footer-nav li {
         justify-self: start;
     }

     .footer-phone-link {
         justify-self: start;
     }

     .footer-social-container {
         display: flex;
     }

     .popup-wrapper {
         min-height: 100svh;
         padding: var(--w-padding);
     }

     .popup-inner {
         padding: calc(var(--b-padding) + 10px) var(--b-padding);
     }

     .popup-head {
         margin-bottom: var(--b-padding);
         display: flex;
         justify-content: space-between;
     }

     .pupup-head-text {
         margin-right: var(--b-padding);
     }

     .popup-title {
         margin-bottom: 8px;
     }

     .popup-description {
         font-size: 18px;
     }

     .hero-secondary-cover-wrapper {
         height: calc((100vw - var(--w-padding) * 2) / 2);
     }

     .hero-secondary-cover {
         height: 100%;
         object-fit: cover;
     }

     .quote {
         margin-top: 110px;
     }

     .quote-person {
         flex-direction: row;
         justify-content: flex-start;
         align-items: center;
         padding: 0;
     }

     .quote-person,
     .quote-text {
         grid-column: 1 / -1;
     }

     .person-bio {
         order: 1;
         gap: initial;
     }

     .bio-title {
         margin-bottom: 8px;
     }

     .person-avatar {
         margin-right: calc(var(--b-padding) - 10px);
     }

     .quote-text {
         order: -1;
         margin-bottom: var(--b-padding);
     }

     .video-big {
         margin-top: 100px;
         min-height: calc((100vw) - (var(--w-padding) * 2));
     }

     .video-big .slide-video {
         height: 100%;
         min-width: auto;
     }

     .video-big .slide-video {
         height: calc((100vw) - (var(--w-padding) * 2));
         width: auto;
         min-width: auto;
         min-height: auto;
     }

     .long-text {
         margin-top: 110px;
     }

     .long-text--secondary {
         margin-top: 80px;
     }

     .long-text-title,
     .long-text-container {
         grid-column: 1 / -1;
     }

     .long-text-title {
         margin: 0 0 20px 0;
     }

     .text--large br {
         content: '';
         display: block;
     }

     .story-slider .slider-track {
         margin-top: 80px;
     }

     .cta-banner {
         margin-top: 80px;
         min-height: 320px;
     }

     .cta-title {
         margin-bottom: 16px;
     }

     .cta-cover-wrapper {
         transform: translateX(12%);
     }

     .cta-cover-wrapper::before {
         width: 500px;
     }

     .cta-cover-wrapper::after {
         width: 500px;
     }

     .clinic-gallery {
         margin-top: 110px;
     }

     .reviews-about-page {
         margin-top: 110px;
     }

     .reviews-title-about-page {
         margin-bottom: 50px;
     }

     .map-section {
         margin-bottom: 120px;
     }

     .map-title {
         margin: 120px 0 60px 0;
     }

     .map-title--small {
         margin: 100px 0 40px 0;
     }

     .map-container {
         position: relative;
     }

     .map-link {
         font-size: 18px;
     }

     .map-link:not(:last-child) {
         margin-bottom: 14px;
     }

     .map-link-icon {
         margin-right: 12px;
         width: 26px;
         height: 26px;
     }

     .specialists-section {
         margin: 120px 0;
     }

     .specialists-container {
         grid-template-columns: 1fr;
     }

     .specialists-title {
         margin-bottom: 60px;
     }

     .specialist-card .slide-detail {
         max-width: 420px;
     }

     .specialist-card .slide-gif-video {
         max-height: 150%;
     }

     .specialist-card .slide-cover {
         margin-top: -3%;
     }

     .specialist-card .slide-gif-video {
         margin-top: 3%;
     }

     .hero-specialist-inner {
         min-height: initial;
     }

     .hero-specialist-cover-wrapper {
         top: 0px;
         left: 40%;
         right: 0px;
     }

     .hero-specialist-cover {
         height: 120%;
         width: 120%;
         object-fit: cover;
         object-position: top left;
         transform: translate(0%, -5%);
     }

     .hero-specialist-top {
         margin-bottom: 60px;
         max-width: 70%;
     }

     .hero-specialist-title {
         font-size: 34px;
         margin: 30px 0 15px 0;
     }

     .specialization {
         font-size: 18px;
     }

     .hero-specialist-bottom {
         --sf-gap: 10px;
         max-width: 90%;
     }

     .hero-specialist-top::before,
     .hero-specialist-top::after,
     .hero-specialist-bottom::before,
     .hero-specialist-bottom::after {
         width: 100%;
         filter: blur(60px);
     }

     .service__cat-link,
     .service-filter {
         padding: 15px 18px;
     }

     .specialist-video {
         margin-top: 14px;
     }

     .education {
         margin-top: 120px;
     }

     .specialist-services {
         margin-bottom: 100px;
     }

     .services-filters {
         --f-gap: 5px;
         margin-top: 34px;
     }

     .service__cat-links .service__cat-link,
     .services-filters .service-filter {
         margin: var(--f-gap);
         flex: 0 1 auto;
     }

     .services-section {
         margin-top: 120px;
     }

     .services-title {
         margin-bottom: 60px;
     }

     .services-container {
         grid-template-columns: 1fr;
     }

     .service-link {
         grid-column: span 1;
         min-height: 440px;
     }

     .service-link-head {
         margin-bottom: 40px;
     }

     .service-link-title {
         margin-bottom: 20px;
     }

     .service-link-description {
         margin-bottom: 24px;
     }

     .about-service {
         grid-template-columns: 1fr;
     }

     .about-service-head {
         margin-bottom: 50px;
     }

     .about-service-subtitle,
     .about-service-paragraph {
         max-width: 50ch;
     }

     .about-icon-wrapper {
         width: 50px;
         height: 50px;
     }

     .about-icon {
         width: 24px;
     }

     .about-service-warning {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }

     .service-warning:not(:first-child) .service-warning-title {
         margin-top: 0;
     }

     .prices {
         margin-top: 100px;
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .prices-title {
         margin-bottom: 60px;
     }

     .price {
         --p-gap: 20px;
     }

     .price-num {
         font-size: 16px;
     }

     .price-price {
         font-size: 34px;
     }

     .service-works-gallery {
         margin-top: 120px;
     }

     .full-prices {
         margin-top: 120px;
         margin-bottom: -76px;
         padding: 40px var(--b-padding);
     }

     .full-prices-text {
         grid-gap: 0.6em;
     }

     .button-big-with-icon {
         padding: 12px 20px 12px 24px;
     }

     .button-big-icon {
         height: 26px;
     }

     .docs-info {
         margin-top: 120px;
     }

     .docs-info-title {
         margin-bottom: 60px;
     }

     .docs-info-container {
         grid-template-columns: repeat(2, 1fr);
         grid-gap: 14px;
     }

     .uds-banner {
         margin: 120px 0;
         min-height: calc(100vw - var(--w-padding) * 2);
         overflow: hidden;
     }

     .uds-banner-cover-wrapper {
         width: 100%;
         top: 40%;
         right: -15%;
         height: auto;
         overflow: visible;
         justify-content: flex-end;
     }

     .uds-banner-cover {
         width: auto;
         height: auto;
         transform: translateX(8%);
     }

     .uds-banner-body {
         margin-top: 60px;
     }

     .uds-banner-title {
         margin-bottom: 0.3em;
         max-width: 100%;
         min-width: 14ch;
     }

     .uds-banner-description {
         margin-bottom: 2em;
     }

     .parking {
         margin: 120px 0;
     }

     .parking-title {
         margin-bottom: 60px;
     }

     .parking-map-wrapper {
         height: 500px;
     }

     .parking-map {
         max-height: 500px;
     }

     .banners-container {
         margin: 120px 0;
     }

     .banners-title {
         margin-bottom: 60px;
     }

     .banners-container .banner:not(:last-child) {
         margin-bottom: var(--w-padding);
     }

     .banners-container {
         margin: 80px 0;
     }

     .banners-title {
         margin-bottom: 40px;
     }

     .banner-title-small {
         margin-bottom: 40px;
     }

     .banner-detail {
         grid-template-rows: auto 1fr;
     }

     .banner-detail-bottom {
         margin-top: 1.5em;
     }

     .portfolio-works-gallery {
         margin-top: 80px;
     }

     .laws-container {
         font-size: 20px;
     }

     .contact-schedule {
         margin-bottom: 120px;
     }
 }

 @media (max-width: 760px) {
     .slider-section-head .button-big {
         display: none;
     }

     .specialists-link-mobile {
         display: flex;
     }

     .slide:not(.basic-slide, .b-a-slide) {
         flex: 0 0 100%;
     }

     .slide-gif:not(.specialist-card) .slide-cover {
         transform: scale(1.2);
     }

     .basic-slide,
     .b-a-slide {
         height: calc(100vw / 4 * 3);
     }

     .cta-cover-wrapper {
         transform: translateX(13%);
     }

     .cta-cover-wrapper::before {
         width: 650px;
         filter: blur(50px);
     }

     .cta-cover-wrapper::after {
         width: 600px;
         filter: blur(150px);
     }
 }

 @media (max-width: 680px) {
     .hero-specialist-cover-wrapper {
         left: 40%;
     }

     .hero-specialist-cover {
         height: 100%;
         width: 100%;
         object-position: top center;
         transform: translate(0%, 0%);
     }

     .hero-specialist-top {
         max-width: 70%;
     }

     .hero-specialist-title {
         font-size: clamp(18px, 5vw, 34px);
     }

     .hero-specialist-top::before,
     .hero-specialist-top::after,
     .hero-specialist-bottom::before,
     .hero-specialist-bottom::after {
         filter: blur(40px);
     }

     .prices {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .price-price {
         font-size: 34px;
     }

     .price {
         --p-gap: 20px;
         grid-template-columns: 1fr;
     }

     .price-text {
         flex-direction: column;
         align-items: flex-start;
     }

     .price-title {
         margin-bottom: 1.4em;
         font-size: 24px;
     }

     .price-price {
         margin-left: 0;
     }
 }

 @media (max-width: 600px) {
     .header-location {
         display: none;
     }

     .detail-description {
         max-width: 100%;
     }

     .detail-cover-container {
         width: 100%;
     }

     .checkbox-label-link {
         text-decoration: underline;
     }

     .checkbox-label-link::before {
         display: none;
     }

     .footer-nav {
         grid-template-columns: 1fr;
         gap: var(--b-padding);
     }

     .cta-banner {
         min-height: min(500px, 120vw);
     }

     .cta-banner * {
         align-self: initial;
     }

     .cta-head {
         max-width: 100%;
     }

     .cta-cover-wrapper {
         transform: translateX(0);
         top: 40%;
         right: 0;
         bottom: 0;
         left: 0;
     }

     .cta-cover-wrapper::before,
     .cta-cover-wrapper::after {
         left: -400px;
         right: -400px;
         width: auto;
     }

     .cta-cover-wrapper::before {
         top: -50px;
         height: 100px;
         filter: blur(25px);
         z-index: 2;
     }

     .cta-cover-wrapper::after {
         top: -30px;
         height: 120px;
         filter: blur(60px);
         z-index: 3;
     }

     .cta-cover {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 1;
         width: 100%;
         object-position: 75% bottom;
     }

     .about-service-warning {
         display: block;
     }

     .service-warning:not(:first-child) .service-warning-title {
         margin-top: 1.5em;
     }

     .full-prices {
         padding: 40px var(--b-padding);
     }

     .full-prices-inner {
         flex-direction: column;
         align-items: flex-start;
     }

     .full-prices-text {
         margin: 0 0 2em 0;
         grid-gap: 0.5em;
     }

     .button-big-with-icon {
         padding: 12px 20px 12px 24px;
     }

     .docs-info-container {
         grid-template-columns: repeat(1, 1fr);
     }

     .doc-info {
         min-height: auto;
     }

     .doc-info-title {
         margin-bottom: 0.3em;
     }

     .uds-banner {
         margin: 120px 0;
         min-height: min(calc(125vw - var(--w-padding) * 2), 500px);
     }

     .uds-banner-cover-wrapper {
         width: 100%;
         top: 50%;
         right: 0;
         height: auto;
     }

     .uds-banner-cover {
         height: 100%;
         transform: translateX(25%);
     }

     .parking-map-wrapper {
         height: calc(100vw - var(--w-padding) * 2);
     }

     .parking-map {
         max-height: calc(100vw - var(--w-padding) * 2);
     }
 }

 @media (max-width: 480px) {
     :root {
         --b-padding: 20px;
     }

     .grid-container {
         grid-gap: 10px;
     }

     h2 {
         font-size: 24px;
     }

     h3 {
         font-size: 18px;
     }

     p {
         font-size: 14px;
     }

     .text--large {
         font-size: 24px;
     }

     .text--medium {
         font-size: 16px;
     }

     .button-big {
         font-size: 16px;
         width: 100%;
         padding: 14px 0;
     }

     .button--secondary {
         width: auto;
         min-height: 40px;
         padding: 0 16px 0 12px;
     }

     .circle-button {
         width: 40px;
         height: 40px;
     }

     .burger-line {
         width: 16px;
         --burger-gap: 6px;
     }

     .detail-action::before,
     .detail-action:after {
         top: 19.5px;
         left: 14px;
         width: 12px;
     }

     .header-top {
         min-height: 80px;
     }

     .logo-small {
         height: 32px;
     }

     .header-top .button--secondary {
         display: none;
     }

     .header-menu.is-open li {
         margin: 16px 0;
     }

     .header-menu.is-open a {
         font-size: 24px;
     }

     .is-open .header-nav-main {
         margin-bottom: 60px;
     }

     .header-menu .social-link {
         margin: 0 5px;
     }

     .social-link-icon {
         width: 26px;
         height: 26px;
     }

     /* .menu-action {
         top: 26px;
     } */

     .hero {
         padding-top: 60px;
     }

     .hero-head {
         margin-bottom: 20px;
     }

     /* .banner-title {
         max-width: 240px;
     } */

     .banner {
         min-height: min(500px, 110vw);
     }

     .banner-description {
         padding: 20px;
         border-radius: 10px;
     }

     .banner-description.link {
         padding: 20px 20px 20px 40px;
     }

     .banner-description.link::before {
         top: 20px;
         left: 20px;
         bottom: 20px;
         width: 6px;
     }

     .banner-description-head {
         margin-bottom: 6px;
     }

     .banner-description-title {
         margin-right: 20px;
     }

     .banner-link-big-icon {
         height: 18px;
         width: 18px;
     }

     .banner-cover--hero {
         object-position: 95% !important;
         z-index: 0;
     }

     .about {
         margin-top: 60px;
         padding: 20px 0;
         background: var(--white);
     }

     .about.grid-container {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto;
     }

     .about .text--large {
         padding: 20px 0 25px 0;
     }

     .about .button-big {
         grid-column: 1;
         grid-row: 3;
         margin: 0;
     }

     .details-section {
         margin-top: 60px;
     }

     .detail-description {
         font-size: 14px;
         max-width: 100%;
         padding-bottom: var(--b-padding);
     }

     .detail-cover-container {
         max-width: 100%;
     }

     .slider-section {
         margin-top: 70px;
     }

     .slider-track {
         margin-top: 40px;
     }

     .slider-buttons {
         margin-top: 30px;
     }

     .slider-icon {
         width: 14px;
         height: 14px;
     }

     .slide-detail {
         padding: 20px;
     }

     .slide-detail-head {
         padding-bottom: var(--b-padding);
     }

     .slide-detail-title {
         font-size: 22px;
     }

     .slide-detail-subtitle {
         font-size: 14px;
     }

     .reviews {
         margin-top: 60px;
         grid-template-columns: 1fr;
     }

     .reviews-title {
         grid-column: 1;
         margin-bottom: 20px;
     }

     .facts-container {
         grid-column: 1;
     }

     .facts {
         padding: 24px 0;
     }

     .fact {
         flex: 0 0 100%;
         padding: 12px 0;
         margin: 0;
     }

     .fact-title {
         font-size: 46px;
         margin-bottom: 4px;
     }

     .fact-text {
         font-size: 14px;
     }

     .video-action-icon {
         width: 24px;
         height: 24px;
     }

     .contact-form-box {
         margin: 60px 0 14px 0;
         padding: 40px var(--b-padding);
     }

     .contact-form-head {
         margin-bottom: var(--b-padding);
     }

     .contact-form-description {
         margin-top: 10px;
         max-width: 100%;
         font-size: 18px;
     }

     .input,
     .checkbox-label,
     ::placeholder {
         font-size: 14px;
     }

     .input {
         padding: 14px;
     }

     .checkbox-container {
         margin-bottom: calc(var(--b-padding) * 3 / 2);
     }

     .checkbox-icon-box {
         margin-right: 12px;
         padding: 2px 2px;
         transform: scale(0.8);
     }

     .form--button {
         align-self: initial;
     }

     .footer-mobile {
         padding: 40px var(--b-padding);
     }

     .footer-menu {
         padding: 40px 0;
     }

     .footer-contact {
         margin-bottom: 20px;
     }

     .footer-nav {
         font-size: 18px;
         gap: var(--b-padding);
     }

     .instagram-descrition {
         margin-top: var(--b-padding);
         max-width: 200px;
     }

     .instagram-link:after {
         top: -10px;
         right: -12px;
         font-size: 34px;
     }

     .footer.download-link {
         margin-top: 40px;
         padding-top: 40px !important;
     }

     .popup-wrapper {
         min-height: 100svh;
         padding: var(--w-padding);
     }

     .popup-description {
         font-size: 16px;
     }

     .hero-secondary-title {
         margin-bottom: 30px;
     }

     .quote {
         margin-top: 70px;
     }

     .quote-person {
         padding: 0;
     }

     .person-avatar {
         width: 100px;
         height: 100px;
         margin-right: var(--b-padding);
     }

     .video-big {
         margin-top: 60px;
     }

     .long-text,
     .long-text--secondary {
         margin-top: 70px;
     }

     .story-slider .slider-track {
         margin-top: 60px;
     }

     .cta-banner {
         margin-top: 60px;
     }

     .clinic-gallery {
         margin-top: 80px;
     }

     .reviews-about-page {
         margin-top: 80px;
     }

     .reviews-title-about-page {
         margin-bottom: 40px;
     }

     .map-section {
         margin-bottom: 80px;
     }

     .map-title {
         margin: 80px 0 40px 0;
     }

     .map-title--small {
         margin: 50px 0 30px 0;
     }

     .map-info {
         right: var(--b-padding);
         padding: var(--b-padding);
         border-radius: 10px;
     }

     .map-link {
         font-size: 16px;
     }

     .map-link:not(:last-child) {
         margin-bottom: 12px;
     }

     .map-link-icon {
         margin-right: 12px;
         width: 24px;
         height: 24px;
     }

     .map-main,
     .pan-container {
         height: min(120vw, 500px);
     }

     .specialists-section {
         margin: 80px 0;
     }

     .specialists-title {
         margin-bottom: 40px;
     }

     .specialist-card .slide-gif-video {
         max-height: 100%;
     }

     .specialist-card .slide-cover,
     .specialist-card .slide-gif-video {
         margin-top: 5%;
     }

     .service__cat-link,
     .bento-title-small,
     .service-filter {
         font-size: 12px;
         padding: 10px 12px;
     }

     .hero-specialist-cover-wrapper {
         left: 30%;
     }

     .hero-specialist-cover {
         height: 70%;
         min-height: 270px;
         transform: translate(5%, 0%);
     }

     .hero-specialist-top {
         margin-bottom: 100px;
         max-width: 70%;
     }

     .hero-specialist-bottom {
         max-width: 100%;
     }

     .hero-specialist-title {
         font-size: clamp(18px, 5vw, 34px);
         margin: 24px 0 12px 0;
     }

     .hero-specialist::before,
     .hero-specialist::after,
     .hero-specialist-top::before,
     .hero-specialist-top::after,
     .hero-specialist-bottom::before,
     .hero-specialist-bottom::after {
         content: '';
         position: absolute;
         filter: blur(40px);
         background: var(--blue-light);
     }

     .hero-specialist::before,
     .hero-specialist::after {
         top: -50%;
         left: -50%;
         bottom: -50%;
         width: 80%;
         z-index: 1;
     }

     .hero-specialist-top::before,
     .hero-specialist-top::after,
     .hero-specialist-bottom::before,
     .hero-specialist-bottom::after {
         width: 90%;
         height: 100%;
         z-index: -1;
     }

     .education {
         margin-top: 80px;
     }

     .specialist-services {
         margin-bottom: 80px;
     }

     .services-filters {
         margin-top: 24px;
     }

     .services-section {
         margin-top: 80px;
     }

     .services-section:first-child,
     .services-section.visible {
         margin-top: 60px;
     }

     .services-title {
         margin-bottom: 40px;
     }

     .service-link {
         min-height: auto;
         padding: calc(var(--b-padding) + 10px) var(--b-padding);
     }

     .service-link-head {
         margin-bottom: calc(var(--b-padding) + 10px);
     }

     .service-link-title {
         margin-bottom: 14px;
         font-size: 20px;
     }

     .service-link-description {
         margin-bottom: 18px;
     }

     .service-link-bottom {
         flex-direction: column-reverse;
     }

     .service-link-cover-wrapper {
         width: 100%;
         margin-bottom: var(--b-padding);
     }

     .about-service {
         margin-top: 60px;
     }

     .about-service-head {
         margin-bottom: 50px;
     }

     .about-service-title {
         font-size: 20px;
     }

     .about-service-subtitle,
     .service-warning-title,
     .about-service-paragraph {
         font-size: 16px;
     }

     .about-icon-wrapper {
         width: 40px;
         height: 40px;
     }

     .about-icon {
         width: 20px;
     }

     .prices {
         margin-top: 60px;
         padding-top: 40px;
         padding-bottom: 40px;
     }

     .prices-title {
         margin-bottom: 40px;
     }

     .price-price {
         font-size: 34px;
     }

     .price {
         --p-gap: 14px;
         grid-template-columns: 1fr;
     }

     .price-num {
         font-size: 12px;
     }

     .price-text {
         flex-direction: column;
         align-items: flex-start;
     }

     .price-title {
         margin-bottom: 2em;
         max-width: 20ch;
         font-size: 16px;
     }

     .price-price {
         margin-left: 0;
         font-size: 24px;
     }

     .service-works-gallery {
         margin-top: 80px;
     }

     .full-prices {
         margin-top: 80px;
         margin-bottom: -46px;
         padding: 24px var(--b-padding);
     }

     .full-prices-subtitle {
         font-size: 16px;
     }

     .button-big-with-icon {
         padding: 13px 20px 13px 24px;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .button-big-icon {
         height: 24px;
     }

     .docs-info {
         margin-top: 80px;
     }

     .docs-info-title {
         margin-bottom: 40px;
     }

     .doc-info-head {
         margin-bottom: 30px;
     }

     .uds-banner {
         margin: 80px 0;
     }

     .uds-banner,
     .uds-banner-inner,
     .uds-banner-body {
         display: flex;
         flex-direction: column;
     }

     .uds-banner-inner,
     .uds-banner-body {
         flex: 1 0 100%;
     }

     .uds-banner-inner {
         justify-content: space-between;
     }

     .uds-banner-body {
         margin-top: 40px;
     }

     .uds-banner-description {
         max-width: 34ch;
     }

     .uds-banner-button {
         margin-top: auto;
     }

     .parking {
         margin: 80px 0;
     }

     .parking-title {
         margin-bottom: 40px;
     }

     .banner-cover {
         object-fit: cover;
         object-position: 60%;
     }

     .banner-detail {
         padding: 20px;
         border-radius: 10px;
     }

     .banner-detail-bottom {
         margin-top: 1.5em;
     }

     .portfolio-works-gallery {
         margin-top: 60px;
     }

     .laws-container {
         font-size: 14px;
     }

     .contact-schedule {
         margin-bottom: 80px;
     }
 }

 @media (hover: hover),
 (min-width: 960px) {
     .button-big:hover {
         opacity: 1;
         background: var(--gold-dark);
     }

     .button--secondary:hover {
         box-shadow: 0px 0px 0px 2px var(--blue) inset;
         background: inherit;
     }

     .link-small:hover .link-icon--small {
         margin-left: 20px;
     }

     .header-top .social-link:hover {
         background: var(--blue-dark);
     }

     .social-link:hover .social-link-icon {
         filter: blur(0);
     }

     .header-nav-main a:hover {
         opacity: 0.6;
     }

     .header-menu .social-link:hover {
         opacity: 0.6;
     }

     .banner-description.link:hover {
         background: var(--blue);
     }

     .banner-description.link:hover * {
         color: #fff;
     }

     .banner-description.link:hover * {
         color: #fff;
     }

     .banner-description.link:hover::before {
         background: var(--white);
     }

     .banner-description.link:hover .banner-link-big-icon {
         stroke: var(--white);
     }

     .detail:hover .detail-action {
         background: var(--gold-dark);
     }

     .detail.is-open:hover .detail-action {
         background: var(--white);
     }

     .detail.is-open .detail-head:hover .detail-action {
         background: var(--gold-light);
     }

     .slide-gif:hover .slide-cover {
         opacity: 1;
     }

     .slide-detail:hover {
         background: var(--blue);
         grid-template-rows: auto 1fr;
     }

     .slide-gif:hover .slide-detail {
         background: var(--blue);
         grid-template-rows: auto 1fr;
     }

     .slide-gif:hover .slide-detail-head {
         padding-bottom: calc(var(--b-padding) - 10px);
     }

     .slide-gif:hover .slide-detail * {
         color: var(--white);
     }

     .slide-detail:hover.slide-detail * {
         color: var(--white);
     }

     .slide-detail:hover .link-icon--small {
         stroke: var(--white);
     }

     .slide-detail:hover+.bento-title-small {
         background: var(--blue);
         color: var(--white);
     }

     .slide-detail:hover .slide-detail-head {
         padding-bottom: calc(var(--b-padding) - 10px);
     }

     .video-box:not(.played):hover .video-cover {
         opacity: 1 !important;
     }

     .video-box:hover .video-action {
         opacity: 1;
         background: var(--gold);
     }

     .video-box:hover .video-action-icon {
         fill: var(--white);
     }

     .text-review:hover .text-review-detail {
         width: 100%;
         background: var(--blue);
     }

     .text-review:hover .text-review-title {
         color: var(--white);
     }

     .text-review:hover .text-review-main {
         visibility: visible;
         max-height: 500px;
         opacity: 1;
         margin-bottom: calc(var(--b-padding) / 2);
         transform: translateY(0);
         color: var(--white);
     }

     .footer-nav a:hover::before {
         width: 100%;
     }

     .footer-phone-link:hover,
     .footer .social-link:not(.instagram-link):hover {
         opacity: 0.6;
     }

     .map-link:hover {
         opacity: 0.6;
     }

     .service__cat-link:hover,
     .service-filter:hover {
         box-shadow: 0px 0px 0px 2px var(--blue) inset;
     }

     .video-big.played:hover .video-big-bento-title {
         opacity: 1;
     }

     .video-big:hover .video-big-bento-title,
     .basic-slide:hover .basic-slide-bento-title,
     .b-a-slide:hover .basic-slide-bento-title {
         background: var(--blue);
         color: var(--white);
     }

     .service-link:hover {
         background: var(--blue);
     }

     .service-link:hover .service-link-head * {
         color: var(--white);
     }

     .service-link:hover .service-link-price {
         background: var(--blue-medium);
     }

     .service-link:hover .service-link-button {
         background: var(--white);
         color: var(--gold);
     }

     .doc-link:hover {
         background: var(--blue);
     }

     .doc-link:hover * {
         color: var(--white);
     }

     .doc-link:hover .doc-info-icon-wrapper {
         background: var(--blue-medium);
     }

     .doc-link:hover .about-icon {
         filter: var(--white-filter);
     }

     .slider-button:not(.disabled):hover {
         background: var(--gold-dark);
     }

     .banner-detail:hover {
         grid-template-rows: auto 1fr;
         background: var(--blue);
     }

     .banner-detail:hover * {
         color: var(--white);
     }

     .banner-detail:hover .banner-detail-bottom {
         margin-top: 1.5em;
     }

     .banner-detail:hover svg {
         stroke: var(--white);
     }

     .banner-detail:hover+.banner-title-small {
         color: var(--white);
         background: var(--blue);
     }

     .b-a-slide:hover .slide-cover-a {
         opacity: 0;
     }

     .popup-close-button:hover {
         background: var(--gold-dark);
     }

     .checkbox-label-link:hover {
         opacity: 0.6;
     }

     .pan-overlay:hover .pan-play-icon {
         transform: translate(-50%, -80%) scale(1.3);
     }
 }

 @media (hover: none) and (pointer: coarse) and (max-width: 960px) {
     .tap-to-play-icon:not(.pan-play-icon) {
         display: inline-block;
     }
 }

 @media (hover: none) and (pointer: coarse) and (max-width: 480px) {
     .tap-to-play-icon {
         width: 40px;
         margin: -1px -5px;
     }
 }