@charset "UTF-8";
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}

:root {
--main: #a59ccb;
--light: #edeaf6;
--background: #f7f7fb;
--accent: #d4aa69;
--text-blue: #38354a;
--text-grey: #686d7a;
--hover-color: #6E5EB2;
--font-family: "Inter", sans-serif;
}
h1, h2, h3 {
margin: 0px;
} @font-face {
font-family: "Inter";
src: url(//avelinmed.ru/wp-content/themes/avelinmed/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//avelinmed.ru/wp-content/themes/avelinmed/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype-variations");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
body {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
margin: 0px;
padding: 0px;
box-sizing: border-box;
background: var(--background);
line-height: normal;
overflow-x: hidden;
overflow-y: auto;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
body.not-scrollable {
overflow: hidden;
}
main{
margin-top: 175px;
width: 100%;
max-width: 100%;
overflow: hidden;
}
main > br{
display: none;
} html {
scrollbar-width: thin; scrollbar-color: var(--main) var(--background); }  ::-webkit-scrollbar {
width: 6px; height: 6px; } ::-webkit-scrollbar-track {
background: var(--background);
border-radius: 5px;
} ::-webkit-scrollbar-thumb {
background: var(--main);
border-radius: 5px;
border: 2px solid var(--background); } ::-webkit-scrollbar-thumb:hover {
background: var(--hover-color);
}
::-moz-selection {
background: var(--main);
color: var(--text-blue);
}
::selection {
background: var(--main);
color: var(--text-blue);
}
.swiper-btns{
display: flex;
align-items: center;
column-gap: 51px;
justify-content: center;
}
.swiper-btns .swiper__btn{
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.1s ease;
user-select: none;
}
.swiper-btns .swiper__btn.clicked{
transform: scale(0.8);
}
.swiper-btns .swiper__btn.swiper-button-disabled{
opacity: 0.6;
transform: scale(0.7);
}
.swiper-btns .swiper__btn img{
width: auto;
height: auto;
}
.swiper__btn{
width: 54px;
height: 54px;
border-radius: 50%;
background-color: var(--main);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.2s ease;
user-select: none;
position: absolute;
z-index: 1;
top: 0px;
bottom: 0px;
margin-top: auto;
margin-bottom: auto;
}
.swiper__btn_next{
right: 43px;
}
.swiper__btn_prev{
left: 43px;
}
.swiper__btn:hover{
transform: scale(0.96);
}
.swiper-btns .swiper__btn.clicked{
transform: scale(0.92);
}
.swiper-btns .swiper__btn.swiper-button-disabled{
opacity: 0.6;
transform: scale(0.9);
}
.swiper__btn img{
width: 12px;
height: 26px;
}
@media (max-width: 1000px) {
body {
font-size: 18px;
}
}
@media (max-width: 600px) {
body {
font-size: 16px;
}
}
@media (max-width: 400px) {
body {
font-size: 14px;
}
}
.page-decor-top { background-color: #F7F7FB; background-image: radial-gradient(35.48% 38.74% at 89.45% 15.45%, #EDEAF6 0%, rgba(237, 234, 246, 0) 92.19%), radial-gradient(34.88% 40.47% at 24.19% 37.19%, rgba(212, 170, 105, 0.15) 0%, rgba(212, 170, 105, 0) 92.19%);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
z-index: -1;
}
a {
text-decoration: none;
color: var(--text-blue);
transition: all 0.15s ease;
}
a:hover {
color: var(--accent);
}
.container,
#ai-text > .section {
width: 1280px !important;
max-width: calc(100% - 60px) !important;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 600px) {
.container,
#ai-text > .section {
max-width: calc(100% - 20px) !important;
}
}
#ai-text > .section > .container{
margin: 0px;
}
.btn {
border-radius: 30px;
padding: 5px 20px;
height: 48px;
background: var(--background);
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 113%;
color: var(--text-blue);
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
overflow: hidden;
position: relative;
flex-shrink: 0;
}
.btn:hover {
transform: scale(0.99);
color: white;
background-color: var(--hover-color);
}
.btn_accent {
background-color: var(--accent);
color: white;
}
.btn_accent:hover {
color: white;
}
.btn_accent::before{
content: "";
position: absolute;
top: 0;
left: -100px;
width: 50px;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transform: skewX(-25deg);
opacity: 0;
animation: btn-shine 5s ease-in-out infinite;
}
.btn_white {
background: white;
}
.btn_icon{
display: flex;
align-items: center;
column-gap: 10px;
}
.btn_icon svg,
.btn_icon img{
flex-shrink: 0;
}
@keyframes btn-shine {
0% {
left: -100px;
opacity: 0;
}
20% {
opacity: 1;
}
60% {
left: 120%;
opacity: 0;
}
}
@media (max-width: 600px) {
.btn {
width: 100%;
font-size: 14px;
}
}
.section {
margin-bottom: 100px;
}
.section__title {
font-weight: 400;
font-size: 50px;
line-height: 130%;
color: var(--text-blue);
margin-bottom: 50px;
}
.section__title span {
color: var(--main);
}
.section__btn {
margin: auto;
margin-top: 50px;
}
@media (max-width: 1200px) {
.section {
margin-bottom: 80px;
}
.section__title {
font-size: 44px;
}
}
@media (max-width: 1000px) {
.section__title {
font-size: 38px;
}
}
@media(max-width: 800px){
.section__title{
margin-bottom: 40px;
}
.section__btn{
margin-top: 30px;
}
}
@media (max-width: 600px) {
.section{
margin-bottom: 50px;
}
.section__btn{
margin-top: 20px;
}
.section__title {
font-size: 32px;
margin-bottom: 30px;
}
.services .section__title,
.programms .section__title,
.specialists .section__title{
margin-bottom: 20px;
}
}
@media (max-width: 400px) {
.section__title {
font-size: 26px;
}
}
.nav {
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
align-items: center;
list-style-type: none;
padding-left: 0px;
position: relative;
}
.nav__submenu {
position: absolute;
top: 40px;
background: var(--background);
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
padding: 20px 30px;
border-radius: 20px;
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
width: 300px;
opacity: 0;
pointer-events: none;
transform: translateY(-10px);
transition: all 0.2s ease;
flex-direction: column;
row-gap: 2px;
}
.services-menu .nav__submenu{
width: 800px;
flex-direction: row;
row-gap: unset;
}
.nav__submenu .submenu__col {
display: flex;
row-gap: 20px;
flex: 1;
flex-direction: column;
}
.nav__submenu .submenu__item {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.nav__submenu .submenu__parent {
font-weight: 600;
font-size: 16px;
color: var(--text-blue);
}
.nav__submenu .submenu__children {
display: flex;
flex-direction: column;
row-gap: 0px;
}
.nav__submenu .submenu__child {
padding: 4px 0px;
}
.nav__submenu .submenu__divider {
width: 2px;
height: inherit;
background: var(--light);
}
.nav__top {
display: flex;
-moz-column-gap: 6px;
column-gap: 6px;
align-items: center;
}
.nav__item {
padding: 12px 0px;
}
.nav__item:hover .nav__submenu {
opacity: 1;
transform: translateY(0px);
pointer-events: all;
}
.nav__item:hover .nav__top > a {
color: var(--accent);
}
.nav__item:hover .nav__top > svg {
transform: rotate(-90deg);
}
.nav__item:hover .nav__top > svg path {
stroke: var(--accent);
}
.nav__item .nav__top > svg {
transition: all 0.3s ease;
}
.nav__item .nav__top > svg path {
transition: all 0.2s ease;
}
.nav__item a {
font-size: 14px;
display: block;
}
.header {
margin: 20px 0px 40px;
}
.header__container {
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: #fff;
border-radius: 50px;
padding: 15px 25px;
position: fixed;
z-index: 9;
top: 25px;
left: 0px;
right: 0px;
}
.header__right {
display: flex;
align-items: center;
-moz-column-gap: 20px;
column-gap: 20px;
}
.header__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.header__phone {
font-size: 16px;
color: var(--text-blue);
transition: all 0.2s linear;
position: relative;
}
.header__phone_icon {
display: none;
}
.header__phone::after {
content: "";
width: 0px;
height: 1px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
display: block;
position: absolute;
background: var(--accent);
transition: all 0.2s ease;
}
.header__phone:hover {
padding-bottom: 8px;
}
.header__phone:hover::after {
width: 100%;
}
.header .mobile-menu-toggler {
display: none;
align-items: center;
}
.header__nav .header__btn {
display: none;
}
.header__btn {
background: var(--light);
flex-shrink: 0;
}
.header__btn::before{
content: "";
position: absolute;
top: 0;
left: -100px;
width: 50px;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transform: skewX(-25deg);
opacity: 0;
animation: btn-shine 5s ease-in-out infinite;
}
.header-mob__top {
display: none;
}
@media(max-width: 1300px){
.nav{
column-gap: 16px;
}
.header__logo{
max-width: 180px;
}
}
@media (max-width: 1200px) {
.header .mobile-menu-toggler {
display: flex;
flex-direction: column;
row-gap: 4px;
width: 40px;
height: 40px;
justify-content: center;
cursor: pointer;
transition: all 0.15s linear;
}
.header .mobile-menu-toggler:hover {
transform: scale(0.9);
}
.header .mobile-menu-toggler .line {
width: 30px;
height: 3px;
border-radius: 20px;
background-color: var(--main);
transition: all 0.2s ease;
}
.header .mobile-menu-toggler.clicked .line_middle {
display: none;
}
.header .mobile-menu-toggler.clicked .line_top {
transform: translateY(4px) rotate(45deg);
}
.header .mobile-menu-toggler.clicked .line_bottom {
transform: translateY(-4px) rotate(-45deg);
}
.nav {
display: flex;
position: absolute;
flex-direction: column;
background: white;
padding: 30px 40px;
right: 0px;
top: 90px;
border-radius: 20px;
width: 100%;
max-width: 600px;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
align-items: end;
opacity: 0;
transform: translateX(-100px);
pointer-events: none;
transition: all 0.3s linear;
z-index: 10;
}
.nav.clicked {
opacity: 1;
transform: translateX(0px);
pointer-events: all;
max-height: calc(100vh - 155px);
overflow: auto;
}
.nav .submenu {
width: 100%;
position: relative;
flex-direction: column;
row-gap: 4px;
top: 0px;
transform: none;
margin-top: 0px;
padding: 0px 15px;
overflow: hidden;
height: -moz-fit-content;
height: fit-content;
max-height: 0px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
}
.nav .submenu__divider {
display: none;
}
.nav .submenu__col {
row-gap: 4px;
flex: unset;
}
.nav .submenu__children {
max-height: 0px;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav .submenu__parent {
width: -moz-fit-content;
width: fit-content;
font-size: 14px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: block;
padding: 8px 0;
padding-right: 10px;
}
.nav .submenu__item {
position: relative;
row-gap: 0px;
}
.nav .submenu__item:not(.submenu__item_small)::after {
content: "+";
position: absolute;
right: 0px;
top: 15px;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
.nav .submenu__item.clicked::after {
transform: translateY(-50%) rotate(45deg);
}
.nav__top {
position: relative;
padding-right: 30px;
}
.nav__top svg {
display: none;
}
.nav__top::after {
content: "+";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s ease;
height: 12px;
}
.nav__top.clicked::after {
transform: translateY(-50%) rotate(45deg);
}
.nav__item {
width: 100%;
}
.nav__item:hover .nav__top > a {
color: var(--text-blue);
}
.nav__item.clicked .nav__top::after {
transform: rotate(45deg) translateY(-50%);
}
}
@media (max-width: 800px) {
main{
margin-top: 125px;
}
.header {
margin-top: 0px;
margin-bottom: 20px;
}
.header__container {
padding-right: 80px;
top: 50px;
transition: top 0.3s ease;
}
.header.header--scrolled .header__container{
top: 10px;
}
.header .mobile-menu-toggler {
position: absolute;
right: 15px;
top: 0px;
bottom: 0px;
margin: auto;
}
.header__right {
flex-direction: column;
row-gap: 4px;
text-align: end;
}
.header__btn {
width: 100%;
height: 40px;
font-size: 14px;
}
.header__phone {
display: none;
}
.header-mob__top {
margin-bottom: 15px;
width: 100%;
top: 0px;
display: flex;
justify-content: space-between;
padding: 10px 10px;
background: var(--main);
}
.header-mob__location, .header-mob__phone {
display: flex;
-moz-column-gap: 3px;
column-gap: 3px;
align-items: center;
}
.header-mob__location svg, .header-mob__phone svg {
width: 14px;
height: 14px;
}
.header-mob__location, .header-mob__phone a {
font-weight: 400;
font-size: 14px;
color: #fff;
}
}
@media (max-width: 600px) {
main {
margin-top: 104px;
}
.header__logo {
width: 160px;
}
}
@media (max-width: 500px) {
.header__container {
padding-right: 65px;
}
.header__nav .header__btn {
display: flex;
margin-top: 30px;
}
.header__logo {
width: 150px;
}
.header__btn {
font-size: 12px;
padding: 5px 14px;
}
.nav {
top: 70px;
padding: 10px 20px;
}
}
@media (max-width: 400px) {
.header__logo {
width: 110px;
}
.header__container {
padding-right: 50px;
}
.header .mobile-menu-toggler {
row-gap: 3px;
right: 8px;
}
.header .mobile-menu-toggler .line {
width: 22px;
height: 2px;
}
.header .mobile-menu-toggler.clicked .line_top {
transform: translateY(1px) rotate(45deg);
}
.header .mobile-menu-toggler.clicked .line_bottom {
transform: translateY(-4px) rotate(-45deg);
}
} .main__row {
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
flex-wrap: wrap;
}
.main__image {
aspect-ratio: 500/738;
width: auto;
height: 100%;
max-width: 500px;
border-radius: 20px;
overflow: hidden;
}
.main__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.main-info {
flex: 1;
border-radius: 20px;
padding: 40px;
background-color: white;
}
.main-info__image {
display: none;
}
.main__tag {
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
border-radius: 35px;
padding: 10px;
background: var(--background);
padding-left: 29px;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.main__tag::before {
content: "";
position: absolute;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: #d4aa69;
display: block;
left: 10px;
top: 0px;
bottom: 0px;
margin: auto;
}
.main__title {
font-weight: 500;
font-size: 65px;
line-height: 100%;
color: var(--text-blue);
margin: 35px 0px;
}
.main__title span {
color: var(--main);
}
.main__text {
max-width: 588px;
margin-bottom: 35px;
}
.main__btns {
display: flex;
-moz-column-gap: 16px;
column-gap: 16px;
margin-bottom: 35px;
}
.main__btns .main__btn.btn_accent{
font-size: 16px;
}
.main__cards {
display: flex;
-moz-column-gap: 35px;
column-gap: 35px;
flex-wrap: wrap;
}
.main-card {
width: calc((100% - 70px) / 3);
border-radius: 20px;
padding: 20px;
background-color: var(--background);
}
.main-card__title {
font-weight: 400;
font-size: 50px;
line-height: 100%;
color: var(--text-blue);
margin-bottom: 12px;
}
.main-card__text {
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
}
@media (max-width: 1200px) {
.main-info__top {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
margin-bottom: 35px;
}
.main-info__image {
display: flex;
aspect-ratio: 1/1;
height: auto;
width: 50%;
border-radius: 20px;
overflow: hidden;
}
.main-info__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.main__title {
font-size: 54px;
}
.main__image {
display: none;
}
}
@media (max-width: 1000px) {
.main-info {
padding: 24px;
}
.main__tag, .main__text {
margin-bottom: 24px;
}
.main__title {
font-size: 44px;
margin-top: 24px;
margin-bottom: 24px;
}
}
@media (max-width: 800px) {
.main-info {
width: 100%;
}
.main-info__top {
flex-direction: column;
}
.main-info__image {
width: 100%;
height: 300px;
}
.main__cards {
-moz-column-gap: 12px;
column-gap: 12px;
}
.main-card {
width: calc((100% - 24px) / 3);
}
.main-card__title {
font-size: 42px;
}
}
@media (max-width: 600px) {
.main__tag {
font-size: 14px;
}
.main__title {
font-size: 34px;
}
.main__cards{
row-gap: 10px;
}
.main-card {
width: 100%;
flex: 1;
text-align: center;
}
.main-card__title {
font-size: 36px;
}
.main__btns {
flex-direction: column;
row-gap: 12px;
}
.main__btn {
width: 100%;
}
.main__btns {
margin-bottom: 24px;
}
}
@media(max-width: 500px){
.main-card__title{
font-size: 20px;
margin-bottom: 4px;
}
.main-card__text{
font-size: 12px;
}
.main-card{
padding: 20px 10px;
}
}
@media (max-width: 400px) {
.main__title {
margin-top: 12px;
margin-bottom: 12px;
font-size: 28px;
}
.main-info {
padding: 24px 12px;
}
.main__tag {
margin-bottom: 12px;
}
} .why-us .container {
position: relative;
}
.why-us__list {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.why-us__decor {
position: absolute;
bottom: -70px;
left: -80px;
z-index: -1;
}
.why-us-card {
width: calc((100% - 30px) / 2);
background-color: white;
border-radius: 20px;
padding: 25px 20px;
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
}
.why-us-card__number {
flex-shrink: 0;
width: 91px;
height: 91px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--light);
font-weight: 400;
font-size: 30px;
color: var(--main);
text-align: center;
border-radius: 50%;
}
.why-us-card__content {
flex: 1;
}
.why-us-card__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
margin-bottom: 16px;
}
.why-us-card__text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
}
@media (max-width: 1200px) {
.why-us__list {
flex-direction: column;
}
.why-us-card {
width: 100%;
}
}
@media (max-width: 800px) {
.why-us__list {
row-gap: 24px;
}
.why-us-card__title {
font-size: 20px;
margin-bottom: 12px;
}
.why-us-card__text {
font-size: 16px;
}
}
@media (max-width: 600px) {
.why-us__list {
row-gap: 12px;
}
.why-us-card {
-moz-column-gap: 10px;
column-gap: 10px;
padding: 20px 10px;
}
.why-us-card__title {
font-size: 18px;
margin-bottom: 6px;
}
.why-us-card__number {
width: 70px;
height: 70px;
}
}
@media (max-width: 400px) {
.why-us-card__number {
width: 50px;
height: 50px;
font-size: 22px;
}
.why-us-card__text {
font-size: 14px;
}
} .services .container,
.programms .container {
position: relative;
}
.services-swiper-pagination,
.programms-swiper-pagination {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
bottom: 100px !important;
display: flex;
justify-content: center;
z-index: 1;
}
.services-swiper-pagination .swiper-pagination-bullet,
.programms-swiper-pagination .swiper-pagination-bullet {
border: 2px solid var(--accent);
background-color: transparent;
}
.services-swiper-pagination .swiper-pagination-bullet-active,
.programms-swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--accent);
}
.services__slider,
.programms__slider {
overflow: visible !important;
position: relative;
padding-bottom: 50px !important;
padding-top: 10px !important;
}
.services__slider .swiper-wrapper,
.programms__slider .swiper-wrapper {
align-items: stretch;
}
.services__slider .swiper-slide,
.programms__slider .swiper-slide {
width: 359px;
flex-shrink: 0;
margin-right: 30px;
}
.services__slider .swiper-slide:last-child,
.programms__slider .swiper-slide:last-child {
margin-right: 0;
}
.services__slider .swiper-pagination,
.programms__slider .swiper-pagination {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
bottom: 0px;
z-index: 1;
}
.services__slider .swiper-pagination-bullet,
.programms__slider .swiper-pagination-bullet {
border: 2px solid var(--accent);
background-color: transparent;
}
.services__slider .swiper-pagination-bullet-active,
.programms__slider .swiper-pagination-bullet-active {
background-color: var(--accent);
}
.services__list,
.direction-cards{
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.services__slider .service-card,
.programms__slider .service-card,
.services__list .service-card,
.service-card {
width: 359px;
border-radius: 20px;
padding: 30px;
background-color: white;
display: flex;
flex-direction: column;
row-gap: 25px;
transition: all 0.4s ease;
height: auto;
justify-content: space-between;
}
.direction-cards .service-card{
width: calc((100% - 48px) / 3);
}
.services__list .service-card{
width: calc((100% - 48px) / 3);
}
.services__slider .service-card:hover,
.programms__slider .service-card:hover,
.services__list .service-card:hover,
.service-card:hover {
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
transform: translateY(-4px);
}
.services__slider .service-card:hover .service-card__title,
.programms__slider .service-card:hover .service-card__title,
.services__list .service-card:hover .service-card__title,
.service-card__title {
color: var(--hover-color);
}
.services__slider .service-card__top,
.programms__slider .service-card__top,
.services__list .service-card__top,
.service-card__top {
display: flex;
flex-direction: column;
row-gap: 25px;
}
.services__slider .service-card__bottom,
.programms__slider .service-card__bottom,
.services__list .service-card__bottom,
.service-card__bottom{
display: flex;
justify-content: space-between;
-moz-column-gap: 16px;
column-gap: 16px;
}
.services__slider .service-card__days,
.programms__slider .service-card__days,
.services__list .service-card__days,
.service-card__days {
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
}
.services__slider .service-card__days span,
.programms__slider .service-card__days span,
.services__list .service-card__days span,
.service-card__days span {
font-size: 22px;
color: var(--accent);
}
.services__slider .service-card__icon,
.programms__slider .service-card__icon,
.services__list .service-card__icon,
.service-card__icon {
width: 70px;
height: 70px;
border-radius: 50%;
background-color: var(--light);
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.services__slider .service-card__image,
.programms__slider .service-card__image,
.services__list .service-card__icon,
.service-card__image {
aspect-ratio: 286/263;
border-radius: 15px;
overflow: hidden;
}
.services__slider .service-card__image img,
.programms__slider .service-card__image img,
.services__list .service-card__image img,
.service-card__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.services__slider .service-card__title,
.programms__slider .service-card__title,
.services__list .service-card__title,
.service-card__title {
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
transition: all 0.2s linear;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.services__slider .service-card__text,
.programms__slider .service-card__text,
.services__list .service-card__text,
.service-card__text {
color: var(--text-grey);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.services__slider .service-card__link,
.programms__slider .service-card__link,
.services__list .service-card__link,
.service-card__link {
font-weight: 600;
font-size: 16px;
color: var(--main);
display: flex;
align-items: center;
-moz-column-gap: 10px;
column-gap: 10px;
transition: all 0.2s ease;
}
.services__slider .service-card:hover .service-card__link,
.programms__slider .service-card:hover .service-card__link,
.services__list .service-card:hover .service-card__link,
.service-card:hover .service-card__link{
color: var(--hover-color);
}
.services__full-link,
.programms__full-link {
font-weight: 600;
font-size: 16px;
text-align: right;
color: var(--accent);
width: 100%;
display: block;
margin-top: 20px;
}
.services__full-link:hover,
.programms__full-link:hover{
filter: brightness(0.8);
}
.services-swiper-pagination {
bottom: 40px !important;
z-index: 1;
}
.programms-swiper-btns{
display: none;
}
@media (max-width: 1200px) {
.services__slider,
.programms__slider {
width: 100%;
padding-right: 0px !important;
}
.services .service-card__title,
.programms .service-card__title,
.services__list .service-card__title,
.service-card__title {
font-size: 20px;
}
.services .service-card__text,
.programms .service-card__text,
.service-card__text {
font-size: 16px;
}
.services__list .service-card,
.service-card{
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 800px) {
.programms-swiper-btns{
display: flex;
}
.services__slider .swiper-slide{
margin-right: 0px;
}
.programms__slider {
padding-bottom: 40px !important;
}
.services__slider{
padding-bottom: 0px !important;
}
.services__slider .swiper-wrapper{
display: flex;
flex-direction: column;
row-gap: 12px;
align-items: center;
}
.programms-swiper__btn_next{
right: 10px;
}
.programms-swiper__btn_prev{
left: 10px;
}
.services__slider .swiper-slide,
.service-card{
width: 100%;
}
.services__slider .service-card,
.programms__slider .service-card,
.services__list .service-card,
.service-card {
padding: 20px;
row-gap: 24px;
}
.services__slider .service-card{
max-width: 600px;
}
.services__slider .service-card__top,
.programms__slider .service-card__top,
.services__list .service-card__top,
.service-card__top {
row-gap: 12px;
}
.services__slider .service-card:hover,
.programms__slider .service-card:hover,
.services__list .service-card__top:hover,
.service-card__top:hover {
transform: scale(1);
}
.services__list .service-card{
width: 100%;
}
.services .section__btn{
margin-top: 40px;
}
.programms-swiper-pagination{
bottom: 74px !important;
}
.programms__slider{
padding-bottom: 14px !important;
}
}
@media (max-width: 600px) {
.services__full-link {
font-size: 14px;
}
} .directions__list {
display: flex;
gap: 30px;
}
.directions__list_top {
margin-bottom: 30px;
}
.directions__list .direction {
border-radius: 20px;
padding: 30px 30px 0px;
display: flex;
-moz-column-gap: 12px;
column-gap: 12px;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: #fff;
flex: 1;
}
.directions__list .direction_unique {
flex: unset;
width: 52%;
padding: 30px 0px 0px 30px;
flex-shrink: 0;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: radial-gradient(91.5% 91.5% at -17.37% 123.95%, rgba(174, 160, 174, 0.5) 0%, rgba(174, 160, 174, 0.01) 100%), radial-gradient(136.76% 136.76% at 73.53% 116.53%, rgba(212, 170, 105, 0.3) 0%, rgba(212, 170, 105, 0) 100%), radial-gradient(114.93% 114.93% at 3.08% 6.72%, #edeaf6 0%, rgba(237, 234, 246, 0) 100%);
}
.directions__list .direction_unique .direction-item {
width: calc((100% - 16px) / 2);
}
.directions__list .direction__image {
display: flex;
align-items: end;
}
.directions__list .direction__image img {
-o-object-fit: contain;
object-fit: contain;
}
.directions__list .direction__items {
display: flex;
flex-wrap: wrap;
gap: 16px;
padding-bottom: 30px;
}
.directions__list .direction__title {
font-family: var(--font-family);
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
margin-bottom: 25px;
}
.directions__list .direction-item {
width: 100%;
}
.directions__list .direction-item a {
display: block;
width: -moz-fit-content;
width: fit-content;
border-radius: 35px;
padding: 10px;
background-color: var(--background);
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
padding-left: 28px;
position: relative;
transition: all 0.3s ease;
}
.directions__list .direction-item a:hover {
color: white;
background-color: var(--hover-color);
transform: scale(0.94);
}
.directions__list .direction-item a:hover::before {
background-color: white;
}
.directions__list .direction-item a::before {
content: "";
width: 11px;
height: 11px;
left: 10px;
top: 0px;
bottom: 0px;
margin: auto;
background-color: var(--accent);
border-radius: 50%;
position: absolute;
display: block;
transition: all 0.2s linear;
}
.directions__list .direction_last {
width: 680px;
flex-shrink: 0;
flex-direction: column;
row-gap: 25px;
background-color: var(--light);
flex: unset;
padding: 30px;
}
.directions__list .direction_last .direction__icon {
width: 65px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
}
.directions__list .direction_last .direction__title {
margin-bottom: 0px;
}
.directions__list .direction_last .direction__top {
display: flex;
align-items: center;
-moz-column-gap: 10px;
column-gap: 10px;
}
.directions__list .direction_last .direction__bottom {
display: flex;
-moz-column-gap: 16px;
column-gap: 16px;
align-items: center;
}
.directions__list_bottom .direction-item {
width: auto;
}
@media (max-width: 1400px) {
.directions__list .direction-item a {
font-size: 14px;
}
}
@media (max-width: 1300px) {
.directions__list {
flex-direction: column;
row-gap: 24px;
}
.directions__list .direction-item {
width: -moz-fit-content;
width: fit-content;
}
.directions__list .direction-item a {
font-size: 14px;
}
.directions__list .direction_unique {
width: 100%;
padding: 30px 30px 0px 30px;
}
.directions__list .direction_unique .direction-item {
width: -moz-fit-content;
width: fit-content;
}
.directions__list .direction_last {
width: 100%;
}
}
@media (max-width: 1200px) {
.directions__list .direction__title {
font-size: 20px;
}
}
@media (max-width: 600px) {
.directions__list .direction {
padding: 15px;
}
.directions__list .direction__items {
gap: 12px;
padding-bottom: 0px;
}
.directions__list .direction__title {
margin-bottom: 12px;
font-size: 18px;
}
.directions__list .direction_last {
padding-bottom: 15px;
row-gap: 10px;
}
.directions__list .direction_icon {
width: 55px;
height: 55px;
}
.directions__list .direction .btn {
width: -moz-fit-content;
width: fit-content;
}
.directions__list .direction_unique {
flex-direction: column;
row-gap: 10px;
align-items: center;
padding-bottom: 0px;
}
.directions__list .direction__image img {
max-height: 250px;
}
}
@media (max-width: 400px) {
.directions__list .direction_last .direction__bottom {
flex-direction: column;
row-gap: 24px;
}
.directions__list .direction .btn {
width: 100%;
}
} .about__row {
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
}
.about__image {
width: 548px;
flex-shrink: 0;
padding: 30px;
height: auto;
border-radius: 20px;
position: relative;
background: radial-gradient(91.5% 91.5% at -17.37% 123.95%, rgba(174, 160, 174, 0.5) 0%, rgba(174, 160, 174, 0.01) 100%), radial-gradient(136.76% 136.76% at 73.53% 116.53%, rgba(212, 170, 105, 0.3) 0%, rgba(212, 170, 105, 0) 100%), radial-gradient(114.93% 114.93% at 3.08% 6.72%, #edeaf6 0%, rgba(237, 234, 246, 0) 100%);
}
.about .about__slider{
height: 100%;
width: 100%;
border-radius: 20px;
}
.about .about-swiper-pagination {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
bottom: -30px !important;
display: flex;
justify-content: center;
z-index: 1;
}
.about-swiper-pagination .swiper-pagination-bullet {
border: 2px solid var(--accent);
background-color: transparent;
}
.about-swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--accent);
}
.about__slider .swiper-slide{
opacity: 0;
transition: all 0.3s ease;
}
.about__slider .swiper-slide img{
border-radius: 20px;
height: 100%;
width: 100%;
object-fit: cover;
}
.about__slider .swiper-slide-active{
opacity: 1;
}
.about__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.about__content {
flex: 1;
border-radius: 20px;
padding: 42px 30px;
background-color: white;
}
.about__title {
font-weight: 400;
font-size: 35px;
color: var(--text-blue);
margin-bottom: 30px;
}
.about__title span {
color: var(--main);
}
.about__text {
margin-bottom: 30px;
}
.about__list {
display: flex;
flex-direction: column;
row-gap: 30px;
padding-left: 0px;
list-style-type: none;
}
.about-item {
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
}
.about-item__icon {
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 54px;
height: 54px;
flex-shrink: 0;
}
.about-item__title {
font-weight: 500;
font-size: 20px;
color: var(--text-blue);
margin-bottom: 8px;
}
.about-item__text {
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
}
@media (max-width: 1200px) {
.about__image {
width: 400px;
}
}
@media (max-width: 1000px) {
.about__row {
flex-direction: column;
row-gap: 40px;
align-items: center;
}
.about .about-swiper-pagination{
bottom: -20px !important;
}
.about__image {
width: 100%;
max-width: 700px;
}
.about__title {
font-size: 30px;
margin-bottom: 24px;
}
.about__text {
margin-bottom: 24px;
font-size: 16px;
}
.about-item__icon {
width: 46px;
height: 46px;
}
.about-item__icon svg {
width: 20px;
}
.about-item__title {
font-size: 18px;
}
.about-item__text {
font-size: 16px;
}
}
@media (max-width: 600px) {
.about__content {
padding: 20px;
}
.about__list {
row-gap: 24px;
}
.about__title {
font-size: 26px;
}
.about-item__text {
font-size: 16px;
}
.about__image {
padding: 0px;
background: none;
}
.about .about-swiper__btn{
transform: scale(0.8);
}
.about .about-swiper__btn_next{
right: 10px;
}
.about .about-swiper__btn_prev{
left: 10px;
}
.about-swiper__btn:hover{
transform: scale(0.76);
}
.about .swiper-btns .swiper__btn.clicked{
transform: scale(0.7);
}
.about .swiper-btns .swiper__btn.swiper-button-disabled{
opacity: 0.6;
transform: scale(0.7);
}
}
@media (max-width: 400px) {
.about__title {
font-size: 24px;
}
.about__text {
font-size: 14px;
}
.about-item__text {
font-size: 14px;
}
} .form-block__inner {
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
}
.form-block__col {
flex: 1;
border-radius: 20px;
}
.form-block__col.image {
flex: unset;
width: 549px;
height: auto;
background: radial-gradient(91.5% 91.5% at -17.37% 123.95%, rgba(174, 160, 174, 0.5) 0%, rgba(174, 160, 174, 0.01) 100%), radial-gradient(136.76% 136.76% at 73.53% 116.53%, rgba(212, 170, 105, 0.3) 0%, rgba(212, 170, 105, 0) 100%), radial-gradient(114.93% 114.93% at 3.08% 6.72%, #edeaf6 0%, rgba(237, 234, 246, 0) 100%);
padding: 30px;
}
.form-block__col.image img {
border-radius: 20px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.form-block__col.text {
padding: 42px 30px;
background-color: white;
}
.form-block__title {
font-weight: 400;
font-size: 35px;
color: var(--text-blue);
margin-bottom: 30px;
}
.form-block__title span {
color: var(--main);
}
.form-block__text {
margin-bottom: 30px;
}
.form-block .formdesigner-widget {
margin: 0px;
}
@media (max-width: 1200px) {
.form-block__col.image {
width: 40%;
}
}
@media (max-width: 1000px) {
.form-block__title {
font-size: 32px;
}
.form-block__inner {
flex-direction: column;
row-gap: 20px;
align-items: center;
}
.form-block__col.image {
width: 100%;
max-width: 700px;
order: -1;
}
}
@media (max-width: 600px) {
.form-block__col.text {
padding: 20px;
}
.form-block__col.image {
padding: 0px;
background: none;
}
.form-block__title {
font-size: 26px;
margin-bottom: 12px;
}
.form-block__text {
margin-bottom: 12px;
}
}
@media (max-width: 400px) {
.form-block__title {
font-size: 24px;
}
}
.specialists .container {
position: relative;
}
.specialists__list{
display: flex;
column-gap: 30px;
row-gap: 30px;
flex-wrap: wrap;
}
.specialists-swiper-pagination {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
bottom: 70px !important;
display: flex;
justify-content: center;
z-index: 1;
}
.specialists-swiper-btns{
display: none;
}
.specialists-swiper-pagination .swiper-pagination-bullet {
border: 2px solid var(--accent);
background-color: transparent;
}
.specialists-swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--accent);
}
.specialists__slider {
position: relative;
padding-bottom: 0px !important;
padding-top: 10px !important;
}
.specialists__full-link{
font-weight: 600;
font-size: 16px;
text-align: right;
color: var(--accent);
width: 100%;
display: block;
margin-top: 80px;
}
.specialists__full-link:hover{
filter: brightness(0.8);
}
.specialists__slider .specialist,
.specialists__list .specialist {
border-radius: 20px;
padding: 30px;
background-color: white;
height: auto;
transition: all 0.3s ease;
}
.specialists__list .specialist:hover,
.specialists__slider .specialist:hover{
transform: translateY(-4px);
}
.specialists__list .specialist:hover .specialist__title,
.specialists__slider .specialist:hover .specialist__title{
color: var(--accent);
}
.specialists__list .specialist{
width: calc((100% - 90px) / 4);
}
.specialists__slider .specialist__image,
.specialists__list .specialist__image {
aspect-ratio: 1/1;
height: auto;
width: 100%;
border-radius: 15px;
overflow: hidden;
margin-bottom: 25px;
}
.specialists__slider .specialist__image img,
.specialists__list .specialist__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.specialists__slider .specialist__title,
.specialists__list .specialist__title {
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
margin-bottom: 25px;
transition: color 0.2s linear;
}
.specialists__slider .specialist__info,
.specialists__list .specialist__info {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.specialists__slider .specialist__work,
.specialists__list .specialist__work {
font-weight: 600;
font-size: 16px;
color: var(--accent);
}
.specialists__slider .specialist__specialisation,
.specialists__list .specialist__specialisation {
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
}
@media(max-width: 1200px){
.specialists__list .specialist{
width: calc((100% - 60px) / 3);
}
}
@media(max-width: 1000px){
.specialists__list .specialist{
width: calc((100% - 30px) / 2);
}
}
@media (max-width: 800px) {
.specialists-swiper-btns{
display: flex;
}
.specialists__slider .specialist__title,
.specialists__list .specialist__title {
font-size: 20px;
margin-bottom: 16px;
}
.specialists__slider .specialist__info,
.specialists__list .specialist__info {
row-gap: 4px;
}
.specialists__slider .specialist__image,
.specialists__list .specialist__image {
margin-bottom: 16px;
}
.specialists-swiper__btn_next{
right: 10px;
}
.specialists-swiper__btn_prev{
left: 10px;
}
.specialists__full-link{
margin-top: 60px;
}
.specialists-swiper-pagination{
bottom: 50px !important;
}
}
@media(max-width: 600px){
.specialists__list{
column-gap: 12px;
row-gap: 12px;
}
.specialists__list .specialist{
width: calc((100% - 12px) / 2);
}
.specialists__list .specialist{
padding: 20px;
}
}
@media (max-width: 500px) {
.specialists__slider .specialist,
.specialists__list .specialist {
padding: 20px;
}
.specialists__slider .specialist__title,
.specialists__list .specialist__title {
font-size: 18px;
}
.specialists__list .specialist{
width: 100%;
}
}
@media(max-width: 400px){
.specialists__slider .specialist__title,
.specialists__list .specialist__title{
font-size: 16px;
margin-bottom: 10px;
}
.specialists__slider .specialist__work,
.specialists__list .specialist__work,
.specialists__slider .specialist__specialisation
.specialists__list .specialist__specialisation{
font-size: 14px;
}
.specialists__slider .specialist,
.specialists__list .specialist{
padding: 20px 10px;
}
} .stocks .container {
position: relative;
}
.stocks-swiper-pagination {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
bottom: -10px !important;
display: flex;
justify-content: center;
z-index: 1;
}
.stocks-swiper-pagination .swiper-pagination-bullet {
border: 2px solid var(--accent);
background-color: transparent;
}
.stocks-swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--accent);
}
.stocks__decor {
position: absolute;
right: -132px;
top: 0px;
z-index: -1;
}
.stocks__slider {
overflow: hidden;
padding-top: 10px;
padding-bottom: 50px !important;
}
.stocks__slider .swiper-slide {
display: flex;
gap: 30px;
height: auto;
}
.stocks__slider .stock-object__image {
width: 550px;
height: auto;
flex-shrink: 0;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.stocks__slider .stock-object__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.stocks__slider .stock-object__content {
border-radius: 20px;
padding: 30px;
flex: 1;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 20px;
}
.stocks__slider .stock-object__title {
font-weight: 400;
font-size: 35px;
color: var(--text-blue);
margin-bottom: 25px;
}
.stocks__slider .stock-object__title span {
color: var(--main);
}
.stocks__slider .stock-object__text {
margin-bottom: 25px;
}
.stocks__slider .stock-object__stock-label {
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 25px;
display: flex;
align-items: center;
}
.stocks-swiper-btns{
display: none;
}
@media (max-width: 1400px) {
.stocks__slider .stock-object__image {
width: 450px;
}
}
@media (max-width: 1200px) {
.stocks__slider .stock-object__image {
width: 350px;
}
.stocks__slider .stock-object__title {
font-size: 30px;
}
.stocks__slider .stock-object__stock-label {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.stocks__slider .stock-object__image {
width: 350px;
}
}
@media (max-width: 1000px) {
.stocks__slider .stock-object {
flex-direction: column;
align-items: center;
}
.stocks__slider .stock-object__image {
width: 100%;
max-width: 600px;
}
.stocks__slider .stock-object__title {
font-size: 28px;
}
}
@media(max-width: 800px){
.stocks-swiper-btns{
display: flex;
}
.stocks__slider{
padding-bottom: 14px !important;
}
.stocks-swiper__btn{
bottom: unset;
top: 50%;
}
.stocks-swiper__btn_next{
right: 10px;
}
.stocks-swiper__btn_prev{
left: 10px;
}
}
@media (max-width: 600px) {
.stocks__slider .stock-object {
row-gap: 10px;
}
.stocks__slider .stock-object__content {
padding: 15px 20px;
}
.stocks__slider .stock-object__text, .stocks__slider .stock-object__title {
margin-bottom: 12px;
}
.stocks__slider .stock-object__title {
font-size: 26px;
}
.stocks__slider .stock-object__stock-label {
font-size: 18px;
}
.stocks__decor {
transform: scale(0.7);
}
.swiper-btns .swiper__btn{
width: 46px;
height: 46px;
}
.swiper-btns .swiper__btn img{
width: 10px;
}
}
@media(max-width: 500px){
.stocks-swiper__btn {
top: 50;
}
}
@media(max-width: 400px){
.stocks-swiper__btn {
top: 50;
}
}
.custom-text img {
border-radius: 20px;
max-width: 50%;
float: right;
margin: 10px;
height: auto;
}
.custom-text .container {
border-radius: 20px;
padding: 30px;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: #fff;
position: relative;
}
.custom-text__decor{
position: absolute;
z-index: -1;
right: -100px;
bottom: -84px;
}
.custom-text__title {
font-weight: 400;
font-size: 35px;
color: var(--text-blue);
margin-bottom: 30px;
}
.custom-text__title span {
color: var(--main);
}
.custom-text p {
margin-bottom: 30px;
}
.custom-text h2 {
margin-bottom: 30px;
font-weight: 500;
font-size: 26px;
color: var(--text-blue);
}
.custom-text strong,
.custom-text b{
color: var(--text-blue);
}
.custom-text h3 {
margin-bottom: 30px;
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
}
.custom-text ul {
display: flex;
flex-direction: column;
row-gap: 10px;
list-style-type: none;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 30px;
}
.custom-text ul li {
position: relative;
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
padding: 10px;
padding-left: 29px;
background-color: var(--background);
border-radius: 35px;
width: -moz-fit-content;
width: fit-content;
}
.custom-text ul li::before {
width: 11px;
height: 11px;
background-color: var(--accent);
display: block;
position: absolute;
left: 10px;
content: "";
top: 0px;
bottom: 0px;
margin: auto;
border-radius: 50%;
}
.custom-text span{
color: var(--main);
}
.custom-text blockquote{
border-left: 2px solid var(--accent);
margin: 0px;
padding: 20px 0px 20px 20px;
border-radius: 10px;
color: var(--accent);
font-style: italic;
}
.custom-text blockquote p{
margin: 0px;
}
@media (max-width: 1200px) {
.custom-text__title {
font-size: 30px;
}
}
@media (max-width: 1000px) {
.custom-text__title {
font-size: 26px;
}
}
@media (max-width: 800px) {
.custom-text img {
width: 100%;
margin: 10px 0px;
float: none;
max-width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.custom-text img, .custom-text ul, .custom-text h2, .custom-text h3, .custom-text p {
margin-bottom: 15px;
}
.custom-text h3 {
margin-top: 20px;
}
.custom-text ul li {
font-size: 14px;
}
.custom-text .container {
padding: 20px;
}
} .map__row {
display: flex;
-moz-column-gap: 30px;
column-gap: 30px;
align-items: center;
}
.map-contacts, .map__map {
width: calc((100% - 30px) / 2);
}
.map-contacts {
border-radius: 20px;
padding: 30px;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: #fff;
display: flex;
flex-direction: column;
row-gap: 30px;
}
.map-contacts .contacts-item {
border-radius: 20px;
padding: 20px 30px;
background: #f7f7fb;
display: flex;
-moz-column-gap: 20px;
column-gap: 20px;
align-items: center;
}
.map-contacts .contacts-item__icon {
width: 59px;
height: 59px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #edeaf6;
flex-shrink: 0;
}
.map-contacts .contacts-item__content {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.map-contacts .contacts-item__title {
font-weight: 500;
font-size: 22px;
color: var(--text-blue) !important;
}
.map-contacts a.contacts-item__title:hover{
color: var(--accent) !important;
}
.map-contacts .contacts-item a {
color: var(--text-grey);
}
.map-contacts .contacts-item a:hover {
color: var(--accent);
}
.map__map {
border-radius: 20px;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
overflow: hidden;
max-height: 299px;
height: 299px;
}
.map__map iframe {
width: 100%;
height: 100%;
}
.map .container{
position: relative;
}
.map__decor{
position: absolute;
bottom: -75px;
left: -64px;
z-index: -1;
}
@media (max-width: 1200px) {
.map__contacts .contacts-item__value {
font-size: 18px;
}
}
@media (max-width: 1000px) {
.map__row {
flex-direction: column;
row-gap: 24px;
}
.map-contacts, .map__map {
width: 100%;
}
.map__map {
height: 300px;
order: -1;
}
}
@media (max-width: 600px) {
.map-contacts {
padding: 10px;
}
.map-contacts .contacts-item {
padding: 15px 20px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.map-contacts .contacts-item__icon {
flex-shrink: 0;
}
.map-contacts .contacts-item__title {
font-size: 18px;
}
.map-contacts .contacts-item__value {
font-size: 16px;
}
.map__decor{
transform: scale(0.8);
}
}
@media (max-width: 400px) {
.map-contacts .contacts-item {
padding: 15px 10px;
}
.map-contacts .contacts-item__value {
font-size: 14px;
}
} .footer {
padding-top: 84px;
padding-bottom: 52px;
clear: both;
}
.footer a,
.footer span {
font-family: var(--font9);
font-weight: 400;
font-size: 14px;
line-height: normal;
color: #6d7073;
transition: all 0.2s ease;
}
.footer__container {
display: flex;
-moz-column-gap: 26px;
column-gap: 26px;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 50px;
border-bottom: 0.5px solid var(--accent);
}
.footer__map {
height: 250px;
width: 400px;
max-width: 100%;
}
.footer__map > div {
height: 100%;
width: 100%;
}
.footer__map > div iframe {
height: 100% !important;
width: 100% !important;
border-radius: 30px;
border: none;
}
.footer__info {
display: flex;
flex-direction: column;
width: 298px;
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
}
.footer__info p {
margin: 0px;
}
.footer__info a {
display: block;
}
.footer__logo {
aspect-ratio: 304/68;
width: 200px;
height: auto;
margin-bottom: 24px;
}
.footer__logo img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.footer__pol {
margin-bottom: 28px;
}
.footer__socs {
display: flex;
margin-top: 60px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.footer__socs img {
width: 30px;
height: 30px;
transition: all 0.3s ease;
-o-object-fit: contain;
object-fit: contain;
}
.footer__socs img:hover {
transform: scale(0.96);
}
.footer__menu {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
flex: 1;
max-width: 900px;
}
.footer__menu .footer-menu__col {
width: calc((100% - 72px) / 4);
}
.footer__menu .footer-menu__title {
font-weight: 500;
font-size: 16px;
color: var(--text-blue);
margin-bottom: 30px;
display: block;
}
.footer__menu ul {
list-style-type: none;
display: flex;
flex-direction: column;
row-gap: 15px;
margin: 0px;
padding: 0px;
}
.footer__menu ul li {
font-weight: 400;
font-size: 16px;
}
.footer__menu ul li a {
color: var(--text-grey);
}
.footer__menu ul li a:hover {
color: var(--accent);
}
.footer__email, .footer__location, .footer__phone {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
margin-bottom: 15px;
}
.footer__phone a, .footer__email a {
color: var(--text-grey);
}
.footer__phone a:hover, .footer__email a:hover {
color: var(--accent);
}
.footer__bottom {
padding-top: 50px;
padding-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-moz-column-gap: 24px;
column-gap: 24px;
}
.footer__bottom .copyright {
font-weight: 400;
font-size: 16px;
color: var(--main);
}
.footer__bottom .copyright span {
line-height: 171%;
letter-spacing: 0.03em;
}
.footer__bottom a {
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
align-content: center;
display: block;
}
.footer__bottom a:hover {
color: var(--accent);
}
@media (max-width: 1200px) {
.footer__container {
flex-direction: column;
row-gap: 40px;
}
.footer__info {
max-width: 100%;
width: 100%;
}
.footer__logo {
width: 240px;
margin-bottom: 24px;
}
.footer__pol {
margin-bottom: 16px;
}
.footer__menu {
max-width: 100%;
}
.footer__bottom {
flex-direction: column;
row-gap: 10px;
}
}
@media (max-width: 800px) {
.footer__container {
row-gap: 20px;
}
.footer__menu {
flex-wrap: wrap;
row-gap: 20px;
}
.footer__menu ul {
row-gap: 10px;
}
.footer__menu ul li {
font-size: 14px;
}
.footer__menu .footer-menu__col {
width: calc((100% - 24px) / 2);
}
.footer__menu .footer-menu__title {
margin-bottom: 15px;
}
.footer__email, .footer__location, .footer__phone {
font-size: 14px;
margin-bottom: 10px;
}
.footer__info {
font-size: 14px;
}
}
@media (max-width: 600px) {
.footer {
padding-top: 60px;
padding-bottom: 40px;
}
.footer__logo {
margin-bottom: 16px;
}
.footer__pol {
margin-bottom: 10px;
}
.footer__info {
max-width: 100%;
}
.footer__container {
row-gap: 20px;
padding-bottom: 20px;
}
.footer__menu {
flex-direction: column;
row-gap: 20px;
}
.footer__menu ul {
row-gap: 10px;
}
.footer__menu .footer-menu__col {
width: 100%;
}
.footer__menu .footer-menu__title {
margin-bottom: 14px;
}
.footer__menu .footer-menu ul {
row-gap: 10px;
}
.footer__email, .footer__location {
margin-top: 10px;
}
.footer__socs {
margin-top: 30px;
}
.footer__bottom {
padding-top: 20px;
}
.footer__bottom a,
.footer__bottom .copyright {
font-size: 14px;
}
} .overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background-color: var(--light);
z-index: 11;
cursor: pointer;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
}
.overlay.visible {
opacity: 0.9;
pointer-events: all;
}
.modal {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: white;
border-radius: 20px;
padding: 50px;
z-index: 12;
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
width: 1190px;
max-width: 96%;
max-height: 90%;
overflow-y: auto;
overflow-x: hidden;
opacity: 0;
transform: scale(0.6);
transition: all 0.3s ease;
pointer-events: none;
}
.modal.visible {
opacity: 1;
transform: scale(1);
pointer-events: all;
}
.modal__row {
display: flex;
-moz-column-gap: 60px;
column-gap: 60px;
}
.modal__content {
flex: 1;
}
.modal__image {
width: 447px;
height: auto;
border-radius: 20px;
overflow: hidden;
}
.modal__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.modal__title {
font-weight: 400;
font-size: 50px;
line-height: 130%;
color: var(--text-blue);
margin-bottom: 25px;
}
.modal__title span {
color: var(--main);
}
.modal__text {
margin-bottom: 25px;
}
.modal__close {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
transition: all 0.1s linear;
}
.modal__close svg {
width: 20px;
height: 20px;
}
.modal__close:hover {
transform: scale(1.1);
}
@media (max-width: 1200px) {
.modal__title {
font-size: 38px;
margin-bottom: 20px;
line-height: normal;
}
.modal__row {
gap: 30px;
}
.modal__image {
width: 350px;
}
}
@media (max-width: 1000px) {
.modal__title {
font-size: 34px;
}
.modal__image {
width: 280px;
}
}
@media (max-width: 800px) {
.modal__image {
display: none;
}
}
@media (max-width: 600px) {
.modal {
padding: 30px 40px;
}
.modal__close {
right: 6px;
}
.modal__title {
font-size: 30px;
}
}
@media (max-width: 400px) {
.modal {
padding: 30px 20px;
}
.modal__title {
font-size: 26px;
}
.modal__close {
top: 8px;
}
.modal__close svg {
width: 18px;
height: 18px;
}
} .not-found {
padding: 100px 0px;
}
.not-found__title {
font-weight: 500;
font-size: 65px;
line-height: 100%;
text-align: center;
color: var(--text-blue);
margin-bottom: 50px;
}
.not-found__text {
font-weight: 400;
font-size: 22px;
text-align: center;
color: var(--text-grey);
margin-bottom: 50px;
max-width: 1042px;
margin-left: auto;
margin-right: auto;
}
.not-found__btns {
display: flex;
gap: 16px;
justify-content: center;
align-items: center;
}
@media (max-width: 1200px) {
.not-found__title {
font-size: 44px;
}
}
@media (max-width: 1000px) {
.not-found__title {
font-size: 38px;
}
.not-found__text {
font-size: 18px;
max-width: 70%;
}
}
@media (max-width: 600px) {
.not-found {
padding: 60px 0px;
}
.not-found__title {
font-size: 32px;
margin-bottom: 20px;
}
.not-found__text {
font-size: 14px;
max-width: 100%;
margin-bottom: 20px;
}
.not-found__btns {
flex-direction: column;
}
.not-found__btns .btn {
width: -moz-fit-content;
width: fit-content;
min-width: 250px;
max-width: 100%;
}
} .contacts-page .container {
position: relative;
}
.contacts-page .map__col {
display: flex;
flex-direction: column;
row-gap: 30px;
height: auto;
width: calc((100% - 30px) / 2);
}
.contacts-page .map__map {
width: 100%;
flex: unset;
}
.contacts-page .map-form {
border-radius: 20px;
padding: 30px;
box-shadow: 0 4px 10px 0 rgba(165, 156, 203, 0.3);
background: #fff;
}
.contacts-page .map-form__title {
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
margin-bottom: 27px;
}
.contacts-page .map-form__text {
margin-bottom: 27px;
max-width: 458px;
}
.contacts-page__decor {
position: absolute;
right: -121px;
bottom: -80px;
z-index: -1;
}
@media (max-width: 1000px) {
.contacts-page .map__col {
width: 100%;
}
.contacts-page .map__map {
height: 300px;
flex: unset;
}
.contacts-page .formdesigner-widget {
margin: 0px;
}
}
@media (max-width: 600px) {
.contacts-page .map-form {
padding: 20px;
}
.contacts-page .map-form__title {
font-size: 20px;
margin-bottom: 12px;
}
.contacts-page .map-form__text {
margin-bottom: 16px;
}
} .breadcrumbs {
display: flex;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: 30px;
align-items: center;
flex-wrap: wrap;
row-gap: 6px;
}
.breadcrumbs a, .breadcrumbs span {
font-weight: 400;
font-size: 12px;
text-align: center;
color: var(--text-blue);
}
.breadcrumbs a:hover {
color: var(--accent);
}
.pagination{
display: flex;
justify-content: center;
column-gap: 10px;
margin-top: 30px;
flex-wrap: wrap;
row-gap: 8px;
}
.pagination .page-numbers{
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: var(--main);
border: none;
transition: all 0.3s ease;
font-size: 14px;
}
.pagination .page-numbers:not(.current):hover{
transform: scale(0.96);
color: var(--accent);
}
.pagination .page-numbers.current{
background: var(--light);
border-color: var(--light);
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev{
width: fit-content;
padding: 5px 0px;
}
@media(max-width: 600px){
.pagination .page-numbers{
font-size: 14px;
width: 30px;
height: 30px;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev{
display: none;
}
} #ai-text h2,
#ai-text .h3 {
color: var(--text-blue);
font-weight: 400;
}
#ai-text .stroke-hero div,
#ai-text .stroke-process__form div,
#ai-text .stroke-benefits__text,
#ai-text .stroke-results__text{
margin: 15px 0;
}
#ai-text .stroke-faq__item div{
margin: 15px;
}
#ai-text .stroke-process__steps p{
display: none;
} #ai-text .stroke-hero {
display: flex;
align-items: stretch;
gap: 30px;
margin: 0 auto 40px;
padding: 46px;
border-radius: 20px;
background: linear-gradient(135deg, var(--main), var(--light));
overflow: hidden;
position: relative;
max-width: 1280px;
}
#ai-text .stroke-hero h1 {
font-weight: 400;
}
#ai-text .stroke-hero__content {
flex: 1 1 52%;
position: relative;
z-index: 2;
padding: 42px 0 52px;
color: #fff;
}
#ai-text .stroke-hero__image {
flex: 0 0 42%;
display: flex;
position: relative;
z-index: 1;
border-radius: 20px;
}
#ai-text .stroke-hero__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 20px;
} #ai-text .stroke-hero__image::before {
content: "";
position: absolute;
inset: 42px 0 0;
border-radius: 20px 20px 0 0;
background: rgba(255, 255, 255, 0.14);
z-index: -1;
border-radius: 20px;
}
#ai-text .stroke-hero__image img {
mix-blend-mode: normal;
} #ai-text .stroke-hero__image--photo img {
object-fit: cover;
border-radius: 20px;
box-shadow: 0 18px 45px rgba(31, 24, 71, 0.22);
}
@media (max-width: 991px) {
#ai-text .stroke-hero {
flex-direction: column;
padding: 36px 28px;
}
#ai-text .stroke-hero__content {
padding: 0;
}
#ai-text .stroke-hero__image {
width: 100%;
max-width: 520px;
align-self: center;
}
}
@media (max-width: 600px) {
#ai-text .stroke-hero {
padding: 20px;
}
#ai-text .stroke-hero__btn {
width: 100%;
}
#ai-text .stroke-hero__image img {
max-height: 300px;
}
} #ai-text .stroke-benefits {
max-width: 1280px;
margin: 0 auto 40px;
border-radius: 20px;
}
#ai-text .stroke-benefits__grid {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
#ai-text .stroke-benefits__card {
flex: 1;
min-width: 250px;
padding: 30px 25px;
background: #fff;
border-radius: 20px;
border-bottom: 0.5px solid var(--accent);
transition: 0.25s;
}
#ai-text .stroke-benefits__card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(56, 53, 74, 0.08);
}
#ai-text .stroke-benefits__icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
border-radius: 18px;
background: var(--light);
}
#ai-text .stroke-benefits__icon img {
width: 100%;
height: 100%;
border-radius: 18px;
object-fit: cover;
}
#ai-text .stroke-benefits__card .h3 {
margin: 0 0 16px;
font-weight: 400;
}
@media (max-width: 1100px) {
#ai-text .stroke-benefits__card {
flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 700px) {
#ai-text .stroke-benefits__grid {
gap: 15px;
}
#ai-text .stroke-benefits__card {
flex: 0 0 100%;
min-width: 0;
}
} #ai-text .stroke-results {
max-width: 1280px;
margin: 0 auto 40px;
padding: 46px;
border-radius: 20px;
background: #fff;
}
#ai-text .stroke-results__grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
#ai-text .stroke-results__card {
flex: 0 0 calc(33.333% - 14px);
padding: 30px 25px;
border-radius: 20px;
background: var(--background);
box-sizing: border-box;
transition: 0.25s;
}
#ai-text .stroke-results__card:hover {
transform: translateY(-5px);
}
#ai-text .stroke-results__number {
width: 58px;
height: 58px;
margin-bottom: 22px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--light);
color: var(--main);
font-size: 20px;
font-weight: 500;
}
#ai-text .stroke-results__card .h3 {
margin: 0 0 14px;
}
@media (max-width: 1100px) {
#ai-text .stroke-results__card {
flex-basis: calc(50% - 10px);
}
}
@media (max-width: 700px) {
#ai-text .stroke-results {
padding: 30px 20px;
}
#ai-text .stroke-results__grid {
gap: 15px;
}
#ai-text .stroke-results__card {
flex-basis: 100%;
}
}
#ai-text .stroke-expert {
max-width: 1280px;
margin: 0 auto 40px;
border-radius: 20px;
background: var(--background);
}
#ai-text .stroke-expert__tabs input {
display: none;
}
#ai-text .stroke-expert__nav {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
#ai-text .stroke-expert__nav label {
flex: 1;
min-width: 180px;
padding: 14px 18px;
border-radius: 20px;
background: #fff;
color: var(--text-grey);
text-align: center;
cursor: pointer;
transition: 0.25s;
align-content: center;
}
#stroke-tab-1:checked ~ .stroke-expert__nav label[for="stroke-tab-1"],
#stroke-tab-2:checked ~ .stroke-expert__nav label[for="stroke-tab-2"],
#stroke-tab-3:checked ~ .stroke-expert__nav label[for="stroke-tab-3"],
#stroke-tab-4:checked ~ .stroke-expert__nav label[for="stroke-tab-4"],
#stroke-tab-5:checked ~ .stroke-expert__nav label[for="stroke-tab-5"] {
background: var(--main);
color: #fff;
}
#ai-text .stroke-expert__content {
position: relative;
}
#ai-text .stroke-expert__panel {
display: none;
grid-template-columns: 2fr 1fr;
gap: 20px;
}
#stroke-tab-1:checked ~ .stroke-expert__content .stroke-expert__panel--1,
#stroke-tab-2:checked ~ .stroke-expert__content .stroke-expert__panel--2,
#stroke-tab-3:checked ~ .stroke-expert__content .stroke-expert__panel--3,
#stroke-tab-4:checked ~ .stroke-expert__content .stroke-expert__panel--4,
#stroke-tab-5:checked ~ .stroke-expert__content .stroke-expert__panel--5 {
display: grid;
}
#ai-text .stroke-expert__main,
#ai-text .stroke-expert__side {
padding: 32px;
border-radius: 20px;
background: #fff;
box-sizing: border-box;
}
#ai-text .stroke-expert__main {
min-height: 360px;
background: var(--light);
}
#ai-text .stroke-expert__main .h3,
#ai-text .stroke-expert__side .h3 {
margin: 0 0 18px;
font-weight: 400;
color: var(--text-blue);
}
#ai-text .stroke-expert__main p,
#ai-text .stroke-expert__side li {
color: var(--text-grey);
}
#ai-text .stroke-expert__main p {
margin: 0 0 16px;
}
#ai-text .stroke-expert__main p:last-child {
margin-bottom: 0;
}
#ai-text .stroke-expert__side ul {
margin: 0;
padding-left: 20px;
}
#ai-text .stroke-expert__side li {
margin-bottom: 12px;
}
#ai-text .stroke-expert__side li:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
#ai-text .stroke-expert__panel {
grid-template-columns: 1fr;
}
#ai-text .stroke-expert__main {
min-height: auto;
}
}
@media (max-width: 700px) {
#ai-text .stroke-expert__nav label {
flex-basis: 100%;
}
#ai-text .stroke-expert__main,
#ai-text .stroke-expert__side {
padding: 24px;
}
} #ai-text .stroke-process {
max-width: 1280px;
margin: 0 auto 40px;
padding: 46px;
border-radius: 20px;
background: #fff;
}
#ai-text .stroke-process__head {
display: flex;
align-items: flex-start;
gap: 30px;
margin-top: 30px;
}
#ai-text .stroke-process__head .section__title {
flex: 1;
margin-bottom: 0;
}
#ai-text .stroke-process__form {
flex: 0 0 100%;
padding: 28px;
border-radius: 20px;
background: linear-gradient(135deg, var(--main), var(--light) 91%);
color: #fff;
}
#ai-text .stroke-process__form .h3 {
margin: 0 0 14px;
color: #fff;
font-weight: 400;
}
#ai-text .stroke-process__form p {
margin: 0 0 22px;
color: rgba(255, 255, 255, 0.88);
}
#ai-text .stroke-process__steps {
display: flex;
flex-direction: column;
gap: 18px;
}
#ai-text .stroke-process__step {
display: flex;
gap: 24px;
padding: 28px;
border-radius: 20px;
background: var(--background);
box-sizing: border-box;
}
#ai-text .stroke-process__number {
flex: 0 0 64px;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--light);
color: var(--main);
font-size: 22px;
font-weight: 500;
}
#ai-text .stroke-process__content {
flex: 1;
}
#ai-text .stroke-expert__content div + div{
margin: 15px 0
}
#ai-text .stroke-process__content .h3 {
margin: 0 0 16px;
font-weight: 400;
}
#ai-text .stroke-process__content ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 18px;
padding: 0;
list-style: none;
}
#ai-text .stroke-process__content li {
padding: 10px 14px;
border-radius: 20px;
background: #fff;
color: var(--text-grey);
border-bottom: 0.5px solid var(--accent);
}
#ai-text .stroke-process__result {
margin: 0;
color: var(--text-grey);
}
#ai-text .stroke-process__result strong {
color: var(--text-blue);
font-weight: 500;
}
@media (max-width: 991px) {
#ai-text .stroke-process__head {
flex-direction: column;
}
#ai-text .stroke-process__form {
flex-basis: auto;
width: 100%;
box-sizing: border-box;
}
}
@media (max-width: 700px) {
#ai-text .stroke-process {
padding: 30px 20px;
}
#ai-text .stroke-process__step {
flex-direction: column;
gap: 18px;
padding: 24px;
}
#ai-text .stroke-process__number {
width: 58px;
height: 58px;
flex-basis: 58px;
}
#ai-text .stroke-process__content li {
width: 100%;
box-sizing: border-box;
}
}
#ai-text .stroke-process__step{
position: relative;
}
#ai-text .stroke-process__image {
flex: 0 1 28%;
align-self: stretch;
border-radius: 20px;
overflow: hidden;
display: flex;
max-height: 100%;
max-height: 280px;
min-height: 190px;
}
#ai-text .stroke-process__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 20px;
}
@media (max-width: 991px) {
#ai-text  .stroke-process__image {
flex: 0 0 220px;
}
}
@media (max-width: 700px) {
#ai-text .stroke-process__image {
width: 100%;
flex: auto;
}
#ai-text  .stroke-process__image img {
height: 220px;
min-height: 0;
}
} #ai-text .stroke-price {
max-width: 1280px;
margin: 0 auto 40px;
border-radius: 20px;
background: var(--background);
}
#ai-text .stroke-price__head {
margin-bottom: 32px;
}
#ai-text .stroke-price__table {
overflow: hidden;
border-radius: 20px;
background: #fff;
}
#ai-text .stroke-price__row {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 15px 26px;
border-bottom: 1px solid var(--light);
color: var(--text-blue);
}
#ai-text .stroke-price__row:last-child {
border-bottom: none;
}
#ai-text .stroke-price__row--head {
background: var(--main);
color: #fff;
font-weight: 500;
}
#ai-text .stroke-price__row:not(.stroke-price__row--head) div:last-child {
font-weight: 400;
color: var(--text-blue);
}
#ai-text .stroke-price__note {
margin-top: 18px;
padding: 18px 22px;
border-radius: 20px;
background: #fff;
border-bottom: 0.5px solid var(--accent);
color: var(--text-grey);
}
@media (max-width: 700px) {
#ai-text .stroke-price {
padding: 30px 20px;
}
#ai-text .stroke-price__row {
grid-template-columns: 1fr;
gap: 8px;
padding: 18px 20px;
}
#ai-text .stroke-price__row--head {
display: none;
}
#ai-text .stroke-price__row div:first-child {
color: var(--text-grey);
}
#ai-text .stroke-price__row div:last-child {
font-size: 16px;
}
} #ai-text .stroke-faq {
max-width: 1280px;
margin: 0 auto 40px;
border-radius: 20px;
}
#ai-text .stroke-faq__list {
display: flex;
flex-direction: column;
gap: 14px;
}
#ai-text .stroke-faq__item {
border-radius: 20px;
background: #fff;
border-bottom: 0.5px solid var(--accent);
overflow: hidden;
}
#ai-text .stroke-faq__item summary {
position: relative;
padding: 24px 72px 24px 28px;
cursor: pointer;
list-style: none;
color: var(--text-blue);
font-size: 20px;
line-height: 1.35;
font-weight: 400;
}
#ai-text .stroke-faq__item summary::-webkit-details-marker {
display: none;
}
#ai-text .stroke-faq__item summary::after {
content: "+";
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--light);
color: var(--main);
font-size: 25px;
line-height: 1;
font-weight: 400;
transition: 0.2s;
}
#ai-text .stroke-faq__item[open] summary::after {
content: "−";
background: var(--main);
color: #fff;
}
#ai-text .stroke-faq__item p {
margin: 0;
padding: 0 28px 26px;
max-width: 920px;
color: var(--text-grey);
}
@media (max-width: 700px) {
#ai-text .stroke-faq__item summary {
padding: 20px 60px 20px 22px;
font-size: 18px;
}
#ai-text .stroke-faq__item summary::after {
right: 20px;
width: 34px;
height: 34px;
font-size: 24px;
}
#ai-text .stroke-faq__item p {
padding: 0 22px 22px;
}
} .reabilitation__tags{
display: flex;
flex-wrap: nowrap;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
gap: 30px;
margin-bottom: 18px;
row-gap: 12px;
padding-bottom: 12px;
}
.reabilitation__tags .tag{
border-radius: 35px;
padding: 5px 15px;
height: 39px;
display: flex;
justify-content: center;
align-items: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
background: #fff;
transition: background-color 0.2s linear, color 0.2s linear, transform 0.3s ease;
cursor: pointer;
user-select: none;
flex-shrink: 0;
}
.reabilitation__tags .tag_active
{
background-color: var(--main);
color: white;
}
.reabilitation__tags .tag:not(.tag_active):hover{
transform: scale(0.96);
}
.reab-card{
height: 0px;
opacity: 0.2;
pointer-events: none;
transform: scale(0.99);
transition: transform 1s ease, opacity 0.5s ease;
border-radius: 20px;
height: 0px;
width: 0px;
display: flex;
align-items: center;
column-gap: 30px;
padding: 0px;
background: radial-gradient(91.5% 91.5% at -17.37% 123.95%, rgba(174, 160, 174, 0.5) 0%, rgba(174, 160, 174, 0.01) 100%), radial-gradient(136.76% 136.76% at 73.53% 116.53%, rgba(212, 170, 105, 0.3) 0%, rgba(212, 170, 105, 0) 100%), radial-gradient(114.93% 114.93% at 3.08% 6.72%, #edeaf6 0%, rgba(237, 234, 246, 0) 100%);
}
.reab-card_visible{
height: 500px;
opacity: 1;
transform: scale(1);
width: 100%;
padding: 30px;
pointer-events: all;
}
.reabilitation__cards{
display: flex;
align-items: center;
}
.reab-card__col_image{
aspect-ratio: 691/440;
height: 100%;
width: auto;
}
.reab-card__col_image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 20px;
}
.reab-card__col_text{
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin; 
scrollbar-color: var(--accent) var(--background); 
}
.reab-card__col_text::-webkit-scrollbar {
width: 4px; 
height: 4px; 
}
.reab-card__col_text::-webkit-scrollbar-track {
background: var(--background);
border-radius: 5px;
}
.reab-card__col_text::-webkit-scrollbar-thumb {
background: var(--accent);
border-radius: 5px;
border: 2px solid var(--background); 
}
.reab-card__col_text::-webkit-scrollbar-thumb:hover {
background: var(--hover-color);
}
.reab-card__title{
font-family: var(--font-family);
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
margin-bottom: 30px;
}
.reab-card p{
margin-top: 0px;
margin-bottom: 30px;
}
.reab-card ul{
display: flex;
flex-direction: column;
row-gap: 10px;
list-style-type: none;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 30px;
}
.reab-card ul li {
position: relative;
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
padding: 10px;
padding-left: 29px;
background-color: var(--background);
border-radius: 35px;
width: -moz-fit-content;
width: fit-content;
}
.reab-card ul li::before {
width: 11px;
height: 11px;
background-color: var(--accent);
display: block;
position: absolute;
left: 10px;
content: "";
top: 0px;
bottom: 0px;
margin: auto;
border-radius: 50%;
}
@media(max-width: 1400px){
.reab-card__col_image{
width: 500px;
}
}
@media(max-width: 1000px){
.reab-card__title,
.reab-card p,
.reab-card ul{
margin-bottom: 24px;
}
.reab-card__col_image{
width: 300px;
}
.reab-card .btn{
margin-top: 20px;
}
}
@media(max-width: 800px){
.reab-card__col_image{
width: 100%;
}
.reab-card_visible{
height: auto;
row-gap: 30px;
flex-direction: column;
}
.reabilitation__tags{
margin-bottom: 12px;
gap: 12px;
}
}
@media(max-width: 600px){
.reab-card_visible{
padding: 20px;
}
.reab-card ul li{
font-size: 14px;
}
.reab-card__title,
.reab-card p,
.reab-card ul{
margin-bottom: 24px;
}
} .faq-list { display: flex; flex-direction: column; gap: 15px; }
.question {
border-radius: 20px;
background: #fff;
overflow: hidden;
border: none;
}
.question__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 30px;
cursor: pointer;
user-select: none;
font-family: var(--font-family);
font-weight: 500;
font-size: 22px;
color: var(--text-blue);
transition: color 0.1s linear;
}
.question:hover .question__title{
color: var(--accent);
}
.question:hover .question__title svg path{stroke: var(--accent);}
.question__title svg {
transition: transform 0.3s ease;
flex-shrink: 0;
}
.question__title svg path{
transition: all 0.1s linear;
} .question__text {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.2s ease;
}
.question__text > .question__text-inner {
overflow: hidden;
min-height: 0;
padding: 0px 30px 0px;
transition: all 0.3s linear;
}
.question--active .question__title svg { transform: rotate(-180deg); }
.question--active .question__title svg path{stroke: #D4AA69;}
.question--active .question__text { grid-template-rows: 1fr; }
.question--active .question__text > .question__text-inner{padding: 0 30px 30px;}
@media(max-width: 600px){
.question .question__text > .question__text-inner {
padding: 0 20px 0px;
}
.question--active .question__text > .question__text-inner {
padding: 0 20px 20px;
}
.question__title{
padding: 20px;
font-size: 18px;
transition: color 0.1s linear, padding-bottom 0.1s linear;
}
.question.question--active .question__title{
padding-bottom: 14px;
}
.question__title svg{
width: 24px;
}
} .callback__wrapper{
overflow: hidden;
position: relative;
width: 100%;
padding: 30px;
border-radius: 20px;
background: radial-gradient(91.5% 91.5% at -17.37% 123.95%, rgba(174, 160, 174, 0.5) 0%, rgba(174, 160, 174, 0.01) 100%), radial-gradient(136.76% 136.76% at 73.53% 116.53%, rgba(212, 170, 105, 0.3) 0%, rgba(212, 170, 105, 0) 100%), radial-gradient(114.93% 114.93% at 3.08% 6.72%, #edeaf6 0%, rgba(237, 234, 246, 0) 100%);
}
.callback__decor{
position: absolute;
right: -44px;
top: -38px;
}
.callback__title{
font-family: var(--font-family);
font-weight: 400;
font-size: 35px;
color: var(--text-blue);
margin-bottom: 30px;
}
.callback__text{
margin-bottom: 30px;
}
.callback__btns{
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 12px;
}
.callback__btn{
width: fit-content;
}
@media(max-width: 800px){
.callback__title{
margin-bottom: 16px;
font-size: 28px;
}
.callback__btns{
column-gap: 16px;
}
}
@media(max-width: 600px){
.callback__wrapper{
padding: 20px;
}
.callback__title{
margin-bottom: 16px;
font-size: 24px;
}
.callback__btn{
width: 100%;
}
} .direction-header{
width: 100%;
height: 550px;
position: relative;
padding: 58px;
border-radius: 20px;
overflow: hidden;
align-content: center;
margin-bottom: 35px;
}
.direction-header > img{
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top right;
z-index: -1;
}
.direction-header__content{
width: 480px;
}
.direction-header__title,
.direction-header__text{
margin-bottom: 25px;
}
@media(max-width: 1200px){
.direction-header{
padding: 20px 40px;
height: 450px;
}
.direction-header__content {
width: 400px;
}
.direction-cards .service-card {
width: calc((100% - 24px) / 2);
}
}
@media(max-width: 1000px){
.direction-header{
align-content: end;
}
.direction-header__content {
width: 550px;
background: rgba(241, 237, 235, 0.7);
padding: 20px;
backdrop-filter: blur(4px);
border-radius: 20px;
max-width: 100%;
}
}
@media(max-width: 800px){
.direction-header__content {
width: 100%;
}
.direction-cards .service-card {
width: 100%;
}
}
@media(max-width: 600px){
.direction-header{
padding: 0px;
height: auto;
}
.direction-header > img{
position: static;
aspect-ratio: 1/1;
border-radius: 20px;
margin-bottom: 16px;
}
}
.direction-cards .service-card__top{
flex-direction: row;
column-gap: 15px;
}
.direction-cards .service-card__title{
line-height: 110%;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical;
align-content: center;
display: flex;
align-items: center;
}
.service-card_hidden{
display: none;
}
.directions-show-more{
display: flex;
justify-content: center;
width: 100%;
column-gap: 5px;
align-items: center;
margin-top: 50px;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--accent);
transition: all 0.2s linear;
cursor: pointer;
}
.directions-show-more:hover{
filter: brightness(0.8);
}
.directions-show-more svg {
display: inline-block; 
animation: flyUpDown 2s ease-in-out infinite;
}
@keyframes flyUpDown {
0%, 100% {
transform: translateY(-2px); }
50% {
transform: translateY(2px); }
}
@media(max-width: 800px){
.directions-show-more{
margin-top: 30px;
}
}
@media(max-width: 500px){
.direction-cards .service-card{
padding: 15px 10px;
}
.service-card__top{
column-gap: 12px;
}
.service-card__title{
font-size: 18px;
}
.services__slider .service-card__icon, 
.programms__slider .service-card__icon, 
.services__list .service-card__icon, .service-card__icon{
width: 60px;
height: 60px;
}
.services__slider .service-card__icon img, 
.programms__slider .service-card__icon img, 
.services__list .service-card__icon, .service-card__icon img{
width: 28px;
}
} .specialist-header{
display: flex;
column-gap: 30px;
border-radius: 20px;
width: 100%;
padding: 30px;
margin-bottom: 30px;
background: radial-gradient(91.5% 91.5% at -17.37% 123.95%, rgba(174, 160, 174, 0.5) 0%, rgba(174, 160, 174, 0.01) 100%), radial-gradient(136.76% 136.76% at 73.53% 116.53%, rgba(212, 170, 105, 0.3) 0%, rgba(212, 170, 105, 0) 100%), radial-gradient(114.93% 114.93% at 3.08% 6.72%, #edeaf6 0%, rgba(237, 234, 246, 0) 100%);
}
.specialist-header__image{
flex-shrink: 0;
border-radius: 15px;
width: 263px;
height: 263px;
overflow: hidden;
}
.specialist-header__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.specialist-header__title{
font-family: var(--font-family);
font-weight: 400;
font-size: 35px;
color: var(--text-blue);
margin-bottom: 30px;
margin-top: 8px;
}
.specialist-header__tags{
display: flex;
column-gap: 30px;
row-gap: 12px;
flex-wrap: wrap;
margin-bottom: 30px;
}
.specialist-tag{
background: var(--background);
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: var(--text-grey);
position: relative;
border-radius: 35px;
padding: 10px;
padding-left: 29px;
}
.specialist-tag::before{
position: absolute;
content: "";
width: 11px;
height: 11px;
border-radius: 50%;
background-color: var(--accent);
left: 10px;
top: 0px;
bottom: 0px;
margin: auto;
}
.specialist-header__intro{
font-family: var(--font-family);
font-weight: 400;
font-size: 22px;
color: var(--text-blue);
margin-bottom: 30px;
}
@media(max-width: 1200px){
.specialist-header__title{
font-size: 30px;
margin-bottom: 24px;
}
.specialist-header__intro{
font-size: 18px;
}
.specialist-header__tags,
.specialist-header__intro{
margin-bottom: 24px;
}
.specialist-header__tags{
column-gap: 24px;
}
}
@media(max-width: 800px){
.specialist-header{
column-gap: 16px;
}
.specialist-header__image{
width: 220px;
height: 220px;
}
.specialist-header__title{
font-size: 26px;
margin-top: 0px;
margin-bottom: 16px;
}
.specialist-tag{
font-size: 14px;
padding: 8px 10px;
padding-left: 29px;
}
.specialist-header__tags, .specialist-header__intro {
margin-bottom: 16px;
}
.specialist-header__intro {
font-size: 16px;
}
.specialist-header__tags{
column-gap: 16px;
}
}
@media (max-width: 600px) {
.specialist-header {
flex-direction: column;
row-gap: 20px;
padding: 20px;
}
.specialist-header__image{
width: 100%;
height: auto;
max-width: 263px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width: 500px){
.specialist-header__image{
max-width: 100%;
}
}
@media(max-width: 400px){
.specialist-header__title{
font-size: 22px;
}
}
.specialists-page__content{
display: flex;
flex-direction: column;
row-gap: 30px;
}
.spec-paragraph{
box-shadow: 0px 4px 10px 0px rgba(165, 156, 203, 0.3);
background: #fff;
border-radius: 20px;
padding: 30px;
}
.spec-paragraph > *{
padding-top: 0px;
padding-bottom: 30px;
margin: 0px;
}
.spec-paragraph .section__title{
margin-bottom: 0px;
line-height: normal;
font-size: 35px;
}
.spec-paragraph ul{
display: flex;
flex-direction: column;
row-gap: 6px;
list-style: none;
padding-left: 0px;
}
.spec-paragraph ul li{
position: relative;
padding-left: 30px;
}
.spec-paragraph ul li::before{
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--text-grey);
left: 12px;
top: 9px;
}
@media(max-width: 800px){
.spec-paragraph .section__title{
font-size: 28px;
}
.spec-paragraph > *{
padding-bottom: 20px;
}
}
@media(max-width: 600px){
.spec-paragraph{
padding: 20px;
}
.spec-paragraph ul li{
padding-left: 20px;
}
.spec-paragraph ul li::before{
left: 7px;
}
}
@media(max-width: 400px){
.spec-paragraph .section__title {
font-size: 24px;
}
} .cookie-notice {
position: fixed;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 10000;
display: none;
color: var(--blue-color);
background-color: #fff;
border-radius: 16px;
padding: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.cookie-notice a{
color: var(--accent);
text-decoration: underline;
}
.cookie-notice a:hover{
color: var(--hover-color)
}
.cookie-notice.show {
display: block;
animation: cookieFade .3s ease;
}
.cookie-notice__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.cookie-notice p {
margin: 0;
font-size: 14px;
line-height: 1.5;
padding-bottom: 0px;
}
.cookie-notice__actions {
display: flex;
gap: 10px;
flex-shrink: 0;
}
.cookie-notice__btn {
border: none;
padding: 12px 18px;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: .2s;
}
.cookie-notice__btn--accept {
color: #fff;
background-color: var(--accent);
}
.cookie-notice__btn--accept:hover {
background-color: var(--hover-color);
}
@keyframes cookieFade {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.cookie-notice__content {
flex-direction: column;
align-items: flex-start;
}
.cookie-notice__actions {
width: 100%;
}
.cookie-notice__btn {
flex: 1;
}
}