.about-us-block {
margin: 140px 0 180px;
@media screen and (max-width: 1024px) {
margin: 60px 0 90px;
}
}
.about-us-wrapper {
display: flex;
flex-direction: column;
row-gap: 40px;
.about-us-title {
max-width: 768px;
.about-us-wrapper > & {
display: none;
}
@media screen and (max-width: 1024px) {
.about-us-wrapper > & {
display: block;
}
}
@media screen and (max-width: 768px) {
max-width: 600px;
}
color: #161615;
font-size: calc(34px + 26 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Forum", serif;
text-transform: uppercase;
span {
color: #7D9C9E;
}
.about-us-sticker {
display: inline;
position: relative;
padding: 12px 26px;
max-width: 180px;
top: -12px;
@media screen and (max-width: 1024px) {
top: -8px;
}
color: #7D9C9E;
font-size: calc(13px + 11 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Mulish", serif;
text-transform: initial;
.about-us-sticker-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
svg {
width: 100%;
height: 100%;
}
}
}
}
.about-us-top {
display: flex;
align-items: start;
column-gap: 60px;
justify-content: space-between;
@media screen and (max-width: 1024px) {
flex-direction: column;
row-gap: 20px;
justify-content: start;
}
.about-us-info {
display: flex;
flex-direction: column;
row-gap: 24px;
@media screen and (max-width: 1024px) {
order: 9;
.about-us-title {
display: none;
}
}
.about-us-text {
max-width: 85%;
@media screen and (max-width: 640px) {
max-width: 100%;
}
color: #161615;
font-size: calc(14px + 6 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.4;
font-family: "Mulish", serif;
}
.about-us-buttons {
margin-top: 9px;
display: flex;
align-items: center;
column-gap: 32px;
@media screen and (max-width: 480px) {
column-gap: 20px;
}
.about-us-socials {
display: flex;
align-items: center;
column-gap: 20px;
@media screen and (max-width: 480px) {
column-gap: 16px;
}
}
}
}
.about-us-image {
width: 94%;
min-width: 480px;
max-width: 760px;
position: relative;
z-index: 0;
@media screen and (max-width: 1024px) {
width: 100%;
min-width: 1px;
}
.about-us-image-sticker {
width: 192px;
height: 192px;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
transform: translateX(-50%) translateY(-50%);
@media screen and (max-width: 1200px) {
width: 160px;
height: 160px;
}
@media screen and (max-width: 1024px) {
transform: none;
left: 10px;
top: auto;
bottom: 10px;
}
@media screen and (max-width: 640px) {
width: 84px;
height: 84px;
}
img {
border-radius: 0;
}
}
img {
width: 100%;
display: block;
border-radius: 0px 60px 60px 60px;
}
}
}
.about-us-addv {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 20px;
column-gap: 20px;
@media screen and (max-width: 1024px) {
row-gap: 16px;
grid-template-columns: repeat(1, 1fr);
}
.about-us-adv-item {
display: flex;
align-items: center;
column-gap: 16px;
padding: 20px;
position: relative;
z-index: 0;
.about-us-item-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
border: 1px solid transparent;
background: linear-gradient(148.83deg, rgba(125, 156, 158, 0.31) 12.44%, rgba(125, 156, 158, 0.1922) 50.46%, rgba(125, 156, 158, 0.0682) 90.38%)  border-box;
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
border-radius: 100px;
}
.about-us-item-icon {
width: 80px;
min-width: 80px;
height: 72px;
@media screen and (max-width: 1024px) {
width: 60px;
min-width: 60px;
height: 54px;
}
img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
}
.about-us-item-text {
font-size: calc(14px + 2 * ((100vw - 375px) / 1545));
color: #161615;
font-weight: 400;
font-family: "Mulish", serif;
span {
color: #7D9C9E;
}
}
}
}
}body {
& main .page__container {
@media screen and (min-width: 1400px) {
padding: 0 40px !important;
}
@media screen and (min-width: 1441px) {
padding: 0 60px !important;
}
@media screen and (min-width: 1800px) {
padding: 0 !important;
}
}
& .tabs-video-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border: 1px solid #ffffff;
border-radius: 50%;
transition: all 0.2s ease;
@media screen and (max-width: 1024px) {
width: 60px;
height: 60px;
}
& svg {
width: 32px;
height: 32px;
margin-left: 2px;
fill: #ffffff;
transition: all 0.2s ease;
scale: 1;
@media screen and (max-width: 1024px) {
width: 24px;
height: 24px;
}
}
}
}
.video-cards-form {
margin: 140px 0 130px;
font-family: "Mulish", serif;
@media screen and (max-width: 1024px) {
margin: 90px 0;
}
& .headline {
display: flex;
row-gap: 32px;
align-items: start;
flex-direction: column;
@media screen and (max-width: 768px) {
row-gap: 16px;
}
}
& .title {
line-height: 1.1;
max-width: 780px;
span {
line-height: inherit;
font-family: inherit;
font-size: inherit;
color: #7D9C9E;
text-transform: inherit;
letter-spacing: inherit;
max-width: none;
margin-top: 0;
display: inline;
}
}
& .title-caption {
font-weight: 400;
line-height: 1.6;
letter-spacing: 2%;
font-family: "Mulish", serif;
font-size: calc(14px + 6 * ((100vw - 375px) / 1545));
max-width: 1026px;
margin: 0 !important;
}
}
.video-cards-form__container {
--video-cards-form-cgap: 28px;
--video-cards-form-rgap: 32px;
--video-cards-form-video: 66.32%;
display: flex;
row-gap: var(--video-cards-form-rgap);
column-gap: var(--video-cards-form-cgap);
flex-wrap: wrap;
align-items: stretch;
@media screen and (max-width: 1100px) {
--video-cards-form-rgap: 20px;
}
}
.video-cards-form__video {
overflow: hidden;
width: 100%;
max-width: var(--video-cards-form-video);
aspect-ratio: 1016 / 608;
border-radius: 0 0 50px 0;
background-color: #EFF3F3;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@media screen and (max-width: 1300px) {
max-width: none;
}
& video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
& a {
z-index: 1;
position: absolute;
inset: 0;
&:hover svg {
scale: 1.2;
}
}
}
.video-cards-form__cards {
display: flex;
row-gap: var(--video-cards-form-rgap);
flex-direction: column;
width: calc(100% - var(--video-cards-form-video) - var(--video-cards-form-cgap));
@media screen and (max-width: 1300px) {
width: 100%;
column-gap: var(--video-cards-form-cgap);
flex-direction: row;
}
@media screen and (max-width: 768px) {
flex-direction: column;
}
}
.video-cards-form__card {
height: 100%;
padding: 36px 40px;
border-radius: 20px;
z-index: 0;
position: relative;
background-color: #EFF3F3;
transition: all .25s;
display: flex;
row-gap: 20px;
flex-direction: column;
@media screen and (max-width: 1300px) {
border-radius: 0 0 20px 0;
}
& img {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: auto;
max-width: 150px;
@media screen and (max-width: 1300px) {
max-height: 100%;
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
max-width: 120px;
}
@media screen and (max-width: 575px) {
max-height: 120px;
}
}
& a {
z-index: 2;
position: absolute;
inset: 0;
}
&:hover {
box-shadow: 0px 8px 8px 0px #7D9C9E40;
}
}
.video-cards-form__card-name {
max-width: 88.24%;
letter-spacing: 0.04em;
text-transform: uppercase;
font-family: "Forum", serif;
font-size: calc(20px + 10 * ((100vw - 375px) / 1545));
}
.video-cards-form__card-text {
font-size: 1rem;
line-height: 130%;
max-width: 70.59%;
@media screen and (max-width: 1600px) and (min-width: 1100px) {
max-width: 63.59%;
}
@media screen and (max-width: 768px) {
font-size: 0.875rem;
}
}
.video-cards-form__form {
width: 100%;
padding: 36px 72px 48px 40px;
border-radius: 0 0 20px 20px;
background-color: #EFF3F3;
}
.video-cards-form__form {
display: flex;
column-gap: 60px;
align-items: center;
justify-content: space-between;
@media screen and (max-width: 768px) {
align-items: start;
flex-direction: column;
row-gap: var(--video-cards-form-rgap);
}
}
.video-cards-form__form-descr {
display: flex;
row-gap: 20px;
flex-direction: column;
max-width: 1000px;
}
.video-cards-form__form-name {
letter-spacing: 0.04em;
text-transform: uppercase;
font-family: "Forum", serif;
font-size: calc(20px + 10 * ((100vw - 375px) / 1545));
}
.video-cards-form__form-text {
font-size: 1rem;
line-height: 130%;
@media screen and (max-width: 768px) {
font-size: 0.875rem;
}
}
.video-cards-form__form-button {
white-space: nowrap;
}body {
& main .page__container {
@media screen and (min-width: 1400px) {
padding: 0 40px !important;
}
@media screen and (min-width: 1441px) {
padding: 0 60px !important;
}
@media screen and (min-width: 1800px) {
padding: 0 !important;
}
}
& .tabs-video-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border: 1px solid #ffffff;
border-radius: 50%;
transition: all 0.2s ease;
@media screen and (max-width: 1024px) {
width: 60px;
height: 60px;
}
& svg {
width: 32px;
height: 32px;
margin-left: 2px;
fill: #ffffff;
transition: all 0.2s ease;
scale: 1;
@media screen and (max-width: 1024px) {
width: 24px;
height: 24px;
}
}
}
}
.patient-histories {
margin: 140px 0 130px;
font-family: "Mulish", serif;
@media screen and (max-width: 1024px) {
margin: 90px 0;
}
@media screen and (max-width: 575px) {
margin: 60px 0;
}
& .headline {
display: flex;
row-gap: 32px;
align-items: start;
flex-direction: column;
@media screen and (max-width: 768px) {
row-gap: 16px;
}
}
& .title {
line-height: 1.1;
max-width: 780px;
span {
line-height: inherit;
font-family: inherit;
font-size: inherit;
color: #7D9C9E;
text-transform: inherit;
letter-spacing: inherit;
max-width: none;
margin-top: 0;
display: inline;
}
}
& .title-caption {
font-weight: 400;
line-height: 1.6;
letter-spacing: 2%;
font-family: "Mulish", serif;
font-size: calc(14px + 6 * ((100vw - 375px) / 1545));
max-width: 1026px;
margin: 0 !important;
}
}
.patient-histories__container {
--patient-histories-container-gap: 80px;
--patient-histories-categories-width: 320px;
display: flex;
column-gap: var(--patient-histories-container-gap);
align-items: start;
@media screen and (max-width: 1600px) {
--patient-histories-container-gap: 30px;
}
@media screen and (max-width: 1024px) {
flex-direction: column;
row-gap: var(--patient-histories-container-gap);
}
}
.patient-histories__categories {
width: 100%;
max-width: var(--patient-histories-categories-width);
top: 40px;
position: sticky;
@media screen and (max-width: 1024px) {
top: 0px;
position: initial;
max-width: none;
}
& ul {
margin: 0;
padding: 0;
display: flex;
row-gap: 20px;
flex-direction: column;
list-style: none;
@media screen and (max-width: 1024px) {
flex-wrap: wrap;
row-gap: 16px;
column-gap: 16px;
flex-direction: row;
}
}
& li {
margin: 0;
cursor: pointer;
padding: 12px 16px;
border-radius: 8px;
border: 1px solid #7D9C9E;
background-color: #ffffff;
color: #7D9C9E;
font-size: 28px;
letter-spacing: 0.004em;
font-weight: 400;
font-family: "Forum", serif;
text-transform: uppercase;
transition: all .25s;
list-style: none;
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
@media screen and (max-width: 1440px) {
font-size: 22px;
}
@media screen and (max-width: 1024px) {
width: calc(50% - 8px);
&:nth-child(n + 5) {
display: none;
}
}
}
& li:hover, & li.active {
color: #F1F1F4;
background-color: #7D9C9E;
}
& :is(span, a) {
position: relative;
transition: all .25s;
transform: translateX(-30px);
text-decoration: none;
@media screen and (max-width: 640px) {
font-size: 20px;
transform: none !important;
}
@media screen and (max-width: 375px) {
font-size: 16px;
}
}
& li:not(.active):not(:hover) :is(span, a) {
transform: translateX(0);
}
& li a::before {
content: '';
z-index: 1;
position: absolute;
inset: 0;
}
& svg {
width: 36px;
z-index: 1;
position: absolute;
top: 50%;
transition: all .25s;
fill: currentColor;
opacity: 0;
left: 100%;
transform: translateY(-50%) translateX(0);
@media screen and (max-width: 1024px) {
top: 50%;
rotate: 90deg;
}
@media screen and (max-width: 640px) {
display: none;
}
}
& li.active svg, & li:hover svg {
opacity: 1;
left: calc(100% + 12px);
transform: translateY(-50%) translateX(12px);
@media screen and (max-width: 1024px) {
transform: translateY(-50%) translateX(-50%);
}
}
}
.patient-histories__works {
width: 100%;
max-width: calc(100% - (var(--patient-histories-categories-width) + var(--patient-histories-container-gap)));
display: flex;
row-gap: 50px;
column-gap: 68px;
flex-wrap: wrap;
@media screen and (max-width: 1600px) {
column-gap: 32px;
row-gap: 32px;
} @media screen and (max-width: 1024px) {
column-gap: 16px;
row-gap: 20px;
max-width: none;
}
@media screen and (max-width: 700px) {
flex-direction: column;
}
& ul, & li {
margin: 0;
padding: 0;
list-style: none;
}
}
.patient-histories__work {
overflow: hidden;
border-radius: 30px;
background-color: #EFF3F3;
padding: 0 40px 40px;
width: calc(50% - 34px);
@media screen and (max-width: 1600px) {
width: calc(50% - 16px);
}
@media screen and (max-width: 1440px) {
padding: 0 24px 24px;
} @media screen and (max-width: 1024px) {
width: calc(50% - 8px);
}
@media screen and (max-width: 700px) {
width: 100%;
}
} .patient-histories__work.is-hidden {
display: none;
}
.patient-histories__work.is-entering,
.patient-histories__work.is-leaving {
pointer-events: none;
}
.patient-histories__work.is-leaving {
animation: patient-history-hide 0.22s ease-in both;
}
.patient-histories__work.is-entering {
animation: patient-history-show 0.28s ease-out both;
}
@keyframes patient-history-hide {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-18px);
}
}
@keyframes patient-history-show {
from {
opacity: 0;
transform: translateY(-18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.patient-histories__work.is-entering,
.patient-histories__work.is-leaving {
animation: none;
}
} .patient-histories__work-collage {
display: flex;
column-gap: 0;
align-items: stretch;
margin: 0 -40px 36px;
@media screen and (max-width: 1440px) {
margin: 0 -24px 24px;
}
& img {
width: 50%;
aspect-ratio: 280 / 292;
object-fit: cover;
}
}
.patient-histories__work-label {
color: #000;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.04em;
font-family: "Forum", serif;
text-transform: uppercase;
margin-bottom: 20px;
@media screen and (max-width: 1440px) {
margin-bottom: 12px;
}
& ~ p {
font-size: 0.875rem;
line-height: 160%;
}
}
.patient-histories__work-result {
margin-top: 24px;
}
.patient-histories__work-doctors {
margin-top: 52px;
@media screen and (max-width: 1440px) {
margin-top: 32px;
}
& ul {
display: flex;
row-gap: 20px;
flex-direction: column;
}
}
.patient-histories__work-doctor {
display: flex;
column-gap: 12px;
align-items: start;
& img {
width: 60px;
min-width: 60px;
height: 60px;
}
& a {
color: #000;
font-size: 0.875rem;
line-height: 120%;
text-decoration: none;
display: flex;
row-gap: 8px;
flex-direction: column;
& span + span {
color: #9F9F9F;
line-height: inherit;
}
&:hover span:first-child {
text-decoration: underline;
}
}
}.services-template-single-services-child .advantages-new-block .page__container {
padding: 0 60px;
}
.services-template-single-services-child .advantages-new-block .title span {
color: #F59617;
}
.services-template-single-services-child .advantages-new-block .advantages-new-block__items .item {
background-color: #FEF7EC;
}
.services-template-single-services-child .advantages-new-block .advantages-new-block__items .img-flower {
filter: hue-rotate(244deg) contrast(3);
}
.services-template-single-services-child .advantages-new-block .advantages-new-block__items2 .item {
background-color: #FEF7EC;
}
.services-template-single-services-child .advantages-new-block .advantages-new-block__items2 .item:nth-child(4):not([data-bg]) {
background-color: #F2B754;
}
@media (max-width: 768px) {
.services-template-single-services-child .advantages-new-block .page__container {
padding: 0 20px;
}
}
@media (max-width: 576px) {
.services-template-single-services-child .advantages-new-block .page__container {
padding: 0 10px;
}
}
.advantages-new-block {
padding: 2rem 0;
margin: 140px 0;     }
.advantages-new-block .desktop {
display: block;
}
.advantages-new-block .mobile {
display: none;
}
.advantages-new-block__title {
margin-bottom: 0;
text-align: center;
}
.advantages-new-block__text {
max-width: 1000px;
text-align: center;
margin: 3rem auto;
}
.advantages-new-block__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-bottom: 50px;
font-family: "Gilroy", serif;
font-size: 20px;
}
.advantages-new-block__items .img-flower {
grid-row: 2;
grid-column: 1;
margin: auto;
}
.advantages-new-block__items .item {
background-color: #EFF3F3;
border-radius: 30px;
padding: 40px 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.advantages-new-block__items .item h3 {
margin-bottom: 20px;
line-height: 33px;
letter-spacing: 1.2px;
margin-top: 0;
font-family: "Forum", serif;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
}
.advantages-new-block__items .item .info {
grid-column: span 2;
}
.advantages-new-block__items .item .info img {
float: left;
margin-right: 2rem;
}
.advantages-new-block__items .item:not(.advantages-new-block__items .item_imgs-none) {
grid-column: span 2;
}
.advantages-new-block__items .item > img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 20px;
background-color: white;
}
.advantages-new-block__items .item_imgs-1 img {
height: 100%;
}
.advantages-new-block__items .item_imgs-1 .info {
grid-column: span 1;
}
.advantages-new-block__items2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.advantages-new-block__items2 .item {
padding: 60px 30px;
overflow: hidden;
text-transform: uppercase;
position: relative;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
border-radius: 80px;
background-color: #EFF3F3;
color: #222222;
font-family: "Forum", serif;
font-size: 30px;
line-height: 33px;
letter-spacing: 1.2px;
}
.advantages-new-block__items2 .item[data-bg] {
z-index: 1;
color: white;
}
.advantages-new-block__items2 .item[data-bg]:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(20, 52, 54, 0.69);
}
.advantages-new-block__items2 .item:nth-child(4):not([data-bg]) {  }
@media (max-width: 1200px) {
.advantages-new-block__items {
grid-template-columns: repeat(2, 1fr);
}
.advantages-new-block__items2 {
grid-template-columns: repeat(2, 1fr);
}
.advantages-new-block__items2 .item {
padding: 50px 30px;
}
}
@media (max-width: 992px) {
.advantages-new-block__items {
grid-template-columns: 1fr;
}
.advantages-new-block__items .img-flower {
display: none;
}
.advantages-new-block__items .item {
grid-column: span 1 !important;
}
.advantages-new-block__items .item .info {
grid-column: span 2 !important;
}
.advantages-new-block__items .item_imgs-1 img {
grid-column: span 2;
height: auto;
}
.advantages-new-block__items2 .item {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 768px) {
.advantages-new-block {
margin: 2rem 0;
}
.advantages-new-block__title {
font-size: 29px;
text-align: start;
}
.advantages-new-block__text {
font-size: 16px;
margin: 20px 0 40px 0;
text-align: start;
}
.advantages-new-block__items {
font-size: 14px;
margin-bottom: 25px;
}
.advantages-new-block__items .item {
padding: 40px 20px;
border-radius: 20px;
gap: 16px;
}
.advantages-new-block__items .item h3 {
font-size: 20px;
grid-column: span 2;
margin-bottom: -0.5rem;
}
.advantages-new-block__items .item .info img {
width: 50px;
height: auto;
}
.advantages-new-block__items2 {
grid-template-columns: 1fr;
}
.advantages-new-block__items2 .item {
font-size: 24px;
line-height: 26px;
}
}
@media (max-width: 360px) {
.advantages-new-block__items2 .item {
font-size: 20px;
line-height: 22px;
}
}.ratings-2-block {
margin: 180px 0;
min-height: 210px;
border-top: 1px solid #7D9C9E;
border-bottom: 1px solid #7D9C9E;
@media screen and (max-width: 1024px) {
margin: 90px 0;
}
@media screen and (max-width: 640px) {
min-height: auto;
}
.page__container {
min-height: inherit;
}
.ratings-2-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 0;
min-height: inherit;
position: relative;
@media screen and (max-width: 1200px) {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 640px) {
grid-template-columns: repeat(1, 1fr);
}
.ratings-2-item {
min-height: inherit;
width: 100%;
position: relative;
padding: 44px 16px;
text-decoration: none; &::before {
content: '';
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0;
border-radius: 16px;
border: 1px solid #7D9C9E;
}
@media screen and (max-width: 640px) {
padding: 12px 16px;
}
}
.ratings-2-item-container {
display: flex;
flex-direction: column;
row-gap: 16px;
max-width: 280px;
margin: 0 auto;
@media screen and (max-width: 640px) {
row-gap: 8px;
}
.ratings-2-item-row {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 12px;
}
.ratings-2-item-logo {
width: 180px;
height: 70px;
display: flex;
align-items: center;
justify-content: start;
@media screen and (max-width: 1366px) {
width: 160px;
}
@media screen and (max-width: 640px) {
width: 120px;
height: 46px;
}
img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
.ratings-2-item-rating {
color: #7D9C9E;
font-size: 65px;
font-weight: 400;
font-family: "Forum", serif;
@media screen and (max-width: 640px) {
font-size: 40px;
}
}
.ratings-2-item-count {
color: #222;
font-size: 20px;
font-weight: 400;
font-family: "Mulish", sans-serif;
}
}
.ratings-2-separator {
width: 1px;
height: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #7D9C9E;
.ratings-2-items > & {
left: auto;
right: 0;
}
}
}
}.consultation-block {
margin: 180px 0;
border: 1px solid #7D9C9E;
border-left: 0;
border-right: 0;
overflow: hidden;
@media screen and (max-width: 1024px) {
margin: 90px 0;
}
.consultation-wrapper {
display: flex;
align-items: stretch;
column-gap: 60px;
@media screen and (max-width: 1024px) {
flex-direction: column;
row-gap: 0;
}
.consultation-contents {
width: 100%;
padding: 80px 0;
margin-right: 40px; position: relative;
z-index: 1;
padding-right: 120px;
@media screen and (max-width: 1400px) {
padding-right: 40px;
margin-right: 0;
}
@media screen and (max-width: 1024px) {
padding-right: 0;
}
@media screen and (max-width: 640px) {
padding: 60px 0;
}
display: flex;
flex-direction: column;
row-gap: 24px;
&::before {
content: '';
position: absolute;
z-index: -1;
right: 0;
top: 0;
bottom: 0;
width: 110vw;
background-color: #EFF3F3; background-repeat: no-repeat;
background-size: cover;
background-position: top right;
}
@media screen and (max-width: 1024px) {
&::before {
right: 50%;
transform: translateX(50%);
border-bottom: 1px solid #7D9C9E;
}
}
.consultation-title {
color: #161615;
font-size: calc(34px + 26 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Forum", serif;
text-transform: uppercase;
span {
color: #7D9C9E;
}
}
.consultation-caption {
color: #161615;
font-size: calc(14px + 2 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Mulish", serif;
max-width: 500px;
}
.consultation-form {
.input-group {
align-items: end;
flex-direction: row;
@media screen and (max-width: 640px) {
column-gap: 20px;
align-items: center;
}
@media screen and (max-width: 480px) {
flex-direction: column;
}
.consultation__input {
width: 100%;
}
.input__field {
border-radius: 12px;
border-color: #BFD7D9;
}
}
.consultation__button {
white-space: nowrap;
margin-bottom: 20px;
height: 60px;
@media screen and (max-width: 480px) {
width: 100%;
}
@media screen and (max-width: 640px) {
height: 53px;
margin-bottom: 10px;
}
}
.consultation__caption {
color: #828282;
font-size: calc(12px + 0 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.4;
font-family: "Mulish", serif;
margin-top: 0;
margin-bottom: 0;
.consultation__caption-link {
color: #7D9C9E;
text-decoration: none;
&:hover {
color: #161615;
}
}
}
}
.consultation-contacts {
margin-top: 14px;
border-top: 1px solid #D6EBEB;
padding-top: 40px;
display: flex;
align-items: center;
column-gap: 40px;
@media screen and (max-width: 640px) {
column-gap: 20px;
}
@media screen and (max-width: 400px) {
column-gap: 3px;
margin-top: 0;
padding-top: 20px;
}
@media screen and (max-width: 360px) {
flex-direction: column;
}
.consultation-contacts-title {
color: #697D7D;
font-size: calc(14px + 0 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Mulish", serif;
white-space: nowrap;
}
.consultation-contacts-text {
@media screen and (max-width: 640px) {
display: none;
}
}
.consultation-contact {
display: flex;
flex-direction: column;
row-gap: 8px;
@media screen and (max-width: 360px) {
align-items: center;
}
.consultation-contact-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
.consultation-phone-value {
color: #161615;
font-size: calc(24px + 6 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Forum", serif;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.consultation-schedule {
color: #697D7D;
font-size: calc(12px + 2 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Mulish", serif;
white-space: nowrap;
}
}
.consultation-contacts-text {
color: #161615;
font-size: calc(14px + 2 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Mulish", serif;
}
.consultation-socials {
display: flex;
flex-direction: column;
row-gap: 8px;
.consultation-socials-wrap {
display: flex;
align-items: center;
column-gap: 20px;
@media screen and (max-width: 640px) {
column-gap: 16px;
}
}
.social__link {
width: 48px;
height: 48px;
border: 1px solid #7D9C9E;
background-color: #fff;
@media screen and (max-width: 640px) {
width: 40px;
height: 40px;
}
&:hover {
background-color: #161615;
}
svg {
fill: #7D9C9E;
:hover > & {
fill: #fff;
}
}
}
}
}
}
.consultation-doctor {
width: 100%;
padding: 100px 0 40px;
display: flex;
flex-direction: column;
row-gap: 25px;
position: relative;
z-index: 0;
.consultation-doctor-video {
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 112px;
height: 112px;
@media screen and (max-width: 1024px) {
top: 40px;
}
svg {
width: 100%;
height: 100%;
:hover > & g:not(#play) path {
fill: #161615;
}
:hover > & g#play path:last-child {
fill: #161615;
}
g#symbols {
transition: all 0.2s ease;
animation: rotation 10s linear infinite;
-webkit-animation: rotation 10s linear infinite;
transform-origin: center;
.consultation-doctor-video:hover & {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
}
}
}
.consultation-doctor-wrap {
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 0;
@media screen and (max-width: 640px) {
max-width: 100%;
}
.consultation-doctor-bg {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: -1;
width: 680px;
height: 516px;
@media screen and (max-width: 640px) {
width: 500px;
height: 379px;
}
svg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
&:first-child {
rotate: 40deg;
left: 120px;
top: 40px;
@media screen and (max-width: 640px) {
left: 40px;
}
}
&:last-child {
scale: -1 -1;
top: 57px;
rotate: -30deg;
left: -182px;
@media screen and (max-width: 640px) {
left: -110px;
}
}
}
}
.consultation-doctor-info {
position: absolute;
left: -30%;
top: 30px; z-index: 1;
background: linear-gradient(109.57deg, rgba(101, 152, 155, 0.6) 7.56%, rgba(21, 102, 108, 0.6) 53.07%, rgba(100, 158, 162, 0.6) 100%);
border-radius: 30px 30px 0 30px;
padding: 24px;
max-width: 280px;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 4px;
@media screen and (max-width: 1024px) {
top: auto;
left: -20%;
bottom: -28px;
max-width: 200px;
}
@media screen and (max-width: 640px) {
padding: 14px;
max-width: 200px;
}
@media screen and (max-width: 400px) {
left: -10%;
}
@media screen and (max-width: 400px) {
left: -5%;
}
.consultation-doctor-span {
color: #C7E9EB;
font-size: calc(12px + 4 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.4;
font-family: "Mulish", serif;
}
.consultation-doctor-fio {
color: #fff;
font-size: calc(20px + 8 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Forum", serif;
}
.consultation-doctor-position {
color: #fff;
font-size: calc(12px + 4 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.4;
font-family: "Mulish", serif;
position: relative;
margin-top: 11px;
padding-top: 11px;
&::before {
content: '';
position: absolute;
left: -24px;
top: 0;
background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 48.81%, #FFFFFF 100%);
width: calc(100% + 48px);
height: 1px;
}
}
}
.consultation-doctor-photo {
width: 440px;
height: 520px;
overflow: hidden;
border-radius: 50px;
@media screen and (max-width: 1200px) {
width: 380px;
height: 449px;
}
@media screen and (max-width: 480px) {
width: 283px;
height: 334px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: top;
}
}
}
.consultation-doctor-slogan {
display: flex;
align-items: center;
column-gap: 16px;
margin-left: auto;
@media screen and (max-width: 1024px) {
margin-right: 25px;
margin-top: 23px;
}
.consultation-doctor-slogan-icon {
width: 48px;
height: 32px;
svg {
width: 100%;
height: 100%;
}
}
.consultation-doctor-slogan-text {
color: #4A4A4A;
font-size: calc(14px + 4 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
font-family: "Mulish", serif;
font-style: italic;
max-width: 210px;
}
}
&:not(:has(.consultation-doctor-slogan)) .consultation-doctor-photo {
width: 604px;
height: auto;
aspect-ratio: 604 / 520;
transform: translateX(-20%);
@media screen and (max-width: 1550px) {
max-width: 504px;
}
@media screen and (max-width: 1400px) {
transform: none;
}
@media screen and (max-width: 1200px) {
max-width: 70%;
}
@media screen and (max-width: 1200px) {
max-width: 80%;
}
@media screen and (max-width: 640px) {
max-width: 90%;
margin: -40px auto 0;
margin-bottom: 70px;
}
}
&:not(:has(.consultation-doctor-slogan)) .consultation-doctor-info {
min-width: 390px;
border-radius: 0 30px 30px 30px;
top: 100% !important;
left: auto;
right: 0;
transform: translateY(-50%) translateX(20%);
@media screen and (max-width: 1600px) {
transform: translateY(-50%) translateX(10%);
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
border-radius: 30px 0 30px 30px;
transform: translateY(-50%) translateX(30%);
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
transform: translateY(-50%) translateX(37%);
}
@media screen and (max-width: 1024px) {
top: auto !important;
transform: translateY(0%) translateX(10%);
}
@media screen and (max-width: 640px) {
left: 0%;
right: auto;
min-width: 250px;
border-radius: 30px 30px 30px 30px;
transform: translateY(0%) translateX(10%);
}
@media screen and (max-width: 420px) {
transform: translateY(0%) translateX(0%);
}
}
}
}
}
.consultation-wrapper:not(:has(.consultation-doctor-slogan)) .consultation-title {
max-width: 505px;
}
.consultation-wrapper:not(:has(.consultation-doctor-slogan)) .consultation-doctor-video {
@media screen and (max-width: 640px) {
top: 100% !important;
transform: translateY(-120%);
}
}
.consultation-block--type2 {
position: relative;
&:last-child {
margin-bottom: 0;
}
&:first-child {
margin-top: 0;
}
.consultation-wrapper {
max-width: calc(100% - 140px);
.consultation-contents {
width: 90%;
border-right: 1px solid #7D9C9E;
}
.consultation-doctor {
.consultation-doctor-slogan {
height: 74px;
width: 289px;
border-radius: 74px;
border: 1px solid #BFD7D9;
padding: 3px;
padding-right: 40px;
display: flex;
align-items: center;
column-gap: 20px;
background: linear-gradient(109.57deg, rgba(101, 152, 155, 0.6) 7.56%, rgba(21, 102, 108, 0.6) 53.07%, rgba(100, 158, 162, 0.6) 100%);
position: absolute;
right: -100px;
top: 40px;
z-index: 1;
.consultation-doctor-photo {
width: 65px;
min-width: 65px;
height: 65px;
border-radius: 50%;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.consultation-doctor-slogan-text {
font-size: 20px;
font-weight: 400;
font-style: normal;
color: #fff;
font-family: "Mulish", serif;
}
}
}
.consultation-right-button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 140px;
z-index: 1;
cursor: pointer;
border-left: 1px solid #7D9C9E;
.reasons__general-link {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 1024px) {
max-width: 100%;
.consultation-contents {
width: 100%;
border-right: none;
}
.consultation-doctor {
.consultation-doctor-bg {
scale: .8;
transform-origin: left top;
margin-top: -40px;
}
.consultation-doctor-slogan {
height: 48px;
width: 175px;
border-radius: 48px;
right: 20px;
top: 20px;
padding-right: 0;
column-gap: 8px;
margin: 0;
.consultation-doctor-photo {
width: 40px;
min-width: 40px;
height: 40px;
}
.consultation-doctor-slogan-text {
font-size: 14px;
}
}
}
.consultation-right-button {
position: relative;
left: 0;
top: 0;
right: 0;
border-left: 0;
border-top: 1px solid #7D9C9E;
width: 100%;
height: 80px;
margin-left: -20px;
margin-right: -20px;
margin-top: 40px;
width: calc(100% + 40px);
}
}
}
.consultation-contacts:has(.consultation-email) {
align-items: flex-start !important;
& .consultation-contact {
row-gap: 12px !important;
}
& .consultation-contacts-title {
color: #222222 !important;
font-size: calc(14px + 2 * ((100vw - 375px) / 1545)) !important;
}
& .consultation-phone-value {
font-size: calc(14px + 2 * ((100vw - 375px) / 1545)) !important;
font-weight: 500 !important;
font-family: "Mulish", serif !important;
}
& .consultation-email-value {
color: #161615;
font-size: calc(14px + 2 * ((100vw - 375px) / 1545));
font-weight: 500;
line-height: 1.2;
font-family: "Mulish", serif;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
& .consultation-socials {
row-gap: 12px !important;
& .social__link {
width: 40px !important;
height: 40px !important;
background-color: #7D9C9E !important;
& svg {
fill: #fff !important;
}
&:hover {
background-color: #222222 !important;
}
}
}
}
}
.consultation-block--form-2 {
& .consultation-title {
font-size: calc(24px + 20 * ((100vw - 375px) / 1545)) !important;
}
& .consultation-caption {
color: #4A4A4A !important;
max-width: 560px !important;
}
& .consultation-form {
margin-top: 8px;
& .input-group {
@media screen and (max-width: 640px) {
flex-direction: column !important;
& > * {
margin-right: 0 !important;
}
}
}
& .consultation__separator {
margin-top: 12px;
padding-top: 32px;
border-top: 1px solid #D6EBEB;
@media screen and (max-width: 480px) {
padding-top: 20px;
}
}
& .consultation__buttons {
display: flex;
column-gap: 44px;
align-items: center;
@media screen and (max-width: 1600px) {
column-gap: 24px;
}
@media screen and (max-width: 480px) {
row-gap: 20px;
align-items: start;
flex-direction: column;
}
}
& button {
margin-bottom: 0 !important;
font-size: calc(12px + 2 * ((100vw - 375px) / 1545)) !important;
}
& .consultation__inputfile {
display: flex;
column-gap: 4px;
align-items: center;
padding: 12px 18px;
position: relative;
@media screen and (max-width: 480px) {
order: -1;
}
& label {
opacity: 1 !important;
margin-bottom: 0 !important;
color: #222 !important;
font-weight: 500;
text-transform: uppercase;
font-family: "Mulish", sans-serif;
font-size: calc(12px + 2 * ((100vw - 375px) / 1545)) !important;
cursor: pointer;
&::before {
content: '';
z-index: 1;
position: absolute;
inset: 0;
}
&:empty {
white-space: nowrap;
}
&:empty:after {
content: attr(data-inputfile-label);
}
}
& svg {
order: -1;
width: 24px;
height: 24px;
}
}
}
& .consultation-contacts {
padding-top: 0 !important;
border-top: 0 !important;
white-space: nowrap;
row-gap: 40px;
flex-wrap: wrap;
}
}.service-list-cards {
margin: 140px 0;
@media screen and (max-width: 1024px) {
margin: 90px 0;
}
}
.service-list-cards__headline {
margin-bottom: 50px;
}
.service-list-cards__title {
font-size: calc(34px + 22 * ((100vw - 375px) / 1545));
@media screen and (min-width: 769px) {
margin: 0 auto;
}
}
.service-list-cards__grid {
@media screen and (min-width: 769px) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 14px;
}
@media screen and (max-width: 1440px) and (min-width: 769px) {
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
}
@media (max-width: 740px) {
.service-list-cards__grid { }
}
.service-list-cards__card {
display: flex; flex-direction: column;
padding: 37px 37px 27px;
border-radius: 25px;
background: #f1f6f6;
}
.service-list-cards__icon {
display: grid;
place-items: center;
margin-bottom: 32px;
width: 62px;
height: 62px;
border-radius: 10px 0 10px 10px;
background: linear-gradient(222.17deg, #A2C1C3 8.27%, #74A4A7 59.7%, #95BCBF 101.03%);
}
.service-list-cards__icon svg,
.service-list-cards__icon img {
display: block;
width: auto;
max-width: 42px;
height: auto;
max-height: 42px;
object-fit: contain;
}
.service-list-cards__icon svg {
fill: #fff;
}
.service-list-cards__name { margin: 0 0 14px;
color: #161615;
font-weight: 400;
font-family: "Forum", serif;
font-size: clamp(30px, 2vw, 40px);
line-height: 1;
text-transform: uppercase;
}
.service-list-cards__services {
margin: 0;
margin-bottom: 46px;
padding: 0;
list-style: none;
}
.service-list-cards__service {
border-bottom: 1px solid rgba(126, 156, 158, .2);
}
.service-list-cards__service a {
display: flex;
column-gap: 15px;
align-items: center;
justify-content: space-between;
padding: 18px 0 14px;
color: #161615;
font-family: "Mulish", sans-serif;
font-size: clamp(14px, 2vw, 16px);
line-height: 114%;
text-decoration: none;
transition: color .2s ease;
}
.service-list-cards__service a:hover {
color: #739c9e;
}
.service-list-cards__service-name {
max-width: 75%;
}
.service-list-cards__price {
flex: 0 0 auto;
white-space: nowrap;
}
.service-list-cards__button {
margin-top: auto;
}
.service-list-cards__button:hover {
background: #668f91;
color: #fff;
}
@media (max-width: 1023px) {
.service-list-cards {
padding: 70px 0;
}
.service-list-cards__grid { }
}
@media (max-width: 768px) {
.service-list-cards {
padding: 50px 0;
}
.service-list-cards__headline {
margin-bottom: 17px;   }
.service-list-cards__grid {    }
.service-list-cards__card {
height: auto !important;
min-height: auto;
padding: 22px 18px 14px;
}
.service-list-cards__icon {
margin-bottom: 16px;
}
.service-list-cards__service a {
font-size: 13px;
}
}
.service-list-cards__buttons {
display: none;
}
@media (max-width: 768px) {
.service-list-cards__headline {
flex-wrap: wrap;
margin-bottom: 24px;
gap: 16px;
}
.service-list-cards__headline .headline__name {
width: 100%;
}
.service-list-cards__buttons {
display: flex;
margin-left: auto;
}
.service-list-cards__container {
overflow: hidden;
}
}body {
& main .page__container {
@media screen and (min-width: 1400px) {
padding: 0 40px !important;
}
@media screen and (min-width: 1441px) {
padding: 0 60px !important;
}
@media screen and (min-width: 1800px) {
padding: 0 !important;
}
}
& .tabs-video-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border: 1px solid #ffffff;
border-radius: 50%;
transition: all 0.2s ease;
@media screen and (max-width: 1024px) {
width: 60px;
height: 60px;
}
& svg {
width: 32px;
height: 32px;
margin-left: 2px;
fill: #ffffff;
transition: all 0.2s ease;
scale: 1;
@media screen and (max-width: 1024px) {
width: 24px;
height: 24px;
}
}
}
}
.video-big-cards {
margin: 140px 0 130px;
font-family: "Mulish", serif;
@media screen and (max-width: 1024px) {
margin: 90px 0;
}
@media screen and (max-width: 575px) {
margin: 60px 0;
}
& .headline {
display: flex;
row-gap: 32px;
align-items: start;
flex-direction: column;
@media screen and (max-width: 768px) {
row-gap: 16px;
}
}
& .title {
line-height: 1.1;
max-width: 780px;
span {
line-height: inherit;
font-family: inherit;
font-size: inherit;
color: #7D9C9E;
text-transform: inherit;
letter-spacing: inherit;
max-width: none;
margin-top: 0;
display: inline;
}
}
& .title-caption {
font-weight: 400;
line-height: 1.6;
letter-spacing: 2%;
font-family: "Mulish", serif;
font-size: calc(14px + 6 * ((100vw - 375px) / 1545));
max-width: 1026px;
margin: 0 !important;
}
}
.video-big-cards__list {
display: grid;
row-gap: 40px;
column-gap: 64px;
grid-template-columns: repeat(2, 1fr);
@media screen and (max-width: 1440px) {
column-gap: 40px;
}
@media screen and (max-width: 991px) {
display: flex;
flex-direction: column;
}
}
.video-big-cards__item {
width: 100%;
aspect-ratio: 776 / 436;
border-radius: 0 0 48px 0;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
& video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
& a {
z-index: 1;
position: absolute;
inset: 0;
&:hover svg {
scale: 1.2;
}
}
}.lead-experts-block {
border: 1px solid #7D9C9E;
border-left: 0;
border-right: 0;
overflow: hidden;
@media screen and (max-width: 1024px) {
.page__container {
padding: 0;
}
}
}
.lead-experts-wrap {
display: flex;
align-items: stretch;
column-gap: 0;
row-gap: 0;
@media screen and (max-width: 1024px) {
flex-direction: column;
align-items: start;
}
.lead-experts-center {
width: 40%;
min-width: 40%;
border: 1px solid #7D9C9E;
border-top: 0;
border-bottom: 0;
margin: 0 40px;
background-color: #EFF3F3;
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
padding: 0 70px;
display: flex;
align-items: center;
@media screen and (max-width: 1400px) {
padding: 0 45px;
}
@media screen and (max-width: 1200px) {
padding: 0 30px;
margin: 0 20px;
width: 40%;
min-width: 40%;
}
@media screen and (max-width: 1024px) {
width: 100%;
border: 1px solid #7D9C9E;
border-left: 0;
border-right: 0;
margin: 0;
padding: 50px 32px;
}
.lead-experts-info {
display: flex;
flex-direction: column;
row-gap: 32px;
margin-top: -30px;
@media screen and (max-width: 1024px) {
margin-top: 0;
}
.lead-experts-title {
position: relative;
z-index: 0;
@media screen and (max-width: 1024px) {
max-width: 300px;
}
span {
color: #161615;
font-size: calc(34px + 26 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
font-family: "Forum", serif;
@media screen and (max-width: 1100px) { }
}
.lead-experts-sticker {
padding: 12px 32px;
position: absolute;
right: 9px;
top: -7px;
z-index: 0;
width: max-content;
max-width: 180px;
@media screen and (max-width: 1100px) {
right: -9px;
padding: 12px 16px;
}
span {
color: #7D9C9E;
font-size: calc(13px + 11 * ((100vw - 375px) / 1545));
font-weight: 400;
line-height: 1.2;
text-transform: initial;
font-family: "Mulish", serif;
}
i {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
svg  {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
}
.lead-experts-caption {
color: #161615;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
font-family: "Mulish", serif;
@media screen and (max-width: 1024px) {
max-width: 400px;
}
}
.lead-experts-buttons {
display: flex;
align-items: center;
row-gap: 12px;
column-gap: 32px;
white-space: nowrap; @media screen and (max-width: 1100px) {
column-gap: 20px;
}
@media screen and (max-width: 360px) {
flex-direction: column;
}
}
.lead-experts-socials {
display: flex;
align-items: center;
column-gap: 20px;
@media screen and (max-width: 1100px) {
column-gap: 16px;
}
.social__link {
background-color: #fff;
border: 1px solid #7D9C9E;
&:hover {
background-color: #161615;
}
svg {
fill: #7D9C9E;
:hover > & {
fill: #fff;
}
}
}
}
}
}
.lead-experts-doctor {
margin: 40px 0;
width: 100%;
position: relative;
z-index: 0;
@media screen and (max-width: 1024px) {
padding: 0;
width: 400px;
height: 400px;
&.lead-experts-doctor-1 {
margin-left: 40px;
order: 9;
}
&.lead-experts-doctor-2 {
margin-left: auto;
margin-right: 40px;
order: -1;
}
}
@media screen and (max-width: 640px) {
width: 240px;
height: 250px;
&.lead-experts-doctor-1 {
margin-left: 20px;
}
&.lead-experts-doctor-2 {
margin-right: 20px;
}
}
.lead-experts-doctor-bg {
position: absolute;
z-index: -1;
bottom: 0;
.lead-experts-doctor-1 & {
left: -200px;
}
.lead-experts-doctor-2 & {
right: -235px;
rotate: 10deg;
}
@media screen and (max-width: 1024px) {
width: 360px;
bottom: -50px;
.lead-experts-doctor-1 & {
left: auto;
right: -50%;
}
.lead-experts-doctor-2 & {
right: auto;
left: -50%;
rotate: 10deg;
}
}
@media screen and (max-width: 640px) {
width: 280px;
.lead-experts-doctor-1 & {
right: -60%;
bottom: -40px;
}
.lead-experts-doctor-2 & {
left: -40%;
}
}
svg {
width: 100%;
height: 100%;
}
}
.lead-experts-doctor-photo {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 50px;
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: top;
}
}
.lead-experts-doctor-fio {
position: absolute;
z-index: 0;
bottom: 30px;
width: 260px;
height: 87px;
padding: 0 24px;
@media screen and (max-width: 1100px) {
width: 200px;
height: 67px;
padding: 0 16px;
}
@media screen and (max-width: 640px) {
width: 160px;
height: 56px;
padding: 0 12px;
}
display: flex;
align-items: center;
justify-content: center;
.lead-experts-doctor-1 & {
right: 30px;
}
.lead-experts-doctor-2 & {
left: 30px;
}
@media screen and (max-width: 1200px) {
.lead-experts-doctor-1 & {
right: 50%;
transform: translateX(50%);
}
.lead-experts-doctor-2 & {
left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 1024px) {
.lead-experts-doctor-1 & {
right: auto;
left: 100%;
transform: translateX(-55%);
}
.lead-experts-doctor-2 & {
left: auto;
right: 100%;
transform: translateX(55%);
}
}
@media screen and (max-width: 360px) {
.lead-experts-doctor-1 & {
left: 90%;
}
.lead-experts-doctor-2 & {
right: 90%;
}
}
span {
font-size: calc(20px + 8 * ((100vw - 375px) / 1545));
color: #fff;
font-weight: 400;
font-family: "Forum", serif;
}
.lead-experts-doctor-layer {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
.lead-experts-doctor-2 & {
scale: -1 1;
}
svg {
width: 100%;
height: 100%;
}
}
}
}
}.coming-us-block {
margin: 140px 0 130px;
min-height: 750px;
position: relative;
z-index: 0;
@media screen and (max-width: 1200px) {
min-height: 540px;
}
@media screen and (max-width: 1024px) {
margin: 90px 0;
min-height: auto;
}
@media screen and (max-width: 900px) {
background: linear-gradient(178.13deg, rgba(249, 253, 253, 0) 2.08%, rgba(240, 250, 251, 0.79) 35.83%, rgba(240, 250, 251, 0.79) 84.04%, rgba(249, 253, 253, 0) 99.99%);
}
.coming-us-bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@media screen and (max-width: 900px) {
background-image: none !important;
}
}
.coming-us-bg-mob {
display: none;
@media screen and (max-width: 900px) {
display: block;
}
}
.page__container {
display: flex;
flex-direction: column;
row-gap: 60px;
position: relative;
min-height: inherit;
padding-top: 40px;
padding-bottom: 50px;
}
.title {
span {
color: #7D9C9E;
}
}
.coming-us-items {
display: flex;
flex-direction: column;
row-gap: 25px;
width: max-content;
max-width: 100%;
margin-left: auto;
@media screen and (max-width: 900px) {
margin-left: 0;
order: 9;
}
}
.coming-us-item {
display: flex;
align-items: start;
column-gap: 40px;
& > .coming-us-item-title {
display: none !important;
}
@media screen and (max-width: 900px) {
flex-wrap: wrap;
row-gap: 8px;
column-gap: 30px;
& > .coming-us-item-title {
display: flex !important;
width: 100%;
}
}
.coming-us-item-image {
width: 217px;
height: 113px;
position: relative;
@media screen and (max-width: 1200px) {
width: 113px;
height: 59px;
}
img {
position: absolute;
left: 50%;
bottom: 0;
width: 225px;
height: 142px;
transform: translateX(-50%);
@media screen and (max-width: 1200px) {
width: 117px;
height: 74px;
}
}
}
.coming-us-item-description {
display: flex;
flex-direction: column;
row-gap: 2px;
max-width: 380px;
@media screen and (max-width: 1200px) {
width: calc(100% - 147px);
}
}
.coming-us-item-title {
display: flex;
align-items: end;
column-gap: 16px;
@media screen and (max-width: 1200px) {
display: none;
}
.coming-us-item-number {
color: #BFD7D9;
font-size: 24px;
font-weight: 400;
font-family: "Forum", serif;
@media screen and (max-width: 1200px) {
font-size: 20px;
}
}
.coming-us-item-name {
color: #7D9C9E;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
@media screen and (max-width: 1200px) {
font-size: 24px;
}
}
}
.coming-us-item-text {
color: #222;
font-size: 20px;
font-weight: 400;
font-family: "Mulish", sans-serif;
@media screen and (max-width: 1200px) {
font-size: 16px;
}
}
}
.coming-us-caption {
position: absolute;
left: 0;
bottom: 0;
padding: inherit;
color: #4A4A4A;
font-size: 17px;
font-weight: 600;
font-family: "Mulish", sans-serif;
@media screen and (max-width: 1200px) {
font-size: 14px;
}
@media screen and (max-width: 900px) {
position: relative;
padding: 0;
}
span {
font-weight: 400;
}
}
}.services-template-single-services-child .faq-block .page__container {
padding: 0 60px;
}
.services-template-single-services-child .faq-block .title span {
color: #F59617;
}
.services-template-single-services-child .faq-block .button {
background-color: #F59617;
}
.services-template-single-services-child .faq-block .faq-block__item {
background-color: #FEF7EC;
}
.services-template-single-services-child .faq-block .faq-block__item .name:after {
background-color: #F59617;
}
@media (max-width: 768px) {
.services-template-single-services-child .faq-block .page__container {
padding: 0 20px;
}
}
@media (max-width: 576px) {
.services-template-single-services-child .faq-block .page__container {
padding: 0 10px;
}
}
.faq-block {
padding: 2rem 0;  }
.faq-block .desktop {
display: block;
}
.faq-block .mobile {
display: none;
}
.faq-block__title span {
color: #7d9c9e;
}
.faq-block__item {
background-color: #EFF3F3;
margin-bottom: 1.5rem;
font-family: "Gilroy", sans-serif;
color: #161615;
}
.faq-block__item .name {
display: flex;
cursor: pointer;
padding: 1.5rem 3rem;
gap: 2rem;
justify-content: space-between;
align-items: center;
font-size: 26px;
font-weight: 600;
}
.faq-block__item .name:after {
content: "";
width: 50px;
min-width: 50px;
transition: all 0.3s 0s;
height: 50px;
border-radius: 50px;
background: #7D9C9E url(//prozuby23.ru/wp-content/themes/dantist/app/img/icons/close.svg) no-repeat center/45%;
}
.faq-block__item .name.show {
padding-bottom: 0;
}
.faq-block__item .name.show:after {
transform: rotate(-45deg);
}
.faq-block__item .text {
font-size: 20px;
padding: 0.5rem 3rem 2rem 3rem;
max-width: 1300px;
}
.faq-block__item .text p {
margin-top: 0;
}
.faq-block__item .text p:last-child {
margin-bottom: 0;
}
.faq-block__item .text.hide {
display: none;
}
@media (max-width: 1200px) {
.faq-block__item .name {
font-size: 24px;
}
.faq-block__item .text {
font-size: 18px;
}
}
@media (max-width: 768px) {
.faq-block .desktop {
display: none;
}
.faq-block .mobile {
display: block;
}
.faq-block__button {
margin: 1rem auto 0 auto;
}
.faq-block__item {
margin-bottom: 0.5rem;
}
.faq-block__item .name {
padding: 1rem 1.5rem;
font-size: 18px;
font-weight: 600;
}
.faq-block__item .name:after {
width: 40px;
height: 40px;
min-width: 40px;
}
.faq-block__item .text {
font-size: 14px;
padding: 0.5rem 1.5rem 1rem 1.5rem;
}
.faq-block .headline {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
}
@media (max-width: 360px) {
.faq-block__item {
margin-bottom: 0.5rem;
}
.faq-block__item .name {
padding: 1rem;
font-size: 14px;
font-weight: 600;
}
.faq-block__item .name:after {
width: 30px;
height: 30px;
min-width: 30px;
}
.faq-block__item .text {
font-size: 12px;
padding: 0.5rem 1rem 1rem 1rem;
}
}
.vopros-popup {
padding: 0;
}
.modal-vopros {  }
.modal-vopros__top {
padding: 60px 60px 40px 60px;
}
.modal-vopros__title {
font-size: 40px;
text-align: center;
}
.modal-vopros__title span {
color: #7d9c9e;
}
.modal-vopros__contacts {
display: flex;
gap: 1.5rem;
justify-content: center;
margin-top: 1.5rem;
font-size: 18px;
align-items: center;
font-family: "Gilroy", sans-serif;
font-weight: 500;
}
.modal-vopros__contacts .phone {
border-radius: 100px;
white-space: nowrap;
text-decoration: none;
background-color: #7d9c9e;
padding: 1rem 2rem;
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
color: white;
}
.modal-vopros__contacts .phone:hover {
background-color: #222222;
}
.modal-vopros__contacts .phone svg {
fill: white;
}
.modal-vopros__bottom {
display: flex;
background: #eff3f3;
}
.modal-vopros__bottom .foto {
width: 55%;
min-height: 300px;
overflow: hidden;
}
.modal-vopros__bottom .foto img {
object-fit: cover;
width: 100%;
height: 100%;
}
.modal-vopros__bottom .text {
padding: 40px 40px;
font-size: 18px;
}
.modal-vopros__bottom .text .name {
margin-bottom: 1.5rem;
}
.modal-vopros__bottom .text ul {
margin-top: 0;
padding-left: 1.25rem;
}
.modal-vopros__bottom .text li {
font-size: 14px;
}
@media (max-width: 768px) {
.modal-vopros__top {
padding: 40px 20px;
}
.modal-vopros__title {
font-size: 25px;
}
.modal-vopros__contacts {
font-size: 16px;
}
.modal-vopros__contacts .phone {
padding: 0.5rem 1rem;
gap: 0.25rem;
}
.modal-vopros__bottom {
padding: 0 20px;
background-color: transparent;
gap: 1rem;
}
.modal-vopros__bottom .foto {
width: 45%;
min-height: 130px;
height: 130px;
}
.modal-vopros__bottom .text {
font-size: 14px;
padding: 0;
}
.modal-vopros__bottom .text .name {
margin-bottom: 0.5rem;
}
.modal-vopros__bottom .text li {
font-size: 12px;
}
}
@media (max-width: 360px) {
.modal-vopros__top {
padding: 20px;
}
.modal-vopros__title {
font-size: 18px;
}
.modal-vopros__contacts {
flex-direction: column;
gap: 0.5rem;
margin-top: 0.5rem;
}
.modal-vopros__bottom .text {
font-size: 12px;
padding: 0;
}
.modal-vopros__bottom .text .name {
margin-bottom: 0.5rem;
}
.modal-vopros__bottom .text li {
font-size: 10px;
}
}