/* small global elements */
.arrow { min-width: 40px; width: 40px; height: 40px; border-radius: 100%; background-color: var(--gray-color); display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; transition: 0.1s ease; }
.arrow-parent:hover .arrow, .arrow:hover {background-color: var(--accent-color);}
.arrow-parent:hover .arrow path, .arrow:hover path {fill: var(--white-color);}
.arrow-parent:focus .arrow, .arrow:focus {box-shadow: 1px 2px #423b3b96 inset}
.arrow.arrow--orange path {fill: var(--white-color);}
.arrow.arrow--orange {background-color: var(--accent-color);}
.check { min-width: 32px; width: 32px; height: 32px; background-color: var(--gray-color); display: flex; align-items: center; justify-content: center; border-radius: 100%; }
.check.check--white { background-color: var(--white-color); }
.swiper-navigation { display: none; }
.swiper{max-width: 100%; width:100%; min-width:0px;}
.spoiler { position: relative; border-radius: 8px; background-color: var(--white-color); min-width: 44px; width: 44px; height: 44px; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.spoiler__line-v { height: 45%; background-color: var(--font-color); width: 2px; transition: 0.3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.spoiler__line-h { height: 2px; background-color: var(--font-color); width: 45%; transition: 0.3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.spoiler.active .spoiler__line-v { height: 0%; }
.like { padding: 12px 14px; border-radius: 8px; background-color: var(--gray-color); width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px; cursor: pointer; transition: 0.3s ease; }
.like span { font-size: var(--small-text); font-family: RFDewi; margin-top: 2px; }
.like:hover {background-color: var(--accent-color);}
.like:hover span{color: var(--white-color);}
.like:hover path{fill: var(--white-color);}
form p > a {color: var(--white-color);} 
.fancybox__content { max-width: unset !important; width: 100% !important; height:  100% !important; }
.fancybox__content > div[style*="position: relative"] { height: 100% !important; max-width: unset !important; aspect-ratio: 16 / 10; }
.fancybox__content video, .fancybox__content iframe { width: 100%; height: 100%; aspect-ratio: 16 / 10; }
textarea.form__field.field-message { color: var(--white-color); }


/* section global */
.section {margin-bottom: var(--smb);overflow: hidden;}
.container {padding: var(--cpv);width: 100%;margin: 0 auto;box-sizing: border-box;z-index: 2;position: relative;}
.section__title span {color: var(--accent-color);}
.section__title {font-family: RFDewi;text-align: left;text-transform: uppercase;margin: 0;font-size: var(--title-top);}
.section__subtitle {margin: 0;}
.section__head {display: flex;flex-direction: column;gap: 20px;margin-bottom: var(--stmb);}
.section__title-main {display: flex;flex-direction: column;gap: 12px;}
.section__inner {display: flex;flex-direction: column;gap: 20px;}
.section__righttext {font-size: var(--low-text);}
.section.section--blue, .section--gradient { position: relative;}
.section.section--blue, .section.section--gradient { background: var(--back-color2); padding: 50px 10px; border-radius: 30px; }
.section.section--gray { background: var(--gray-color); padding: 70px 10px; border-radius: 30px;}
.section__fon { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; min-height: 100%; min-width: 100%; }
.section__fon > img { width: 100%; height: 100%; object-fit: cover; }
@media(max-width: 1024px){ .section__fon > svg {width: 200%;height: 200%;display: block;} }

/* achievements */
.righttext__bage { display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: var(--gray-color); border-radius: 42px; padding: 5px 16px 5px 5px; width: fit-content; }
.righttext__bages { display: flex; flex-direction: column; gap: 10px; }
.section__righttext.righttext { display: flex; flex-direction: column; gap: 15px; }
.achievements__item { position: relative; background: var(--back-color3); padding: 20px; border-radius: 26px; display: flex; flex-direction: column; gap: 20px; align-items: center; min-height: 300px; height: 100%; box-sizing: border-box; }
.achievements__item > * { z-index: 2; }
.achievements__year { border-radius: 8px; background-color: var(--transparent); color: var(--white-color); text-align: center; width: fit-content; padding: 8px 10px; font-size: var(--small-text); font-family: RFDewi; }
.achievements__title { font-size: var(--title-second); text-align: center; text-transform: uppercase; color: var(--white-color); font-family: RFDewi; margin: 0; }
.achievements__subtitle { color: var(--white-color); text-align: center; }
.achievements .btn { margin-top: auto; }
.achivements__decor > * { width: 100%; }
.achivements__decor { position: absolute; top: 0; transform: translatey(-9%) rotate(226deg); width: 131%; left: -5%; z-index: 1 !important; }
.achievements.swiper .swiper-wrapper { align-items: stretch; }
.achievements.swiper .swiper-slide { height: unset; box-sizing: border-box; }

/* main places */
.places__item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(242, 245, 247, 1) 0%, rgba(242, 245, 247, 1) 21%, rgba(242, 245, 247, 1) 49%, rgba(242, 245, 247, 0) 76%, rgba(242, 245, 247, 0) 100%); transform: translatex(0%); box-shadow: 0px 0px 5px white inset; }
.places.swiper .swiper-slide { padding: 6px; border-radius: 26px; box-sizing: border-box; background-color: var(--gray-color); }
.places__item { display: flex; flex-direction: row; align-items: center; gap: 20px; padding: 15px; border: 1px white solid; border-radius: 20px; position: relative; overflow: hidden; background: #FCFDFE; background: linear-gradient(315deg, #F2F5F7, #FCFDFE); box-shadow: -43px 0px 32px #a8a3a314 inset; min-height: 110px; }
.places__title { font-family: RFDewi; text-transform: uppercase; font-size: var(--title-third); margin: 0; }
.places__maprating { display: flex; flex-direction: row; align-items: center; }
.places__ratingnum { font-family: RFDewi; color: var(--accent-color); margin-right: 10px; }
.places__countRevs { color: var(--font-color-light); }
.places__item > * { z-index: 2; }
.places.swiper { width: 80%; overflow: visible; }
@media(min-width: 420px){ .places.swiper { overflow: visible !important; width: 80%; } }

/* prices */
.section.section--prices.section--popularServices .prices__title { display: flex; flex-direction: column; gap: 5px; }
.prices__title { font-size: var(--small-title); font-family: RFDewi; margin-right: auto; grid-area: title; display: flex; flex-direction: column; gap: 10px;}
.prices__list { display: flex; flex-direction: column; gap: 10px; }
.prices__item { display: grid; grid-template-areas:"title title" "desc desc" "cost btn"; gap: 10px; background-color: var(--gray-color); padding: 20px; border-radius: 20px; }
.prices__item p {text-align: left;}
.prices__desc {grid-area: desc;}
.btn.btn--prices {background-color: var(--white-color);grid-area: btn;width: fit-content;margin-left: auto;}
.prices__cost { color: var(--accent-color); min-width: 115px; grid-area: cost; display: flex; align-items: center; }
.prices__bage { padding: 6px 10px; background-color: var(--white-color); border-radius: 8px; font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; }
.prices__bages { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.pricesPage__main { display: flex; flex-direction: column; gap: 40px; }
.prices__item.hide { display: none; }

/*sidebarsForm*/
.sidebarForm__inner { background: var(--back-color2); padding: 20px; border-radius: 26px; display: flex; flex-direction: column; gap: 20px; }
.sidebarForm__title { font-size: var(--title-top); color: var(--white-color); text-transform: uppercase; font-family: RFDewi; }
.form__wrapper { display: flex; flex-direction: column; gap: 10px; }
.form { display: flex; flex-direction: column; gap: 20px; }
.sidebarForm__subtitle { color: var(--white-color); }
.sidebarForm .form__field { background-color: var(--transparent); border: 1px white solid; border-color: #ffffff2e; color: var(--white-color); }
.sidebarForm .form__field::placeholder, .endForm .form__field::placeholder, .sidebarForm textarea::placeholder, .endForm textarea::placeholder { color: #ffffff70; }
.sidebarForm__aftertext { padding: 20px; color: var(--font-color-light); }
input.form__field { border: 1px white solid; border-color: #ffffff24; }
textarea.form__field.field-message { background-color: var(--transparent); font-family: Manrope; font-size: 16px; border: 1px white solid; border-color: #ffffff24; }


/* callback */
.callback { margin-top: 10px; background: var(--back-color); border-radius: 40px; position: relative; overflow: hidden; }
.callback__inner { padding: 40px 20px; display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
.callback__title { font-size: var(--title-second); color: white; font-family: 'RFDewi'; line-height: 1.15; }
.callback_decor {display: none;}
.callback__socials { display: flex; flex-direction: column; gap: 10px; }
.callback__text { display: flex; flex-direction: column; gap: 10px; }
.callback__subtitle { color: var(--white-color); max-width: 500px; margin-top: auto; }

/* cards */
.cards__caption {height: 17px;width: fit-content;grid-area: caption;background-color: var(--gray-color); padding: 6px 10px; border-radius: 8px; font-family: 'RFDewi'; color: var(--font-color); font-size: var(--small-text); white-space: nowrap; display: flex; flex-direction: row; align-items: center; gap: 10px; text-transform: uppercase; }
.cards__item.cards__item--max .cards__caption { background: var(--max); color: var(--white-color); }
.cards__title { font-size: var(--small-title); font-family: 'RFDewi'; }
.cards__num {display: none;}
.cards__item { display: grid; grid-template-areas:"caption arrow" "title arrow"; background-color: white; padding: 16px; border-radius: 15px; gap: 5px; align-items: center; justify-content: space-between; }
.cards__bottom {grid-area: arrow;}

/* equipment */
.equipment { padding: 6px; border-radius: 26px; background-color: var(--gray-color); }
.equipment__item { background-color: var(--white-color); padding: 20px; border-radius: 20px; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; }
.equipment__list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 8px; }
.equipment__name { font-family: 'RFDewi'; text-transform: uppercase; }
.equipment__check { margin-bottom: 10px; }
.equipment__item .check {
    margin-bottom: 20px;
}

/* offers */
.offers { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
.offers__item { background: var(--back-color); padding: 20px; border-radius: 26px; display: flex; flex-direction: column; gap: 10px; }
.offers__title { font-size: var(--title-second); font-family: RFDewi; text-transform: uppercase; color: var(--white-color); }
.offers__subtitle { color: var(--white-color); }
.offers__question { padding: 6px 16px 6px 6px; display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: rgba(255, 255, 255, 0.15); border-radius: 21px; width: fit-content; }
.offers__list { display: flex; flex-direction: column; gap: 10px; }
.offers__question p { text-align: left; color: var(--white-color); }
.offers__btns .btn { font-size: var(--low-text); }
.offers__btns { display: flex; flex-direction: column; gap: 10px; margin-top: auto; }
.questionIcon { padding: 2px 8px; background-color: var(--white-color); border-radius: 80px; width: 19px; height: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; }

/* mapRating */
.mapRating { display: flex; flex-direction: column; gap: 20px; }
.mapRating__item { border-radius: 26px; padding: 20px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 20px; }
.mapRating__title { font-family: RFDewi; text-transform: uppercase; font-size: var(--title-third); }
.mapRating__bages { display: flex; flex-direction: column; gap: 5px; margin-top: 20px; }
.mapRating__bage { padding: 5px 16px 5px 5px; border-radius: 42px; background-color: var(--white-color); display: flex; flex-direction: row; align-items: center; width: fit-content; gap: 10px; }
.mapRating__maphead { display: flex; flex-direction: row; align-items: center; gap: 20px; padding: 10px; border: 1px white solid; border-radius: 20px; position: relative; overflow: hidden; background: #FCFDFE; background: linear-gradient(315deg, #F2F5F7, #FCFDFE); box-shadow: 0px 0px 10px #a8a3a3 inset; }
.mapRating__maphead > svg, .mapRating__mapratext { z-index: 2; }
.mapRating__maphead::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(242, 245, 247, 1) 0%, rgba(242, 245, 247, 1) 21%, rgba(242, 245, 247, 1) 49%, rgba(242, 245, 247, 0) 76%, rgba(242, 245, 247, 0) 100%); backdrop-filter: blur(62px); transform: translatex(0%); box-shadow: 0px 0px 5px white inset; }
.mapRating__maphead > svg { width: 40px; height: 40px; }
.mapRating__picwrap {    max-height: 400px; overflow: hidden; border-radius: 30px; margin: 0; width: 100%; position: relative; }
.mapRating__picwrap picture, .mapRating__picwrap img { max-width: 100%; max-height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; object-position: center; }
.mapRating figcaption { position: absolute; bottom: 25px; background-color: var(--white-color); left: 50%; transform: translatex(-50%); width: 80%; padding: 20px; border-radius: 20px; font-size: var(--low-text); text-transform: uppercase; font-family: RFDewi; text-align: center; }
.mapRating figcaption span{ color: var(--accent-color); }
.mapRating__revsblock { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 20px; }
.mapRating__revscount { color: var(--font-color-light); }
.mapRating__inner { display: flex; flex-direction: column; gap: 20px; }
.mapRating__maprating { display: flex; flex-direction: row; align-items: center; }
.mapRating__yandexrating { font-family: RFDewi; color: var(--accent-color); margin-right: 10px; }

/* photoStacionar */
.photoStacionar { position: relative; }
.photoStacionar__item { border-radius: 30px; overflow: hidden; margin: 0; max-height: 300px; display: flex; align-items: center; justify-content: center; }
.photoStacionar__item > img { width: 100%; object-fit: cover; object-position: center; }
.photoStacionar__bages { margin-top: 20px; padding: 6px; border-radius: 26px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 6px; }
.photoStacionar__bage { padding: 16px; border-radius: 20px; background-color: var(--white-color); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; font-size: var(--small-text); font-family: RFDewi; text-transform: uppercase; }
.photoStacionar__bage.photoStacionar__bage--title { flex-direction: column; align-items: flex-start; }
.photoStacionar__subtitle { font-size: var(--small-text); font-family: Manrope; text-transform: none; font-weight: 500; }

/* brigadas */
.brigadas__bage { padding: 6px 10px; background-color: var(--transparent); border-radius: 8px; color: var(--white-color); font-size: var(--small-btn); text-transform: uppercase; font-family: RFDewi; }
.brigadas__bage.brigadas__bage--top { background-color: var(--white-color); color: var(--font-color); }
.brigadas__title span { color: rgba(255, 255, 255, 0.6); }
.brigadas__title { color: var(--white-color); font-size: var(--title-top); text-transform: uppercase; font-family: RFDewi; }
.brigadas__subtitle, .brigadas__semisubtitle { color: var(--white-color); }
.brigadas__inner { display: flex; flex-direction: column; gap: 15px; grid-area: main; }
.brigadas__semititle { color: var(--white-color); font-size: var(--title-second); text-transform: uppercase; font-family: RFDewi; }
.btn.btn--brigadas { display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: var(--transparent); color: var(--white-color); padding: 5px 16px 5px 5px; width: fit-content; }
.phoneicon { background-color: var(--white-color); width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.brigadas__detail { background-color: var(--white-color); padding: 6px; border-radius: 20px; display: flex; flex-direction: column; gap: 10px; }
.brigadas__detail-name { padding: 14px; background-color: var(--gray-color); border-radius: 14px; display: flex; flex-direction: column; gap: 10px; }
.brigadas__detail-title { font-size: var(--low-text); text-transform: uppercase; font-family: RFDewi; }
.brigadas__rayon, .brigadas__adress-rayon { display: flex; flex-direction: row; align-items: center; gap: 5px; }
.brigadas__adress:last-child { border: none; }
.brigadas__adress { border-bottom: 1px white solid; border-color: var(--gray-color); padding-bottom: 5px; }
.brigadas__adresslist, .brigadas__rayonslist { display: flex; flex-direction: column; gap: 10px; padding: 0 15px 20px 15px; }
.brigadas__detailes { display: flex; flex-direction: column; gap: 10px; grid-area: lists; }
.brigadas { display: grid; grid-template-areas:"main" "lists" "contact"; gap: 25px; }
.brigadas__bottom { display: flex; flex-direction: column; gap: 15px; position: relative; margin-top: 25px; }
.brigadas__bottom::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; top: -25px; left: 0; }
.brigadas__bages { display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; }
.brigadas .btn{ font-size: var(--small-text); }

/* howHome */
.howHome__step { box-sizing: border-box; padding: 20px; border-radius: 26px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 10px; height: 100%; margin-bottom: 20px; }
.howHome__stepnum { padding: 2px 8px; border-radius: 10px; background-color: var(--accent-color); width: 40px; height: 40px; display: flex; box-sizing: border-box; align-items: center; justify-content: center; color: var(--white-color); }
.howHome__steptitle { font-family: RFDewi; text-transform: uppercase; }
.howHome__list { align-items: stretch; }
.howHome__form { padding: 20px; background: var(--back-color); border-radius: 26px; display: flex; flex-direction: column; gap: 30px; }
.howHome__bage.howHome__bage--top { background-color: var(--white-color); color: var(--font-color); }
.howHome__bage { padding: 6px 10px; background-color: var(--transparent); border-radius: 8px; color: var(--white-color); font-size: var(--small-btn); text-transform: uppercase; font-family: RFDewi; }
.howHome__bages { display: flex; flex-direction: column; gap: 5px; align-items: center; }
.howHome .btn{ font-size: var(--small-text); }
.howHome__quote { font-family: RFDewi; color: white; text-transform: uppercase; text-align: center; }
.howHome { display: flex; flex-direction: column; gap: 30px; }

/* terms */
.terms figure { margin: 0; display: flex; flex-direction: column; gap: 20px; }
.terms__item{ border-radius: 30px; overflow: hidden; }
.terms__item img { width: 100%; height: 100%; object-fit: cover; }
.terms figcaption { display: block; padding: 20px; border-radius: 30px; background-color: var(--gray-color); font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; text-align: center; }
.terms__list .terms__item { height: 100%;box-sizing: border-box;border-radius: 30px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 20px; padding: 30px; align-items: center; }
.terms__title{ padding: 20px;text-align: center;display: flex;border: 1px white solid; border-radius: 20px; position: relative; overflow: hidden; background: #FCFDFE; background: linear-gradient(315deg, #F2F5F7, #FCFDFE); box-shadow: 0px 0px 10px #a8a3a3 inset; }
.terms__title::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(242, 245, 247, 1) 0%, rgba(242, 245, 247, 1) 21%, rgba(242, 245, 247, 1) 49%, rgba(242, 245, 247, 0) 76%, rgba(242, 245, 247, 0) 100%); backdrop-filter: blur(62px); transform: translatex(0%); box-shadow: 0px 0px 5px white inset; border-radius: 20px; }
.terms__title span { z-index: 2; font-family: 'RFDewi'; text-transform: uppercase; font-size: var(--low-text); }
.terms__gallery.swiper { margin-bottom: 40px; }
.terms__list.swiper .swiper-slide { height: unset; }

/* rehubBanner */
.rehubBanner { display: flex; flex-direction: column; gap: 20px; }
.rehubBanner__title { font-size: var(--title-top); text-transform: uppercase; color: white; text-align: center; font-family: 'RFDewi'; }
.rehubBanner__subtitle, .rehubBanner__text { color: white; text-align: center; }
.rehubBanner__bage { padding: 6px 10px; border-radius: 8px; background-color: var(--white-color); display: flex; width: fit-content; font-family: 'RFDewi'; text-transform: uppercase; font-size: var(--small-btn); margin-bottom: 10px; }
.rehubBanner__name { font-size: var(--title-third); color: var(--white-color); text-transform: uppercase; font-family: 'RFDewi'; text-align: center; }
.rehubBanner__item { flex-direction: column; display: flex; padding: 20px; border-radius: 26px; background-color: #ffffff1a; box-shadow: 0px 0px 10px #ffffff26 inset; position: relative; align-items: center; gap: 10px; }
.rehubBanner__item::before { content: ''; position: absolute; inset: 0px; border-radius: 26px; padding: 1px; background: linear-gradient(151deg, 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; }
.rehubBanner__list.swiper { overflow: visible; }

/* way  + closers*/
.way { display: flex; flex-direction: column; gap: 20px; }
.way__item { padding: 20px; border-radius: 26px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 20px; height: 100%; box-sizing: border-box; }
.way__bage { font-size: var(--small-btn); text-transform: uppercase; font-family: 'RFDewi'; background-color: var(--white-color); padding: 6px 10px; border-radius: 8px; width: fit-content; }
.way__itemtitle { font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; }
.way__name { font-size: var(--title-third); font-family: 'RFDewi'; text-transform: uppercase; }
.way__name span { color: var(--accent-color); }
.way__text { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.way__li { padding: 5px 12px 5px 5px; border-radius: 22px; background-color: var(--white-color); display: flex; flex-direction: row; align-items: stretch; gap: 15px; }
.way__li .check, .closers__item .check { height: unset; border-radius: 22px; min-width: 32px; min-height: 32px; max-width: 32px; }
.way .swiper-wrapper { align-items: stretch; }
.way .swiper-slide { height: unset !important; }
.closers { padding: 40px 20px; border-radius: 26px; background: var(--back-color); display: grid; grid-template-columns: repeat(1, 1fr); gap: 40px; justify-content: space-between; }
.closers__main { display: flex; flex-direction: column; gap: 10px; }
.closers__text { color: var(--white-color); }
.closers__bage{ font-size: var(--small-btn); text-transform: uppercase; font-family: 'RFDewi'; background-color: var(--transparent); padding: 6px 10px; border-radius: 8px; width: fit-content; color: var(--white-color); }
.closers__title { font-size: var(--title-second); text-transform: uppercase; font-family: 'RFDewi'; color: var(--white-color); }
.closers__item { padding: 5px 12px 5px 5px; border-radius: 22px; background-color: var(--transparent); display: flex; flex-direction: row; align-items: stretch; gap: 15px; }
.closers__item p {color: var(--white-color);}


/* faq*/
.faq { display: flex; flex-direction: column; gap: 10px; }
.faq__question { background-color: var(--gray-color); padding: 20px; border-radius: 20px; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; font-size: var(--small-text); font-family: RFDewi; color: var(--font-color); text-transform: uppercase; border: 1px white solid; text-align: left; cursor: pointer; }
.faq__question:hover { color: var(--accent-color); }
.faq__hidden { max-height: 0; overflow: hidden; transition: 0.4s ease-in-out; }
.faq__item.active  .faq__hidden { max-height: 600px; }
.faq__hidden-wrap { padding: 20px; border-radius: 20px; background-color: var(--gray-color); margin-top: 5px; display: flex; flex-direction: column; gap: 20px; }
.faq__reviewer { background-color: var(--white-color); padding: 12px; border-radius: 16px; display: grid; grid-template-areas: "caption caption caption caption caption caption caption caption caption" "img name name name name name name name name" "like like like like like like like like like"; gap: 5px; } .faq__revPhoto { border-radius: 12px; width: 70px; min-width: 70px; height: 70px; grid-area: img; object-fit: cover; background-color: var(--gray-color); object-position: top; border: 1px white solid; border-color: var(--gray-color); }
.faq__revCaption { padding: 6px 10px; border-radius: 8px; background-color: var(--gray-color); font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; width: fit-content; box-sizing: border-box; grid-area: caption; }
.faq__revName { text-transform: uppercase; font-size: var(--small-text); font-family: RFDewi; cursor: pointer; }
.faq__revName:hover { color: var(--accent-color); }
.faq__revSpes { display: flex; flex-direction: row; gap: 5px; align-items: center; }
.faq__item.active .faq__question{ border-color: #173a511a; }
.faq__revLike {grid-area: like }
.faq__revText { grid-area: name; padding-left: 10px; }
.servicePage .section.section--faq { padding-bottom: 0; }
.faqPage__inner { display: flex; flex-direction: column; gap: 40px; }

/* nums */
.nums__title { font-size: var(--title-top); color: var(--white-color); text-transform: uppercase; font-family: RFDewi; }
.nums__subtitle { color: var(--white-color); }
.nums__mainblock { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.nums__item { display: flex; flex-direction: row; gap: 10px; justify-content: flex-start; position: relative; padding: 8px 20px 8px 8px; box-shadow: 0 0 10px #00000012 inset; border-radius: 20px; }
.nums__image { width: 80px; height: 80px; min-width: 80px; background-color: rgb(255 255 255 / 5%); display: flex; align-items: center; justify-content: center; border-radius: 14px; }
.nums__num { font-size: var(--small-title); color: var(--white-color); font-family: RFDewi; }
.nums__text { color: var(--white-color); }
.nums { display: flex; flex-direction: column; gap: 10px; }
.nums__item::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; }

/* whyus */
.whyus__item { height: 100%; box-sizing: border-box;background-color: var(--gray-color); padding: 25px; border-radius: 26px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.whyus___itemtitle { margin-top: auto; font-size: var(--low-text); text-transform: uppercase; font-family: RFDewi; text-align: center; }
.whyus___itemsubtitle { text-align: center; }
.whyus__itempic img { width: 100%; height: 100%; }
.whyus__itempic { max-width: 130px; max-height: 130px; }
.whyus.swiper .swiper-wrapper { align-items: stretch; }
.whyus.swiper .swiper-slide { height: unset; box-sizing: border-box; }

/* vectors */
.vectors__item { position: relative; height: 100%; box-sizing: border-box;background-color: var(--gray-color); padding: 25px; border-radius: 26px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-height: 350px; }
.vectors__itemtitle { font-size: var(--low-text); text-transform: uppercase; font-family: RFDewi; text-align: left; }
.vectors__bage { padding: 6px 10px; background-color: var(--white-color); border-radius: 8px; font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; }
.vectors__bages { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.btn.btn--white { margin-top: auto; background-color: var(--white-color); }

/* testForm */
.section.section-testForm.section-testForm.section--blue, .section.section-testForm.section-testForm.section--blue .container { padding: 0; }
.testForm__bages { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.testForm__bage { padding: 6px 10px; color: var(--white-color); background-color: var(--transparent); border-radius: 8px; font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; }
.testForm__bage.testForm__bage--top { color: var(--font-color); background-color: var(--white-color); }
.testForm__info { display: flex; flex-direction: column; gap: 20px; padding: 40px 20px; }
.testForm__subtitle { display: none; }
.testForm__title { font-size: var(--title-top); text-transform: uppercase; font-family: RFDewi; text-align: left; color: var(--white-color); }
.testForm__doctor-image img { object-fit: contain; min-height: 100%; width: 100%; object-position: top; height: 100%; }
.testForm__doctor-image { display: flex; max-height: 400px; max-width: 300px; margin: auto; align-items: flex-start; }
@media(min-width: 550px) { .testForm__doctor-image { max-height: 500px; max-width: 50%; } }
.testForm__decor { position: absolute; top: 40%; right: 0; transform: rotate(258deg); width: 100%; }
@media(min-width: 462px){ .testForm__decor { top: 29%; } }
@media(min-width: 624px){ .testForm__decor { top: 7%; } }
@media(min-width: 800px){ .testForm__decor svg { width: 800px; height: 1200px; } }
.section-testForm.section-testForm .testForm__doctor { background-color: transparent; padding: 0; }
.section-testForm.section-testForm .btn.data-start-test { max-width: 300px; position: absolute; bottom: 10px; width: 80%; left: 50%; transform: translatex(-50%); }


/* programs */
.programs__item { display: flex; flex-direction: column; gap: 20px; background-color: var(--gray-color); padding: 10px; border-radius: 26px; }
.programs__pic, .programs__pic img { width: 100%; max-width: 100%; object-fit: cover; border-radius: 26px; height: 400px; min-height: 100%; }
.programs__item-inner { position: relative; display: flex; flex-direction: column; gap: 20px; border-radius: 26px; }
.programs__item-inner.programs__item-inner--white { background-color: var(--white-color); padding: 30px; }
@media(min-width: 600px){.programs__pic, .programs__pic img {max-height: 500px;}}
@media(min-width: 800px){.programs__pic, .programs__pic img {max-height: 600px;}}
.programs__bage { padding: 6px 10px; border-radius: 8px; background-color: var(--gray-color); font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; width: 100%; display: flex; box-sizing: border-box; }
.programs__bages { display: flex; flex-direction: column; gap: 8px; }
.programs__caption { font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: space-between; }
.programs__caption {padding: 0 0 20px 0;}
.programs__caption svg { background-color: var(--gray-color); padding: 5px; width: 20px; height: 20px; box-sizing: border-box; border-radius: 20px; transform: rotate(90deg); }
.programs__caption.mobile svg path { fill: var(--font-color); }
.programs__detailes { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(185 217 243 / 55%); border-radius: 26px; box-shadow: 0px 0px 15px #3d3d3d0a inset; backdrop-filter: blur(25px); width: 80%; height: 80%; display: flex; flex-direction: row; align-items: stretch; }
.programs__detailes-inner { width: 100%;padding: 20px; display: flex; flex-direction: column; gap: 20px; position: relative; }
.programs__period { padding: 6px 10px; border-radius: 8px; background-color: var(--white-color); font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; width: fit-content; box-sizing: border-box; white-space: nowrap; }
.programs__price { padding: 6px 10px; border-radius: 8px; background-color: var(--transparent); font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; width: fit-content; box-sizing: border-box; white-space: nowrap; }
.programs__price-period { display: flex; flex-direction: column; gap: 10px; align-items: center; }
.programs__title { font-size: var(--title-second); font-family: 'RFDewi'; text-transform: uppercase; color: var(--white-color); text-align: center; }
.programs__detailes-inner::before { content: ''; position: absolute; inset: -1px; border-radius: 26px; padding: 1px; background: linear-gradient(239deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0.7) 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; }
.programs__item-inner.programs__item-inner--white { background-color: var(--white-color); padding: 30px; gap: 30px; height: 100%; }
.programs__item { height: 100%; border-radius: 26px; box-sizing: border-box; }
.programs__item-text { margin-top: auto; }
.programs.swiper .swiper-slide { height: unset; }
.programs.swiper .swiper-wrapper { align-items: stretch; }

/* rassrochka */
.rassrochka__title { font-size: var(--title-top); color: var(--white-color); font-family: RFDewi; text-transform: uppercase; }
.rassrochka__bage { font-family: RFDewi; text-transform: uppercase; font-size: var(--small-btn); color: var(--white-color); padding: 6px 10px; border-radius: 8px; background-color: var(--transparent); }
.rassrochka__bage.rassrochka__bage--top { background-color: var(--white-color); color: var(--font-color); }
.rassrochka__bages { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.rassrochka__condition { font-family: RFDewi; text-transform: uppercase; font-size: var(--small-btn); color: var(--white-color); padding: 4px 16px 4px 4px; border-radius: 42px; background-color: var(--transparent); display: flex; flex-direction: row; align-items: center; gap: 10px; width: fit-content; }
.rassrochka__condition span{ color: var(--white-color); }
.rassrochka__conditions { display: flex; flex-direction: column; gap: 10px; }
.rassrochka__info { display: flex; flex-direction: column; gap: 15px; }
.rassrochka__rasschet { padding: 20px; border-radius: 20px; display: flex; flex-direction: column; gap: 25px; background-color: var(--white-color); }
.rassrochka__rasschettitle { font-family: RFDewi; text-transform: uppercase; font-size: var(--title-second); }
.rassrochka__list { display: flex; flex-direction: column; gap: 10px; }
.rassrochka__item { padding: 15px; border-radius: 16px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 5px; }
.rassrochka__itemsubtitle { font-size: var(--phone-size); font-family: RFDewi; text-transform: uppercase; }
.rassrochka__caption { font-size: var(--small-text); color: var(--font-color-light); }
.rassrochka__bottom { margin-top: 15px; display: flex; flex-direction: column; gap: 8px; }
.rassrochka { display: flex; flex-direction: column; gap: 30px; }

/* license*/
.section.section--mainLisences { position: relative; padding-bottom: 85px; }
.mainLisences { border-radius: 30px; padding: 8px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 10px; }
.mainLisences__docs { display: flex; flex-direction: column; gap: 8px; }
.mainLisences__info { position: relative; padding: 20px; border-radius: 26px; background-color: var(--white-color); }
.mainLisences__info strong { font-size: var(--small-text); color: var(--font-color-light); }
.doc { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; padding: 8px; background-color: var(--white-color); border-radius: 20px; }
.doc__pic { height: 100%; display: flex; border-radius: 15px; overflow: hidden; width: 100%; }
.doc__pic img { width: 100%; height: 100%; object-fit: cover; max-width: 85px; }
.doc__text { order: 2; flex-basis: 70%;}
.doc_img { order: 1; max-height: 100px; overflow: hidden; border-radius: 20px; }
.doc svg { order: 3; margin-left: auto; }
.doc__name { font-size: var(--small-text); font-family: RFDewi; text-transform: uppercase; }
.section.section--mainLisences .btn { width: fit-content; position: absolute; bottom: -20px; transform: translatey(100%); box-sizing: border-box; }
.licesPage .mainLisences { width: 100%; flex-basis: 100%; padding: 0; background-color: transparent; }
.licesPage .mainLisences__docs { display: flex; flex-direction: column; gap: 8px; }
.licesPage .mainLisences__doc { background-color: var(--gray-color); padding: 20px; border-radius: 20px; }
.licesPage .mainLisences__info { background-color: var(--gray-color); padding: 20px; }

/* clinicalReccomends */
.clinicalReccomends__title { font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; }
.clinicalReccomends__item { display: grid; grid-template-areas: "title icon" "subtitle icon"; gap: 5px; background-color: var(--white-color); padding: 20px; border-radius: 26px; align-items: center; justify-content: space-between; cursor: pointer; }
.clinicalReccomends__title { grid-area: title; }
.clinicalReccomends__subtitle { grid-area: subtitle; color: var(--font-color-light); }
.clinicalReccomends__item svg { min-width: 44px; }
.clinicalReccomends { display: flex; flex-direction: column; gap: 5px; }
.clinicalReccomends__item:hover { border-color: var(--accent-color); }
.clinicalReccomends__item:hover  .clinicalReccomends__title{ color: var(--accent-color); }

/* revs */
.rev__head::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(242, 245, 247, 1) 0%, rgba(242, 245, 247, 1) 21%, rgba(242, 245, 247, 1) 49%, rgba(242, 245, 247, 0) 76%, rgba(242, 245, 247, 0) 100%); transform: translatex(0%); box-shadow: 0px 0px 5px white inset; z-index: 1 !important; }
.rev__head { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 15px; border: 1px white solid; border-radius: 20px; position: relative; overflow: hidden; background: #FCFDFE; background: linear-gradient(315deg, #F2F5F7, #FCFDFE); box-shadow: -43px 0px 32px #a8a3a314 inset; align-items: flex-start; }
.rev__head > * { z-index: 2; }
.rev { padding: 6px 6px 20px 6px; background-color: var(--gray-color); border-radius: 26px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; }
.rev__author { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; width: 100%; }
.rev__authorname { font-size: var(--small-text); font-family: RFDewi; text-transform: uppercase; }
.rev__ratingScore { font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; color: var(--accent-color); margin-bottom: 4px; }
.rev__score { display: flex; flex-direction: row; align-items: center; gap: 5px; }
.rev__place { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; background-color: var(--white-color); padding: 4px 10px 4px 4px; box-sizing: border-box; border-radius: 8px; }
.rev__text { padding: 20px; /*max-height: 200px; */overflow: hidden; }
.rev__bottom { margin-top: auto; display: flex; gap: 5px; flex-direction: column; padding: 10px 20px; position: relative; }
.rev__checked { padding: 0; display: flex; flex-direction: row; align-items: center; gap: 5px; border-radius: 20px; }
.rev__data-caption { color: var(--font-color-light); }
.rev__bottom::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; top: -10px; left: 0; }
.section__separator{position: relative;width: 100%;}
.section__separator::before { content: ""; background: linear-gradient(90deg, rgba(7, 37, 63, 0) 0%, rgba(7, 37, 63, 0.15) 50%, rgba(7, 37, 63, 0) 100%); width: 100%; height: 1px; position: absolute; bottom: 20px; left: 0; }
.more { padding: 11px; width: 41px; height: 20px; background-color: var(--gray-color); box-sizing: border-box; border: 2px white solid; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 50px; z-index: 3; margin: auto; margin-top: 10px; margin-bottom: 30px; cursor: pointer; transition: 0.2s ease; }
.more svg { transform: rotate(90deg); }
.more path { fill: var(--font-color); }
.more:hover path { fill: var(--accent-color); }
.rev.active svg { transform: rotate(270deg); }
.textRevs.swiper .swiper-wrapper { align-items: stretch; }
.textRevs.swiper .swiper-slide { height: unset; box-sizing: border-box; }
.servicePage .section.section--revs .container { display: flex; flex-direction: column; gap: 40px; }
.servicePage .section__separator { margin-top: 0px; }
.servicePage .section__separator::before { top: 0; }
.textRevs.swiper, .audioRevs__slider.swiper { display: flex; flex-direction: column; gap: 30px; }
.section__separator { position: relative; width: 100%; margin: 40px 0; }
.filter__btns { display: flex; flex-direction: row; gap: 10px; overflow-x: auto; width: max-content; max-width: 100%;}
.filter__btns::-webkit-scrollbar { width: 0; height: 0; display: none; }
.btn.btn--filter.active { background-color: var(--font-color); color: var(--white-color); }
.revsPage__list { display: flex; flex-direction: column; gap: 20px; }
.revsPage__main { display: flex; flex-direction: column; gap: 40px; }
.textRevs__item.rev.hide { display: none; }
.rev__caption { display: none; }
.btn.revsPage__list.revsPage__list--texts.active { display: flex; }
.btn.revsPage__list.revsPage__list--texts { display: none; }
.rev__placeimg rect:first-child { fill: var(--gray-color); }
.rev__placeimg svg { width: 24px; height: 24px; }
.revsPage__list.active { max-height: 9999px; }
.revsPage__list { max-height: 0; overflow: hidden; overflow-x: hidden; overflow-y: hidden; transition: 0.8s ease-in-out; }
.revsPage__main-title {font-family: RFDewi; text-transform: uppercase; font-size: var(--title-top);}
.rev__placeimg { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.revsPage__filters.filters .btn.btn--filter { max-width: fit-content; box-sizing: border-box; width: fit-content; min-width: fit-content; }

/*audio*/
.audioRevs__item .audio__info { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 25px; border: 1px white solid; border-radius: 20px; position: relative; overflow: hidden; background: #FCFDFE; background: linear-gradient(315deg, #F2F5F7, #FCFDFE); box-shadow: -43px 0px 32px #a8a3a314 inset; align-items: flex-start; }
.audioRevs__item .audio__info::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(242, 245, 247, 1) 0%, rgba(242, 245, 247, 1) 21%, rgba(242, 245, 247, 1) 49%, rgba(242, 245, 247, 0) 76%, rgba(242, 245, 247, 0) 100%); transform: translatex(0%); box-shadow: 0px 0px 5px white inset; z-index: 1 !important; }
.audioRevs__item .audio__info > * { z-index: 2; }
.audioRevs__item .audio__service { font-size: var(--title-second); text-transform: uppercase; font-family: RFDewi; color: var(--font-color); }
.audioRevs__item .audio__author { text-transform: uppercase; font-size: var(--small-text); color: var(--font-color-light); font-weight: 500; font-size: 16px; }
.audioRevs__item .plyr__controls__item.plyr__time--current.plyr__time { position: absolute; top: -122%; right: 20px; color: var(--font-color); background-color: var(--white-color); border-radius: 8px; padding: 6px 10px; font-weight: 600; padding-left: 30px; z-index: 2; font-family: RFDewi; font-size: var(--small-btn); }
.audioRevs__item .plyr__controls__item.plyr__time--current.plyr__time::before { content: ""; background: url(/netcat_template/template/redisign/assets/images/audiotime.svg); position: absolute; top: 50%; left: 10px; width: 10px; height: 10px; background-size: 100% 100%; transform: translatey(-50%); }
.audioRevs__item { padding: 5px 5px 20px 5px; }
.audioRevs__item .plyr__controls { padding: 0 20px; }
.audioRevs__item .plyr__controls__item.plyr__control { background-color: var(--gray-color); border: 2px white solid; border-radius: 100%; }
.audioRevs__item .plyr__controls__item.plyr__control svg { fill: var(--font-color); }
.audioRevs__item .plyr__controls__item.plyr__control:hover svg { fill: var(--white-color); }
.audioRevs__item .plyr__controls__item.plyr__control:hover { background-color: var(--accent-color); }
.audioRevs__item .plyr__progress::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/netcat_template/template/redisign/assets/images/audiotrack.png); z-index: 5; content: ""; background-size: 100% 100%; background-position: 0; border-radius: 30px; }
.audioRevs__item .plyr__progress { height: 60px; display: flex; align-items: center; justify-content: center; }

.audioRevs__item .plyr__progress input[type="range"] { height: 35px !important; width: 92%; }
.audioRevs__item .plyr__progress input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; }
.audioRevs__item .plyr__progress input[type="range"]::-moz-range-thumb { opacity: 0; width: 0; height: 0; border: none; }
.audioRevs__item .plyr__progress input[type="range"] { background: #173A51 !important; border-radius: 10px; }
.audioRevs__item .plyr__progress input[type="range"]::-webkit-slider-runnable-track { background: #173A51 !important; border-radius: 10px; }
.audioRevs__item .plyr__progress input[type="range"]::-moz-range-track { background: #173A51 !important; border-radius: 10px; }
.audioRevs__item .plyr__progress input[type="range"] { background: linear-gradient(to right, #EB591F 0%, #EB591F var(--value, 0%), #173A51 var(--value, 0%), #173A51 100%) !important; }
.audioRevs__item .plyr__progress input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, #EB591F 0%, #EB591F var(--value, 0%), #173A51 var(--value, 0%), #173A51 100%) !important; }
.audioRevs__item .plyr__tooltip { display: none !important; }
.audioRevs__item .plyr__progress__buffer { display: none !important; }
.audioRevs__item.audio { box-sizing: border-box; }
.audioRevs .audio { background-color: rgba(243, 244, 244, 1); padding: 6px 6px 20px 6px; border-radius: 26px; }
.audioRevs .audio__author { display: none; }
.audioRevs .plyr__controls { width: 96%; margin-left: 2%; }
@media(max-width: 800px){
.audioRevs .audio__wrapper { gap: 5px; }
.audioRevs .plyr__controls { gap: 0px; }
.audioRevs__item .audio__service { font-size: 9px; }
.audioRevs__item .plyr__controls__item.plyr__time--current.plyr__time { top: -80%; }
}
.audioRevs .audio__audio { position: relative; z-index: 5; }

/* howWork*/
.howWork { display: flex; flex-direction: column; gap: 20px; max-width: 100%; box-sizing: border-box;}
.rehubBanner__bagename { padding: 6px 10px; border-radius: 8px; background-color: var(--transparent); display: flex; width: fit-content; font-family: 'RFDewi'; text-transform: uppercase; font-size: var(--small-btn); margin-bottom: 10px; color: white; }
.rehubBanner__topcaption { display: flex; flex-direction: row; align-items: center; gap: 5px; }
.rehubBanner__bottom { padding: 6px 10px; border-radius: 8px; background-color: var(--white-color); display: flex; flex-direction: row; align-items: center; gap: 5px; }
.rehubBanner__bottom span { color: var(--accent-color); }
.rehubBanner__bottom, p.rehubBanner__bottom a { font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; text-decoration: none !important; color: var(--font-color); }
.rehubBanner__bottom a:hover { color: var(--accent-color); }
.howWork .rehubBanner__list .swiper-wrapper { display: flex; align-items: stretch; }
.howWork .rehubBanner__list .swiper-wrapper .swiper-slide { height: unset !important; }
.howWork .rehubBanner__bottom { margin-top: auto; }


/* faq */
.section.section--faq { position: relative; padding-bottom: 125px; }
.section__btnsblock { display: flex; flex-direction: column; gap: 5px; position: absolute; bottom: -22px; transform: translate(-50%, 100%); box-sizing: border-box; left: 50%; width: 321px; }
.arrow.arrow--white { background-color: var(--white-color); }

/* smi */
.smi__image img { width: 100%; height: 100%; }
.smi__image { width: 100%; border-radius: 20px; background-color: var(--gray-color); padding: 20px; box-sizing: border-box; height: 200px; display: flex; align-items: center; justify-content: center; }
.smi__item:hover .smi__image { background-color: var(--accent-color); }
.smi__item { cursor: pointer; transition: 0.3s ease; display: flex; flex-direction: column; gap: 20px; }
.smi__item-name { font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; }
.smi__item-place { padding: 6px 10px; border-radius: 8px; display: flex; align-items: center; gap: 5px; background-color: var(--gray-color); width: fit-content; }
.smi__item-date { color: var(--font-color-light); }

/* gallery */
.gallery__item, picture.gallery__item img { max-height: 300px; min-width: 100%; max-width: 100%; border-radius: 26px; object-fit: cover; height: 100%; }
.gallery .btn { width: fit-content; margin: auto; margin-top: 20px; }
.galleryPage picture, .galleryPage picture img { width: 100%; border-radius: 26px; }
.galleryPage .galleryPage__list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;}
.gallery__item-view { display: none; }

/* karta */
.kartaPage__list { display: flex; flex-direction: column; gap: 20px; }
.kartaPage__item { display: flex; flex-direction: column; gap: 30px; padding: 20px; border-radius: 26px; background-color: var(--gray-color); }
.kartaPage__itemname { background-color: var(--white-color); width: fit-content; padding: 6px 10px; border-radius: 8px; font-size: var(--small-text); font-family: RFDewi; text-transform: uppercase; }
.kartaPage__itemlist { padding: 0; margin: 0; padding-left: 5px; display: flex; flex-direction: column; gap: 10px; max-height: 300px; overflow: auto; }
.kartaPage__itemsub a:hover { color: var(--accent-color); }
.kartaPage__itemsub a { cursor: pointer; }
.kartaPage__itemsub { list-style: none; padding-left: 0; }

/* panorama */
.panorama__body { border-radius: 30px; }
#panorama__prepic { display: flex; width: 100%; height: 100%; }
.panorama__hidden { display: none; }
.btn.btn--white.btn--arrow.btn--panorama { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: fit-content; }
.section.section--panorama .section__head, .section.section--panorama .section__title-main { max-width: 100%; width: 100%; align-items: center; text-align: center; }
.section.section--panorama .section__subtitle { max-width: 800px; }

/* video */
.video-page__video-img, .video-page__video-img picture, .video-page__video-img img { width: 100%; border-radius: 26px; position: relative; display: flex;}
.video-page__date { color: var(--font-color-light); }
.video-page__name { font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; }
.video-page__item { display: flex !important; flex-direction: column; gap: 10px;  width: 100%;}
.video-page__item:hover .video-page__video-img::before { box-shadow: 0 0 25px #5476c8 inset; }
.video-page__video-img { position: relative; }
.video__item-view-wrap::before { content: ''; position: absolute; inset: -2px; border-radius: 60px; padding: 1px; background: linear-gradient(46deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 11%, rgba(255, 255, 255, 0.5) 21%, rgba(255, 255, 255, 0.8) 97%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.video__item-view-wrap { background: linear-gradient(47deg, rgb(255 255 255 / 53%) 0%, rgba(255, 255, 255, 16%) 69%); width: 60px; height: 60px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 100%; position: relative; z-index: 9; }
.video__item-view { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 24px; align-items: center; justify-content: center; }
@media(max-width: 1024px){
.section.section--video .section__righttext { position: absolute; bottom: 0; left: 50%; transform: translatex(-50%); width: 100%; min-width: fit-content; }
.section.section--video .section__righttext .btn { white-space: nowrap; width: 100%; }
.section.section--video .container { padding-bottom: 60px; }
}
@media(max-width: 824px){
  .video-page__video-img { position: relative; max-height: 200px; }
}

/*articles */
.articles__item { position: relative; background-color: var(--gray-color); border-radius: 26px; padding: 20px; display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; justify-content: space-between; min-height: 300px; }
.articles__decor svg { width: 305px; height: 376px; /* background-color: rebeccapurple; */ transform: rotate(210deg); }
.articles__decor { position: absolute; top: 0; right: 0; z-index: 1 !important; width: 100%; height: 100%; }
.articles__item > * { z-index: 2; }
.articles__name { font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; }
.articles__topcaption { padding: 6px 10px; border-radius: 16px; display: block; background-color: var(--white-color); width: fit-content; font-family: RFDewi; text-transform: uppercase; font-size: var(--small-btn); }
.articles__date { color: var(--font-color-light); }
.articles__item .btn { margin-top: 0; }
.articles .swiper .swiper-wrapper { align-items: stretch; }
.articles .swiper .swiper-slide { height: unset; box-sizing: border-box; }
.section.section--articles .btn { width: fit-content; }

/* articlesPage */
.articlesPage__list { display: flex; flex-direction: column; gap: 20px; }
.articlesPage__item { display: flex; flex-direction: column; gap: 10px; background-color: var(--gray-color); border-radius: 26px; padding-bottom: 20px; }
.articlesPage__itempic, .articlesPage__itempic img { width: 100%; border-radius: 26px; }
.articlesPage__date { padding: 0 20px; color: var(--font-color-light); }
.articlesPage__name { font-family: 'RFDewi'; padding: 0 20px; text-transform: uppercase; }
.articlesPage__description { padding: 0 20px; }
.filter input, .selector, .filter__panell { background-color: var(--gray-color); border-radius: 10px; padding: 20px; border: navajowhite; width: 100%; box-sizing: border-box; font-size: 14px; }
.selector__btn, .selector__btn span { display: flex; flex-direction: row; align-items: center; color: var(--font-color-light); justify-content: space-between; cursor: pointer; }
.selector__btn svg { transform: rotate(90deg); transition: 0.3s ease; }
.selector__btn svg path { fill: var(--font-color); }
.selector__list { display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.selector__option { cursor: pointer; transition: 0.3s ease; }
.selector__option:hover { color: var(--accent-color); }
.selector.active .selector__hidden { max-height: 500px; }
.selector__hidden { max-height: 0; transition: 0.3s ease-in-out; overflow: hidden; }
.filter__search input { padding-right: 60px; }
.filter__search { position: relative; }
.filter__search svg { position: absolute; top: 50%; right: 20px; transform: translatey(-50%); }
.filter__panel { padding: 20px; background-color: var(--gray-color); display: flex; flex-direction: row; align-items: center; gap: 10px; border-radius: 10px; }
.filter__result { font-family: RFDewi; text-transform: uppercase; }
.filter__clear { font-family: RFDewi; text-transform: uppercase; color: var(--font-color-light); cursor: pointer; }
.filter__clear:hover { color: var(--accent-color); }
.filter__caption { margin-right: auto; }
.filter__caption { margin-right: auto; color: var(--font-color-light); }
input::placeholder{ color: var(--font-color-light) }
.articlePage .mainpage__detailes { display: flex; flex-direction: column; gap: 20px; }
.articlePage .author { background-color: var(--transparent); }
.articlePage .author picture, .articlePage .author picture img { width: 80px; height: 80px; object-fit: cover; object-position: top; border-radius: 10px; }
.articlePage .author { background-color: var(--transparent); display: flex; flex-direction: row; align-items: flex-start; gap: 20px; width: 100%; position: relative; box-sizing: border-box; box-shadow: 0px 0px 10px 2px #ffffff1a inset; background-color: #9cc0e22b; }
.articlePage .author::before { content: ''; position: absolute; inset: -1px; border-radius: 26px; 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; }
.articlePage .mainpage__authorblock { background-color: var(--transparent); width: 100%; border-radius: 26px; padding: 5px; }
.articlePage .author__name { font-size: var(--title-second); text-transform: uppercase; color: var(--white-color); font-family: RFDewi; }
.articlePage .author__exp, .articlePage .author__role { display: flex; flex-direction: row; align-items: center; color: var(--white-color); gap: 10px; }
.articlePage .mainpage__rating-name { font-family: RFDewi; color: var(--white-color); text-transform: uppercase; display: flex; flex-direction: row; align-items: center; gap: 10px; }
.articlePage .mainpage__rating-count { color: var(--white-color); font-family: RFDewi; margin-right: 10px; }
.articlePage .mainpage__rating-item { display: flex; flex-direction: row; align-items: center; gap: 20px; justify-content: space-between; padding: 0 20px; }
.articlePage .mainpage__rating-score { display: flex; flex-direction: row; align-items: center; }
.articlePage .mainpage__rating-name > svg { width: 40px; height: 40px; }
.articlePage .mainpage__author-rating { padding: 20px 0; display: flex; flex-direction: column; gap: 15px; }
.articlePage .mainpage__rating-score svg path { fill: var(--white-color); }
.articlePage .mainpage__bage { border-radius: 8px; padding: 6px 10px; background-color: var(--transparent); color: var(--white-color); text-transform: uppercase; font-family: RFDewi; font-size: var(--small-text); width: fit-content; }
.articlePage .mainpage__description, .mainpage__detail span { color: var(--white-color); }
.articlePage .mainpage__description { display: flex; flex-direction: column; gap: 20px; padding: 20px; border-radius: 26px; background-color: var(--transparent); }
.articlePage .mainpage__detail { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
.articlePage .mainpage__bottomblock { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; position: relative; }
.articlePage .mainpage__bottomblock::before { content: ""; background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 26%) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; top: -25px; left: 0; }
.articlePage .mainpage { display: flex; flex-direction: column; gap: 20px; }
.articlePage .mainpage__detail-caption { display: flex; flex-direction: initial; color: #ffffffad; gap: 5px; }
.articlePage .mainpage__decor { display: none; }
.articlePage  .authorsAndSources .author__name .author__role path { fill: var(--accent-color); }
.articlePage  .authorsAndSources .author__name .author__role { font-size: 14px; color: var(--font-color); font-family: Manrope; text-transform: none; font-weight: 600; }
.articleSidebar .articleSidebar__item:last-child { display: none; }
.articlesPage { display: flex; flex-direction: column; }
.articlesPage__more { margin: auto; width: fit-content; margin-top: 40px; }
@media(max-width: 1024px){
.articlePage .authorsAndSources .author { flex-direction: column; }
.articlePage .articleSidebar .articleSidebar__item:last-child { display: flex; flex-direction: column; gap: 10px; }
.articlePage .articleSidebar { display: flex; flex-direction: column; gap: 10px; }
.sidebar.sidebar--aftertext { display: flex; flex-direction: row; align-items: stretch; gap: 10px; padding: 12px 32px 12px 12px; border-radius: 30px; background-color: white; }
.alert { width: 44px; min-width: 44px; background-color: var(--gray-color); display: flex; align-items: center; justify-content: center; border-radius: 16px; }
}

/* doctors */
.doctorsSlider.swiper .swiper-wrapper { align-items: stretch; }
.doctorsSlider.swiper .swiper-slide { height: unset; box-sizing: border-box; }
.doctors__card-experience::before, .doctors__card-job::before { content: ""; display: block; width: 5px; height: 8px; position: absolute; left: 0; top: 3.5px; }
.doctors__card-experience::before, .doctors__card-job::before { content: ""; display: block; width: 5px; height: 8px; position: absolute; left: 0; top: 3.5px; }
.doctors__card-top { position: relative; margin-bottom: 18px; }
.doctors__cards { display: flex; gap: 8px; flex-wrap: wrap; }
.doctors__card { flex-basis: 100%; background: var(--gray-color); border-radius: 26px; padding: 6px 6px 20px 6px; height: 100%; box-sizing: border-box; }
.doctors__card-picture, .doctors__card-picture img { border-radius: 20px; width: 100%; }
.doctors__card-videointroduction { border-radius: 18px; padding: 6px 10px; font-family: RFDewi; font-weight: 700; font-size: 9px; line-height: 133%; text-transform: uppercase; text-align: center; color: var(--white-color); background: var(--accent-color); width: fit-content; display: flex; align-items: center; position: absolute; top: 10px; left: 10px; }
.doctors__card-videointroduction p { padding-left: 6px; }
.doctors__card-videointroduction::before { display: inline-block; transform: scale(0.8); transform-origin: left center; }
.doctors__card-links { position: absolute; bottom: 6px; left: 6px; right: 6px; display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.doctors__card-link { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04); background: var(--white-color); border-radius: 76px; padding: 4px 16px 4px 4px; display: flex; align-items: center; gap: 8px; }
.doctors__card-icon { border-radius: 100%; width: 36px; height: 36px; background: var(--gray-color); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.doctors__card-icon img { width: 24px; height: 24px; }
.doctors__card-experience, .doctors__card-job { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.doctors__card-info { display: flex; flex-direction: column; }
.doctors__card-num { font-family: RFDewi; font-weight: 700; font-size: 12px; line-height: 133%; text-transform: uppercase; text-align: center; color: var(--font-color); }
.doctors__card-info a { font-weight: 500; font-size: 12px; line-height: 133%; text-decoration: underline; text-decoration-skip-ink: none; color: var(--font-color); transition: color 0.3s ease; }
.doctors__card-info a:hover { color: var(--accent-color); }
.doctors__card-info p { display: flex; align-items: center; gap: 6px; }
.doctors__card-info a span { display: none; }
.doctors__card-bottom { padding-left: 14px; padding-right: 14px; display: block; }
.doctors__card-name { transition: color 0.3s ease; margin-bottom: 10px; font-family: RFDewi; font-weight: 700; font-size: 14px; line-height: 129%; text-transform: uppercase; color: var(--font-color); }
.doctors__card-job { margin-bottom: 4px; }
.doctors__card-job, .doctors__card-experience { font-weight: 500; font-size: 12px; line-height: 133%; color: var(--font-color); padding-left: 11px; position: relative; }
.doctors__card-bottom:hover .doctors__card-name { color: var(--accent-color); }
.doctors__cards { margin-bottom: 24px; }
.doctors__btns { display: none; align-items: center; justify-content: center; }
.doctors__btns button:hover { color: var(--accent-color); }
.doctors { margin-bottom: 70px; }
.doctors__card-videointroduction p { color: var(--white-color); }
.doctors__card-star svg:first-child { display: block; }
.doctors__card-star svg { display: none; }
.doctors__card-icon rect { fill: #e7e7e7; }

/* doctorsPage */
.doctorsPage__list { display: flex; flex-direction: column; gap: 20px; }
.doctorPage .mainpage__mainbage { padding: 8px 14px; background-color: var(--white-color); color: var(--font-color); border-radius: 12px; font-size: 14px; }
.doctorPage .mainpage__doctor.mobile { background-color: transparent; margin: 0; padding: 0; }
.doctorPage .mainpage__doctor-image img { width: 100%; height: 100%; }
.doctorPage .mainpage__doctor-image { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 400px; }
.doctorPage .mainpage__bages::before{ display: none; }
.doctorPage .mainpage__bages { background-color: transparent; box-shadow: none; border: none; padding: 0; margin-top: -55px; gap: 10px; }
.doctorPage .mainpage__bage { padding: 20px; border-radius: 26px; background-color: var(--transparent); display: flex; flex-direction: column; align-items: flex-start; }
.doctorPage .mainpage__bage-caption { color: var(--white-color); opacity: 0.7; }
.doctorPage .mainpage__bage-value { font-size: var(--low-text); color: var(--white-color); font-family: 'RFDewi'; text-transform: uppercase; }
.doctorPage .section.section--first.section--main { position: relative; }
.doctorPage  .section.section--first.section--main .section__fon { height: unset; max-height: 100%; height: 100%; }
.doctorPersonalPage.section--article .container.container--row { padding: 0; }
.doctorPersonalPage__block { background-color: var(--gray-color); padding: 20px; border-radius: 26px; display: flex; flex-direction: column; gap: 20px; }
.doctorPersonalPage__main { display: flex; flex-direction: column; gap: 30px; }
.doctorPage .mainpage__mainbage.mobile { background-color: var(--white-color); color: var(--font-color); padding-left: 10px; }
.doctorPersonalPage__place { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; background-color: var(--white-color); border-radius: 26px; padding: 20px; }
.doctorPersonalPage__place > svg { width: 60px; height: 60px; min-width: 60px; }
.doctorPersonalPage__place > svg rect:first-child { fill: var(--gray-color); }
.doctorPersonalPage__placename { font-family: RFDewi; text-transform: uppercase; font-size: var(--small-title); }
.doctorPersonalPage__placerating { display: flex; flex-direction: row; align-items: center; }
.doctorPersonalPage__placerating-num { font-size: var(--low-text); color: var(--accent-color); font-family: RFDewi; margin-right: 10px; }
.doctorPersonalPage__rating-inner { display: flex; flex-direction: column; gap: 10px; }
.doctorPersonalPage__shedule-item { display: flex; flex-direction: column; gap: 10px; background-color: var(--white-color); padding: 20px; border-radius: 26px; }
.doctorPersonalPage__shedule { display: flex; flex-direction: column; gap: 10px; }
.doctorPersonalPage__shedulename { color: var(--font-color-light); }
.doctorPersonalPage__shedulevalue { font-family: RFDewi; text-transform: uppercase; }
.doctorPersonalPage__vector { display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: var(--white-color); border-radius: 60px; padding: 5px 16px 5px 6px; width: fit-content; }
.doctorPersonalPage__vectorslist { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.edu__bage { padding: 6px 10px; background-color: var(--accent-color); border-radius: 10px; color: var(--white-color); text-transform: uppercase; font-family: RFDewi; font-size: var(--small-text); }
.edu { background-color: var(--white-color); padding: 20px; border-radius: 26px; display: flex; flex-direction: column; gap: 10px; }
.doctorPersonalPage__edulist.swiper .swiper-wrapper { align-items: stretch; }
.doctorPersonalPage__edulist.swiper .swiper-slide { height: unset; box-sizing: border-box; }
.edu__title { margin-top: auto; font-family: RFDewi; text-transform: uppercase; font-size: var(--small-title); margin-bottom: 0; }
.edu__subtitle { color: var(--font-color-light); margin: 0; }
.edu__bage.edu__bage--gray { background-color: var(--gray-color); color: var(--font-color); }
.edu__bages { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.doctorPersonalPage__docslist { display: flex; flex-direction: column; gap: 10px; }
.doctorPersonalPage .articles__item { background: var(--white-color); }
.doctorPersonalPage .articles__topcaption { background-color: var(--gray-color); }
.doctorPersonalPage .container.container--row { display: flex; flex-direction: column; gap: 40px; }
.doctorPersonalPage .smi__image { background-color: var(--white-color); }
.doctorPersonalPage .smi__item-place { background-color: var(--white-color); }
.doctorPersonalPage .prices__item { background-color: var(--white-color); }
.doctorPersonalPage .btn.btn--prices { background-color: var(--gray-color); }
.doctorPersonalPage .rev__placeimg svg { height: 40px; width: 40px; min-width: 40px; }
.doctorPersonalPage .rev__placeimg svg rect:first-child { fill: var(--gray-color); }
.doctorPersonalPage__swiper.swiper .swiper-wrapper { align-items: stretch; }
.doctorPersonalPage__swiper.swiper .swiper-wrapper .swiper-slide > * { height: 100%; box-sizing: border-box; }
.doctorPersonalPage__swiper.swiper .swiper-wrapper .swiper-slide { height: unset; }
.doctorPersonalPage .textRevs__item.rev { background-color: var(--white-color); }
.doctorPersonalPage .doc { align-items: stretch; }
.doctorPersonalPage__rating.swiper { width: 100%; }
@media(max-width: 1024px){
    .doctorPersonalPage__aside { margin-bottom: 40px; }
    .doctorPage .mainpage__mainbage { font-size: 9px; }
    .doctorPage .breadcrumbs { margin-bottom: 40px; }
    .doctorPersonalPage__edulist { min-width: 100%; }
    .video-page__video-img img { width: 100%; height: 100%; object-fit: cover; }
    .video-page__video-img picture { height: 100%; width: 100%; }
    .video-page__video-img { max-height: 200px; overflow: hidden; }
}

.doctorPersonalPage__place {
    height: 100%;
    box-sizing: border-box;
}
.doctorPersonalPage__rating-inner.swiper-wrapper {
    align-items: stretch;
}

.doctorPersonalPage__rating-inner.swiper-wrapper .swiper-slide{
   height: unset;
}

.doctorPersonalPage__placeblock {
    margin-top: auto;
}

/* metodika */
.metodika__item { padding: 20px; border-radius: 26px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 10px; height: 100%; }
.metodika__checkitem { display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: var(--white-color); padding: 5px 15px 5px 5px; border-radius: 25px; width: fit-content; }
.metodika__checklist { margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.metodika__name { font-size: var(--title-third); font-family: RFDewi; text-transform: uppercase; }
.metodika__text { margin-bottom: 30px; }
.metodika__list.swiper .swiper-wrapper { align-items: stretch; }
.metodika__list.swiper .swiper-wrapper .swiper-slide > * { height: 100%; box-sizing: border-box; }
.metodika__list.swiper .swiper-wrapper .swiper-slide { height: unset; }

/* main area */
.article__text h2 { font-size: var(--title-second); font-family: RFDewi; text-transform: uppercase; margin: 40px 0 20px 0; }
.article__text h3 { font-size: var(--title-third); font-family: RFDewi; text-transform: uppercase; }
.article__text h4 { font-size: var(--small-title); font-family: RFDewi; text-transform: uppercase; }
.article__text p { margin-bottom: 10px; }
.article__text ul { list-style: none; padding-left: 0; }
.article__text ul li{ padding-left: 15px; background-image: url('/netcat_template/template/redisign/assets/images/limarker.svg'); background-repeat: no-repeat; background-position: left center; background-size: 7px 22px; margin-bottom: 10px; }
.article__text ol li::before, .authorsAndSources ol li::before { content: counter(item); background-color: var(--white-color); width: 28px; height: 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 8px; font-family: RFDewi; position: absolute; top: 0; left: 0; transform: translatex(-100%); }
.article__text ol li, .authorsAndSources ol li { counter-increment: item; padding-left: 10px; position: relative; }
.article__text ol, .authorsAndSources ol { list-style: none; counter-reset: item; }
.article__text blockquote { border-left: 4px transparent solid; border-color: #173A511A; padding-left: 20px; margin: 20px 0; }
.article__text li::marker { color: var(--accent-color); }
.article__more { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; margin: auto; font-family: RFDewi; font-size: var(--small-text); text-transform: uppercase; cursor: pointer; margin-top: 10px; margin-bottom: 30px; }
.article__more .more { margin: 0; }
.article__more:hover { color: var(--accent-color); }
.article__more:hover path{ fill: var(--accent-color); }
.article__text h2:first-child { margin-top: 0; }
.article__text picture img { width: 100%; height: 100%; object-fit: cover; min-width: 100%; border-radius: 26px; }
.article__text picture { border-radius: 26px; overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center; }
.mainPage .section.section--article.section--gray { padding: 70px 10px 10px 10px; }
.section.section--article .container { display: flex; flex-direction: column; gap: 30px; }
.articleNavigation { width: 100%; padding: 10px; background-color: var(--white-color); border-radius: 26px; box-sizing: border-box; }
.section.section--article.section--gray { padding: 20px 0; }
.articleNavigation__btn { padding: 8px 8px 8px 14px; background-color: var(--gray-color); border-radius: 18px; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; }
.articleNavigation__list { margin: 0; padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.articleNavigation__item { list-style: none; display: flex; flex-direction: row; align-items: center; gap: 10px; }
.active.articleNavigation .articleNavigation__hidden { max-height: 900px; }
.articleNavigation__hidden { max-height: 0; overflow: hidden; transition: 0.5s ease-in-out; }
.mainPage .article__text.active { max-height: 9999px; }
.mainPage .article__text { max-height: 700px; overflow: hidden; transition: 0.8s ease-in-out; }
.article__text table { padding: 10px; background-color: var(--white-color); border-radius: 26px; margin-bottom: 40px;}
.article__text th { background-color: var(--gray-color); border-radius: 26px; padding: 20px; font-family: 'RFDewi'; font-size: var(--small-text); text-transform: uppercase;}
.article__text tr:last-child td { border-bottom: none; }
.article__text td { padding: 20px; border-bottom: 1px #f2f5f7 solid; }
.article__text ol { display: flex; flex-direction: column; gap: 10px; }
.article__more { position: absolute; bottom: 0; left: 50%; transform: translate(-50%); }
.article__text { margin-bottom: 70px; }
.servicePage .section.section--article.last-article-block .container, .articlePage .section.section--article.last-article-block .container{ flex-direction: column; }
.servicePage .section.section--article.last-article-block .container .article__text { margin-bottom: 0; margin-top: 20px; }

.authorsAndSources { margin-top: 20px; border-radius: 30px; background-color: var(--white-color); padding: 30px; display: flex; flex-direction: column; gap: 30px;}
.sources__title { font-family: RFDewi; text-transform: uppercase; font-size: var(--title-third); }
.authorsAndSources ol li::before { background-color: var(--gray-color); }
.sources ol { display: flex; flex-direction: column; gap: 15px; padding-left: 30px; }
.author__top.mobile { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.author__caption, .author__date { padding: 6px 10px; border-radius: 8px; background-color: var(--white-color); font-family: RFDewi; text-transform: uppercase; font-size: var(--small-text); }
.author__inner { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; }
.author { background-color: var(--gray-color); display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: 20px; }
.author__image, .author__image img { width: 80px; height: 80px; border-radius: 10px; }
.author__detailes { display: flex; flex-direction: column; gap: 10px; }
.author__fio { font-size: var(--small-text); text-transform: uppercase; font-family: RFDewi; }
.author__name { display: flex; flex-direction: column; gap: 10px; }
.authors { display: flex; flex-direction: column; gap: 10px; }
.author__role { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.section.section--article .container { display: flex; flex-direction: column; gap: 30px; }
.section.section--article .container { flex-direction: column-reverse; }



/* pricePage */
.filters { display: flex; flex-direction: column; gap: 10px; margin-bottom: 60px; position: relative; }
.filters::after { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; bottom: -20px; left: 0; }
.prices__list-title { font-size: var(--title-second); font-family: RFDewi; text-transform: uppercase; margin-top: 20px; }
.pricesPage__list { display: flex; flex-direction: column; gap: 0px; }
.pricesPage .section__title-wrap { display: flex; flex-direction: column; gap: 20px; }
.pricesPage .prices__list { margin-bottom: 40px; }

/* sidebar */
.sidebar { display: flex; flex-direction: column; gap: 20px; }
.sidebar__bage { padding: 6px 10px; background-color: var(--gray-color); border-radius: 8px; font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; white-space: nowrap; }
.sidebar__bages { display: flex; flex-direction: row; align-items: center; gap: 5px; flex-wrap: wrap; }
.sidebar__item { padding: 20px; border-radius: 26px; background-color: var(--white-color); display: flex; flex-direction: column; gap: 0px; }
.sidebar__item.sidebar__item--blue { background-color: var(--back-color3); position: relative; align-items: center; }
.sidebar__title { font-size: var(--title-third); text-transform: uppercase; color: var(--white-color); font-family: RFDewi; text-align: center; }
.sidebar__subtitle { color: var(--white-color); text-align: center; }
.sidebar__item.sidebar__item--blue { background: var(--back-color); position: relative; padding: 40px 20px 0px 20px; }
.sidebar__item.sidebar__item--blue > * { max-width: 400px; }
.sidebar__decor svg:last-child { position: absolute; top: 16%; right: -27%; width: 75%; transform: rotate(173deg); z-index: 1 !important; }
.sidebar__decor svg:first-child { position: absolute; top: 11%; left: -36%; width: 75%; transform: rotate(325deg); z-index: 1 !important; }
.sidebar__decor { z-index: 1 !important; }
.sidebar__item.sidebar__item--blue > * { z-index: 2; }
.sidebar__image img { min-height: 100%; width: 100%; object-fit: cover; height: 100%; }
.sidebar__image { margin-top: auto; max-width: 300px; }
.sidebar__subtitle, p.sidebar__title, .sidebar .btn { margin-bottom: 25px; }
.sidebar__item:first-child { gap: 20px; }
@media(max-width: 1024px){
    .mainPage .section.section--article .container { display: grid; grid-template-areas:         "text"        "btn"        "sidebar"; }
    .mainPage .section.section--article .article__text { grid-area: text; }
    .mainPage .section.section--article .article__more { grid-area: btn; }
    .mainPage .section.section--article .sidebar { grid-area: sidebar; }
}


/* .contacts */
.contacts { display: flex; flex-direction: column-reverse; background-color: var(--gray-color); padding: 4px; border-radius: 26px; gap: 20px; }
.contacts__inner { display: flex; padding: 20px; border-radius: 20px; background-color: var(--white-color); flex-direction: column; gap: 10px; }
.contacts__detailes { display: flex; flex-direction: column; gap: 10px; }
.contacts__item { display: flex; flex-direction: column; gap: 10px; display: flex; padding: 20px; border-radius: 20px; background-color: var(--white-color); flex-direction: column; gap: 25px; }
.contacts__inner { display: flex; flex-direction: column-reverse; background-color: var(--gray-color); padding: 8px; border-radius: 26px; gap: 20px; }
.contacts__bage.contacts__bage--first { background-color: var(--accent-color); color: var(--white-color); }
.contacts__bage { padding: 6px 10px; border-radius: 8px; background-color: var(--gray-color); font-family: RFDewi; font-size: var(--small-text); text-transform: uppercase; }
.contacts__bages { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
.contacts__address { font-size: var(--small-title); font-family: RFDewi; text-transform: uppercase; }

/* otherServices*/
.otherServices { display: flex; flex-direction: column; gap: 10px; }
.otherServices__item { background: linear-gradient(90deg, rgba(240, 243, 245, 1) 51%, rgba(240, 243, 245, 1) 100%); padding: 20px; border-radius: 26px; display: flex; flex-direction: column; gap: 20px; }
.otherServices__name { font-size: var(--low-text); font-family: RFDewi; text-transform: uppercase; }
.btn.btn--otherServices { width: fit-content; }


/* middleform */
.middleForm__socials-list.socials.socials--transparent .socials__item path { fill: var(--white-color); }
.middleForm__socials-list.socials.socials--transparent .socials__item { background-color: var(--transparent); }
.middleForm .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%; }
.middleForm__socials-list.socials.socials--transparent .socials__item:hover { background-color: var(--accent-color); }
.middleForm__socials { display: flex; flex-direction: column; gap: 10px; }
.middleForm__socials::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgb(255 255 255 / 26%) 49%, rgb(255 255 255 / 0%) 100%); width: 100%; height: 1px; position: absolute; top: -15px; left: 0; }
.middleForm__socials { display: flex; flex-direction: column; gap: 10px; position: relative; margin-top: 30px; }
.middleForm__socials-caption { color: var(--white-color); opacity: 0.8; }
.middleForm__doctor { background-color: var(--transparent); border-radius: 26px; padding: 20px; display: flex; flex-direction: column; align-items: flex-end;}
.middleForm__textblock { width: 100%; background-color: #ffffff24; 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; }
.middleForm__textblock::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; }
.middleForm__smalltitle { width: fit-content; padding: 6px 10px; color: var(--font-color); background-color: var(--white-color); border-radius: 8px; font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; }
.middleForm__name { font-size: var(--low-text); text-transform: uppercase; font-family: 'RFDewi'; }
.middleForm__textmain { display: flex; flex-direction: column; gap: 5px; color: var(--white-color); }
.middleForm__name, .middleForm__role, .middleForm__exp, .middleForm__textmain path { color: var(--white-color); fill: var(--white-color); }
.middleForm__name, .middleForm__role, .middleForm__exp { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
.middleForm__cards { display: flex; flex-direction: row; align-items: stretch; gap: 10px; }
.middleForm__card { display: flex; flex-direction: column; gap: 10px; background-color: var(--white-color); padding: 15px; border-radius: 20px; flex-basis: 50%; }
.middleForm__card-name { font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; } .middleForm__ratingNum { font-size: var(--small-btn); font-family: RFDewi; text-transform: uppercase; color: var(--accent-color); margin-right: 8px; }
.middleForm__rating { display: flex; flex-direction: row; align-items: center; }
.middleForm__rating svg { width: 15px; height: 15px; }
.middleForm__doctor-image { max-height: 228px; }
.middleForm__bage { padding: 6px 10px; border-radius: 8px; background-color: var(--transparent); color: var(--white-color); font-family: RFDewi; text-transform: uppercase; }
.middleForm__subtitle { color: var(--white-color); }
.middleForm__bage.middleForm__bage--top { background-color: var(--white-color); color: var(--font-color); }
.middleForm__title { font-size: var(--title-top); text-transform: uppercase; color: var(--white-color); font-family: RFDewi; }
.middleForm__bages { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.middleForm__info { display: flex; flex-direction: column; gap: 25px; }
.middleForm__doctor-image img { width: 100%; object-fit: cover; height: 100%; object-position: top; }
.middleForm__doctor-image { height: 250px; display: flex; align-items: flex-end; width: 300px;}
.middleForm { display: flex; flex-direction: column; gap: 40px; }
.middleForm__card > svg rect:first-child { fill: var(--gray-color); }
.middleForm__card > svg { width: 28px; height: 28px; }
@media(max-width: 1024px){
section.section.section--middleForm.section--blue { padding: 50px 0; }
.middleForm__doctor { padding: 20px 5px; }
}

/* endform */
.endForm__title { font-size: var(--title-top); text-transform: uppercase; font-family: RFDewi; text-align: left; color: var(--white-color); }
.endForm__subtitle { color: var(--white-color); }
.endForm__bage { display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: var(--transparent); border-radius: 42px; padding: 5px 16px 5px 5px; width: fit-content; color: var(--white-color); }
.endForm__bages { display: flex; flex-direction: column; gap: 8px; }
.endForm { display: flex; flex-direction: column; gap: 20px; }
.endForm__form.form, .endForm__form.form .form__wrapper { display: flex; flex-direction: column; gap: 10px; }
form.endForm__form.form input.form__field::placeholder { color: var(--white-color); }
form.endForm__form.form input.form__field { background-color: var(--transparent); }
.form__agree p { color: var(--white-color); }
.endForm__socials::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgb(255 255 255 / 26%) 49%, rgb(255 255 255 / 0%) 100%); width: 100%; height: 1px; position: absolute; top: -15px; left: 0; }
.endForm__socials { display: flex; flex-direction: column; gap: 10px; position: relative; margin-top: 30px; }
.endForm input { color: var(--white-color); }

/* aboutPage -- history -- opora*/
.history__item { padding: 20px; border-radius: 20px; background-color: var(--gray-color); display: flex; flex-direction: column; gap: 20px; }
.history__bage { background-color: var(--white-color); font-size: var(--small-text); font-family: RFDewi; width: fit-content; padding: 6px 10px; border-radius: 8px; }
.history__title { font-family: RFDewi; text-transform: uppercase; font-size: var(--title-third); }
.history__list { display: flex; flex-direction: column; gap: 10px; }
.history__doctor { padding: 20px; border-radius: 20px; background: var(--back-color3); display: flex; flex-direction: column; gap: 10px; }
.history__picture, .history__picture img { max-width: 100%; }
.history__quotes { padding: 20px; border-radius: 20px; background-color: var(--white-color); }
.history__caption-name { font-size: var(--small-text); text-transform: uppercase; font-family: RFDewi; text-align: center; }
.history__caption { text-align: center; color: var(--font-color-light); }
.history__quoteblock { text-align: center; margin-bottom: 30px; position: relative; padding-bottom: 10px; }
.history__quotes { margin-top: -60px; }
.history__picture { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.history__quoteblock::after { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; bottom: -10px; left: 0; }
.history { display: flex; flex-direction: column; gap: 20px; }
.aboutPage .mainpage { padding-bottom: 350px; }
.aboutPage .section__fon-spes.mobile { position: absolute; top: -200px; left: 0; width: 100%; height: calc(100% + 250px); z-index: -1; }
.aboutPage .section__fon-spes.mobile img { object-fit: cover; height: 100%; width: 100%; object-position: bottom; }
@media(min-width: 450px) and (max-width:650px){
    .aboutPage .mainpage {padding-bottom: 550px;}
}
@media(min-width: 651px) and (max-width:1024px){
    .aboutPage .mainpage {padding-bottom: 0px;}
    .aboutPage .section__fon-spes.mobile{display: none;;}
}


.section.section--vectors.section--opora .vectors__item { min-height: unset; height: 100%; box-sizing: border-box;}
.section.section--vectors.section--opora .swiper .swiper-wrapper { align-items: stretch; }
.section.section--vectors.section--opora .swiper .swiper-slide { height: unset; box-sizing: border-box; }
.section.section--vectors.section--opora .vectors__itemtitle { margin-top: auto; }

/* contactsPage */
.contactPage { display: flex; flex-direction: column; gap: 10px; width: 100%; overflow: hidden; box-sizing: border-box; background-color: var(--gray-color); border-radius: 0 0 26px 26px; padding: 130px 5px 5px 5px; }
.section.section--contactPage { margin-bottom: 20px; margin-top: -180px; z-index: 1; position: relative; overflow: hidden; border-radius: 26px;}
.section.section--contactPage .container { padding: 0; }
#map { overflow: hidden; border-radius: 26px; height: 600px; width: 100%; z-index: 1; border-radius: 26px; overflow: hidden;}
.contactPage__bage.contactPage__bage--top { background-color: var(--accent-color); color: var(--white-color); }
.contactPage__bage { width: fit-content; padding: 6px 10px; border-radius: 8px; background-color: var(--gray-color); font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; }
.contactPage__name { font-family: 'RFDewi'; text-transform: uppercase; font-size: var(--title-second); display: block; position: relative; margin-bottom: 20px; }
.contactPage__name::after { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; bottom: -10px; left: 0; }
.contactPage__item { padding: 20px; border-radius: 26px; background-color: var(--white-color); }
.contactPage__requisites .contactPage__bage { background-color: var(--white-color); }
.contactPage__requisites-item { padding: 16px; border-radius: 16px; display: flex; flex-direction: column; background-color: var(--gray-color); justify-content: space-between; align-items: flex-start; gap: 10px; }
.contactPage__list, .contactPage__item, .contactPage__requisites { display: flex; flex-direction: column; gap: 10px; }
.contactPage .cards__item.cards__item--phone .cards__title { display: flex; flex-direction: column; gap: 5px; }
.contactPage__bottom span { font-size: var(--small-text); font-family: RFDewi; text-transform: uppercase; }
.contactPage__bottom button { display: flex; flex-direction: row; align-items: center; gap: 10px; cursor: pointer;}
.contactPage__bottom .more { margin: 0; }
.contactPage__bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; padding: 0 20px; }
.contactPage__detailes { padding: 0 10px; }
.contactPage .section.section--first { z-index: 2; position: relative; }
.contactPage__bottom .contactPage__bage { display: none; }
@media(min-width: 390px){
.contactPage__bottom .contactPage__bage { display: flex; flex-direction: row; align-items: center; gap: 10px; }
}
.contactPage__requisites.active { max-height: 400px; }
.contactPage__requisites { max-height: 0; overflow: hidden; transition: 0.3s ease-in-out; }
.contactPage__bottom button:hover span { color: var(--accent-color); }
.contactPage__bottom button:hover .more path { fill: var(--accent-color); }
@media(max-width: 1024px){ 
  div#contactsPageMap { margin-top: 20px; border-radius: 26px; overflow: hidden; } 
}
.section.section--contactCards .cards__item.cards__item--phone .cards__title { display: flex; flex-direction: column; gap: 5px; }
#contactsPageMap { width: 100%; height: 500px; }
#premap { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; }
#premap img { width: 100%; height: 100%; }

/* video page*/
.section__dop { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; font-size: var(--small-text); font-family: RFDewi; color: var(--white-color); background-color: var(--transparent); padding: 6px 20px 6px 6px; border-radius: 40px; text-transform: uppercase; }
.section__dop svg { width: 30px; height: 30px; }
.section__dops { display: flex; flex-direction: column; gap: 5px; }
.videoPage .video { display: flex; flex-direction: column; gap: 30px; }
.videoPage button.btn { margin: 40px auto; }
.videoPage .container { display: flex; flex-direction: column; justify-content: center; }
.video-page__video-img:hover .video__item-view-wrap { background-color: var(--white-color); }
.video-page__video-img:hover .video__item-view-wrap::before { display: none; }
.video-page__video-img:hover .video__item-view-wrap path { fill: var(--accent-color); }
.video-page__item.hide {display: none !important;}
@media(max-width: 1024px){ 
  .videoPage .section__dop { max-width: fit-content; }
  .videoPage .section__dops { margin-top: 20px; }
}


/* actionsPage */
.actionsPage__list { display: flex; flex-direction: column; gap: 30px; }
.actionsPage__item { background-color: var(--gray-color); border-radius: 26px; padding: 20px; display: flex; flex-direction: column; gap: 20px; }
.actionsPage__bages { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; }
.actionsPage__bage { padding: 6px 10px; border-radius: 8px; background-color: var(--white-color); font-family: RFDewi; text-transform: uppercase; font-size: var(--small-text); }
.actionsPage__bage .actionsPage__bage--low { background-color: var(--font-color); color: var(--white-color); }
.actionsPage__title { font-size: var(--title-top); text-transform: uppercase; font-family: RFDewi; text-align: center; }
.actionsPage__text {  margin-top: -10px; text-align: center; color: var(--font-color-light); }
.actionsPage__bottom { z-index: 2; display: flex; flex-direction: row; align-items: center; gap: 20px; padding: 15px; border: 1px white solid; border-radius: 20px; position: relative; overflow: hidden; background: #FCFDFE; background: linear-gradient(315deg, #F2F5F7, #FCFDFE); box-shadow: 0px 0px 10px #a8a3a370 inset; }
.actionsPage__bottom::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(242, 245, 247, 1) 0%, rgba(242, 245, 247, 1) 21%, rgba(242, 245, 247, 1) 49%, rgba(242, 245, 247, 0) 76%, rgba(242, 245, 247, 0) 100%); transform: translatex(0%); box-shadow: 0px 0px 5px white inset; z-index: 1 !important; }
.actionsPage__values { z-index: 2; display: flex; flex-direction: row; align-items: center; gap: 10px; justify-content: flex-start; width: 100%; }
.actionsPage__newValue { text-transform: uppercase; font-size: var(--title-third-desc); font-family: RFDewi; white-space: nowrap;}
.actionsPage__oldValue { font-size: var(--low-text); font-family: RFDewi; text-transform: none; text-decoration-line: line-through; white-space: nowrap; }
.btn.btn--arrow.btn--onlyarrow { z-index: 2; width: fit-content; padding: 2px; min-width: unset; }
.actionsPage__bage.actionsPage__bage--blue { color: var(--white-color); background-color: var(--font-color); }

/* popup */
.popup { opacity: 0; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(188 188 188 / 31%); z-index: 10000; visibility: hidden; transition: opacity .2s ease-in-out; backdrop-filter: blur(8px); }
.popup.open { opacity: 1; visibility: visible; }
.popup__body { min-height: 100%; display: flex; justify-content: center; align-items: center; padding: 60px 20px 20px; }
.popup__content { width: 400px; max-width: 100%; position: relative; padding: 30px; border-radius: 20px; padding: 40px 20px; background-color: var(--white-color); }
.popup__close { cursor:pointer; position: absolute; top: 16px; right: 16px; z-index: 100; }
.popup__content, .popup__content form, .form__bottom { display: flex; flex-direction: column; gap: 20px; }
.popup__title { font-size: var(--title-second); text-transform: uppercase; font-family: 'RFDewi'; }
.form__field { background-color: var(--gray-color); outline: none; border: 1px transparent solid; padding: 20px; border-radius: 15px; width: 100%; box-sizing: border-box; font-family: 'Manrope'; }
.form__field::placeholder { color: var(--font-color-light); }
.form__btn .btn { background-color: var(--gray-color); }
.form__agree { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; }
.form__agree p { font-size: var(--small-text); }
.checkbox {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.checkbox + label {pointer-events: none; position: relative; display: inline-flex; align-items: center; cursor: pointer; user-select: none; gap: 10px; }
.checkbox + label::before { content: ''; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; background: #fff; border: 2px solid #ccc; border-radius: 4px; transition: all 0.2s ease; }
.checkbox + label::after { content: '✓'; position: absolute; left: 7px; top: 50%; transform: translateY(-50%) scale(0); font-size: 14px; font-weight: bold; color: var(--white-color); transition: all 0.2s ease; }
.checkbox:checked + label::before { background: var(--accent-color); border-color: var(--accent-color); }
.checkbox:checked + label::after { transform: translateY(-50%) scale(1); }
.checkbox:disabled + label { opacity: 0.5; cursor: not-allowed; }
.checkbox:not(:disabled) + label:hover::before { border-color: var(--accent-color); }
.checkbox:focus + label::before { box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.3); }
input.popup__search-input { font-family: Manrope; }
.popup__search { background-color: var(--gray-color); padding: 0; border: 1px white solid; border-radius: 15px; position: relative; }
.popup__search-input { background-color: transparent; padding: 20px; border: none; width: 100%; box-sizing: border-box; padding-right: 80px; }
.popup__search-clear { position: absolute; top: 50%; transform: translatey(-50%); right: 20px; visibility: hidden; opacity: 0; }
.popup__search > svg { position: absolute; top: 50%; right: 20px; transform: translatey(-50%); }
.popular__title { font-size: var(--title-third); font-family: RFDewi; text-transform: uppercase; margin-bottom: 20px; }
.popular__list { display: flex; flex-direction: column; gap: 10px; }
.popular__index { display: none; }
.popular__item, .search-result__list-item { display: flex; flex-direction: row; align-items: center; background-color: var(--gray-color); width: 100%; padding: 5px 5px 5px 15px; box-sizing: border-box; border-radius: 15px; justify-content: space-between; gap: 20px; cursor: pointer; }
.popular__item-bottom .arrow, .search-result__list-item .arrow{ background-color: var(--white-color); }
.popular__item-title, .search-result__list-item p{ font-size: var(--small-text); font-family: RFDewi; text-transform: uppercase; }
.popular__item:hover .arrow, .search-result__list-item:hover .arrow { background-color: var(--accent-color); }
.popular__item:hover p, .search-result__list-item:hover p{ color: var(--accent-color); }
.popular__item:hover path, .search-result__list-item:hover path{ fill: var(--white-color); }
.search-result__list-title { font-size: var(--title-third); font-family: RFDewi; text-transform: uppercase; margin-bottom: 20px; display: flex; flex-direction: row; align-items: center; gap: 10px; }
.search-result__count { color: var(--font-color-light); margin-bottom: 20px; }
.search-result__list { display: flex; flex-direction: column; gap: 10px; }
.search-result__more .more { margin: 0; }
.search-result__more { font-size: var(--small-btn); text-transform: uppercase; font-family: RFDewi; color: var(--font-color); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; margin-top: 20px; }
.noneresult__title { font-size: var(--small-title); font-family: RFDewi; text-transform: uppercase; text-align: center; }
.noneresult__subtitle { color: var(--font-color-light); text-align: center; }
.popup__nonresult.noneresult { display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; }
.popup__search-popular.popular, .popup__search-result.search-result, .popup__nonresult.noneresult { display: none; }
.popup__search-popular.popular.active, .popup__search-result.search-result.active, .popup__nonresult.noneresult.active { display: flex; flex-direction: column; gap: 10px; }
.popup__search-cityList.cityList { display: flex; flex-direction: column; gap: 20px; position: relative; margin-bottom: 40px; }
.cityList__column { position: relative; padding-bottom: 20px; }
.cityList__column::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }
.cityList__litera { font-size: var(--title-top); font-family: RFDewi; }
.cityList__literablock { display: flex; flex-direction: column; gap: 10px; }
.cityList__litera-list { display: flex; flex-direction: column; gap: 5px; }
.cityList__link { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; background-color: transparent; padding: 10px; border-radius: 15px; cursor: pointer; font-weight: 600; cursor: pointer; }
.cityList__link.active { background-color: var(--gray-color); }
.cityList__link:hover { color: var(--accent-color); }
.cityList__column { display: flex; flex-direction: column; gap: 0px; }
.cityList__link:hover { color: var(--accent-color); }
.popup__search-cityList.cityList { display: flex; flex-direction: column; gap: 20px; position: relative; margin-bottom: 50px; overflow: auto; }
.findCities { position: absolute; bottom: -20px; transform: translatey(100%); padding: 20px; background-color: var(--white-color); z-index: 2; display: flex; flex-direction: column; gap: 10px; }
.findCities__item { display: flex; flex-direction: column; }
.findCities__city { font-weight: 600; }
.findCities__region { color: var(--font-color-light); }
.findCities__item { display: flex; flex-direction: column; }
@media(max-width: 1024px){
    .form-popup.popup.form-search .popup__body { padding: 0; }
    .form-popup.popup.form-search.active.open .popup__content { height: 100vh; min-height: 100%; box-sizing: border-box; width: 100%; }
}
.findCities { position: absolute; bottom: -20px; transform: translatey(100%); background-color: var(--white-color); z-index: 2; display: flex; flex-direction: column; gap: 10px; width: 100%; box-sizing: border-box; z-index: -1; visibility: hidden; opacity: 0; transition: 0.3s ease; }
.findCities__inner { display: flex; flex-direction: column; gap: 10px; padding: 20px; overflow: auto; height: 80vh; max-height: 80vh; box-sizing: border-box; }
.findCities.active  { z-index: 2; visibility: visible; opacity: 1; }
.cityList__litera-item { position: relative; }
.cityList__litera-item .cityList__link { display: flex; justify-content: flex-start; }
.cityList__link-spoiler { margin-left: auto; }
.cityList__litera-item-hidden { max-height: 0; overflow: hidden; transition: 0.5s ease-in-out; }
.cityList__litera-item.active .cityList__litera-item-hidden { max-height: 9999px; }
.cityList__litera-item-inner { padding: 0 20px; }
.cityList__link-spoiler svg path { fill: var(--font-color); }
.cityList__link-spoiler svg { transform: rotate(90deg); transition: 0.5s ease-in-out; }
.cityList__litera-item.active .cityList__link-spoiler svg { transform: rotate(270deg); }
.popup__body .form__agree p { color: var(--font-color); }
.btn.btn--arrow.btn--bottom.popup__close.close-popup { position: relative; box-sizing: border-box; bottom: unset; right: unset; left: unset; transform: none; }
.result-wrapper h3 { font-size: var(--title-second); font-family: RFDewi; text-transform: uppercase; text-align: center; }
.result-wrapper p { text-align: center; }
[data-target="popup-response"] .popup__content { align-items: center; }
.popup .form__agree a { color: var(--font-color); font-weight: 600; }
.popup .form__agree p { color: var(--font-color-light); font-size: 14px; }

/* 404 */
.nonePage .section.section--404 { padding-top: 390px; box-sizing: border-box; border-radius: 30px; overflow: hidden; position: relative; }
.nonePage .none { display: flex; flex-direction: column; gap: 20px; margin-bottom: 80px; }
.nonePage .section__title { color: var(--white-color); text-align: center; font-size: var(--title-top); }
.nonePage .section__subtitle { color: var(--white-color); text-align: center; }
.nonePage .section__bannerbtns .btn { width: 80%; margin: auto; max-width: 400px; }
.nonePage .section__bannerbtns { display: flex; flex-direction: column; gap: 10px; }
.nonePage .section__fon.none__fon img { object-fit: cover; object-position: top; }
@media(min-width: 540px){.nonePage .section.section--404 { padding-top: 490px;}}
@media(min-width: 640px){.nonePage .section__fon.none__fon img {object-position: 0 -110px;}}
@media(min-width: 760px){.nonePage .section__fon.none__fon img {object-position: 0 -210px;}}
@media(min-width: 870px){.nonePage .section__fon.none__fon img {object-position: 0 -250px;}}

/* yure */
.yureDownload svg { width: 40px; height: 40px; min-width: 40px;}
.yureDownload { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: fit-content; gap: 10px; background-color: var(--white-color); border-radius: 42px; padding: 5px 16px 5px 5px; margin: 20px 0; }
.yureDownload span { font-size: 11px; line-height: 15px; font-family: RFDewi; text-transform: uppercase; }
.yureDownload:hover path { fill: var(--white-color); }
.yureDownload:hover rect { fill: var(--accent-color); }
.yureDownload:hover span { color: var(--accent-color); }

/* calc */
.popup.calcModal .popup__body { align-items: stretch; height: 100%; box-sizing: border-box; }
.popup.calcModal .popup__content { width: 870px; max-width: 870px; height: unset; box-sizing: border-box; }
.popup.calcModal .form.popup__form { gap: 15px; }
.testModal__testarea { /*display: flex;*/ flex-direction: column; gap: 20px; }
.testModal__inner, .testModal__testarea { height: 100%; }
.testModal__slides { display: flex; position: relative; margin-bottom: auto; }
.testModal__slide, .testModal__slide.disable{ display: none; }
.testModal__slide.active { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.testModal__question { font-size: var(--title-second); font-family: 'RFDewi'; text-transform: uppercase; line-height: 130%; }
.testModal__answers { display: flex; flex-direction: column; gap: 10px; }
.testModal__answer { width: 100%; box-sizing: border-box; background-color: var(--gray-color); border-radius: 16px; padding: 16px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 10px; border: 1px transparent solid; cursor: pointer; }
.testModal__answer:hover { border-color: var(--accent-color); }
.testModal__answertitle { font-size: 11px; font-family: 'RFDewi'; text-transform: uppercase; line-height: 15px; }
.testModal__answersubtitle { font-size: 12px; line-height: 16px; font-family: 'Manrope'; font-weight: 500; color: var(--font-color-light); }
.testModal__answerblock { display: flex; flex-direction: column; gap: 5px; }
.testModal__answerselector span { background-color: var(--white-color); width: 10px; height: 10px; border-radius: 100%; }
.testModal__answerselector { width: 16px; min-width: 16px; background-color: white; border-radius: 100%; display: flex; height: 16px; cursor: pointer; align-items: center; justify-content: center; }
.testModal__answer.selected .testModal__answerselector span { background-color: var(--accent-color); }
.testModal__bage { padding: 6px 10px; background-color: var(--gray-color); color: #173A514D; border-radius: 8px; font-size: var(--small-btn); font-family: 'RFDewi'; text-transform: uppercase; transition: 0.3s ease; }
.testModal__bage.active { background-color: var(--accent-color); color: var(--white-color) !important; }
.testModal__bage.done { color: var(--font-color); }
.testModal__bages, .testModal__bageslist { display: flex; flex-direction: row; gap: 3px; }
.testModal__navbtn { padding: 16px 18px; background-color: var(--gray-color); border-radius: 40px; font-size: var(--small-text); font-family: 'RFDewi'; text-transform: uppercase; color: var(--font-color-light); cursor: pointer; }
.testModal__navbtn.active.testModal__navbtn--next { background-color: var(--accent-color); color: var(--white-color); }
.testModal__navbtn.active.testModal__navbtn--prev { color: var(--font-color); }
.testModal__navbtn.testModal__navbtn--next.active:hover { background-color: #FC6B32; }
.testModal__navbtn.testModal__navbtn--prev.active:hover { color: var(--accent-color); }
.testModal__navbtn:hover { color: var(--accent-color); }
.testModal__navbtn.disable:hover { color: var(--font-color-light); cursor: unset; }
.testModal__nav, .testModal__resform { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; margin-top: 30px; }
.testModal__nav::before, .testModal__resform::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; top: -25px; left: 0; }
.testModal__resarea, .testModal__testarea { display: none; }
.testModal__resarea.active, .testModal__testarea.active { display: flex; }
.testModal__resarea.active, .testModal__testarea.active { display: flex; height: 100%; }
.testModal__resarea .testModal__bage { text-transform: uppercase; color: var(--font-color); }
.testModal__resarea { flex-direction: column; gap: 20px; }
.testModal__reshead .btn.testModal__btn { background-color: var(--accent-color); color: var(--white-color); padding: 8px 12px; display: flex; width: fit-content; align-items: center; justify-content: center; text-align: center; vertical-align: middle; }
.testModal__resname { font-size: var(--title-second); text-transform: uppercase; font-family: 'RFDewi'; line-height: 22px; }
.testModal__reshead { display: flex; flex-direction: column; gap: 10px; }
.testModal__reslist-line { display: flex; flex-direction: row; align-items: center; gap: 5px; }
.testModal__reslist { display: flex; flex-direction: column; gap: 5px; }
.testModal__reslist-line svg { width: 14px; min-width: 14px; height: 14px; }
.calcModal .form__bottom { gap: 10px; }
.testModal__reslistblock-spoiler { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
.testModal__reslistblock-spoiler span { font-size: 11px; line-height: 15px; font-family: RFDewi; text-transform: uppercase; }
.testModal__reslistblock-spoiler > div { transform: rotate(90deg); }
.testModal__reslistblock-spoiler svg path { fill: var(--font-color); }
.testModal__reslistblock { padding: 16px; border-radius: 20px; background-color: var(--gray-color); }
.testModal__reslist-wrap.active { max-height: 180px; overflow: auto; }
.testModal__reslist-wrap { max-height: 0; overflow: hidden; transition: 0.3s ease; }
.testModal__reslist { margin-top: 10px; }
.testModal__answer.error { border-color: #e84646; background-color: #f6e6e6; }
.testModal__bage.testModal__bage--spesial.active { background-color: var(--gray-color); color: var(--font-color) !important; }
.testModal__bage.testModal__bage--spesial.disable { display: none; }
.testModal__navbtn.testModal__navbtn--next.hidden { display: none; }
.testModal__bageslist.disable { display: none; }
.testModal__aftertext { font-size: 14px; line-height: 20px; text-align: center; color: var(--font-color-light); }
.testModal__aftertext { font-size: 12px; line-height: 20px; text-align: center; color: var(--font-color-light); }
[data-target="testModal"] .testModal__reslist { display: flex; flex-direction: column; }

/* footer */
.footer__inner { background-color: var(--gray-color); padding: 60px 30px; border-radius: 30px; display: grid; gap: 30px; }
.footer__detailes { display: grid; grid-template-areas: "logo" "pay" "btns" "contacts" "socials" "links" "services" "documents"; gap: 30px; }
.footer__item--logo{grid-area: logo;} .footer__item--pay{grid-area: pay;} .footer__item--btns{grid-area: btns;} .footer__item--contacts{grid-area: contacts;} .footer__item--socials{grid-area: socials;} .footer__item--links{grid-area: links;} .footer__item--services{grid-area: services;} .footer__item--documents{grid-area: documents;}
.footer__item{ display: flex; flex-direction: column; gap: 10px; }
.footer__item-list { display: flex; flex-direction: column; gap: 5px; }
.footer p { color: var(--font-color-light); }
.footer__item--logo .logo__img { width: 166px; height: 40px; }
.footer__item--logo { display: flex; flex-direction: column; gap: 20px; }
.footer__item.footer__item--btns { display: flex; flex-direction: column; gap: 10px; }
.footer__item--socials .socials { display: grid; grid-template-columns: repeat(3, 1fr); width: fit-content; gap: 10px; }
.footer__item .btn {font-size: 12px;}
.footer__copyrights { position: relative; margin-top: 40px; color: var(--font-color-light); display: flex; flex-direction: column; gap: 10px; }
.footer__copyrights::before { content: ""; background: linear-gradient(90deg, rgba(0, 5, 8, 0) 0%, rgba(60, 143, 206, 0.26) 49%, rgba(60, 143, 206, 0) 100%); width: 100%; height: 1px; position: absolute; top: -25px; left: 0; }
.pay__item { font-family: RFDewi; padding: 6px 10px; border-radius: 8px; background-color: var(--white-color); font-size: var(--low-text); }
.pay__list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; }
.fContacts__block { display: flex; flex-direction: column; gap: 5px; }
.fContacts { display: flex; flex-direction: column; gap: 15px; }
.fContacts .fContacts__text { font-size: var(--phone-size); font-family: RFDewi; transition: 0.1s ease; color: var(--font-color); }
.documents > a:hover { color: var(--accent-color); }
.documents > a { color: var(--font-color-light); text-decoration: underline; }
.documents { display: flex; flex-direction: column; gap: 5px; }
.vision:hover { color: var(--accent-color); }
.vision { background-color: var(--white-color); padding: 8px 16px 8px 10px; border-radius: 50px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; width: fit-content; cursor: pointer; transition: 0.1s ease; }
.vision:hover path { fill: var(--accent-color); }
.footer .vision { margin-top: 10px; }
.fServices--more { font-family: RFDewi; color: var(--font-color); display: flex; flex-direction: row; align-items: center; gap: 10px; cursor: pointer; }
.fServices--more:hover {color: var(--accent-color);}
.fServices--more:hover .arrow {background-color: var(--accent-color);}
.fServices--more:hover path {fill: var(--white-color);}
.fServices .footer__item-list { max-height: 289px; overflow: hidden; transition: 0.8s ease-in-out; }
.fServices .footer__item-list.active { max-height: 2999px; }