@font-face {
    font-family: 'Mazzard H';
    src: url('../../fonts/MazzardH-Light.woff2') format('woff2'),
         url('../../fonts/MazzardH-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard H';
    src: url('../../fonts/MazzardH-Regular.woff2') format('woff2'),
         url('../../fonts/MazzardH-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard H';
    src: url('../../fonts/MazzardH-Medium.woff2') format('woff2'),
         url('../../fonts/MazzardH-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard H';
    src: url('../../fonts/MazzardH-SemiBold.woff2') format('woff2'),
         url('../../fonts/MazzardH-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mazzard H';
    src: url('../../fonts/MazzardH-Bold.woff2') format('woff2'),
         url('../../fonts/MazzardH-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
body,
div,
html,
input {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "Mazzard H", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #2e3131;
	box-sizing: border-box
}
body {
	background-color: #f5f5f5;
}
div {
	outline: 0;
	box-sizing: border-box
}

button {
	border: none
}

a,
button,
input {
	outline: 0;
	text-decoration: none;
	color: #46433e
}

a:hover,
button:hover,
input:hover {
	text-decoration: none
}

button {
	background: 0 0
}

button:active {
	outline: 0
}

.list_reset {
	list-style: none;
	padding-left: 0;
	margin: 0
}

.list_reset li {
	list-style: none;
	width: 100%;
}

.list_reset li ul {
	padding: 0;
	margin: 0
}

html {
	width: 100%;
	overflow-x: hidden;
	box-sizing: border-box
}

.container {
	max-width: 1350px;
	margin: auto;
	width: 100%
}

.page-info {
	font-size: 16px;
	line-height: 30px;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

@media only screen and (max-width:1200px) {
	.container {
		max-width: 992px
	}
}

@media only screen and (max-width:992px) {
	.container {
		max-width: 100%;
	}

	.alignleft, .alignright {
		margin-bottom: 20px;
		width: 100%;
	}
}

.small_container {
	max-width: 1040px;
	padding: 0 60px;
	margin: auto;
	width: 100%
}

@media only screen and (max-width:765px) {
	.small_container {
		max-width: 100%;
		padding: 0 15px
	}
}

html {
	scroll-behavior: smooth
}

html.overflow {
	overflow: hidden
}

.none {
	display: none !important
}

h2:not(.single-newsh2) {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: .216667px
}

h3:not(.single-newsh3) {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px
}

h4:not(.single-newsh4) {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 30px
}

.h2_title {
	color: #000;
	font-family: "Mazzard H";
	font-size: 32px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: .16px
}


@media only screen and (max-width:980px) {
	.h2_title {
		font-size: 28px;
		line-height: 38px;
		letter-spacing: .14px
	}
}

@media only screen and (max-width:765px) {
	.h2_title {
		margin: 0 auto 30px;
		font-size: 24px;
		line-height: 34px;
		letter-spacing: .12px;
		max-width: 100%
	}
}

::-webkit-scrollbar {
	width: 5px
}

::-webkit-scrollbar-track {
	background: 0 0
}

::-webkit-scrollbar-thumb {
	background: #2e3131
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(9, 185, 170, .7803921569)
}


.swiper-pagination {
	position: relative !important;
	bottom: 0 !important
}

.swiper-pagination span {
	border-radius: 2px;
	background: #c8c8c8;
	width: 10px;
	height: 10px;
	opacity: 1
}

.swiper-pagination span.swiper-pagination-bullet-active {
	width: 20px;
	background-color: #2e3131
}

.homepage_cta .main_form {
	background: #fff
}

.bg_image {
	position: absolute;
	overflow: hidden
}

.bg_image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

form.sent .wpcf7-response-output {
	display: none !important
}

.thank_wrapper {
	display: grid;
	grid-gap: 20px;
	place-content: center;
	min-height: 70vh
}

.thank_top {
	display: grid;
	grid-gap: 10px;
	place-content: center
}

.thank .ico,
.thank .logo img {
	max-width: 300px;
	margin: 0 auto
}

.directions_price__btn {
	margin-top: 20px;
	padding: 24px 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: "Mazzard H";
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 4px;
	background-color: #2e3131
}

.directions_price__btn:hover {
	background-color: #6c896f
}

.directions_price__btn:active {
	background-color: #087d77
}

@media only screen and (max-width:985px) {
	.directions_price__btn {
		padding: 22px;
		font-size: 20px
	}
}

@media only screen and (max-width:765px) {
	.directions_price__btn {
		padding: 18px 14px;
		font-size: 18px;
		border-radius: 6px
	}
}


@media only screen and (max-width:992px) {
	.transparent_block {
		height: 80px
	}
}


.header .select2 {
	margin: 0 32px
}

.header__clinic-select {
	opacity: 0 !important;
	max-width: 1px !important;
	max-height: 1px !important
}

header {
	z-index: 99;
	width: 100%;
	top: 0;
	margin-top: 20px;
	transition: all .5s ease
}


header.fixed {
	height: 80px
}

header.fixed .wrap {
	height: 80px
}

@media only screen and (max-width:992px) {
	header {
		height: 80px;
		width: 100%;
		margin-top: 0;
		overflow:hidden;
	}
	header .wrap {
		height: 80px;
		padding: 0 15px;
		box-shadow: 0 1px 5px 0 rgba(72, 72, 72, .25);
		}
	header .wrap .logo {
		border: none;
		padding: 0!important;
	}
  	header .wrap .logo img {
		width: 250px!important;
		
	}
}

header .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*gap: 27px;*/
	transition: all .5s ease
}

header .wrap .logo {
	padding: 10px 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	margin-right: 10px;
	justify-content: center
}


header .wrap .logo img {
	width: 250px;
}

header .wrap .clinics_social {
	display: flex;
	margin: 0;
}


.head_social {
	display: flex;
  gap: 12px;
	padding: 0;
	margin: 0 20px;
}

.clinics_social a{
	background: #783E19;
    color: #fff;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    text-decoration: none;
}

header .wrap .clinics_btn__mobile {
	position: relative;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 11px;
	width: 100%;
	border-radius: 6px;
	background: #f5f5f5;
	color: #050709;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: Raleway;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%
}

header .wrap .clinics_btn__mobile::before {
	content: "";
	display: flex;
	width: 10px;
	height: 17px;
	background-image: url(/wp-content/themes/lvivmedicalcenter/img/marker_clinic.png)
}

	header .wrap .clinics_btn__mobile {
		display: flex;
		width: calc(100% - 10px)
	}

    @media only screen and (min-width:992px) {
        header .wrap .clinics_btn__mobile {
            display: flex;
            width: auto
        }
    }


.clinics_block {
    display: flex;
    align-items: center;
    justify-content: space-around;
}


@media only screen and (max-width:992px) {
    .clinics_block {
        display: block;
    }
		.clinics_dropdown {
			display: none;
		}

		header .wrap .clinics_social {
			display: none;
		}
}



header .wrap .clinics_wrapper .clinics_wrapper__items {
	display: flex;
	flex-direction: column;
	padding: 20px;
	gap: 10px;
	width: max-content;
	flex-wrap: wrap
}

@media only screen and (max-width:1240px) {
	header .wrap .clinics_wrapper .clinics_wrapper__items {
		gap: 5px
	}
}

@media only screen and (max-width:985px) {
	header .wrap .clinics_wrapper .clinics_wrapper__items {
		gap: 25px
	}
}

@media only screen and (max-width:768px) {
	header .wrap .clinics_wrapper {
		display: flex;
		flex-direction: column;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		background-color: #fff;
		transition: all .3s linear;
		height: 0;
		padding: 0;
		overflow-y: hidden;
		pointer-events: none
	}
 

	header .wrap .clinics_wrapper .clinics_title {
		padding: 30px 18px;
		width: 100%;
		display: flex;
		align-items: center;
		color: #050709;
		font-variant-numeric: lining-nums proportional-nums;
		font-family: Raleway;
		font-size: 15px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		border-bottom: 1px solid #cecece
	}

	header .wrap .clinics_wrapper .clinics_wrapper__items {
		display: grid;
		grid-gap: 20px;
		padding: 28px 18px
	}

}

@media only screen and (min-width:768px) {
	header .wrap .clinics_wrapper {
		display: flex;
		flex-direction: column;
		position: absolute;
		border-radius: 10px;
		background-color: #fff;
		transition: all .3s linear;
		height: 0;
		padding: 0;
		overflow-y: hidden;
	}

	header .wrap .clinics_wrapper .clinics_title {
		display: none;
	}
 
}


/* === Базове меню === */
.menu-primary {
  position: relative;
}

.menu-primary__list {
  display: flex;
  gap: 30px;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-primary__list > li {
  position: relative;
}

/* === Посилання головного меню === */
.menu-primary-list-item-link {
  display: block;
  padding: 15px 20px;
	font-size: 16px;
  text-decoration: none;
  color: #333;
	text-transform: uppercase;
	cursor: pointer;
  font-weight: 500;
	text-align: center;
	border-radius: 10px;
  position: relative;
  white-space: nowrap;
	background-color: #fff;
}

/* === Іконка підменю (десктоп) === */
.has-submenu > a::after {
  content: '▾';
  margin-left: 6px;
  font-size: 12px;
  transition: transform 0.3s ease;
}

.has-submenu:hover > a::after {
  transform: rotate(180deg);
}

/* === Підменю обгортка === */
.menu_wrap {
  position: absolute;
  top: 100%;
  left: 0;
  background: #f5f5f5;
  z-index: 100;
  display: none;
  padding: 20px;
  min-width: 400px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Показувати підменю при наведенні (десктоп) */
@media (min-width: 1025px) {
  .has-submenu:hover > .menu_wrap {
    display: block;
  }
}

/* === Стилі <ul> підменю === */
.second_menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu-footer {
    margin-top: 10px;
    text-align: center;
}

.go-to-parent-link {
    display:block;
    padding: 5px 10px;
    color: #fff;
    font-weight: 500;
		width: fit-content;
		background-color: #f59e10;
		font-size: 14px;
		text-align: left;
		text-transform: uppercase;
}

/* 1-й пункт — вертикальне підменю */
.first-main-item .second_menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Інші пункти — колонки */
:not(.first-main-item).has-submenu .second_menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* або 4 */
  gap: 12px;
}

/* Пункти підменю */
.second_menu li a {
  display: block;
  padding: 15px;
  color: #333;
	background-color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.2s ease;
}

.second_menu li a:hover {
  background: #f5f5f5;
}

/* === Бургер === */
.burger {
  display: none;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  margin-left: auto;
}
.burger span {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #000;
}

/* === Адаптація для мобільних === */
@media (max-width: 1024px) {
  .burger {
    display: flex;
  }

  .menu-primary__list {
    flex-direction: column;
    background: #fff;
    padding: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    z-index: 999;
  }

  .menu-primary__list.active {
    display: flex;
  }

  .menu-primary__list > li {
    width: 100%;
  }

  .menu_wrap {
    position: static;
    display: none;
    box-shadow: none;
    padding: 10px 0;
    min-width: 100%;
  }

  .has-submenu.open .menu_wrap {
    display: block;
  }

  .second_menu {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
  }

  /* Змінюємо іконку для мобільних */
  .has-submenu > a::after {
    content: '+';
    float: right;
    margin-left: auto;
  }

  .has-submenu.open > a::after {
    content: '−';
  }
}

header .wrap .clinics_wrapper .clinics_item {
	position: relative;
	padding-left: 14px;
	display: grid;
	grid-gap: 7px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f5f5f5 ;
}

@media (min-width: 1024px) {
  .clinics_hover_area {
    position: relative;
    display: inline-block;
  }

  .clinics_wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    z-index: 999;
    overflow: hidden;
    height: 0;
    padding: 0;
    pointer-events: none;
    transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: all 0.3s ease;
  }

  .clinics_hover_area:hover .clinics_wrapper {
    height: auto;
    padding: 20px;
    pointer-events: all;
    transform: scaleY(1);
  opacity: 1;
  }
	

  .clinics_btn__mobile {
    display: flex !important; 
  }
}


/* Базова поведінка: текст видно, іконка прихована */
.phone-icon-mobile {
    display: none;
}
.phone-text-desktop {
    display: inline;
}

@media (max-width: 992px) {
    .phone-icon-mobile {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle;
				background-color: #783E19;
    }

    .phone-icon-mobile img {
        width: 30px;
        height: auto;
				padding: 10px;
        display: block;
    }

    .phone-text-desktop {
        display: none;
    }
}

#selected_clinic_display {
    position: relative;
		width: 300px;
}


#selected_clinic_display .clinics_item__title {
	color: #2e3131;
}

.clinics_item__title {
    color: #050709;
    font-family: "Mazzard H";
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
}

.clinics_item__phone {
    color: #050709;
    font-family: "Mazzard H";
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    margin-left: 30px;
		margin-bottom: 5px;
}

.maps_clinics {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.maps_clinics a {
	display: flex;
	align-items: center;
}

.maps_text {
	display: flex;
	align-items: center;
}

.maps_clinics .maps_text .name {
	font-weight: 500;
	font-size: 13px;
}

.maps_clinics .maps_text .name p {
	margin: 3px 0;
}

header .wrap .clinics_wrapper .clinics_item .clinics_item__title {
	color: #050709;
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 500;
	line-height: 100%;
	cursor: pointer
}

header .wrap .clinics_wrapper .clinics_item .clinics_item__title.active {
	color: #2e3131
}

@media only screen and (max-width:1240px) {
	header .wrap .clinics_wrapper .clinics_item .clinics_item__title {
		font-size: 10px
	}
}

@media only screen and (max-width:992px) {
	header .wrap .clinics_wrapper .clinics_item .clinics_item__title {
		font-size: 16px
	}

	.maps_clinics {
		display: none;
	}

}

header .wrap .clinics_wrapper .clinics_item .clinics_item__phone {
	color: #050709;
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: .075px
}

header .wrap .city_select_header {
	width: 220px;
	overflow: hidden;
	position: relative
}

@media only screen and (max-width:992px) {
	header .wrap .city_select_header {
		margin: 0 100px 0 0
	}
}

@media only screen and (max-width:480px) {
	header .wrap .city_select_header {
		width: 140px;
		margin: 0 53px 0 0
	}
}

header .wrap .city_select_header .select2-container {
	width: 100% !important
}

header .wrap .city_select_header .select2-selection--single {
	border-bottom: 2px solid #d7d7d7 !important;
	border-right: none;
	border-left: none;
	border-top: none;
	border-radius: 0 !important
}

header .wrap .city_select_header .select2-selection__rendered {
	color: #2e3131;
	font-style: normal;
	font-weight: 500;
	font-size: 15px
}

.select2-container--select_dropdown_header .select2-dropdown {
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.select2-container--select_dropdown_header .select2-dropdown ul li:hover {
	background: #f5f5f5
}

.menu-primary {
	position: relative;
}

@media screen and (max-width:992px) {
	.menu-primary {
		display: none
	}
}

.menu-primary__list {
	position: relative;
	display: flex;
	width: 100%
}

.menu-primary__list .product .menu-primary-list-item-link {
	background-color: #f2e9d7;
}


.menu-primary .menu-primary-list-item {
	display: inline-flex;
	justify-content: center;
}

.menu-primary .menu-primary-list-item a {
	flex-shrink: 0;
	padding: 19px 16px 17px 12px;
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 16px;
	font-weight: 500;
	line-height: 100%;
	cursor: pointer
}

.menu-primary .menu-primary-list-item:hover {
	cursor: pointer
}

.menu-primary .menu-primary-list-item .menu_wrap {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: opacity .3s ease-in-out
}

.menu-primary .menu-primary-list-item .menu_wrap.active {
	opacity: 1;
	z-index: auto;
	visibility: visible
}

.menu-primary .menu-primary-list-item .second_menu {
	min-width: 295px;
	padding: 40px 44px;
	position: absolute;
	display: flex;
	top: 50px;
	left: calc(0% - 14px);
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 12px;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid rgba(9, 185, 170, .15);
	background: #fff;
	box-shadow: 0 16px 40px 0 rgba(189, 214, 212, .2)
}

.menu-primary .menu-primary-list-item .second_menu a {
	margin: 0;
	padding: 0;
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
	transition: color .3s ease-in-out
}

.menu-primary .menu-primary-list-item .second_menu a:hover {
	color: #2e3131
}

.menu-primary .burger {
	margin-right: 26px;
	position: relative;
	width: 25px;
	height: 16px;
	display: flex;
	flex-direction: column;
	align-self: center;
	cursor: pointer;
	order: -1;
}

.menu-primary .burger span {
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 5px;
	background-color: #2e3131;
	transition: all .3s ease-in-out;
	left: 0
}

.menu-primary .burger span:nth-child(1) {
	top: 0
}

.menu-primary .burger span:nth-child(2) {
	top: 8px
}

.menu-primary .burger span:nth-child(3) {
	top: 100%
}

.menu-primary .burger.active span:nth-child(1) {
	rotate: 45deg;
	top: 5px
}

.menu-primary .burger.active span:nth-child(2) {
	scale: 0
}

.menu-primary .burger.active span:nth-child(3) {
	top: 5px;
	rotate: -45deg
}

.header.fixed .menu-primary {
	background-color: #f7f7f7;
}

.menu-services--open {
	height: auto;
	opacity: 1;
	pointer-events: all
}

.menu-services__groups {
	display: flex;
	align-items: flex-start;
	width: 100%;
	grid-gap: 10px;
	justify-content: space-between;
}

@media only screen and (max-width:1200px) {
	.menu-services__groups {
		grid-gap: 10px
	}
}

.menu-services__group:has(.menu-services__group-services) .menu-services__group-name {
	position: relative
}

.menu-services__group:has(.menu-services__group-services) .menu-services__group-name::after {
	content: "";
	position: absolute;
	display: flex;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 13px;
	height: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M8.2 275.4c0-8.6 3.4-17.401 10-24.001c13.2-13.2 34.8-13.2 48 0l451.8 451.8l445.2-445.2c13.2-13.2 34.8-13.2 48 0s13.2 34.8 0 48L542 775.399c-13.2 13.2-34.8 13.2-48 0l-475.8-475.8c-6.8-6.8-10-15.4-10-24.199'/%3E%3C/svg%3E");	background-repeat: no-repeat;
	background-position: center;
	transition: transform .3s ease-in-out;
	margin-left: 5px;
}

.menu-services__group:has(.menu-services__group-services):hover .menu-services__group-name::after {
	transform: rotate(180deg) translateY(50%);
	transform-origin: center
}

.menu-services__group.menu-services__group-right .menu-services__group-services {
	right: 0
}

.menu-services__group.menu-services__group-left .menu-services__group-services {
	left: 0;
	transform: translateX(0)
}

.menu-services__docs {
	position: relative;
	padding-left: 36px;
	margin-left: 36px
}

.menu-services__docs::after {
	content: "";
	position: absolute;
	top: 0;
	width: 2px;
	left: 0;
	height: 100%;
	border-radius: 20px;
	background: rgba(189, 214, 212, .4)
}

.menu-services__doc-list {
	margin-top: 17px;
	display: flex;
	flex-direction: column
}

.menu-services__doc-item {
	margin-bottom: 12px;
	position: relative;
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	transition: all .3s linear
}

.menu-services__doc-item:hover {
	color: #2e3131
}

.menu-services__doc-link {
	margin-top: 34px;
	color: #783E19;
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 3px
}

.menu-services__group-name {
	padding: 17px 16px 17px 12px
}

.menu-services__group-name a {
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 16px;
	text-transform: uppercase;
	line-height: 100%;
	cursor: pointer
}

@media only screen and (max-width:1200px) {
	.menu-services__group-name a {
		font-size: 12px
	}
}

.menu-services__group-services {
	padding: 40px 44px;
	position: absolute;
	display: none;
	top: 50px;
	transition: all .3s linear;
	opacity: 0;
	background-color: #fff;
	border: 1px solid #EBECE9);
	background: #fff;
	box-shadow: 0 16px 40px 0 rgba(189, 214, 212, .2);
	z-index: -1
}

.menu-services__group-wrapper {
	margin-top: 17px;
	display: flex;
	gap: 20px
}

.menu-services__group-column:last-child {
	position: relative
}

.menu-services__group-services-item {
	position: relative;
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

.menu-services__group-services-item-text {
	margin-bottom: 12px;
	position: relative;
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	transition: all .3s linear
}

.menu-services__group-services-item:hover .menu-services__group-services-item-text {
	color: #2e3131;
	font-weight: 500
}

.menu-services__group-services-item:hover .menu-services__group-services-item-text::after {
	background-color: #2e3131
}

.menu-services__group-name:hover+.menu-services__group-services,
.menu-services__group-services:hover {
	opacity: 1;
	z-index: 10;
	display: flex
}

.menu-services__group-services:has(div.menu-services__docs) {
	width: -moz-max-content;
	width: max-content;
	left: 50%;
	transform: translateX(-50%)
}

.menu_title {
	font-family: "Mazzard H";
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.2px;
	text-transform: uppercase
}

@media only screen and (max-width:992px) {
	.menu_title {
		margin-bottom: 12px;
		font-size: 13px
	}
}
/*--- мобліьне меню ---*/

.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
	bottom: 0;
  height: 100%;
  background: #f1ecd9;
  z-index: 9999;
  transition: right 0.4s ease;
  overflow-y: auto;
}
.mobile-menu.open { right: 0; }

.menu-trigger {
  background: none;
  border: none;
  cursor: pointer;
  display: none;
}

@media (max-width: 992px) {
  .menu-trigger { 
		display: flex; 
		align-items: center;
		padding: 10px 25px;
		border-radius: 10px;
		background-color: #783E19;
	}

	.menu-trigger .menu_name {
		color: #fff;
	}

  .mobile-menu__close {
		display: flex; 
		align-items: center;
		padding: 10px 25px;
		border-radius: 10px;
		background-color: #f5f5f5;
	}
  .menu-primary { display: none; }
}

.mobile-menu__inner {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mobile-menu__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mobile-logo img {
	width: 150px;
}

.mobile-logo__text { font-weight: 600; }


.mobile-menu__group {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
}

.mobile-menu__group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu__group a {
  display: block;
  padding: 20px 0;
  color: #222;
	text-align: left;
	background-color: transparent;
  text-decoration: none;
  font-size: 16px;
}

.mobile-menu__contacts {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
}

.mobile-menu__contacts .contacts-title {
   padding-bottom: 0;
}

.mobile-menu__contacts .contacts-info {
	padding-bottom: 0;
}

.mobile-menu__contacts .phone-info a { 
	width: auto;
	background: none;
	color: #000;
	justify-content: center; 
	text-decoration: none; }

.mobile-menu__contacts a { 
	background: #000;
	color: #fff;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	text-decoration: none; }
	
.contacts-social {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 10px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #DFDFDF;
	padding: 10px 0;
}

.contacts-social .contacts-info {
	display: flex;
	gap: 10px;
}

.menu_contact_info {
	display: flex;
  align-items: center;
  justify-content: space-between;
	border-bottom: 1px solid #DFDFDF;
	padding: 10px 0;
}


.btn-red {
  display: block;
  background: #d21e1e;
  color: #fff;
  padding: 14px;
  text-align: center;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
}

.footer {
  background: #f7f7f7;
  padding: 40px 0 20px;
  font-family: 'Inter', sans-serif;
}

.footer_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.footer_logo {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}
.footer_logo img {
  width: 250px;
  height: auto;
}

.footer_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
	list-style: none;
}
.footer_menu li a {
  text-decoration: none;
  color: #3d2b27;
  font-weight: 600;
  font-size: 15px;
}

.footer_right {
  display: flex;
  gap: 12px;
}
.footer_social {
  display: flex;
  gap: 12px;
	list-style: none;
}
.footer_social a {
  background: #000;
  color: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  text-decoration: none;
}

.footer_bottom {
  margin-top: 20px;
  text-align: center;
}
.footer_links {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.footer_links a {
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.footer_links a:hover {
  text-decoration: underline;
}

/* ======= Мобільна версія ======= */
@media (max-width: 768px) {
  .footer_top {
    flex-direction: column;
    text-align: center;
    gap: 25px;
  }

  .footer_logo {
    justify-content: center;
  }

  /* 🔥 Оновлений стиль меню */
  .footer_menu {
    display: grid;
		padding: 0;
    gap: 12px 0;
    text-align: center;
    justify-content: center;
  }

  .footer_menu li {
    list-style: none;
  }

  .footer_menu li a {
    font-size: 14px;
    font-weight: 600;
    color: #3d2b27;
  }

  .footer_social {
    justify-content: center;
		padding: 0;
  }

  .footer_links {
    flex-direction: column;
    gap: 10px;
  }

	.mobile-menu__btn {
		margin: 0 20px;
    display: flex;
	}
  .mobile-menu__btn .btn-red {
		width: 100%;
	}
}
header li {
	list-style-type: none
}

@media only screen and (max-width:992px) {
	header .wrap .menu {
		width: 100%;
		height: calc(100% - 80px);
		background: #fff;
		z-index: 1;
		transition: all .5s ease;
	}

	header .wrap .menu.close {
		top: -100%
	}

	header .wrap .menu.open {
		top: 80px
	}
}

header .wrap .menu ul {
	display: flex
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul {
		flex-direction: column
	}
}

header .wrap .menu ul .first_list {
	margin: 0 7px;
	position: relative
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .first_list {
		border-bottom: 1px solid #cecece;
		padding: 20px
	}
}

header .wrap .menu ul .first_list:hover .menu_wrap {
	display: block
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .first_list:hover .menu_wrap {
		display: none
	}
}

header .wrap .menu ul .first_list>a {
	color: #050709;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .216667px;
	text-transform: uppercase;
	background-image: linear-gradient(#2e3131, #2e3131);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
	transition: background-size .3s;
	cursor: pointer
}

header .wrap .menu ul .first_list>a svg {
	display: none
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .first_list>a {
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		text-transform: uppercase;
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	header .wrap .menu ul .first_list>a svg {
		display: block
	}
}

header .wrap .menu ul .first_list>a:focus,
header .wrap .menu ul .first_list>a:hover {
	background-size: 100% 1px
}

@media only screen and (max-width:992px) {

	header .wrap .menu ul .first_list>a:focus,
	header .wrap .menu ul .first_list>a:hover {
		background-size: 100% 0
	}
}

header .wrap .menu ul .menu_wrap {
	position: absolute;
	z-index: 1;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	border-radius: 12px;
	padding: 30px 20px;
	left: -25px;
	display: none
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .menu_wrap {
		border-top: 1px solid #2e3131;
		margin-top: 10px;
		position: sticky;
		box-shadow: none;
		padding: 0;
		border-radius: 0
	}
}

header .wrap .menu ul .menu_wrap .second_menu {
	height: 100%;
	position: relative;
	flex-direction: column;
	display: flex
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .menu_wrap .second_menu {
		margin-top: 10px
	}
}

header .wrap .menu ul .menu_wrap .second_menu li {
	display: flex;
	margin-bottom: 12px;
	width: 250px;
	justify-content: space-between;
	align-items: center
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .menu_wrap .second_menu li {
		padding: 10px;
		width: 100%;
		margin-bottom: 0;
		flex-direction: column
	}
}

header .wrap .menu ul .menu_wrap .second_menu li:hover svg path {
	fill: #2e3131
}

header .wrap .menu ul .menu_wrap .second_menu li a {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	text-transform: none;
	cursor: pointer;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	display: flex
}

header .wrap .menu ul .menu_wrap .second_menu li a svg {
	display: none
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .menu_wrap .second_menu li a {
		font-size: 20px;
		line-height: 24px;
		text-transform: none
	}

	header .wrap .menu ul .menu_wrap .second_menu li a svg {
		display: block
	}
}

header .wrap .menu ul .menu_wrap .second_menu li:hover>a {
	color: #2e3131
}

header .wrap .menu ul .menu_wrap .second_menu li:hover .wrap_last_category {
	display: block
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .menu_wrap .second_menu li:hover .wrap_last_category {
		display: none
	}
}

header .wrap .menu ul .menu_wrap .second_menu li .wrap_last_category {
	position: absolute;
	right: -100%;
	top: -30px;
	background-color: #fff;
	height: calc(100% + 60px);
	width: 250px;
	padding: 30px 20px;
	display: none;
	border-radius: 0 12px 12px 0;
	box-shadow: 2px 1px 2px rgba(0, 0, 0, .25)
}

@media only screen and (max-width:992px) {
	header .wrap .menu ul .menu_wrap .second_menu li .wrap_last_category {
		position: sticky;
		width: 100%;
		padding: 0;
		border-radius: 0;
		box-shadow: none
	}
}

header .wrap .menu ul .menu_wrap .second_menu li .wrap_last_category .last_category {
	flex-direction: column
}

.btn {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	height: 50px;
	color: #fff;
	cursor: pointer
}

.btn.btn_form_main,
.btn.main_clinic__btn,
.btn.service_principles__btn,
.btn.services_btn {
	border-radius: 6px;
	background: #2e3131;
	font-family: Raleway;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: .1px
}

.btn.btn_form_main:hover,
.btn.main_clinic__btn:hover,
.btn.service_principles__btn:hover,
.btn.services_btn:hover {
	background-color: #6c896f
}

.btn.services_btn {
	width: -moz-max-content;
	width: max-content;
	font-size: 16px
}

@media only screen and (max-width:992px) {
	.btn.main_clinic__btn {
		padding: 12px;
		font-size: 18px
	}
}

.btn.btn_form_main {
	height: 63px
}

.btn__main {
	background-color: #783E19;
	border: 1px solid #783E19;
	margin: 0 auto;
	width: fit-content;  
	font-weight: 400;
	border-radius: 10px;
}

.btn__main:hover {
	background-color: #f7f7f7;
  border: 1px solid #783E19;
  color: #783E19;
}

.btn__main:active {
	background-color: #f7f7f7;
	border: 1px solid #783E19;
  color: #783E19;
}

.btn_in-header {
	font-size: 14px;
	text-transform: uppercase;
	overflow: hidden;
}

@media only screen and (max-width:992px) {
	.btn_in-header {
		display: none;
	}
}

.breadcrumbs ul {
	display: flex;
	align-items: center;
	padding-left: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-top: 2px;
	flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
}

.breadcrumbs ul li {
	list-style-type: none
}

.breadcrumbs ul li a {
	color: #000;
}

.breadcrumbs ul li.current {
	color: #783E19
}

.breadcrumbs ul li svg {
	margin: 0 10px
}


.slick-arrow {
	width: 44px !important;
	height: 44px !important;
	background-color: #f5f5f5 !important
}

.slick-arrow::before {
	display: none !important
}

.slick-prev {
	border-radius: 12px 0 0 12px !important
}

.slick-next {
	border-radius: 0 12px 12px 0 !important
}

.slider-arrows {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	justify-content: space-between
}

@media screen and (min-width:960px) {
	.slider-arrows {
		width: calc(100% + 88px + 40px);
		left: -64px
	}
}

@media screen and (max-width:959.98px) {
	.slider-arrows {
		width: 100%;
		left: 0
	}
}

.slider-arrows__next,
.slider-arrows__prev {
	background-color: #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 0 12px 12px 0 !important;
	pointer-events: all
}

@media screen and (min-width:960px) {

	.slider-arrows__next,
	.slider-arrows__prev {
		width: 44px;
		height: 44px
	}
}

@media screen and (max-width:959.98px) {

	.slider-arrows__next,
	.slider-arrows__prev {
		width: 20px;
		height: 20px
	}
}

.slider-arrows__prev {
	transform: rotate(180deg)
}

@media screen and (max-width:959.98px) {
	.slider-arrows__prev {
		position: relative;
		left: -10px
	}
}

@media screen and (max-width:959.98px) {
	.slider-arrows__next {
		position: relative;
		right: -10px
	}
}

@media screen and (min-width:960px) {
	.slider-arrows__icon {
		max-width: 14px;
		max-height: 26px
	}
}

@media screen and (max-width:959.98px) {
	.slider-arrows__icon {
		max-width: 10px;
		max-height: 90%
	}
}


/*---- шапка сторінок ---*/
.page_header {
  position: relative;
}

.page_header .container {
  position: relative;
  z-index: 1;
}

/* Сам блок із зображенням */
.page_header__inner {
  width: 100%;
  height: 420px;
	margin-top: 20px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  transition: transform 0.8s ease, filter 0.5s ease;
}

/* Напівпрозора маска */
.page_header__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}


/* ======= Адаптив ======= */
@media (max-width: 992px) {
  .page_header__inner {
    height: 300px;
    background-attachment: scroll;
  }
}

@media (max-width: 576px) {
  .page_header__inner {
    height: 220px;
    border-radius: 12px;
  }
}

/*---- end шапка сторінок ---*/
/* --- Контент сторінки -----*/
.promotion-section .container {
  background: #f1ecd9;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 50px 50px 100px;
  position: relative;
  z-index: 2;
	margin-top: 20px;
}

.page_content .container {
  background: #f1ecd9;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 50px 50px 100px;
  position: relative;
  z-index: 2;
	margin-top: -50px;
}

.breadcrumbs_wrap {
  font-size: 14px;
  color: #7a6e6e;
  margin-bottom: 10px;
}
.breadcrumbs_wrap a {
  color: #a23226;
  text-decoration: none;
}
.breadcrumbs_wrap a:hover {
  text-decoration: underline;
}

.page_content__title {
  font-style: normal;
    font-weight: 500;
    font-size: 30px;
		text-transform: uppercase;
}

.information_info {
	display: flex;
  justify-content: space-between;
	margin-bottom: 30px;
	flex-direction: row;
}

.page_content__text {
  color: #3b3b3b;
  font-size: 16px;
  line-height: 1.8;
  column-count: 2;
  column-gap: 40px;
  overflow: hidden;
  transition: max-height 0.5s ease;
  position: relative;
  margin-top:40px;
}
.page_content__text p {
  margin: 0;
}


/* ====== Адаптив ====== */
@media (max-width: 992px) {

	.page_content__title {
  font-style: normal;
    font-weight: 500;
    font-size: 20px;
		text-transform: uppercase;
}

  .page_content__text {
    column-count: 1;
		font-size: 14px;
		margin-top: 20px;
		padding-bottom: 30px;
  }

	.page_content .container {
		padding: 30px;
	}
	.information_info {
		flex-direction: column;
		margin-bottom: 10px;
	}
	.information_info div {
		padding: 10px 0;
	}
}
/*--- кінець -----*/
.contact_page h1 {
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	margin-bottom: 36px
}

.contact_page h2 {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 60px
}

@media only screen and (max-width:992px) {
	.contact_page h2 {
		margin-bottom: 20px
	}
}

.contact_page #map {
	height: 815px;
	width: 100%;
	z-index: 1
}

.contact_page .map_wrraper {
	position: relative
}

@media only screen and (max-width:992px) {
	.contact_page .map_wrraper {
		display: flex;
		flex-direction: column
	}
}

.contact_page .map_wrraper .info_contact {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.contact_page .map_wrraper .info_contact ul {
	padding: 0;
}

.btn__map {
    margin-top: 30px;
    padding: 8px 14px;
    background-color: #783E19;
    border: 1px solid #783E19;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.2s;
		height: 30px;
    font-weight: normal;
}
.btn__map:hover {
    background: transparent;
		border: 1px solid #783E19;
		color: #783E19;
}

@media only screen and (max-width:992px) {
	.contact_page .map_wrraper .info_contact {
		position: static;
		order: -1
	}
}

.contact_page .map_wrraper .info_contact .wrap {
	position: relative;
	z-index: 2;
	width: 500px
}

@media only screen and (max-width:768px) {
	.contact_page .map_wrraper .info_contact .wrap {
		width: 100%
	}
}

.contact_page .map_wrraper .info_contact .wrap .contact {
	width: 427px;
	min-height: 130px;
	background-color: #fff;
	padding: 30px;
	margin-bottom: 30px;
	margin-top: 38px;
	position: relative;
	overflow: hidden;
	transition: all .5s ease;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .25);
}

.contact_page .map_wrraper .info_contact .wrap .contact.contact_address_active {
	width: 497px;
	min-height: 270px
}

@media only screen and (max-width:768px) {
	.contact_page .map_wrraper .info_contact .wrap .contact.contact_address_active {
		width: 100%
	}
}

.contact_page .map_wrraper .info_contact .wrap .contact.contact_address_active .day {
	display: block
}

.contact_page .map_wrraper .info_contact .wrap .contact.contact_address_active .soc ul {
	margin-top: 20px
}


@media only screen and (max-width:992px) {
	.contact_page .map_wrraper .info_contact .wrap .contact {
		border: 1px solid #cecece
	}
}

@media only screen and (max-width:768px) {
	.contact_page .map_wrraper .info_contact .wrap .contact {
		width: 100%
	}
}

.contact_page .map_wrraper .info_contact .wrap .contact .name p {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 15px
}

.contact_page .map_wrraper .info_contact .wrap .contact .day {
	display: none
}

.contact_page .map_wrraper .info_contact .wrap .contact .day li {
	list-style-type: none;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 10px
}

.contact_page .map_wrraper .info_contact .wrap .contact .soc ul {
	display: flex
}

.contact_page .map_wrraper .info_contact .wrap .contact .soc ul li {
	list-style-type: none;
	margin: 0 28px 0 0
}

.price-page .container {
	background-color: #fff;
	padding: 50px 50px 100px;
	z-index: 9;
	margin-top:20px;
	position: relative;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.item.not_three {
	display: flex;
  align-items: center;
  justify-content: space-between;
	border-bottom: 1px solid #000;
}

.item.not_three .price {
	font-size: 18px;
}

.price-page .main_text {
	height: 56px;
	background: #2e3131;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 55px
}

.price-page .main_text h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	color: #fff;
	letter-spacing: .216667px;
	text-transform: uppercase
}

.price-page .prices-block {

}

.price-page .prices-block .h2_title {
	text-align: center
}

.price-page .prices-block .heading_title {
	margin-bottom: 10px;
	height: 50px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	cursor: pointer;
	transition: all .3s
}

.price-page .prices-block .heading_title .svg {
	background: #f5f5f5;
	width: 24px;
	height: 24px;
	margin: 0 15px 0 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.price-page .prices-block .heading_title .svg svg {
	transition: all .5s ease
}

.price-page .prices-block .heading_title.active svg {
	transform: rotate(-180deg)
}

.price-page .prices-block .heading_title_is-outer {
	background-color: #783E19;
	border: 1px solid #783E19;
	color: #fff;
}

.price-page .prices-block .heading_title_is-inner {
	background-color: #fff;
	border: 1px solid #cecece
}

.price-page .prices-block .heading_title_is-inner:hover {
	background-color: #f5f5f5
}

.price-page .prices-block .heading_title_is-inner.active {
	background-color: #f5f5f5
}

.price-page .prices-block .list_tabs {
	display: none;
	background: #fff;
	position: relative;
}

.price-page .prices-block .list_tabs .arrow {
	position: absolute;
	left: 100%;
	height: 100%;
	width: 80px;
	top: 0
}

@media only screen and (max-width:992px) {
	.price-page .container {
		background-color: #fff;
		padding: 50px 30px 100px;
		z-index: 9;
		margin-top:20px;
		position: relative;
		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
	}
}

.price-page .prices-block .list_tabs .arrow .top {
	position: sticky;
	top: 15%;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer
}

.price-page .prices-block .list_tabs .arrow .top:hover p {
	display: block
}

.price-page .prices-block .list_tabs .arrow .top .svg {
	background: #f5f5f5;
	border-radius: 12px 12px 0 0;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px
}

.price-page .prices-block .list_tabs .arrow .top p {
	text-align: center;
}

.price-page .prices-block .list_tabs .table {
	margin-bottom: 10px
}

.price-page .prices-block .list_tabs .table .head {
	padding: 0 60px;
	display: flex;
	margin-top: 20px
}

.price-page .prices-block .list_tabs .table .head.one_block .name {
	width: 82%
}

.price-page .prices-block .list_tabs .table .head.one_block .option {
	width: 18%
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .head {
		padding: 0 10px
	}
}

.price-page .prices-block .list_tabs .table .head .name {
	width: 65%;
	display: flex;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	color: #2e3131
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .head .name {
		width: 60%;
		font-size: 12px
	}
}

.price-page .prices-block .list_tabs .table .head .option {
	width: 17%;
	display: flex;
	flex-direction: column;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	color: #2e3131
}

.price-page .prices-block .list_tabs .table .head .option span {
	font-weight: 400;
	font-size: 16px
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .head .option {
		width: 20%;
		font-size: 12px
	}

	.price-page .prices-block .list_tabs .table .head .option span {
		font-size: 12px
	}
}

.price-page .prices-block .list_tabs .table .item {
	padding: 0px 60px;
	display: flex;
	border-bottom: 1px solid #c8c8c8
}

.price-page .prices-block .list_tabs .table .item.not_three .name {
	width: 82%
}

.price-page .prices-block .list_tabs .table .item.not_three .price {
	width: 18%
}

.price-page .prices-block .list_tabs .table .item.not_three .name_group p {
	width: 100%
}

.price-page .prices-block .list_tabs .table .item.not_three .name_group .val_name {
	width: 81%
}

.price-page .prices-block .list_tabs .table .item.not_three .name_group .val_option {
	width: 19%
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item {
		padding: 10px
	}
}

.price-page .prices-block .list_tabs .table .item:hover {
	background: #f5f5f5
}

.price-page .prices-block .list_tabs .table .item .name_group {
	width: 100%
}

.price-page .prices-block .list_tabs .table .item .name_group p {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #000;
	margin-bottom: 15px;
	width: 63%
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item .name_group p {
		font-size: 12px;
		line-height: 24px;
		margin-bottom: 5px
	}
}

.price-page .prices-block .list_tabs .table .item .name_group ul {
	padding: 0 0 0 40px
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item .name_group ul {
		padding: 0 0 0 20px
	}
}

.price-page .prices-block .list_tabs .table .item .name_group ul li {
	display: flex;
	margin-bottom: 10px
}

.price-page .prices-block .list_tabs .table .item .name_group ul li .val_name {
	width: 63%
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item .name_group ul li .val_name {
		width: 58%
	}
}

.price-page .prices-block .list_tabs .table .item .name_group ul li .val_option {
	width: 13%
}

.price-page .prices-block .list_tabs .table .item .name_group ul li .val_name,
.price-page .prices-block .list_tabs .table .item .name_group ul li .val_option {
	display: flex;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px
}

@media only screen and (max-width:768px) {

	.price-page .prices-block .list_tabs .table .item .name_group ul li .val_name,
	.price-page .prices-block .list_tabs .table .item .name_group ul li .val_option {
		font-size: 12px;
		line-height: 24px;
		padding: 0 5px 0 0
	}
}

.price-page .prices-block .list_tabs .table .item .name_group ul li .val_option {
	font-size: 20px
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item .name_group ul li .val_option {
		font-size: 12px;
		line-height: 24px
	}
}

.price-page .prices-block .list_tabs .table .item .name {
	width: 65%;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #000;
	padding: 0 40px 0 0
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item .name {
		width: 60%;
		font-size: 12px;
		line-height: 24px;
		padding: 0 5px 0 0
	}
}

.price-page .prices-block .list_tabs .table .item .price {
	width: 17%;
	font-style: normal;
	font-weight: 400;
	display: flex;
	align-items: center;
	font-size: 20px
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item .price {
		width: 20%;
		font-size: 12px
	}
}

.price-page .prices-block .list_tabs .table .item.list_price .name p {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #000
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item.list_price .name p {
		line-height: 24px;
		font-size: 12px
	}
}

.price-page .prices-block .list_tabs .table .item.list_price .name ul li {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	padding: 0 0 0 15px;
	color: #000
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item.list_price .name ul li {
		font-size: 12px
	}
}

.price-page .prices-block .list_tabs .table .item.list_price .price {
	align-items: flex-end
}

.price-page .prices-block .list_tabs .table .item.list_price .price ul li {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #000;
	padding: 5px 0 0 0
}

@media only screen and (max-width:768px) {
	.price-page .prices-block .list_tabs .table .item.list_price .price ul li {
		font-size: 12px
	}
}

.price-page .pre_footer {
	background: #f5f5f5;
	padding-bottom: 132px;
	position: relative;
	padding-top: 60px
}

.price-page .pre_footer .bgc_white {
	position: absolute;
	width: 100%;
	height: 170px;
	background: #fff
}

.price-page .pre_footer .images {
	width: 100%;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	position: relative
}

.price-page .pre_footer .images .text_block {
	width: 804px;
	position: absolute;
	padding: 24px 93px;
	background: #fff;
	border: .5px solid #c8c8c8;
	border-radius: 6px;
	bottom: -50px;
	right: 0
}

@media only screen and (max-width:992px) {
	.price-page .pre_footer .images .text_block {
		right: 50%;
		transform: translate(50%, 0);
		width: 98%;
		padding: 22px
	}
}

@media only screen and (max-width:480px) {
	.price-page .pre_footer .images .text_block {
		width: 95%
	}
}

.price-page .pre_footer .images .text_block p {
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	width: 350px
}

@media only screen and (max-width:480px) {
	.price-page .pre_footer .images .text_block p {
		width: auto
	}
}

.price-page .pre_footer .images .text_block p span {
	color: #2e3131
}

.price-page .pre_footer .images img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 12px
}

@media only screen and (max-width:992px) {
	.price-page .pre_footer .images img {
		border-radius: 12px
	}
}

.main_slider {
	width: 100%;
	height: calc(100vh - 160px);
	margin: 0
}

.main_slider .home_slider {
	height: 100%
}

@media only screen and (max-width:992px) {
	.main_slider .home_slider {
		padding: 0 18px
	}
}

.main_slider .home_slider .slick-list {
	height: 100%
}

.main_slider .home_slider .slick-list .slick-track {
	height: 100%
}

.main_slider .home_slider .slick-arrow {
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important
}

.main_slider .home_slider .slick-prev {
	left: max(20px, (100% - 1300px) / 2);
	z-index: 1
}

@media only screen and (max-width:992px) {
	.main_slider .home_slider .slick-prev {
		left: max(0, (100% - 1300px) / 2)
	}
}

.main_slider .home_slider .slick-next {
	right: max(20px, (100% - 1300px) / 2)
}

@media only screen and (max-width:992px) {
	.main_slider .home_slider .slick-next {
		right: max(0, (100% - 1300px) / 2)
	}
}

.main_slider .home_slider .slick-dots {
	position: relative;
	margin-top: 20px;
	bottom: 0
}

.main_slider .home_slider .slick-dots li.slick-active button:before {
	width: 20px;
	background-color: #2e3131
}

.main_slider .home_slider .slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background-color: #f5f5f5;
	opacity: 1
}

.main_slider .home_slider .slide {
	width: 100%;
	height: 100%;
	position: relative
}

.main_slider .home_slider .slide a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	cursor: pointer
}

.main_slider .home_slider .slide picture {
	width: 100%;
	height: 100%;
	display: flex
}

.main_slider .home_slider .slide .img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.main_slider .home_slider .slide .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width:768px) {
	.main_slider .home_slider .slide .img .destop_baner {
		display: none
	}
}

.main_slider .home_slider .slide .img .mob_banner {
	display: none
}

@media only screen and (max-width:768px) {
	.main_slider .home_slider .slide .img .mob_banner {
		display: block
	}
}

.blog_home {
	margin-top: 130px
}

@media only screen and (max-width:1200px) {
	.blog_home {
		margin-top: 50px
	}
}

.blog_home h2 {
	text-align: center
}

.blog_home .wrap {
	padding: 66px 0 80px 0
}

@media only screen and (max-width:992px) {
	.blog_home .wrap {
		padding: 50px 0 0
	}
}

.blog_home .wrap .blogs {
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media only screen and (max-width:1200px) {
	.blog_home .wrap .blogs {
		justify-content: center;
		flex-wrap: wrap
	}
}

.blog_home .wrap .more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px
}

@media only screen and (max-width:992px) {
	.blog_home .wrap .more {
		margin-top: 0
	}
}

.home_hero {
	position: relative;
	overflow: hidden
}

@media only screen and (max-width:980px) {
	.home_hero {
		margin-top: 70px
	}
}

.home_hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%);
	z-index: 1
}

.home_hero .homepage_video {
	position: absolute;
	inset: 0
}

.home_hero .homepage_video img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.home_hero .homepage_video video {
	-o-object-position: center;
	object-position: center;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%
}

.home_hero .container {
	position: relative;
	z-index: 2
}

.home_hero .wrapper {
	padding: 236px 0 170px
}

@media only screen and (max-width:985px) {
	.home_hero .wrapper {
		padding: 132px 0 60px
	}
}

@media only screen and (max-width:765px) {
	.home_hero .wrapper {
		padding: 90px 0 20px
	}
}

.home_hero .content {
	max-width: 610px
}

@media only screen and (max-width:765px) {
	.home_hero .content {
		max-width: 100%;
		text-align: center
	}
}

.home_hero .h2_title {
	color: #fff;
	margin: 0;
	max-width: 100%
}

@media only screen and (max-width:980px) {
	.home_hero .h2_title {
		letter-spacing: .28px
	}
}

@media only screen and (max-width:765px) {
	.home_hero .h2_title {
		letter-spacing: .24px
	}
}

.home_hero .hero_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #2e3131;
	margin-top: 38px;
	padding: 18px 22px;
	color: #fff;
	text-align: center;
	font-family: "Mazzard H";
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: .09px
}

.home_hero .hero_btn:hover {
	background-color: #6c896f
}

.home_hero .hero_btn:active {
	background-color: #087d77
}

@media only screen and (max-width:980px) {
	.home_hero .hero_btn {
		margin-top: 34px;
		padding: 15px 20px;
		font-size: 16px
	}
}

@media only screen and (max-width:765px) {
	.home_hero .hero_btn {
		margin-top: 30px
	}
}

.home_hero__pause {
	margin-top: 40px;
	position: relative;
	z-index: 10;
	width: 45px;
	aspect-ratio: 1/1;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.61389 0H1.72936C0.774754 0 0 0.619852 0 1.37127V14.6287C0 15.3857 0.781716 16 1.72936 16H4.61389C5.5685 16 6.34325 15.3801 6.34325 14.6287V1.37127C6.34325 0.614402 5.5685 0 4.61389 0Z' fill='white'/%3E%3Cpath d='M14.2706 0H11.3861C10.4314 0 9.65674 0.619852 9.65674 1.37127V14.6287C9.65674 15.3857 10.4385 16 11.3861 16H14.2706C15.2252 16 16 15.3801 16 14.6287V1.37127C16 0.614402 15.2184 0 14.2706 0Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer
}

.home_hero__pause.active {
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9688 6.62891C12.8164 7.14844 12.8164 8.37891 11.9688 8.89844L2.34375 14.5859C1.46875 15.1055 0.375 14.4766 0.375 13.4375V2.0625C0.375 0.941406 1.55078 0.476562 2.34375 0.941406L11.9688 6.62891Z' fill='white'/%3E%3C/svg%3E%0A")
}

@media only screen and (max-width:765px) {
	.home_hero__pause {
		margin-left: auto
	}
}

.home_current {
	margin: 60px 0
}

@media only screen and (max-width:765px) {
	.home_current {
		margin: 40px 0
	}
}

@media only screen and (max-width:765px) {
	.home_current .container {
		/*padding: 0*/
	}
}

@media only screen and (max-width:765px) {
	.home_current .h2_title {
		padding: 0 15px
	}
}

.home_current .swiper {
	border-radius: 12px;
	background: #f5f5f5
}


}

.home_current .left {
	display: grid;
	grid-gap: 15px;
	font-family: "Noto Sans"
}

@media only screen and (max-width:980px) {
	.home_current .left {
		grid-gap: 14px
	}
}

@media only screen and (max-width:765px) {
	.home_current .left {
		padding: 30px 18px;
		grid-gap: 8px
	}
}

.home_current .name {
	color: #013232;
	font-size: 15px;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 1.2px;
	text-transform: uppercase
}

@media only screen and (max-width:980px) {
	.home_current .name {
		font-size: 14px
	}
}

.home_current .title {
	color: #050709;
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: .12px
}

.home_current .title::first-letter {
	text-transform: uppercase
}

@media only screen and (max-width:980px) {
	.home_current .title {
		font-size: 20px;
		line-height: 30px
	}
}

.home_current .description {
	color: #2e3131;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px
}

.home_current .link {
	padding: 10px 0;
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
	text-decoration: underline
}

.home_current .link:hover {
	color: #6c896f
}

.home_current .link:active {
	color: #087d77
}

.home_current .right {
	overflow: hidden;
	border-radius: 6px
}

@media only screen and (max-width:980px) {
	.home_current .right {
		width: 100%
	}
}

.home_current .right img {
	height: 355px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width:980px) {
	.home_current .right img {
		height: 320px
	}
}

@media only screen and (max-width:765px) {
	.home_current .right img {
		height: 200px;
		width: 100%;
		-o-object-position: top;
		object-position: top
	}
}


.home_current .swiper-button-next::after,
.home_current .swiper-button-prev::after {
	display: none
}

.home_current .swiper-pagination {
	margin-top: 40px
}

@media only screen and (max-width:765px) {
	.home_current .swiper-pagination {
		margin-top: 30px
	}
}

.information_home {
	margin: 60px 0;
	overflow: hidden
}

.information_home .wrapper {
	max-width: 90%;
	margin: 0 auto
}

@media only screen and (max-width:765px) {
	.information_home .wrapper {
		max-width: 100%
	}
}

.information_home .h2_title {
	max-width: 100%;
	margin-bottom: 30px
}

@media only screen and (max-width:765px) {
	.information_home .h2_title {
		margin-bottom: 20px
	}
}

.information_home .text * {
	color: #2e3131;
	font-family: "Mazzard H";
	font-size: 20px;
	font-weight: 400;
	line-height: 34px
}

@media only screen and (max-width:765px) {
	.information_home .text * {
		font-size: 16px;
		line-height: 26px
	}
}

.information_home .text p:not(:last-child) {
	margin-bottom: 20px
}

.information_home .information_slider {
	margin-top: 40px
}

@media only screen and (max-width:980px) {
	.information_home .information_slider {
		margin-top: 50px;
		margin-right: -10%
	}
}

.information_home .swiper-slide {
	width: 455px !important
}

@media only screen and (max-width:765px) {
	.information_home .swiper-slide {
		width: 334px !important
	}
}

.information_home .information_card {
	padding: 25px 18px;
	position: relative;
	min-height: 410px;
	overflow: hidden;
	display: flex;
	border-radius: 6px
}

@media only screen and (max-width:765px) {
	.information_home .information_card {
		padding: 25px 11px
	}
}

.information_home .image {
	position: absolute;
	inset: 0;
	z-index: -1
}

.information_home .image img {
	width: 100%;
	height: 100%;
	-o-object-position: center;
	object-position: center;
	-o-object-fit: cover;
	object-fit: cover
}

.information_home .content {
	padding: 20px 14px;
	margin-top: auto;
	position: relative;
	z-index: 3;
	font-family: "Mazzard H";
	border-radius: 6px;
	background: rgba(245, 245, 245, .95);
	-webkit-backdrop-filter: blur(10.4499998093px);
	backdrop-filter: blur(10.4499998093px)
}

@media only screen and (max-width:765px) {
	.information_home .content {
		padding: 11px 14px
	}
}

.information_home .content .title {
	color: #050709;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px
}

@media only screen and (max-width:765px) {
	.information_home .content .title {
		font-size: 16px;
		line-height: 24px
	}
}

.information_home .content .text {
	margin-top: 8px;
	color: #2e3131;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px
}

@media only screen and (max-width:765px) {
	.information_home .content .text {
		font-size: 14px;
		line-height: 22px
	}
}

.information_home .nav_information {
	margin-top: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px
}

@media only screen and (max-width:765px) {
	.information_home .nav_information {
		margin-top: 30px
	}
}

.information_home .swiper-button-prev {
	position: relative;
	margin-top: 0;
	top: 0;
	left: 0
}

.information_home .swiper-button-prev::after {
	display: none
}

.information_home .swiper-pagination {
	position: relative;
	bottom: 0 !important
}

.information_home .swiper-button-next {
	position: relative;
	margin-top: 0;
	top: 0;
	left: 0
}

.information_home .swiper-button-next::after {
	display: none
}

.information_home .swiper-pagination {
	width: -moz-max-content !important;
	width: max-content !important
}

.home_blog {
	margin: 0 0 60px
}

.home_blog .container {
	padding: 50px;
    background-color: #f1ecd9;
    z-index: 9;
    position: relative;
    margin-top: -80px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.blog_image img {
	width: 100%;
	height: auto;
}

.home_blog .blog_swiper {
	margin-top: 40px
}

.top_review_slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}


.top_blog_slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
		margin-top: 30px;
}


.nav_blog {
    display: flex;
    gap: 30px;
}

.nav_blog .swiper-button-prev,
.nav_blog .swiper-button-next {
    cursor: pointer;
		position: relative;
}

@media only screen and (max-width:765px) {
	.home_blog .blog_swiper {
		margin-right: -15px
	}
}

.home_blog .swiper-slide {
	height: auto
}

@media screen and (max-width:992px) {
	.home_blog .swiper-slide {
		width: 400px !important
	}
	.home_blog .container {
		padding: 50px 20px 50px;
	}
}

@media only screen and (max-width:765px) {
	.home_blog .swiper-slide {
		width: 100%
	}
}

.home_blog .blog_card {
	display: flex;
	flex-direction: column;
	height: auto
}

.home_blog .image img {
	width: 100%;
	max-height:400px;
	object-fit: contain;
}



.new_theme .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-button-prev:after {display: none;}


/* --- Наші послуги --- */
.home_services {
  /*margin-top: -60px;*/
}
.site-content .home_services .container {
	margin-top: 0;
}

.home_services .container {
	background-color: #fff;
	padding: 50px 50px 100px;
	z-index: 9;
	margin-top:-50px;
	position: relative;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}


.page_services .container {
	background-color: #fff;
	padding: 50px 50px 100px;
	z-index: 9;
	margin-top:20px;
	position: relative;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.services_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.top_services {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.service_card {
  position: relative;
  display: block;
  width: 100%;
  min-height: 340px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

/* Світлий оверлей */
.service_card__overlay {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}

/* Текст усередині */
.service_card__content {
  position: relative;
  z-index: 2;
  width: 52%;
  padding: 40px;
}

.service_card__content h3 {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.service_card__content p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

/* Адаптив — по 1 в ряд */
@media (max-width: 992px) {
	.home_services {
		margin-top: -50px;
	}

	.home_services .container, .page_services .container {
		padding: 30px 20px 100px;
	}
	.service_card__content h3 {
		width: 60%;
	}
	.service_card__content p {
		width: 60%;
	}

  .services_grid {
    grid-template-columns: 1fr;
  }
  .service_card {
    min-height: auto;
    background-position: center top;
  }
  .service_card__overlay {
    
  }
  .service_card__content {
    width: 100%;
    padding: 20px;
  }
}
/* ---- СЕО ----- */
.seo-block {
	margin: 30px 0;
}

.seo-block h2 {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}

.seo-block h3 {
	font-size: 18px;
}


/* ====== ГОЛОВНИЙ СЛАЙДЕР — ДЕСКТОП =============== */

.main-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.main-slider__slides {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
	margin-top:20px;
	margin-bottom: 20px;
	border-radius:50px
}


.main-slider__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    filter: blur(6px);
    transform: translateX(50px);
    transition: all .6s ease;
    z-index: 1;
}

.main-slider__slide.is-active {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
    z-index: 2;
}


.main-slider__slide.is-next {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
    z-index: 3;
}


.main-slider__slide.is-prev {
    opacity: 0;
    filter: blur(6px);
    transform: translateX(-50px);
    z-index: 1;
}

.main-slider__slide picture,
.main-slider__slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* ==== КРАПКИ ====== */
.main-slider__dots {
    position: absolute;
    left: 50px;
    bottom: 80px;
    z-index: 12;
    display: none;
    gap: 12px;
}

.main-slider__dot {
    width: 22px;
    height: 4px;
    background: #fff;
    opacity: .5;
    border-radius: 2px;
    cursor: pointer;
    transition: opacity .2s;
}

.main-slider__dot.is-active {
    opacity: 1;
}


/* === АДАПТИВ ===== */
@media (max-width: 992px) {

    .main-slider {
        max-height: 100vh;
        height: 480px;
        overflow: hidden;
    }

    .main-slider__slides {
       height: 480px;
        overflow: hidden;
    }

    .main-slider__slide,
    .main-slider__slide.is-active,
    .main-slider__slide.is-next,
    .main-slider__slide.is-prev {
        position: static !important;
        opacity: 0;
        filter: blur(4px);
        transform: none;
        transition: opacity .5s ease, filter .5s ease;
    }

    .main-slider__slide.is-active {
        opacity: 1;
        filter: blur(0);
    }

    .main-slider__img {
        position: absolute;
        inset: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: inherit;
    }

    .main-slider__slide {
        padding: 28px 18px;
				height: 100%;
    }

    .main-slider__content {
        position: absolute;
        bottom: 50px;
        left: 18px;
        right: 18px;
    }

    .main-slider__title {
        font-size: 2rem;
    }

    .main-slider__btns {
        display: none;
    }

    /* Крапки трохи вище на мобілці */
    .main-slider__dots {
        bottom: 40px;
        left: 18px;
    }
}

/*---- Категорії послуг на головній ------- */
.home_current h2 {
	margin: 40px 0;
}
.grid_cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 0px;
}

/* Одна картка */
.current_card {
    position: relative;
    background: #f7f7f7;
    padding: 20px;
    overflow: hidden;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.current_card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
		background-color: #fff;
}

/* Назва категорії */
.name_link {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-decoration: none;
}

.name {
    font-size: 20px;
    font-weight: 500;
    color: #222;
}

.current_card .desc {
	width: 60%;
}


/* --- Відгуки ----*/
.home_review {
    background: #f9f9fb;
    padding: 50px 0;
}
.review_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.review_tabs {
    display: block;
    gap: 10px;
		text-align: center;
		margin: 30px 0;
}
.review_tab {
    padding: 10px 20px;
    border: 1px solid #593320;
    background: transparent;
    color: #593320;
    cursor: pointer;
}
.review_tab.active {
    background: #593320;
    color: #fff;
}
.review_slider_wrapper {
    margin-top: 30px;
    position: relative;
}
.review_slider {
    display: none;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 20px;
}
.review_slider.active {
    display: flex;
}
.review_card {
    flex: 0 0 48%;
    background: #fff;
    padding: 20px;
    scroll-snap-align: start;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.review_user {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.review_avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
}
.review_content {
    max-height: 180px;
    overflow-y: auto;
}
.review_content::-webkit-scrollbar {
    width: 4px;
}
.review_content::-webkit-scrollbar-thumb {
    background-color: #593320;
    border-radius: 2px;
}
.review_arrows {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 768px) {
    .review_card {
        flex: 0 0 100%;
    }
}

/* --- Пошук ---*/
.clinic_search {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 4px rgba(0,0,0,0.15);
  padding: 6px;
	margin: 0 5px;
  width: 100px;
  height: 50px;
}

.clinic_search .ls-btn {
  background: none;
  border: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.clinic_search svg {
  width: 24px;
  height: 24px;
  stroke: #000;
}

@media only screen and (max-width:992px) {
	.clinic_search {
		display: none;
	}
}

.ls-btn {
	appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
	line-height: 1;
}

.ls-btn svg { width: 1.25rem; height: 1.25rem; }

.ls-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.6);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: start;
	justify-content: center;
	padding-top: 10vh;
	z-index: 9999;
}

.ls-overlay.hidden { display: none; }

.ls-box {
	background: #fff;
	border-radius: 8px;
	min-width: 320px;
	max-width: 600px;
	width: 90%;
	box-shadow: 0 4px 16px rgba(0,0,0,.2);
	padding: 1.2rem;
}

.ls-input {
	width: 100%;
	padding: 0.6rem 0.8rem;
	font-size: 1rem;
	border: 1px solid #ddd;
	border-radius: 4px;
}

/* результати */
.ls-results {
	list-style: none;
	max-height: 50vh;
	padding: 0;
	overflow-y: auto;
}

.ls-results li   { padding: 0.5rem 0.25rem; border-bottom: 1px solid #f0f0f0; }
.ls-results li a { text-decoration: none; color: #333; display: flex; }
.ls-results li a:hover { color: #0073aa; }
.ls-empty { color:#777; font-style: italic; }

.ls-close{
	appearance:none;
	background:#783E19;
	border:0;
	cursor:pointer;
	position:absolute;
	top:-20px;right:-10px;
	padding:0.25rem;
	color: #fff;;
	border-radius: 5px;
}
.ls-close svg{width:1.5rem;height:1.5rem}
.ls-box{position:relative}   

.ls-cat{ color:#777; font-size:.85rem }

.ls-item{
	display:flex;
	align-items:flex-start;
	gap:.75rem;
	padding:.5rem .25rem;
	border-bottom:1px solid #f0f0f0;
}

.ls-item a{display:flex;align-items:flex-start;gap:.75rem;width:100%;text-decoration:none;color:#333}

/* thumb */
.ls-thumb{width:50px;height:50px;object-fit:cover;border-radius:5px}
.ls-thumb--placeholder{background:#eaeaea}
ʼ
.ls-text{display:flex;flex-direction:column}
.ls-title{font-weight:600; display: flex; align-items: center;}
.ls-meta{font-size:.85rem;color:#777;margin-top:2px}

.ls-cat{color:#777;font-size:.85rem; padding-left: 5px;}

.wrap_centered {text-align:center; color: #fff;}
@media (min-width: 768px){
    .wrap_centered {justify-content:center; align-items:center;}
}

.slider_bootom {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; 
}

.slider_bootom a {
	max-width: 100%;
}

@media (max-width: 767px) {
  .slider_bootom {
    flex-direction: column;
    gap: 10px;
  }
  
  .slider_bootom a {
    margin: 0; 
    max-width: 100%!important;
  }
}

@media (max-width: 768px){

.wrap .description_main_baner {
	text-align: center!important;
}
}

/* кінець пошуку */

/* --- лікарі на головній -- */
.home_doctors .container{
    padding: 50px 50px 100px;
		background-color: #f1ecd9;
		z-index: 9;
    position: relative;
    margin-top: -80px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.doctor_slider .swiper-slide {
    display: flex;
    justify-content: center;
}
.doctor_slider .item {
    width: 100%;
		height: fit-content;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    text-align: center;
		border-radius: 16px;
}
.doctor_slider .image img {
    width: 100%;
    height: auto;
    display: block;
}
.doctor_slider .content {
    padding: 15px 20px;
}
.doctor_slider .name {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px;
		text-align: left;
}
.doctor_slider .category {
    font-size: 14px;
    color: #000;
		text-align: left;
}

.nav_doctors {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}

.top_doctor_slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.top_doctor_slider .h2_title {
    margin: 0;
    font-size: 28px;
}

@media (max-width: 992px) {
	  .home_doctors .container {
			padding: 50px 20px 100px;
		}

    .swiper-button-prev,
    .swiper-button-next {
      width: 40px!important;
		  height: 40px!important;
    }
}


/*---- Сторінка про клініку ------*/
.about-header {
    padding: 60px 0;
    background-color: #f9f9f9;
}
.about-header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}
.about-header__text {
    flex: 1 1 50%;
}
.about-header__text h1 {
    font-size: 36px;
    margin-bottom: 20px;
}
.about-header__desc {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.about-header__img {
    flex: 1 1 40%;
}
.about-header__img img {
    width: 100%;
    border-radius: 12px;
}

/*---- форма -----*/
.appointment-wrapper {
  background-color: #f2e9d7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: -35px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 50px 50px 100px;
  position: relative;
  overflow: hidden;
	z-index: 9;
}
.pattern.appointment-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/wp-content/themes/Brendovaoptika/img/pattern.svg) repeat center center;
    opacity: 0.05;
    z-index: 0;
    pointer-events: none;
}

.appointment-section .container {
	padding: 0;
}

.appointment-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.appointment-text {
  flex: 1;
  min-width: 280px;
}

.appointment-text h2 {
  color: #592f16;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.appointment-text p {
  color: #4a4a4a;
  font-size: 18px;
  line-height: 1.5;
}

.appointment-form {
  flex: 1.2;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
	z-index: 4;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.phone_info {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
}

.form-appointment {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-appointment.form-success-bg {
  background: #fff !important;
  transition: background 0.5s ease;
}

.form-success {
  margin-top: 20px;
  background: #e9ffe9;
  border: 1px solid #b4e5b4;
  color: #2c662c;
  font-weight: 600;
  padding: 15px 20px;
  border-radius: 10px;
  animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.form-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
}

.form-group input {
  border: none;
  border-bottom: 2px solid #ddd;
  padding: 10px 5px;
  font-size: 16px;
  transition: border-color 0.3s;
}

.form-group input:focus {
  border-color: #e42313;
  outline: none;
}

.messengers {
  display: flex;
  gap: 20px;
  font-size: 14px;
  color: #333;
}

.messengers label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.agree label {
  font-size: 13px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-submit {
  background-color: #e42313;
  color: #fff;
  border: none;
  padding: 12px 30px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  align-self: flex-start;
}

.btn-submit:hover {
  background-color: #c71e0f;
}

/* 📱 Мобільна адаптація */
@media (max-width: 992px) {
	.appointment-wrapper {
		padding: 50px 20px 100px;
	}
  .appointment-content {
    flex-direction: column;
  }
  .appointment-text {
    text-align: center;
  }

	.appointment-text h2 {
		font-size: 20px;
	}

	.appointment-text p {
		display: none;
	}
  .btn-submit {
    align-self: center;
		width: 100%;
  }
}

/* ---- Ми в цифрах ---- */

.numbers-section_wrapper {
  position: relative;
  margin-top: -40px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  z-index: 9;
  padding: 50px 50px 150px;
  overflow: hidden;
}

.numbers-section_wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(101, 29, 25, 0.6);
  backdrop-filter: blur(3px);
  transition: transform 0.1s linear;
}

.numbers-section_wrapper > * {
  position: relative;
  z-index: 2;
}

.numbers-header {
  text-align: left;
  margin-bottom: 50px;
}

.numbers-header h2 {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.numbers-header .numbers-link {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}

.numbers-header .numbers-link:hover {
  border-bottom-color: #a67b68;
}

.numbers-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  position: relative;
}

.number-item {
  position: relative;
  width: 200px;
  height: 200px;
  transition: transform 0.3s ease;
}

.number-circle {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: url('<?php echo get_template_directory_uri(); ?>/img/bubble.svg') center/contain no-repeat, #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}

.number-value {
  color: #e3000f;
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 5px;
}

.number-text {
  color: #4a4a4a;
  font-size: 16px;
	text-align:center;
	padding: 0 20px;
}

/* Паралакс */
.number-item[data-speed] {
  will-change: transform;
}

/* 📱 Мобільна адаптація */
@media (max-width: 992px) {
  .numbers-wrapper {
    flex-direction: row;
    gap: 30px;
  }
	.numbers-section_wrapper {
		padding: 50px 20px 100px;
	}
  .number-item {
    width: 160px;
    height: 160px;
  }
  .number-value {
    font-size: 36px;
  }
}

/* ===== БЛОК АКЦІЙ ===== */
.promotions_wrapper {
	background-color: #fff;
	padding: 30px 50px 100px;
	z-index: 9;
	position: relative;
	margin-top: -80px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
.top_promotions_slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top_promotions_slider .h2_title {
  font-size: 32px;
  color: #4a2e20;
}

.nav_promotions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.nav_promotions .see-all {
  font-size: 16px;
  color: #6a4b3b;
  text-decoration: none;
  transition: 0.3s;
}
.nav_promotions .see-all:hover {
  color: #e42313;
}

.nav_promotions .nav_buttons {
  display: flex;
  gap: 30px;
}
.nav_promotions button {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.nav_promotions button:hover {
  border-color: #e42313;
}
@media (max-width: 992px) {
	.promotions_wrapper {
		padding: 20px 20px 100px;
	}
	.nav_promotions .see-all {
		display: none;
	}
}


/* ------- Сторінка акцій -----*/

.promo-events .container {
    background-color: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-top: 20px;
		padding: 50px;
}

.promo-events__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 40px;
}

.promo-events .promotion_item {
	padding: 0;
}
.promo-events .promotion_content {
	padding: 40px;
}
.promo-events_head {
    width: 100%;
}
.promo-events__tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.promo-events__tabs .tab {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  background: #f5e8c3;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}

.promo-events__tabs .tab.active {
  background: #5a5560;
  color: #fff;
}
.promo-events .promotion_item {
	margin-bottom: 30px;
}
/*.promo-events .promotion_image img {
	height: 350px;
}*/

@media (max-width: 992px) {
	.promo-events .container {
		padding: 50px 20px;
}

}

/* ===== СЛАЙД ===== */
.promotion_item {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  background-color: #fcf9f6;
  border-radius: 20px;
  padding: 40px;
  align-items: center;
}

.promotion_content h3 {
  font-size: 22px;
  font-weight: 700;
  color: #4a2e20;
  margin-bottom: 15px;
}

.promotion_content p {
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;
}

.promotion_date {
  display: inline-block;
  font-size: 14px;
  color: #888;
}

.promotion_image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.btn__border {
  display: block;
  padding: 5px;
  border: 1px solid #70000E;
  border-radius: 10px;
  color: #70000E;
	font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: 0.3s;
	height: auto;
}
.btn__border:hover {
  background: #70000E;
  color: #fff;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 992px) {
  .promotion_item {
    grid-template-columns: 1fr;
    gap: 20px;
		padding: 20px;
  }
  .promotion_content {
    text-align: center;
  }
  .top_promotions_slider {
    flex-direction: row;
    align-items: center;
		margin: 20px;
  }

	.top_promotions_slider .h2_title {
		margin: 0;
	}
}
/*---- bg pattern ---*/

.pattern.reviews_wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/wp-content/themes/Brendovaoptika/img/pattern.svg') repeat center center;
  opacity: 0.05;
  z-index: 0;
  pointer-events: none;
}
/* ----- Відгуки головна ----- */
.reviews_wrapper {
	padding: 30px 50px 100px;
	background-color: #f1ecd9;
	z-index: 9;
	position: relative;
	margin-top: -80px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.top_reviews_slider {
  display: flex;
  justify-content: space-between;
  align-content: center;
	flex-wrap: nowrap;
  margin-bottom: 40px;
}


.nav_reviews .see-all {
  font-size: 16px;
  color: #6a4b3b;
  text-decoration: none;
  transition: 0.3s;
}
.nav_reviews .see-all:hover {
  color: #e42313;
}

@media (max-width: 992px) {
  .reviews_wrapper {
    padding: 30px 30px 100px;
  }

	.reviews_wrapper h2 {
		margin: 0
	}

}

/* ==== КАРТКА ВІДГУКУ ==== */
.review_card {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* Верх */
.review_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.review_author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.review_avatar {
  width: 30px;
  height: 30px;
  background: #e42313;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.review_info .review_name {
  font-weight: 600;
  color: #4a2e20;
}
.review_info .review_date {
  font-size: 13px;
  color: #888;
}

.review_icon {
  font-size: 22px;
  opacity: 0.7;
}

/* Основна частина */
.review_title {
  font-size: 18px;
  font-weight: 700;
  color: #4a2e20;
  margin-bottom: 10px;
}

.review_text {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
}

/* Низ — лікар */
.review_doctor {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}

.review_doctor img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.doctor_info {
  display: flex;
  flex-direction: column;
}
.doctor_name {
  font-weight: 600;
  color: #4a2e20;
}
.doctor_pos {
  font-size: 14px;
  color: #777;
}

/* Адаптив */
@media (max-width: 992px) {
  .reviews_slider .swiper-slide {
    width: 90%;
  }
}

/* ----- Контакти головна ----- */
.site-content .contacts-section .container {
	margin-top: -20px;
}

.site-content .page_contact .contacts-section .container {
	margin-top: 20px;
}


.contacts-section .container {
	padding: 50px 50px 100px;
	margin-top: -30px;
  background: #fff;
	position: relative;
	z-index: 9;
  border-radius: 30px 30px 0 0;}

.contacts-title {
  color: #4a2e20;
  padding-bottom: 40px;
}

.contacts-info {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 30px;
  padding-bottom: 30px;
}

.contacts-left p {
  margin: 0;
  font-size: 18px;
  color: #3b2617;
}

.contacts-phone {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #a23226;
  text-decoration: none;
  margin-bottom: 5px;
}
.contacts-phone:hover {
  color: #e42313;
}

.contacts-time {
  font-size: 15px;
  color: #777;
}

.btn-map {
  display: inline-block;
  padding: 10px 24px;
  border: 1px solid #d2c1b5;
  border-radius: 8px;
  background: #fff;
  color: #4a2e20;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
}
.btn-map:hover {
  background: #e42313;
  color: #fff;
  border-color: #e42313;
}

/* ===== Мапа ===== */
.contacts-map {
  margin: 40px 0;
}
.contacts-map iframe {
  width: 100%;
  height: 420px;
  border-radius: 16px;
}

/* ===== Нижній ряд ===== */
.contacts-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 16px;
  color: #4a2e20;
}

/* ===== Адаптив ===== */
@media (max-width: 992px) {
	.contacts-section .container {
	padding: 50px 20px 100px;}
	.contacts-section .container .contacts-title {
		text-align: center;
	}
  .contacts-info {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .contacts-right {
    text-align: center;
  }
  .contacts-bottom {
    flex-direction: column;
    text-align: center;
  }
}

.carousel__button svg {
	stroke: #fff!important;
}

/* ---- Галерея -----*/
.nav_buttons .swiper-button-prev, .nav_buttons .swiper-button-next {
    cursor: pointer;
    position: relative;
}

.top_gallery_slider {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}


.nav_buttons {
  display: flex;
  gap: 30px;
}
.nav_buttons button {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.nav_buttons button:hover {
  border-color: #e42313;
}

.home_gallery .container {
	padding: 50px 50px 150px;
	background-color: #fff;
	z-index: 9;
	position: relative;
	margin-top: -80px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.home_gallery img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 16px;
}

@media (max-width: 992px) {
	.home_gallery .container {
		padding: 50px 20px 50px;
	}
	.top_gallery_slider .h2_title {
		margin: 0;
	}
}
/* ===== FAQ SECTION ===== */
.faq .container{
  padding: 50px 50px 100px;
	margin-top: -30px;
	background: #fff;
	position: relative;
	z-index: 9;
	border-radius: 30px 30px 0 0;
}

.faq .h2_title {
  margin: 0;
  font-size: 28px;
}

/* ===== ACCORDION SECTION ===== */
.accordion-section .container{
	padding: 50px 50px 100px;
	margin-top: -30px;
	background: #fff;
	position: relative;
	z-index: 9;
	border-radius: 30px 30px 0 0;
}


.accordion__item {
  border-bottom: 1px solid #e0dcd8;
  padding: 20px 0;
}

.accordion__header {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
	padding: 0;
  display: flex;
	font-weight: 600;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  color: #532D24;
  transition: color 0.3s ease;
}

.accordion__header:hover {
  color: #A23226;
}

.accordion__icon {
  width: 24px;
  height: 24px;
  position: relative;
}

.accordion__icon svg {
  position: absolute;
  inset: 0;
  margin: auto;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.icon-minus {
  opacity: 0;
  transform: scale(0.8);
}

.accordion__item.active .icon-plus {
  opacity: 0;
  transform: scale(0.8);
}

.accordion__item.active .icon-minus {
  opacity: 1;
  transform: scale(1);
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.accordion__inner {
  padding-top: 10px;
  color: #3b3b3b;
  line-height: 1.6;
  font-size: 16px;
}

@media (max-width: 992px) {
  .accordion__header { font-size: 16px; }
  .accordion__inner { font-size: 15px; }
	.accordion-section .container{
		padding: 30px 30px 100px;
	}
}

/* ======== Архів лікарів ======== */
.doctors_head {
	width: 100%;
}

.archive-doctors .container{
  background-color: #fff;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
	margin-top: 20px;
	padding: 50px;
}

.archive-doctors__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 40px;
}

.archive-doctors__title {
  font-size: 32px;
  font-weight: 700;
  color: #3C1F16;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.archive-doctors__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

.archive-doctors__count {
  font-size: 16px;
  color: #6E5B52;
}

@media (max-width: 992px) {
  .archive-doctors__top {
		margin-bottom: auto;
	}
}

/* ======== Грід лікарів ======== */
.archive-doctors__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  z-index: 1;
}


/* ======== Картка лікаря ======== */
.doctor-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}


.doctor-card__img {
  aspect-ratio: 1 / 1.1;
  overflow: hidden;
}

.doctor-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.doctor-card__content {
  padding: 14px 16px 18px;
  text-align: left;
}

.doctor-card__name {
  font-size: 16px;
  font-weight: 600;
  color: #3C1F16;
  margin-bottom: 6px;
  line-height: 1.3;
}

.doctor-card__spec {
  font-size: 15px;
  color: #A23226;
  margin-bottom: 3px;
}

.doctor-card__qual {
  font-size: 14px;
  color: #7A6B63;
}

/* ======== Пагінація ======== */
.pagination {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pagination a,
.pagination span {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #D9D2CD;
  border-radius: 6px;
  color: #532D24;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.pagination a:hover {
  background-color: #A23226;
  color: #fff;
  border-color: #A23226;
}

.pagination .current {
  background-color: #A23226;
  color: #fff;
  border-color: #A23226;
}

/* ======== Адаптив ======== */
@media (max-width: 992px) {
	.archive-doctors .container {
		padding: 50px 20px;
	}
  .archive-doctors__grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    padding: 40px 30px 80px;
  }
}

@media (max-width: 768px) {
  .archive-doctors__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 30px 20px 60px;
  }
}

@media (max-width: 500px) {
  .archive-doctors__grid {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 20px 16px 50px;
  }
  .doctor-card__name { font-size: 15px; }
  .doctor-card__spec { font-size: 14px; }
  .doctor-card__qual { font-size: 13px; }
}

/* --- попап ---- */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.popup-overlay.active { display: flex; }
.popup-wrapper {
  border-radius: 10px;
  position: relative;
  animation: popIn 0.25s ease forwards;
}

.popup-wrapper .appointment-wrapper {
	background-color: #f2e9d7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 25px;
	padding: 30px;
	position: relative;
	overflow: hidden;
}
.popup-close {
  position: absolute;
    top: -50px;
    right: -10px;
    border: none;
    background: none;
    font-size: 30px;
    cursor: pointer;
    z-index: 99;
    background: #fff;
    border-radius: 50px;
    width: 40px;
    height: 40px;
}
@keyframes popIn {
  from {opacity: 0; transform: translateY(-10px);}
  to {opacity: 1; transform: translateY(0);}
}

.popup-loader {
  text-align: center;
  color: #666;
  font-size: 16px;
  padding: 40px 0;
}

/* ---- Віджет месенджерів ----*/
.fixed-contacts {
    position: fixed;
    right: 2.5rem;
    bottom: 7.5rem;
    z-index: 9;
}

@media (max-width: 992px) {
	.fixed-contacts {
		position: fixed;
		right: 2.5rem;
		bottom: 70px;
		z-index: 9;
	}

	.popup-wrapper .appointment-wrapper {
		margin: 0 20px;
		padding: 20px;
	}

	.popup-close {
		top: -10px;
    right: 20px;
	}

}

.fixed-contacts__links {
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    pointer-events: none;
}

.fixed-contacts--active .fixed-contacts__links {
    pointer-events: initial;
    display:block!important;
}

.fixed-contacts__links > li:not(:last-child) {
    margin-bottom: 5px;
}

.fixed-contacts__links > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:50px;
	border-radius:6px;
	height:50px;
    transform: translateY(10px) rotateZ(45deg);
    opacity: 0;
	background-color: #783E19;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    transition: transform 250ms ease-out, opacity 250ms ease-out;
}

.fixed-contacts__links .btn {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-color: #783E19;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    transform: translateY(10px) rotateZ(45deg);
    opacity: 0;
    transition: transform 250ms ease-out, opacity 250ms ease-out;
}

.fixed-contacts__links a[data-link="viber"] {
    background-color:#7360f2;
}

.fixed-contacts__links a[data-link="telegram"] {
   background-color:#0088CC;
}

.fixed-contacts__links > li:nth-child(1) > a {
    transition-delay: 225ms;
}

.fixed-contacts__links > li:nth-child(2) > a {
    transition-delay: 150ms;
}

.fixed-contacts__links > li:nth-child(3) > a {
    transition-delay: 75ms;
}

.fixed-contacts--active .fixed-contacts__links > li > a {
    transform: translateY(0) rotateZ(0deg);
    opacity: 1;
}

.fixed-contacts__links > li > a > svg {
    fill: #FFFFFF;
    transition: fill 200ms ease;
}


.fixed-contacts__trigger {
    animation: pointDown 1.5s infinite;
}

@keyframes pointDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(15px); }
}

.fixed-contacts__trigger, .fixed-contacts__trigger-link {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
	border-radius:6px;
    cursor: pointer;
	background-color:#783E19;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
    transition: background 200ms ease;
}
.fixed-contacts__trigger img{
    width: 50px;
}
.fixed-contacts__trigger-link {
    display: block;
}

.fixed-contacts__links li img {
    width: 40px;
}

.fixed-contacts__trigger > div, .fixed-contacts__trigger-link > div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform 500ms ease;
}

.fixed-contacts__trigger > div:nth-child(1) {
  
}

.fixed-contacts__trigger-link > div:nth-child(1) {
    padding: 0 0 0 1px;
}

.fixed-contacts__trigger > div:nth-child(2) {
    transform: translateY(100%);
    border-radius: 50%;
}

.fixed-contacts--active .fixed-contacts__trigger > div:nth-child(1) {
    transform: translateY(-100%);
}

.fixed-contacts--active .fixed-contacts__trigger > div:nth-child(2) {
    transform: translateY(0);
}

.fixed-contacts__trigger > div > svg, .fixed-contacts__trigger-link > div > svg {
    fill: #FFFFFF;
    transition: fill 200ms ease;
}

.trigger-label {
    position: absolute;
    right: -65%;
    bottom: -25%;
    margin-right: 10px;
    background: #fff;
    color: #000;
	border:1px solid #94B798;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    opacity: 1;
    transition: opacity 0.3s;
}

@media only screen and (max-width:992px) {
		.fixed_phone {
		width: 50px;
		height: 50px;
		padding: 0;
		margin: 0;
		position: fixed;
		z-index: 99;
		right: 35px;
		bottom: 128px;
		border-radius: 6px;
		background-color: #783E19;
		display: flex; 
		justify-content: center;
		align-items: center; 
		box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2)
	}
	
	.fixed-contacts.fixed-contacts--active .fixed_phone {
		display: none !important;
	}
}


/* ---- вспливаючий банер --- */
.popup-banner-left {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999999;
    display: none;
}

.popup-banner-left.active {
    display: block;
    animation: popupSlideIn .4s ease forwards;
}

@keyframes popupSlideIn {
    from { transform: translateX(-40px); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}

.popup-banner-inner {
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    max-width: 260px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.popup-banner-inner img {
    width: 100%;
    display: block;
}

.popup-banner-close {
    position: absolute;
    right: 6px;
    top: 6px;
    background: #fff;
    color: #000;
    border: none;
    width: 26px;
    height: 26px;
    line-height: 25px;
    font-size: 20px;
    border-radius: 5px;
    cursor: pointer;
}


.price_acc{ display:flex; flex-direction:column; gap:12px; }
.price_acc__item{ border:1px solid rgba(0,0,0,.12); border-radius:14px; overflow:hidden; background:#fff; }

.price_acc__head{
  width:100%;
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border:0;
  background:#fff;
  cursor:pointer;
  font-weight:500;
	font-size: 18px;
}
.price_acc__icon{ font-size:22px; line-height:1; opacity:.7; }

.price_acc__body{ padding:8px 16px 14px; }
.price_acc__row{
  display:flex; justify-content:space-between; gap:14px;
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.06);
}
.price_acc__service{ flex:1; }
.price_acc__price{ white-space:nowrap; font-weight:700; }

.old_price{ text-decoration:line-through; opacity:.55; margin-right:8px; }
.new_price{ color:#d10000; font-weight:800; }
.normal_price{ font-weight:600; }

@media (max-width:768px){
  .price_acc__row{ flex-direction:column; align-items:flex-start; }
  .price_acc__price{ white-space:normal; }
}