/* MOBILE */
/* HEADER */ 
.headerMain { box-shadow: 0px 0px 10px 2px #ffffff1a inset; position: fixed; top: 0; left: 0; width: calc(100% - 40px); margin: 15px 20px 0 20px; background-color: #5492ca; padding: 8px 8px 8px 18px; box-sizing: border-box; border-radius: 60px; backdrop-filter: blur(10px); z-index: 99; }
.headerMain__inner{ display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 6px; }
.headerMain__inner::before { content: ''; position: absolute; inset: -1px; /* Толщина бордера */ border-radius: 60px; padding: 1px; background: linear-gradient(239deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 19%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0.1) 73%, rgba(255, 255, 255, 0.2) 87%, rgba(255, 255, 255, 1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.headerMain__pic { margin-right: auto; display: flex;}
.headerMain__pic.logo img { height: 100%;}
.headerMain .logo__img { filter: brightness(0) saturate(100%) invert(100%); }
.burger { background-color: var(--white-color); width: 40px; height: 40px; border-radius: 50%; display: flex; position: relative; }
.burger > span { position: absolute; top: 0; left: 0; height: 2px; background-color: var(--font-color); border-radius: 2px; transition: 0.5s ease-in-out; }
.burger__first { transform: translate(12px, 13px); width: 17px; }
.burger__second { transform: translate(16px, 19px); width: 13px; }
.burger__third { transform: translate(12px, 25px); width: 17px; }
.burger.active .burger__second { opacity: 0; }
.burger.active .burger__first { transform: translate(11px, 18px) rotate(-45deg); }
.burger.active .burger__third { transform: translate(11px, 18px) rotate(45deg); }
.headerMain.active .headerMain__phone{ background-color: var(--white-color); }
.headerMain.active .headerMain__phone path{ fill: var(--accent-color); }
.headerMain__phone path{ fill: var(--white-color); }
.headerMain__phone { background-color: rgba(255, 255, 255, 0.3); padding: 12px; border-radius: 40px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; transition: 0.2s ease; }
.headerMain__hidden { border-radius: 15px; background-color: var(--gray-color); transform: translatey(70%); opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out 0.1s, transform 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.1s; max-height: 0px; max-width: 0px; overflow: hidden; position: absolute; bottom: -13px; right: 0; }
.active.headerMain__hidden { opacity: 1; visibility: visible; max-height: 400px; max-width: 400px; overflow: visible; transform: translatey(100%); min-width: 163px; right: 0; }
.headerMain__hidden-wrap{ display: flex; flex-direction: column; gap: 5px; position: relative; padding: 14px; font-size: var(--small-title); }
.headerMain__hidden-wrap::before { width: 30px; height: 30px; background-color: var(--gray-color); content: ""; display: flex; position: absolute; top: 0; right: 26%; transform: translate(0%, -33%) rotate(45deg); z-index: -1; border-radius: 5px; }
.headerMain__arrowicon { transition: 0.3s ease; transform: rotate(180deg); }
.headerMain__arrowicon { transition: 0.3s ease; transform: rotate(180deg); }
.headerMain__phone.active .headerMain__arrowicon { transform: rotate(0deg); }
.headerMain.active .logo__img{ filter: none; }
.headerMain.active .headerMain__inner::after { width: 100%; }
.headerMain__nav { padding: 0 20px; }
.headerMain__inner::after { position: absolute; top: 0; left: 0; height: 100%; border-radius: 60px; background-color: var(--gray-color); z-index: -1; transition: 0.3s ease-in-out; width: 0%; content: ""; }
.headerMain__absoluteBlock{ transform: translatex(-100%); transition: 0.3s ease; position: fixed; top: -20px; left: -20px; background-color: var(--white-color); z-index: -1; width: 100vw; height: 100vh; padding: 100px 0px 0px 0px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; overflow-y: auto; }
.headerMain.active .headerMain__absoluteBlock{ transform: translatex(0%); }
.navigation { display: flex; flex-direction: column; gap: 10px; }
.navigation__item, .navigation__link { font-weight: 600; font-size: var(--title-third); color: var(--font-color); font-family: Manrope; }
.navigation__item svg path { fill: var(--font-color); }
.navigation__item svg { fill: var(--font-color); transform: rotate(-90deg); transition: 0.3s ease; margin-top: 3px; }
.navigation__link { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; }
.flexable { padding: 40px 20px 10px 20px; background-color: var(--gray-color); border-radius: 20px; }
.flexable__caption { color: var(--font-color-light); font-size: var(--low-text); display: block; }
.flexable__phones { display: flex; flex-direction: column; gap: 0; }
.flexable__inner { display: flex; flex-direction: column; gap: 20px; }
.flexable__value { font-family: RFDewi; font-size: var(--phone-size); }
.flexable__mobileDetailes .socials { margin-top: 10px; }
.socials__item { cursor: pointer; transition: 0.1s ease; width: 48px; min-width: 48px; height: 48px; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: var(--white-color); border-radius: 100%; }
.socials { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 100%; }
.socials__item:hover { background-color: var(--accent-color); }
.socials__item:hover path{ fill: var(--white-color); }
.navigation__sublist { position: fixed; top: 100px; left: 0; background-color: var(--white-color); height: calc(100vh - 100px); width: 100vw; box-sizing: border-box; overflow: auto; max-height: calc(100vh - 100px); transform: translatex(-100%); padding: 20px; transition: transform 0.3s ease; }
.navigation__sublist-inner { display: flex; flex-direction: column; gap: 10px; }
.navigation__sublist.navigation__sublist--first.active {z-index: 2;}
.navigation__sublist.navigation__sublist--second.active {z-index: 3;top: 0;}
.navigation__sublist.active { transform: translatex(0); }
.prevblock__title { font-weight: 700; font-size: var(--title-third); font-family: RFDewi; border-bottom: 1px #0079B526 solid; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; }
.prevblock__btn svg path { fill: #173A5199; }
.prevblock__btn svg { transform: rotate(90deg); margin-bottom: 3px; }
.prevblock__btn { color: #173A5199; margin-bottom: 40px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px; }
.simplePhoneLink { font-size: var(--phone-size); font-family: RFDewi; transition: 0.1s ease; cursor: pointer; }
.simplePhoneLink:hover {color: var(-accent-color) !important;}
.headerMain__phone.mobile a.headerMain__phonenum.simplePhoneLink {
    color: var(--white-color);
    font-size: 11px;
}
.headerMain.active .headerMain__phone.mobile a.headerMain__phonenum.simplePhoneLink {
    color: var(--font-color);
}
a.headerMain__pic.logo picture, a.headerMain__pic.logo picture img {
    height: 24px;
    width: 28px;
}

/* INTRO */ 
.section__backpic { display: none; }
.section.section--first { background-color: var(--back-color3); padding-top: 85px; padding-bottom: 20px; border-radius: 0 0 30px 30px; }
.mainpage__title { font-size: var(--title-top); color: var(--white-color); font-family: 'RFDewi'; text-transform: uppercase; margin: 0; }
.mainpage__subtitle, .mainpage__subtitle p { color: var(--white-color); }
.mainpage__bages::before { content: ''; position: absolute; inset: -1px; border-radius: 20px; padding: 1px; background: linear-gradient(239deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 19%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0.1) 73%, rgba(255, 255, 255, 0.2) 87%, rgba(255, 255, 255, 1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.mainpage__bages { width: 100%; background-color: #FFFFFF1A; padding: 20px; box-sizing: border-box; border-radius: 20px; backdrop-filter: blur(10px); display: flex; flex-direction: column; gap: 20px; box-shadow: 0 0 15px #ffffff36 inset; }
.mainpage__bage { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 15px; }
.mainpage__bagename { font-size: var(--small-text); color: var(--white-color); font-family: 'RFDewi'; text-transform: uppercase; }
.mainpage__bage svg { width: 28px; min-width: 28px; height: 28px; }
.mainpage__info { display: flex; flex-direction: column; gap: 20px; }
.mainpage__doctor { background-color: var(--white-color); padding: 12px; border-radius: 20px; margin-top: 40px; }
.mainpage__doctor-wrap { display: flex; flex-direction: column; gap: 5px; }
.mainpage__doctor-detailes { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.mainpage__doctor-name { font-size: var(--low-text); text-transform: uppercase; font-family: 'RFDewi'; }
.mainpage__doctor-role, .mainpage__doctor-exp { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.breadcrumbs svg path { fill: var(--transparent); }
.breadcrumbs span, a.breadcrumbs__main { color: var(--white-color); }
.breadcrumbs { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; gap: 10px; row-gap: 0px; overflow: auto; }
.breadcrumbs span, .breadcrumbs__main { color: var(--white-color); white-space: nowrap; font-size: var(--small-text);}
.breadcrumbs::-webkit-scrollbar { display: none; width: 0; height: 0; }
.breadcrumbs svg { min-width: 7px; }
.breadcrumbs__main { opacity: 0.6; }
.mainpage__mainbage { font-size: var(--small-btn); text-transform: uppercase; font-family: RFDewi; padding: 6px 10px 6px 6px; background-color: var(--transparent); width: fit-content; border-radius: 40px; display: flex; flex-direction: row; align-items: center; gap: 10px; color: var(--white-color); }
.round { width: 16px; height: 16px; min-width: 16px; background-color: var(--white-color); border-radius: 50%; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; }
.round::before { content: ""; width: 8px; height: 8px; background-color: var(--accent-color); border-radius: 50%; }
.page-service .mainpage__bage::before { content: ''; position: absolute; inset: -1px; border-radius: 20px; padding: 1px; background: linear-gradient(239deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 19%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0.1) 73%, rgba(255, 255, 255, 0.2) 87%, rgba(255, 255, 255, 1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.page-service .mainpage__bages::before { display: none; }
.page-service .mainpage__bage { width: 100%; background-color: #FFFFFF1A; padding: 20px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 15px #ffffff36 inset; position: relative; }
.page-service .mainpage__bages { display: flex; flex-direction: column; gap: 20px; padding: 0; background-color: transparent; box-shadow: none; }
.mainpage__caption { color: var(--white-color); text-transform: uppercase; font-family: RFDewi; font-size: var(--small-btn); opacity: 0.8; }
.mainpage__price, .mainpage__phone{ color: var(--white-color); text-transform: uppercase; font-family: RFDewi; font-size: var(--small-text); }
.mainpage__item { display: flex; flex-direction: column; gap: 0; }
.mainpage__detailes { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; justify-content: flex-start; }
.mainpage__item.mainpage__item--phone { padding-right: 10px; position: relative; }
.mainpage__item.mainpage__item--phone::before { content: ""; background: linear-gradient(180deg, rgba(0, 5, 8, 0) 0%, rgb(255 255 255 / 31%) 49%, rgb(255 255 255 / 0%) 100%); width: 1px; height: 100%; position: absolute; top: 50%; right: 0; transform: translatey(-50%); }
.mainpage__btns { display: flex; flex-direction: column; gap: 5px; }
.section.section--first.section--main picture.section__fon { height: unset; }
@media(max-width: 1023px){
.servicePage .mainpage__bages {
    order: 1;
}
}
/* OTHERS */
.otherpage { display: flex; flex-direction: column; gap: 20px; text-align: left; justify-content: flex-start; align-items: flex-start; padding-bottom: 20px; padding-top: 20px; }
.otherpage .section__title { color: var(--white-color); }
.contactsPage .section.section--first.other-pages {z-index: 2 !important; position: relative;}




/* DESCTOP */
/* HEADER */ 
@media(min-width: 1024px){
.header { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; margin-top: 40px; }
.header__wrap { display: flex; flex-direction: column-reverse; gap: 20px; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 30px; box-sizing: border-box;}
.headerMain { background-color: #bdbdbd0f; position: relative; margin: 0; width: 100%; padding: 10px 10px 10px 24px; }
.headerMain .logo__img { width: 140px; height: 45px; }
.headerMain__absoluteBlock { position: relative; top: unset; left: unset; width: fit-content; background-color: transparent; height: unset; overflow: visible; flex-direction: row; padding: 0; z-index: 1; max-width: unset; transform: none; align-items: center; justify-content: space-between; width: 100%; }
.headerMain__nav { padding: 0; }
a.headerMain__pic.logo picture, a.headerMain__pic.logo picture img {
    height: 32px;
    width: 133px;
}
.headerDesctop { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; width: 100%; }
.headerDesctop__item { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.headerDesctop__item svg { min-width: 18px; }
.headerDesctop__item span { display: block; white-space: nowrap; color: var(--white-color); font-weight: 500; }
.headerDesctop__item.headerDesctop__socials { margin-left: auto; width: fit-content; }
.headerDesctop__item .socials__item { width: 40px; height: 40px; min-width: 40px; }
.adresses__item { display: flex; flex-direction: row; align-items: center; gap: 5px; }
.adresses__btn:hover { border-color: var(--accent-color); }
.adresses__btn { cursor: pointer; border-bottom: 1px transparent solid; }
.adresses__item.adresses__item--partner { display: none; }
@media(min-width: 1250px){
.adresses__item.adresses__item--partner { display: flex; }
.adresses__item.adresses__item--partner { padding-left: 10px; border-left: 1px white solid; border-color: var(--transparent); }
.adresses__item.adresses__item--partner a { color: white; display: flex; flex-direction: row; align-items: center; width: max-content; }
.adresses__item.adresses__item--partner a span { color: #FFFFFF99; }
}
.headerMain__pic { margin-right: unset; }
.headerMain__inner { justify-content: flex-start; gap: 30px; }
.navigation { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px; }
.navigation__item--first.navigation__item svg path, .navigation__item--first.navigation__link svg path { fill: var(--white-color); }
.navigation__item--first.navigation__item, .navigation__item--first .navigation__link { color: var(--white-color); font-weight: 500; }
.navigation__sublist { pointer-events: none; position: absolute; top: unset; left: 50%; transform: none; height: unset; max-width: 410px; bottom: 0px; overflow: visible; border-radius: 15px; width: fit-content; transform: translate(-50%, 100%); min-width: 350px; padding: 20px; opacity: 0; visibility: hidden; transition: 0s; }
.navigation__sublist.active { transition: opacity 0.3s ease 0.1s, transform 0.3s ease; }
.navigation__sublist.active { transform: translate(-50%, 110%); opacity: 1; visibility: visible;}
.navigation__sublist.navigation__sublist--first.active, .navigation__sublist.navigation__sublist--first.active .navigation__sublist {pointer-events: all;}
.navigation__item.navigation__item--first { position: relative; overflow: visible; }
.navigation__sublist.navigation__sublist--first > .navigation__sublist-inner::before { width: 30px; height: 30px; background-color: var(--white-color); content: ""; display: flex; position: absolute; top: 0; left: 50%; transform: translate(-50%, -33%) rotate(45deg); z-index: -1; border-radius: 5px; }
.navigation__item.navigation__item--second > .navigation__link, .navigation__item.navigation__item--third > .navigation__link{ color: var(--font-color); }
.navigation__sublist-inner { max-height: 366px; overflow: auto; }
.navigation__link.navigation__link--title { cursor: pointer; }
.navigation__link { border-bottom: 1px transparent solid; }
.navigation__sublist--services .navigation__sublist-inner { padding: 16px 18px; background-color: var(--gray-color); border-radius: 18px; gap: 24px; max-width: 335px; }
.navigation__sublist-servicesInner .navigation__link.navigation__link--second { font-family: RFDewi; text-align: left; font-size: var(--low-text-desc); line-height: 18px; }
.navigation__sublist.navigation__sublist--first.navigation__sublist--services { padding: 10px; border-radius: 30px; min-width: 800px; left: 0; transform: translate(-10%, 100%); }
.navigation__sublist.navigation__sublist--first.navigation__sublist--services.active{ transform: translate(-10%,110%); }
.navigation__sublist.navigation__sublist--first.navigation__sublist--services > .navigation__sublist-inner::before { left: 13%; transform: translate(0, -33%) rotate(45deg); } .navigation__sublist-servicesInner .navigation__link.navigation__link--second:hover{ border-color: transparent; font-size: var(--title-third); line-height: 18px; }
.navigation__sublist-servicesInner .navigation__link.navigation__link--second path{ fill: var(--gray-color); }
.navigation__sublist-servicesInner .navigation__link.navigation__link--second:hover path{ fill: var(--font-color); }
.navigation__sublist.navigation__sublist--first.navigation__sublist--services .navigation__sublist-inner { max-height: 372px; }
.navigation__sublist--services .navigation__sublist.navigation__sublist--second { position: absolute; transform: none; padding: 10px; left: 381px; background-color: transparent; max-width: unset; width: 400px; }
.navigation__sublist--services .navigation__sublist.navigation__sublist--second .navigation__sublist-inner { background-color: transparent; width: 100%; max-height: 372px; overflow: auto; display: grid; grid-template-columns: repeat(1, 1fr); min-width: 100%; box-sizing: border-box; gap: 10px; column-gap: 40px; }
.navigation__link.navigation__link--title.navigation__link--second.selected {font-size: var(--title-third);}
.navigation__sublist-servicesInner .navigation__link.navigation__link--second.selected path{ fill: var(--font-color); }
.navigation__item.navigation__item--second:hover > .navigation__link.navigation__link--second { color: var(--accent-color); }
.navigation__item.navigation__item--third:hover > .navigation__link.navigation__link--third { color: var(--accent-color); }
.navigation__item svg { transition: none; }
.navigation__link.navigation__link--title.navigation__link--first svg { transform: rotate(0deg); transition: 0.3s ease; }
.navigation__link.navigation__link--title.navigation__link--first.selected svg { transform: rotate(180deg); transition: 0.3s ease; }
.navigation__item.navigation__item--first { padding: 15px 14px; background-color: transparent; border-radius: 60px; }
.navigation__item.navigation__item--first:hover { background-color: var(--transparent); }
.flexable { padding: 0; background-color: transparent; border-radius: 0; }
.flexable__inner { flex-direction: row; align-items: center; }
.flexable__btns { display: flex; flex-direction: row; gap: 10px; }
.flexable .simplePhoneLink { font-family: Manrope; font-weight: 600; font-size: 18px; color: var(--white-color); }
.flexable__btns button:last-child {display: none;}
.flexable__phones {display: none;}
.headerDesctop__item.headerDesctop__shedule {display: none;}
@media(min-width: 1570px){ 
.flexable__phones {display: flex;} 
.headerDesctop__item.headerDesctop__shedule {display: flex;}
.navigation__sublist--services .navigation__sublist.navigation__sublist--second { width: 704px; }
.navigation__sublist--services .navigation__sublist.navigation__sublist--second .navigation__sublist-inner { grid-template-columns: repeat(2, 1fr); }
.navigation__sublist--services .navigation__sublist.navigation__sublist--second .navigation__sublist-inner::before { content: ""; background: linear-gradient(180deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 1px; height: 100%; position: absolute; top: 0; left: 50%; transform: translatex(-7px); }
.navigation__sublist.navigation__sublist--first.navigation__sublist--services {min-width: 1100px;}
.navigation__sublist { max-width: 600px; }  
}
@media(min-width: 1540px){ .flexable__btns button:last-child {display: flex;} } 
@media (min-width: 1024px) and (max-width: 1200px) {
.navigation__sublist.navigation__sublist--first.navigation__sublist--services.active { transform: translate(-30%, 110%); }
.navigation__sublist.navigation__sublist--first.navigation__sublist--services .navigation__sublist-inner::before { left: 37%; }
.flexable__btns.desctop { display: none; }
}

/* INTRO */ 
h1.section__title {font-size: 60px !important;}
.section.section--first { padding-top: 255px; padding-bottom: 0; position: relative; border-radius: 60px;}
.section.section--first.section--articlePage { padding-top: 215px;}
.section__backimg { max-width: 100%; width: 100%; height: 100%; object-fit: cover; min-height: 100%; }
.section__backpic { width: 100%; height: 100%; display: block; min-height: 100%; min-width: 100%; border-radius: 60px; overflow: hidden; }
.mainpage__title { font-size: var(--title-top-desc); }
.mainpage { display: flex; flex-direction: row; gap: 60px; align-items: stretch; justify-content: space-between; }
.mainpage__info { max-width: 50%; padding-bottom: 60px; }
.mainpage__bages { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 550px; }
.mainpage__bage svg { width: 40px; min-width: 40px; height: 40px; }
.mainpage__btn .btn { width: fit-content; min-width: 300px; }
.mainpage__btn { margin-top: auto; }
.mainpage__btn span { font-size: 14px; }
.mainpage__btn .btn.btn--arrow:hover .arrow { background-color: var(--accent-color); }
.mainpage__doctor { margin: 0; width: 650px; position: relative; background-color: transparent; padding: 0; }
.mainpage__doctor-wrap { background-color: var(--white-color); padding: 32px; border-radius: 36px; position: absolute; bottom: 30px; right: 0; max-width: 355px; }
.mainpage__doctor-name { font-size: var(--small-title-desc); }
.page-service .mainpage__bages { flex-direction: row; }
.page-service .mainpage__bage { min-width: 242px; }
.mainpage__btns { flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; }
.mainpage__btns .btn { width: fit-content; min-width: 225px; }
.mainpage__caption { font-size: var(--small-btn-desc); }
.mainpage__detailes { gap: 30px; }
.mainpage__item.mainpage__item--phone { padding-right: 30px; }
.mainpage__price, .mainpage__phone { font-size: var(--small-title-desc); }
.mainpage__info { gap: 30px; }
.mainpage__mainbage { font-size: var(--small-text); }
.section.section--first.page-service { padding-top: 225px; }
.breadcrumbs span, .breadcrumbs__main { font-size: var(--low-text-desc);}

/* OTHERS */
.otherpage { gap: 100px; padding-bottom: 60px; padding-top: 0; }
.section.section--first.other-pages { padding-top: 210px; }
}