@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

a{
	color: #033e8c;
}

body{
	background:#F3F6FC;

color: #1E1E1E;
font-family: "Open Sans";
/* font-size: 16px; */
/* font-style: normal; */
/* font-weight: 400; */

}


@media (min-width: 1280px) {
  .container {
    width: 1280px;
  }
}

header{
	 position: relative;          
border-radius: 0 0 32px 32px;
border-bottom: 1px solid #FFF;

box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
padding-top:8px;
z-index: 999;

}


header::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;



  backdrop-filter: blur(57px);
  -webkit-backdrop-filter: blur(57px);
  z-index: 0;                         
  pointer-events: none;
}

.header-top {
  position: relative;
  z-index: 1;                            /* над ::before */
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
}


.header-top {
  display: flex;
  justify-content: space-between;
}


.phonebtn a{
	color: #1E1E1E;
text-align: center;
display: flex;
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.callbtn {
  background: radial-gradient(50% 50% at 50% 50%, #3570BE 0%, #033E8C 100%);
  padding: 2px;
  height: 39px;
  border-radius: 12px;
  margin-top:8px;
}

.callbtn a {
  border-radius: 10px;
  border: 2px solid #FFF;
  border-radius: 12px;
  background: radial-gradient(50% 50% at 50% 50%, #3570BE 0%, #033E8C 100%);
  padding: 7px 18px;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
  display: block;
  text-align: center;
}


.header-soc{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;                 /* 4px між іконками */
  max-width: 98px;          /* 3×30px + 2×4px = 98px, дає рівно 3 в ряд */
}

.header-soc a{
  flex: 0 0 30px;           /* фіксована ширина 30px */
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-info {
  display: flex;
  gap: 40px;
}

.header-soc img{
  width: 30px;
  height: 30px;
  display: block;
}
.bg-home {
  background: url(/image/catalog/bg-home.png) #f3f6fc center top no-repeat;
  min-height: 800px;
}
.clin-bg {
  background: url(../image/bg_faq.png) center top no-repeat;
  
}


.collapse.navbar-collapse.navbar-ex1-collapse {
  padding: 0;
}



.heser-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.white{
	⁨border-radius: 6px;
border: 1px solid #033E8C;
background: #F6F9FD;
box-shadow: 0 4px 10px 0 rgba(83, 89, 154, 0.20);
}

#search .input-lg {
  height: 40px;
  line-height: 20px;
  padding: 0 10px 0 40px;
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.05);
  
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}


#search .btn-lg {
font-size: 15px;
  line-height: 18px;
  padding: 10px 35px;
  text-shadow: none;
  background: none;
  border: none;
  position: absolute;
  left: -22px;
  box-shadow: none;
  
}
.heser-land .btn.btn-link.dropdown-toggle img{margin-right:5px;}
.heser-land .btn.btn-link.dropdown-toggle {
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.05);
  margin-top: -13px;
  padding: 10px 21px;
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}
.home-bock-content{
	max-width:619px;
	padding:100px 0 0 0;
}

.contact-mini{
display: flex;
padding: 16px 24px;
align-items: flex-start;
gap: 16px;
border-radius: 16px;
background: #FFF;
box-shadow: 0 6px 10px 0 rgba(83, 89, 154, 0.10);
}	
.contact-mini__label {
  color: #000;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.phone-input {
  border-radius: 6px;
  background: #F3F6FC;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.phone-input__country {
  border: none;
  background: none;
}

.phone-input__field {
  border: none;
  background: no-repeat;
}

.channel-picker {
  display: flex;
  gap: 4px;
  margin-top: 6px;
}

.contact-mini__btn {
  border-radius: 12px;
  background: #033E8C;
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 13px;
  border: none;
}

.channel-picker__btn {
 
  display: flex;
  align-items: center;
  margin-top: 7px;
  margin-right:5px;
}


.home-block-title{
	color: #000;

/* Head/H1 */
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
}

.home-block-text{
	color: #000;

/* Body/1 */
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
margin:40px 0;
}


.block_first-all {
  display: flex;
  margin: 40px 0 0 0;
}

.block_first-title{
	color: var(--Text-primary, #000);

/* Head/H2 */
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.faq-section .panel-body{
	color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}


#tab2 .title-tab, #tab2 .text-tab, #tab2 .title-item-tabitem-tab, #tab2 .text-item-tab{
	color: #033e8c;;
}
#tab2 .item-tab{
	border: 1px solid #033e8c;;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
	padding:4px 12px;
	margin-right:12px;
  }
  #search {position:relative; min-width:200px;}
}



.block_first-text{
	
	color: var(--Text-primary, #000);

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin:24px 0 32px;
}

.block_first-img-item {
  position: absolute;
}

.block_first-rew{
  width: 100%; /* на всю ширину */
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 в ряд */
  gap: 24px;
  margin: 0 auto;
  max-width: 1200px; /* можна прибрати, якщо треба 100% без обмеження */
}

.block_first-info-item {
  padding: 12px 0 12px 40px;
  color:#3C6FDC;
  
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  
}.block_first-info-item span{
	display:block;
	
/* Head/h3 */
font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}


.home-topcats__grid{
	width: 100%; /* на всю ширину */
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 2 в ряд */
  gap: 12px;
  margin: 0 auto;
  
}

.home-topcats__card{
	border-radius: 20px;
background: #FFF;
padding:16px;
/* тінь на картки */
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
min-height: 300px;
position:relative;
}

.home-topcats__head {
  display: flex;
align-items: center;
}

.home-topcats__title{
  color: #033E8C;


font-family: "Open Sans";
font-size: 23px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;	
margin: 0 0 0 12px;
}


.home-topcats__children {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  
}
.home-topcats__children li a:hover, .home-topcats__head:hover{opacity: .7;}
.home-topcats__children li a {
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #E9ECF2;
  line-height: 150%;
  display: block;
  padding-bottom:6px;
  margin-bottom:10px;
}

.all-topcats{
	position:absolute;
	bottom:16px;
	color: #4174F6;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-decoration:underline;
}

#block_pro-home{margin-top:80px;}


.hero-cta{width:100%; background:var(--bg); padding:36px 0}
.hero-cta__wrap{
  max-width:1200px; margin:0 auto; padding:0 16px;
  display:grid; grid-template-columns:1.05fr 1fr; gap:32px; align-items:center;
}
.hero-cta__left{display:flex; align-items:center; gap:24px}
.hero-cta__art{width:190px; height:auto; flex:0 0 auto}
.hero-cta__title{color: var(--Text-primary, #000);

/* Head/H2 */
font-family: "Open Sans";
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;}
.hero-cta__desc{color: var(--Text-primary, #000);

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */}

.hero-cta__art {
  width: 190px;
  height: auto;
  flex: 0 0 auto;

}


.contact-mini2 {
  display: flex;
 gap:16px;
}


.contact-mini2__label {
  color: #000;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
}


.contact-mini2 .phone-input {
  border-radius: 6px;
  background: #F3F6FC;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  background: #FFF;
  margin-bottom:16px;
}


.contact-mini2__btn {
  border-radius: 12px;
  background: #033E8C;
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
 margin-top: 31px;
  border: none;
  margin-left: 16px;
}
.contact-mini2__note a {text-decoration:underline;}
.contact-mini2__note, .contact-mini2__note a {
  color: rgba(3, 62, 140, 0.70);
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 16px;
}


.nav-tabs > li > a.item:hover{
	background:#033E8C;
	text-decoration:underline;
	  color: #FFF;
}


.nav-tabs > li.active > a.item, .nav-tabs > li.active > a.item:focus, .nav-tabs > li.active > a.item:hover{
	
	background:#033E8C;
	text-decoration:underline;
	  color: #FFF;
	  z-index:105;
}

.nav-tabs > li > a.item {
  --active-color: #033E8C;
  --active-radius: 20px;
  /*  */
  display: block;
  z-index:103;
  width: auto;
  padding: 16px 53px;
  border-radius: 40px 40px 0 0;
  position: relative;
  cursor: pointer;
  color: #FFF;
border:1px solid #033E8C;
/* Текст 1 */
font-family: "Inter", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
background:#033E8C
}

.nav-tabs > li > a.item::before,
.nav-tabs > li > a.item::after {
  content: '';
  
  width: var(--active-radius);
  height: var(--active-radius);
  background-size: calc(var(--active-radius) * 1.5) calc(var(--active-radius) * 1.5);
  position: absolute;
bottom: -1px;
}

.nav-tabs > li > a.item::after {
  background-image: radial-gradient(circle at top right, transparent 44%, var(--active-color) 50%);
  background-position: 100% 0;
right: -20px;
}


.nav-tabs > li > a.item.clur {
  --active-color: #6D97CD;
  --active-radius: 20px;
  /*  */
  display: block;
  
  width: auto;
  padding: 16px 53px;
  border-radius: 40px 40px 0 0;
  position: relative;
  cursor: pointer;
  color: #FFF;
z-index:102;
left:-15px;
/* Текст 1 */
font-family: "Inter", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
background:#6D97CD;
border:1px solid #6D97CD;
}


.nav-tabs > li > a.item.later {
  --active-color: #fff;
  --active-radius: 20px;
  /*  */
  display: block;
  
  width: auto;
  padding: 16px 53px;
  border-radius: 40px 40px 0 0;
  position: relative;
  cursor: pointer;
  color: #033E8C;
z-index:101;
left:-15px;
/* Текст 1 */
font-family: "Inter", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
background:#fff;
border:1px solid #fff;
}



.nav-tabs > li.active > a.item.later, .nav-tabs > li.active > a.item.later:focus, .nav-tabs > li.active > a.item.later:hover{
	
	background:#fff;
	text-decoration:underline;
	  color: #033E8C;
	  z-index:105;
}


.nav-tabs > li.active > a.item.clur, .nav-tabs > li.active > a.item.clur:focus, .nav-tabs > li.active > a.item.clur:hover{
	
	background:#6D97CD;
	text-decoration:underline;
	  color: #fff;
	  z-index:105;
}


.tab-content .tab-pane{
  position: relative;
  top: -15px;
  background: #033e8c;
  padding:105px 50px;
  border-radius: 0 56px 56px 56px;
}

.title-tab{
	position: relative;
	color: #FFF;
font-family: "Open Sans";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 43.2px */
letter-spacing: -0.72px;
margin-bottom:24px;
position: relative;
}
.nav-tabs{border:none;}
.text-tab{
	overflow: hidden;
color: #fff;
text-overflow: ellipsis;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
max-width:473px;
margin-bottom:60px;
}


.items-tab {
  display: flex;
  gap:8px;
}

#tab3 .text-tab{color:#000;}

.item-tab {
	 display: flex;
	  gap:24px;
  border-radius: 24px;
  border: 1px solid #FFF;
  padding:18px;
  max-width:345px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  backdrop-filter: blur(12px);
}

.title-item-tabitem-tab {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.6px;
  margin-bottom: 8px;
}

.text-item-tab {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.42px;
}

.tab-content .tab-pane.later{  background: #E4EFFC;}
.tab-content .tab-pane.clur{  background: #6D97CD;}


#tab1::before {
  content: '';
  background: linear-gradient(rgba(3, 62, 139, 0.7), rgba(3, 62, 140, 0.7)), url(../image/bg-tab-1.png) right center no-repeat;
  position: absolute;
  width: 100%;
  height: 502px;
  top: 1px;
  left: 0;
  border-radius: 56px;
}




#tab2{
	background:url(../image/bg-tab-2.png) right center no-repeat;
	min-height:502px;
	padding:60px 0 40px 70px;
}


#tab3{
	background:url(../image/bg-tab-3.jpg) right center no-repeat;
	min-height:502px;
	padding:60px 0 40px 70px;
}
#tab3 .item-tab {
max-width: 360px;
}
#tab3 .title-tab{color: #033E8C;
font-family: "Open Sans";
font-size: 36px;
font-style: normal;
font-weight: 600;

line-height: 120%; /* 43.2px */
letter-spacing: -0.72px;
margin-bottom:60px;}



#tab3 .title-item-tabitem-tab{
color: #033E8C;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
}


#tab3 .text-item-tab {
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.42px;
}


.tabs-folder-hero {
  margin-top: 40px;
}


#block_fawor-bg{
	/*background:url(../image/bg_faq.png) center top no-repeat;*/
	background:url(../image/bg_faq2.png) center top no-repeat;
	
	
}

#block_fawor-home {
  margin: 40px auto;
}

#block_fawor-home h3, #block_faq-home h3, #block_blog-home h3{
	
	color: #1E1E1E;

/* Head/H2 */
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom:24px;
}

#block_faq-home{min-height:540px;}
  
.title-clin{margin:16px 0 8.5px 0;}
 .title-clin a{
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.6px;
  
}

.info-clin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-clin {
  width: 411px;
border-radius: 12px;
background: #FFF;

  padding: 16px;
}


.adres-clin {
  color: rgba(33, 39, 104, 0.70);
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  display: flex;
  align-items: center;
}


.rating-clin span{
	color: #1E1E1E;
text-align: center;
display:block;

font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
	
}


.rating-clin {
  width: 30%;
  margin: 25px 0 0 0;
}


.star {
  display: flex;
}


.swiper-pager_f {
  display: flex;
  justify-content: center;
  
  margin-top: 40px;
  gap: 24px;
}


#block_faq-home{margin:40px auto;
	border-radius: 32px;
	padding:40px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(52px);
}


.panel-heading a {
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.6px;
  width: 100%;
  display: block;
  position:relative;
}
.panel-heading a.collapsed:after{
	content:'+';
	position:absolute;
	right:0;
	font-size: 20px;
}
.panel-heading a:after{
	content:'x';
	position:absolute;
	right:0;
	font-size: 15px;
	
}

.panel-default > .panel-heading{
	border-radius: 6px 6px 0 0;
	border:none;
	background: none;
	padding:14px;

backdrop-filter: blur(5.5px);
margin-top: 24px;

}


.panel {
  margin-bottom: 24px;
 

  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  border: none;
   
}

.panel-body{
	padding:16px 24px 32px 24px;
	display: flex;
padding: 16px 24px 32px 24px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}

#block_blog-home{
	margin:80px auto 80px;
	position: relative;
  z-index: 99;
}


.items-blog{
	/* display:flex; */
	/* gap:20px; */
	/* justify-content: space-between; */
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.item-blog{
	border-radius: 20px;
background: #FFF;

padding: 16px;

box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}
.cat-blog a{
color: var(--Text-primary, #000);

font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}
.cat-blog {
  margin: 20px 0 12px 0;
  border-radius: 6px;
  background: #FCF5D2;
  padding: 4px 8px;
  display: inline-block;
}
.item-blog h4{margin:0; border-bottom: 1px solid rgba(3, 62, 140, 0.20); padding:0 0 16px 0;}
.item-blog h4 a{
	color: #033E8C;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;


}
.caption-blog span{
	display:block;
	color: var(--Text-primary, #000);

margin-bottom:6px;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.caption-blog {
  display: flex;
  gap: 16px;
  margin-top:12px;
}


.all-blog{
	color: #033E8C;
padding:8px 16px;
border-radius: 12px;
background: #FFF;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
height:40px;
}
.top-blog {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.right-form-footer{
	width: 50%;
}
.left-form-footer{
	width: 50%;
	border-radius: 56px;
background: #FFF;
padding:60px;
}

.title-form-footer{
color: #000;
margin-bottom:24px;

font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.text-form-footer{
	color: #000;
margin-bottom:117px;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin-top:0;
}


.items-form-footer{display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 в ряд */
 

gap: 16px;}
.item-form-footer{
	padding:12px 12px;
	 position:relative;
  border-radius: 24px;
}
.first{background: #F4FAF6;}
.secon{
background: rgba(103, 65, 255, 0.05);}
.thre{
background: rgba(3, 62, 140, 0.05);}
.four{
background: rgba(239, 207, 28, 0.05);}

.info-form-footer{
	color: #033E8C;
margin-top:6px;
/* Body/1 */
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
position:relative;
z-index:10;
}

.num-form-footer{position:absolute; right:0;
	color: #EAF0EC;
font-family: "Open Sans";
font-size: 155.345px;
font-style: normal;
font-weight: 700;
line-height: 90%; /* 139.811px */
letter-spacing: -4.66px;
top:-16px;
z-index:9;
}


.form-footer {
  border-radius: 56px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.90);

  display: flex;
  gap: 60px;
  justify-content: start;
}

.ask-form{
	padding:40px 0;
}

.ask-form input[type="tel"]{border:none; background:none; }
.ask-form input[type="text"], .ask-form input[type="email"]{border:none;
padding: 14px 18px;
width:100%;
margin-bottom:16px;
border-radius: 8px;
}

.ask-form .phone-country {
  border: none;
  background: none;
}

.ask-form label {
  display: block;
  color: #000;

font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}


.bg-footer:before{
	/* content:""; */
	width:100%;
	height:1190px;
	/* background:url(../image/bg-footer.png) center top no-repeat; */
	display:inline-block;
	position:absolute;
	top: -50px;
	z-index: 9
}
.bg-footer{
	position:relative;
	 background:
    radial-gradient(600px at 20% 60%, rgba(165,140,255,0.45), transparent 60%),
    radial-gradient(700px at 50% 40%, rgba(120,200,255,0.45), transparent 60%),
    radial-gradient(600px at 80% 60%, rgba(160,170,255,0.45), transparent 60%),
    linear-gradient(180deg, #f5f6f8 0%, #eef1f5 100%);
	
}

.bg-footer .container, .ic-review-bg  {
  position: relative;
z-index: 10}

.righr-form-footer {
  width: 50%;
  padding-right:60px;
}

.reww{
	height:300px;
}
.phone-field {
  display: flex;
padding: 0 18px;
  border-radius: 8px;
background: #FFF;
margin-bottom:16px;
}


.f-label {
  color: #000;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.channels {
  display: flex;
  margin:5px 0 16px;
}

.channels label{
  margin:0 11px 0 5px

}

.ask-form textarea{
	border-radius: 8px;
background: #FFF;
width:100%;
border:none;
padding: 12px;
}


.checkline {
  margin: 16px 0;
}

.btn-send:hover{opacity:.7;}
.btn-send {
  border-radius: 12px;
  background: #033E8C;
  border: navajowhite;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 12px 80px;
}


footer{
	margin:80px 0 0px 0;
	padding: 0 0 40px 0;
}

.left-footer > div{
	margin-bottom:15px;
}


.adres-footer {
  display: flex;
  gap: 8px;
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.texts-footer span{
	color: #1E1E1E;
text-align: center;

/* Label/2 */
font-family: "Open Sans";
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 14px */
display:block;
}
.texts-footer a {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}


.phone-footer {
  display: flex;
  gap: 8px;
}


.rigth-footer{
	
}


.all-footer {
  display: flex;
  justify-content: space-between;
}


.all-botom-f {
  display: flex;
  justify-content: space-between;
}

.left-botom-f{
	max-width:395px;
}




.breadcrumb {
	background:none;
	border:none;margin:20px 0 0px;
	padding: 5px 0 0;
	position: relative;
  /* z-index: 99; */
}

.breadcrumb a{
	color: rgba(3, 62, 140, 0.50);
text-align: center;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.breadcrumb > li:last-child::after{
	display:none;
}
.breadcrumb > li::after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  right: -5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #033E8C80;
  border-bottom: 1px solid #033E8C80;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.clin-top{
	margin-bottom:25px;
	display:flex;
	align-items: center;

}
.clin-top h1{
	color: #033E8C;

font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
padding-top: 0;
  margin-top: 0;
}


.left-clin-top {
  width: 50%;
}
.right-clin-top{
	display:flex;
	justify-content: end;
  width: 50%;
}

.rey-clin {
  color: #1E1E1E;
  text-align: center;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 150px;
  justify-content: center;
  align-items: center;
  padding:0 16px;
}


.tot-rew-clin{
	padding: 0 16px;
	border-left:1px solid #53599A4D;
	border-right:1px solid #53599A4D;
	color: #53599A;
text-align: center;

/* Label/1 */
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
text-align:center;
}

.tot-rew-clin span{
	color: #1E1E1E;
text-align: center;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}






.clinic-tabs{
  display:flex; 
    border-bottom: 1px solid #53599A4D;
	justify-content: space-between;
  gap:22px; 
  margin-bottom:24px;
}
.clinic-tabs a{
padding: 2px 15px 6px 15px;
  color: #1E1E1E;
text-align:center;
	border-bottom: 1px solid #fff;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
min-width: 150px;
line-height: 150%; /* 24px */
}
.clinic-tabs a:hover{
	border-bottom: 1px solid #033E8C;
}

.clinic-inform{
	border-radius: 32px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(50px);
padding:40px;
}


/* ===== Галерея ===== */
.clinic-gallery{
  margin: 0 0 40px;
  display:grid; grid-template-columns:2fr 1fr 1fr;
  grid-auto-rows:160px; gap:12px;
}
.g-item{display:block; border-radius:10px; overflow:hidden; background:#eef3fb; border:1px solid #e3ecf6}
.g-item img{width:100%; height:100%; object-fit:cover; display:block}
.g-lg{grid-row:span 2}

.clinic-about {
	margin-bottom:40px;
}
.clinic-about h2{
	color: #1E1E1E;

margin-bottom:16px;
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}


details {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(12px);
  margin-bottom: 6px;
  padding: 14px 16px;
  padding: 14px 16px;
  align-items: flex-start;
  gap: 16px;
  cursor:pointer;
  position:relative;
  align-self: stretch;
}

.acc-body{
	margin-top:10px;
	padding:10px 0 10px;
	border-top: 1px solid #C7CDE0;
	font-size: 14px;
}

details:after{
	content: '+';
  position: absolute;
  right: 26px;
  top: 13px;
  font-size: 22px;
}
details[open]::after {
  content: '−'; /* мінус при відкритті */
}

.clinic-infa{max-width: 700px;
  margin: 20px auto;
justify-content: space-around;
display:flex;
align-items:center;}

.icon-infa {
  position: absolute;
}

.texr-infa {
	padding:10px 0  0 44px;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: linear-gradient(91deg, #203C76 -4.57%, #3C6FDC 44.47%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.texr-infa span{display:block;
font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}

.clinic-price{
	padding:40px;
	margin:0px 0;
	border-radius: 56px;
border: 2px solid #FFF;
background: rgba(249, 252, 255, 0.70);
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
backdrop-filter: blur(22px);


	
}

.title-price-clin{
	margin-bottom:8px;
	color: #1E1E1E;

/* Head/H2 */
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.title-price-clin span{
	display:block;
	
color: rgba(3, 62, 140, 0.50);
text-overflow: ellipsis;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.col-sm-6.col-price+.col-sm-6.col-price{margin:0 0 0 10px;}
.col-sm-6.col-price {
	width: 49%;
	padding:24px;
  border-radius: 24px;
  background: #F9FCFD;
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}


.proc-row:hover{background:#f8fbff}


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

.proc-row {
  display: flex;
  justify-content: space-between;
  margin-bottom:12px;
  padding:12px 8px;
}

.proc-name{
	overflow: hidden;
color: #000;
text-overflow: ellipsis;
max-width: 70%;
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.proc-more{
  display:inline-grid; place-items:center;
  width:26px; height:26px;
  border-radius:8px;
  border:1px solid #dfe6f5;
  background:#f5f8ff;
  color:#7f8fb0;
}

.proc-right{display:flex; align-items:center; gap:8px}
.proc-price{
 overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}


.proc-row:nth-child(odd) {
  border-radius: 4px;
background: rgba(3, 62, 140, 0.04);
}

.proc-row:nth-child(even) {
  border-radius: 4px;
}



.price-items{margin-top:24px;}

.info-pr {
  overflow: hidden;
  color: rgba(3, 62, 140, 0.50);
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 24px;
}

.clinic-doct{
	margin:80px 0 40px 0;
	
}

.title-doct {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  max-width: 480px;
}


/* ===== FILTER CHIPS ===== */
.filters-chips{
  display:flex; flex-wrap:wrap; gap:8px; margin:40px 0;
}
.chip{
	padding: 8px 16px;
border-radius: 8px;
border: 1px solid #4174F6;
background: #FFF;
padding:8px 16x;
box-shadow: 0 3px 15px 0 rgba(83, 89, 154, 0.20);
overflow: hidden;
color: #4174F6;
text-overflow: ellipsis;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: -0.64px;
border-color:#fff
}
.chip:hover{background:#033E8C; color:#fff;}
.chip.active{background:#033E8C; color:#fff; border-color:#033E8C}



.doctors-grid .col-sm-4{margin-bottom:20px}
.doc-card{

}
.doc-card:hover{background:#f8fbff}

.doc-media{display:flex; gap:12px;
 border-radius: 12px;
background: #FFF;
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
padding:16px;

}

.doc-main{flex:1; min-width:0}

.doc-name {
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.6px;
  margin-bottom:12px;
}

.doc-rating{display:flex; align-items:center; gap:8px; 
color: #1E1E1E;
text-align: center;
margin-bottom:16px;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */

}
.rate-num{font-weight:700; color:#4c5e80}
.stars svg{fill:#cfd8ea}
.stars svg.on{fill:#ffc846}

.doc-badge{
 border-radius: 4px;
  background: #DBF5EC;
  padding: 6px 8px;
  color: #1E1E1E;
  text-align: left;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom:8px;
  letter-spacing: -0.56px;
}
.doc-bottmo a{
	color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.doc-bottmo{border-radius: 4px;
background: #EFF4F8;
padding:6px 8px;
color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.doc-meta{color:#5a6d8c; font-size:12.5px; margin-bottom:6px}
.doc-clinic{font-size:12.5px; color:#5a6d8c}
.doc-clinic a{color:#0b5cff; text-decoration:none}
.doc-clinic a:hover{text-decoration:underline}

/* ===== Responsive ===== */
@media (max-width:991px){
  .hero-title{font-size:26px}
}
@media (max-width:767px){
  .hero-title{font-size:22px}
  .doc-photo{width:92px;height:92px}
}


 #block_blog-home .product-product.top-blog h3 {
  max-width: 500px;
  color: #1E1E1E;

/* Head/h3 */
font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}


.clinic-accordion summary {
  font-size: 15px;
  font-weight: bold;
}





/* ========== MC1 namespace ========== */
.mc1 {
    --mc1-bg: #f5fbf7;
    --mc1-card: #ffffff;
    --mc1-text: #0b1b25;
    --mc1-sub: #5a6b79;
    --mc1-primary: #1e8e5a;
    --mc1-accent: #2a69ff;
    --mc1-br: #e7eef3;
    --mc1-radius: 18px
}
.mc1 {
    padding: 0
}
.mc1__container {
    max-width: 1250px;
    margin: 0 auto;
    background: var(--mc1-card);
   border-radius: 32px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(50px);
    display: grid;
    grid-template-columns: 1.1fr.9fr 1fr;
    gap: 40px;
    padding: 40px
}

.mc1__left {
    display: flex;
    flex-direction: column;
    gap: 16px
}
.mc1__title {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    color: var(--mc1-text);
    font-weight: 700
}
.mc1__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}
.mc1-chip {
   border-radius: 8px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding:8px 16px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;


font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.mc1__facts {
  display:flex;
    gap: 8px;
	justify-content: space-between;
	align-items: center;
}
.mc1-fact {
  padding: 10px 8px;
  min-width: 81px;
text-align: center;}


.mc1-fact__label {
color: var(--Text-primary, #000);

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.mc1-fact__value {
   color: #1E1E1E;
text-align: center;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.mc1-fact__stars {
    display: flex;
    gap: 4px
}
.mc1-star {
    width: 18px;
    height: 18px;
    fill: #d9e2ec
}
.mc1-star--full {
    fill: #ffb300
}
.mc1-link {
    color: var(--mc1-accent);
    text-decoration: none
}
.mc1__langs {
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}
.mc1-lang {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    
    padding: 4px 8px;
    font-size: 12px
}
.mc1__cta {
    
    margin-top: 6px
}
.mc1__cta svg {margin-right:5px;}

.mc1-btn {
    border: 0;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 600;
    cursor: pointer
}
.mc1-btn--primary {
   color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(37, 211, 102, 0.60);
  background: rgba(37, 211, 102, 0.15);
  backdrop-filter: blur(12px);
  overflow: hidden;
color: #000;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
margin-bottom:16px;
}

.mc1__badges {
  display: flex;
  gap: 12px;
}

.mc1-btn--accent {
    background: var(--mc1-accent);
    color: #fff;
    width: 100 % ;
    margin-top: 10px
}
.mc1__badges img {
    height: 24px;
    filter: grayscale(.1);
    opacity: .9
}

.mc1__avatar {
    display: flex;
    justify-content: center;
   
}
.mc1-avatar {
   
}
.mc1-avatar img {
    width: 100 % ;
    height: 100 % ;
    object-fit: cover;
    border-radius: 50 %
}

.mc1__right {
    display: flex
}
.mc1-form {
    background: #f8fbff;
    border: 1px solid var(--mc1-br);
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100 %
}
.mc1-form__label {
    font-size: 12px;
    color: var(--mc1-sub)
}
.mc1-input, .mc1-textarea {
    width: 100 % ;
    border: 1px solid var(--mc1-br);
    border-radius: 12px;
    background: #fff;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--mc1-text);
    outline: none
}
.mc1-input: focus, .mc1-textarea: focus {
    border-color: #bcd2ff;
    box-shadow: 0 0 0 3px rgba(42, 105, 255, .12)
}
.mc1-tabs {
    display: flex;
    gap: 8px
}
.mc1-tab {
    flex: 1;
    border: 1px solid var(--mc1-br);
    background: #fff;
    border-radius: 999px;
    padding: 8px 10px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer
}
.mc1-tab--active {
    background: #eaf2ff;
    border-color: #cfe0ff;
    color: #2a69ff
}
.mc1-pane {
    display: none
}
.mc1-pane--active {
    display: block
}
.mc1-messengers {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 6px 0
}
.mc1-radio {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    font-size: 13px;
    color: var(--mc1-text)
}

/* Responsive */
 @ media(max-width: 1024px) {
    .mc1__container {
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }
    .mc1__avatar {
        order: -1
    }
}
 @ media(max-width: 680px) {
    .mc1 {
        padding: 16px
    }
    .mc1__container {
        grid-template-columns: 1fr;
        padding: 18px
    }
    .mc1__facts {
        grid-template-columns: 1fr
    }
    .mc1-avatar {
        width: 200px;
        height: 200px;
        margin: 0 auto
    }
}


.bg-toper-mc{
	margin-top:40px;
}

.breadcrumb > li:first-child{
	padding-left:0;
}

.mc1.mc1--light {
 position: relative;      /* щоб абсолютно позиціонувати псевдоелемент */
  
}


.mc1.mc1--light::before {
  content: "";
  position: absolute;
  z-index: -1;             /* позаду контенту .mc1 */
  pointer-events: none;

  /* робимо елемент більшим за блок */
  inset: -100px 0;           /* виступає на 100px з усіх боків; підберіть під себе */

  /* тут ваш фон */
  background: url(../image/bg_doc.png) center -175px no-repeat;
  background-size: auto;   /* або cover/contain за потреби */
}


.mc2-block{
	margin:40px 0 0 0;
}

.mc2-title{
	color: #1E1E1E;

margin-bottom:18px;

font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.mc2{
margin-bottom: 40px;
color: #1E1E1E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}


.mc2-content{
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;          /* скільки рядків показувати у згорнутому стані */
  line-height: 1.5;               /* 150% як у вас */
max-height: 75px;    /* fallback для старих браузерів */
}


.mc2-content::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:48px;
 
  pointer-events: none;
}


.mc2-content.is-expanded{
  -webkit-line-clamp: unset;
  max-height: none;
}
.mc2-content.is-expanded::after{ display:none; }
.mc2-readmore svg{margin-left:6px;}
.mc2-readmore{
  margin-top:10px;
  background: transparent;
  border: 0;
  padding: 0;
  color: #0070F3;                 

  cursor: pointer;

  color: #419047;


font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}
.mc2-readmore:focus{  }





/* ====== ROOT ====== */
.paked {
	margin: 40px 0;
	⁨
	color: #1E1E1E;


font-family: "Open Sans";

}

.paked__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	align-items:center;
}

.paked__title {
	max-width:408px;
	color: #1E1E1E;

margin-bottom:40px;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}

.paked__all {
	color: #033E8C;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
	text-decoration: none;
	
	padding: 8px 16px;
	border:1px solid #fff;
	
	border-radius: 12px;
background: #FFF;
}

.paked__all:hover {
	background: #f4f6ff;
}

.paked__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

@media (max-width: 1024px) {
	.paked__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.paked__grid {
		grid-template-columns: 1fr;
	}
}

/* ====== CARD ====== */
.paked-card {
	border-radius: 24px;
background: #FFF;
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.paked-card__media {
	position: relative;
	padding:8px;
	
}

.paked-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

.paked-card__badge {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 50%;
	background: rgba(0, 0, 0, .55);
	display: grid;
	place-items: center;
	cursor: pointer;
}

.paked-card__badge .ic {
	width: 18px;
	height: 18px;
	fill: #fff;
	opacity: .9;
}

.paked-card__body {
	padding: 0 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 8px;
}

.paked-card__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}

.paked-card__name {
	color: #000;


margin: 0;
padding:0;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.paked-card__price {
color: #000;


font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.paked-card__cln{
	border-radius: 8px;
background: #EFF4F8;
padding:8px;
display:flex;
gap:8px;
}
.img_cln img{max-width:100%;}
.img_cln img{
	border-radius: 8px;

}

.paked-card__clinic {
	color: #033E8C;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding-bottom:8px;
}

.paked-card__clinic:hover {
	text-decoration: none;
}

.paked-card__rating {
	display: flex;
	
	margin-top: 8px;
}

.paked-card .star {
	width: 16px;
	height: 16px;
	fill: #d9dde8;
}

.paked-card .star.is-full {
	fill: #FFC107;
}

.paked-card__meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.meta__label {
 
  color: #000;
 margin-bottom:2px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}


.meta:first-child {
  border-right: 1px solid rgba(83, 89, 154, 0.30);
  padding-right:40px;
}

.meta__val a {
	color: #033E8C;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.meta__val {
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.meta__val a:hover {
	text-decoration: underline;
}

details.paked-card__details {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(12px);
  margin-bottom: 6px;
  padding: 14px 16px;
  padding: 14px 16px;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
  position: relative;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(3, 62, 140, 0.04);
}

.paked-card__details summary {
	
  cursor: pointer;
  color: #2b6adf;
  font-weight: 600;
  overflow: hidden;
  color: #033E8C;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  justify-content: space-between;
   list-style: none;
  position: relative;
   appearance: none;
  -webkit-appearance: none;
  
}



.paked-card__details summary::-webkit-details-marker { display: none; }

/* Сучасний Firefox */
.paked-card__details summary::marker { content: ""; }

/* Дуже старий Firefox */
.paked-card__details summary::-moz-list-bullet { font-size: 0; color: transparent; }


/* ваша SVG-іконка як фон псевдоелемента */
.paked-card__details summary::after{
  content:"";
  position:absolute;
  right:0; top:50%;
  width:24px; height:24px;
  transform: translateY(-50%);
  background-repeat:no-repeat;
  background-size:contain;
  /* data-URI з точно вашим SVG (колір та фон збережені) */
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<rect width='24' height='24' rx='6' fill='%23033E8C' fill-opacity='0.2'/>\
<path d='M18 9L12 15L6 9' stroke='%23033E8C' stroke-linecap='round'/>\
</svg>");
  transition: transform .25s ease;
}

/* при відкритті — повертаємо стрілку вгору */
.paked-card__details[open] summary::after{
  transform: translateY(-50%) rotate(180deg);
}

.paked-card__list {
	margin: 8px 0 0;
	padding-left: 18px;
}

.paked-card__btn {
	margin-top: 4px;
	border-radius: 16px;
background: #033E8C;
	color: #fff;
	border: none;
	
	padding: 12px 16px;
	
	cursor: pointer;
	overflow: hidden;
color: #FFF;
text-overflow: ellipsis;


font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.paked-card__btn:hover {
	background: #0d57e3;
}

#afterbefor {
  background: rgba(3, 62, 140, 0.05);
  padding: 80px 0;
}


.man-credits {
	position: relative;
  z-index: 99;
	padding: 24px;
	margin: 24px 0;
}

.man-credits__inner {
display: flex;
justify-content: space-between;
}

@media (max-width: 768px) {
	.man-credits__inner {
		grid-template-columns: 1fr;
	}

	.divider {
		display: none;
	}
}

.credit {
 width: 40%;
}

.credit__label {
  font-weight: 700;
  margin-bottom: 24px;
  color: var(--Text-primary, #000);

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
letter-spacing: -0.2px;}

.credit__row {
	display: grid;
	grid-template-columns: 90px 1fr;
	gap: 14px;
}

.credit__avatar img {
	
	border-radius: 50%;
	object-fit: cover;
}

.credit__name {
  color: var(--Text-primary, #000);

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.2px;
}

.credit__label.rewer{
	color: var(--Text-primary, #000);

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.credit__role {
  color: #4a86c5;
  margin: 6px 0 12px;
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
letter-spacing: -0.48px;}

.credit__bio {
	color: var(--Text-primary, #000);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.divider {
	width: 1px;
	align-self: stretch;
	background: rgba(0, 0, 0, 0.2);
}

.hotels__title{margin-top:0;}



.title-doct.indoc{
 
  max-width: 537px;
}


 .topindoc{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom:40px;
}



/* list  doc */

.doc_list-body {
	
}


.doc_list {
	background: url(../image/doc_l_bg.png) center 88px no-repeat;
	
	
	
}
.doc_list_top{display: flex;
position: relative;
padding-bottom: 40px;
}

.doc_list__text {
	flex: 1;
	z-index:99;
	max-width:600px;
	
}

.doc_list__title {
	color: #000;
margin: 40px 0 0;
  padding: 0;
  display: block;

font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; 
letter-spacing: -0.96px;
}

.doc_list__link {
	color: #033E8C;
margin:24px 0 35px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; 
letter-spacing: -0.16px;
  display: block;
  text-decoration: underline;
}

.doc_list__desc {
	color: #000;


font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
letter-spacing: -0.6px;
margin-bottom:24px;
}

.doc_list__btn:hover{
	color: #FFF;
	opacity:.7
}
.doc_list__btn {
	border-radius: 12px;
background: #033E8C;
color: #FFF;


font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
	padding: 12px 32px;
	
	
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}



.doc_list__image {
  position: absolute;
  right:-100px;
}

.doc_list__image img {
	
}


.doc_list__specialties {
	border-radius:56px;
	
	

border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(50px);
	
	
	padding: 40px;
	
	
	z-index:100;
	position:relative;
}


.doc_list__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	border-radius: 20px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
padding:18px;

box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

.doc_list__item {
	
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px 10px;
}
.doc_list__item img{margin-right:5px}
.doc_list__item a {
  overflow: hidden;
  color: #000;
  border-bottom: 1px solid rgba(83, 89, 154, 0.30);
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  padding:6.5px 0;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}


.doc_list__more {
	overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
margin-top:16px;
/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
	cursor: pointer;
	text-align: center;
	
}


/* Responsive */
@media (max-width: 992px) {
	.doc_list {
		flex-direction: column;
		text-align: left;
	}

	.doc_list__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.doc_list__title {
		font-size: 30px;
	}

	.doc_list__grid {
		grid-template-columns: 1fr;
	}
}






.doc_list__specialties {
  position: relative;
  margin-bottom: 40px;
}

/* Висота блоку з напрямками — показуємо лише “3 рядки” */
.doc_list__grid {
  max-height: 110px; /* підібрати під свій дизайн, щоб було ~3 ряди */
  overflow: hidden;
  transition: max-height 0.3s ease;
    position: relative;
}

.doc_list__item.do-wide {
  margin-top: 25px;
}

.doc_list__specialties--expanded .doc_list__item.do-wide {
  margin-top: 0;
}

.doc_list__specialties--expanded .doc_list__grid::after {
  display:none;
}

.doc_list__grid.more::after {
content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 39px;
  pointer-events: none;
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) );
  opacity: 1;
  transition: opacity 0.3s ease;
}




/* Коли розгорнуто – прибираємо обмеження по висоті та прозорий низ */
.doc_list__specialties.doc_list__specialties--expanded .doc_list__grid {
  max-height: 9999px; /* фактично всі рядки */
}

.doc_list__specialties.doc_list__specialties--expanded::after {
  opacity: 0;
}




.ms-stat {
  margin: 80px 0 40px 0;
  position: relative;
  z-index: 10;
}

.ms-stat__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

.ms-stat__item {
  flex: 1 1 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #0F4FBF;
  height: 62px;
  justify-content: center;
  padding: 12px 0 0 40px;
}

/* Діагональний роздільник між елементами */
.ms-stat__item::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -30px;
  width: 1px;
  height: 80px;
  background: rgba(15, 79, 191, 0.12);
  transform: rotate(18deg);
}

.ms-stat__item--last::after {
  display: none;
}

.ms-stat__icon {
  margin-bottom: 8px;
position:absolute;
left: 0;
}

.ms-stat__icon img {
  display: block;
 
  height: auto;
}

.ms-stat__number {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 600;
  color: #0F4FBF;
  margin-bottom: 4px;
}

.ms-stat__text {
 color: #2A4C7F;
 background: linear-gradient(91deg, #203C76 -4.57%, #3C6FDC 44.47%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* Адаптив */
@media (max-width: 991px) {
  .ms-stat__inner {
    gap: 30px;
  }

  .ms-stat__item::after {
    right: -18px;
    height: 70px;
  }
}

@media (max-width: 768px) {
  .ms-stat__inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .ms-stat__item {
    flex: 0 0 45%;
    margin-bottom: 20px;
  }

  .ms-stat__item::after {
    display: none;
  }
}

@media (max-width: 480px) {
  .ms-stat__item {
    flex: 0 0 100%;
    align-items: center;
    text-align: center;
  }

  .ms-stat__item::after {
    display: none;
  }
}



/* Обгортка секції */
.ms-docfilter {
  padding: 40px  30px;
  
}



/* Верхня частина */
.ms-docfilter__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.ms-docfilter__title {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  color: #101828;
  max-width: 720px;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Кнопка сортування */


.ms-docfilter__sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #667085;
}

/* Рядок фільтрів */
.ms-docfilter__filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.ms-docfilter__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ms-docfilter__label {
  font-size: 13px;
  color: #667085;
}

/* Контроли фільтрів */
.ms-docfilter__control {
  width: 100%;
  border-radius: 999px;
  border: 1px solid #d0d7e6;
  background: #f5f7fc;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #98a2b3;
  min-width: 150px;
}

.ms-docfilter__control.ms-docfilter__sort {
  border: 1px solid #d0d7e6;
  ⁨border-radius: 12px;
background: #FFF;
  padding: 8px 16px;
 
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #344054;
  cursor: pointer;
}

.ms-docfilter__control--text {
  justify-content: space-between;
}

.ms-docfilter__control-icon {
  flex: 0 0 auto;
}

.ms-docfilter__control-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ms-docfilter__control-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.ms-docfilter__control-icon--search svg path {
  fill: #033E8C; /* можна змінити під свій бренд */
  opacity: 0.8;
}
.ms-docfilter__control-placeholder {
  flex: 1 1 auto;
  text-align: left;
}

.ms-docfilter__control-value {
  flex: 1 1 auto;
  text-align: left;
  color: #344054;
}

.ms-docfilter__control-caret {
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #667085;
}

/* Нижня частина: розширені фільтри + теги + лічильник */
.ms-docfilter__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
}

.ms-docfilter__bottom-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Кнопка "Розширені фільтри" */
.ms-docfilter__advanced {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: none;
  padding: 10px 18px;
  cursor: pointer;
  background: #0046b7;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.ms-docfilter__advanced-icon {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.6);
  position: relative;
}

/* простий "ікон-фільтр" */
.ms-docfilter__advanced-icon::before,
.ms-docfilter__advanced-icon::after {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  height: 2px;
  border-radius: 99px;
  background: rgba(255,255,255,0.9);
}

.ms-docfilter__advanced-icon::before {
  top: 4px;
}

.ms-docfilter__advanced-icon::after {
  bottom: 4px;
}

/* Теги */
.ms-docfilter__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ms-docfilter__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #e5edff;
  color: #1d4ed8;
  font-size: 13px;
}

.ms-docfilter__tag-close {
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  padding: 0 0 0 2px;
  cursor: pointer;
  color: #64748b;
}

/* Лічильник праворуч внизу */
.ms-docfilter__count {
  font-size: 13px;
  color: #98a2b3;
}

/* Адаптивність */
@media (max-width: 991px) {
  .ms-docfilter__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .ms-docfilter__filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ms-docfilter__filters {
    grid-template-columns: 1fr;
  }

  .ms-docfilter__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .ms-docfilter__count {
    align-self: flex-end;
  }
}


/* Обгортка селекта */
.ms-docfilter__select {
  position: relative;
}

/* Випадаюче меню */
.ms-docfilter__dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #d0d7e6;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
  z-index: 50;
  display: none;
  max-height: 260px;
  overflow-y: auto;
}

.ms-docfilter__dropdown ul {
  list-style: none;
  margin: 0;
  padding: 6px 0;
}

.ms-docfilter__dropdown li {
  padding: 8px 14px;
  font-size: 14px;
  color: #344054;
  cursor: pointer;
}

.ms-docfilter__dropdown li:hover {
  background: #f3f6ff;
}

/* Стан відкритого селекта */
.ms-docfilter__select.ms-docfilter__select--open .ms-docfilter__dropdown {
  display: block;
}

.ms-docfilter__select.ms-docfilter__select--open .ms-docfilter__control {
  border-color: #2563eb;
  background: #ffffff;
}

/* Якщо вибрано значення — робимо текст темнішим */
.ms-docfilter__control.ms-docfilter__control--selected .ms-docfilter__control-text {
  color: #344054;
}





/* Обгортка списку */
.ms-doc-list {

}

.ms-doc-list__item {
  
}

/* Картка лікаря */
.ms-doc-card {
  display: flex;
  gap: 24px;
  background: #f8fbff;
border-radius: 24px;
border: 2px solid #FFF;
background: rgba(243, 246, 252, 0.10);
box-shadow: 0 3px 6px 0 #FFF inset;
padding:32px;
margin-bottom: 20px;
}

/* Колонки */
.ms-doc-card__left {
  flex: 0 0 260px;
}

.ms-doc-card__center {
  flex: 1 1 auto;
  min-width: 0;
}

.ms-doc-card__right {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Фото лікаря */
.ms-doc-card__photo {
  border-radius: 24px;
  overflow: hidden;
  height:420px;
 
}

.ms-doc-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Заголовок */
.ms-doc-card__name {
 color: #033E8C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
  margin: 0 0 4px;
}

/* Бейджі */
.ms-doc-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.ms-doc-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}

.ms-doc-card__badge--light {

  color: #1E1E1E;
  font-size: 14px;

  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  border-radius: 8px;
  background: rgba(3, 62, 140, 0.10);
  padding: 6px 12px;
}
.ms-doc-card__badge--success svg{
	margin:0 8px 0 0px;
}
.ms-doc-card__badge--success {
  border-radius: 8px;
border: 1px solid rgba(37, 211, 102, 0.60);
background: rgba(37, 211, 102, 0.15);
backdrop-filter: blur(12px);

  
  color: #000;



font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Теги спеціалізацій */
.ms-doc-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.ms-doc-card__tag {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
}

.ms-doc-card__tag--outline {
 border-radius: 8px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Мови */
.ms-doc-card__languages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  font-size: 13px;
  color: #475569;
  margin-bottom: 12px;
}

.ms-doc-card__languages-label {
font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  display: flex;
  align-items: center;
}
.ms-doc-card__flag img{
	margin:0 8px 0 0;
}
.ms-doc-card__flag {
  padding: 2px 8px;
  border-radius: 999px;
  
}

/* Опис + "читати далі" */
.ms-doc-card__body {
  font-size: 14px;
  color: #1f2933;
  margin-bottom: 16px;
}

.ms-doc-card__desc {
  margin: 0 0 4px;
}

.ms-doc-card__read-more {
  border: none;
  background: transparent;
  color: #0054d7;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ms-doc-card__read-more-icon {
  font-size: 10px;
}

/* Блок з цінами */
.ms-doc-card__price-select {

border-radius: 6px;
  background: rgba(3, 62, 140, 0.80);
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  padding: 4px 8px;
  

}

.ms-doc-card__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
    border-radius: 12px;
  background: #ECF1FB;
  margin-bottom: 8px;
  padding: 8px 16px;
  overflow: hidden;
color: #000;
text-overflow: ellipsis;



}

.ms-doc-card__price-row--bottom {
  margin-bottom: 0;
}

.ms-doc-card__price-label {

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ms-doc-card__price-select select {
  min-width: 150px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid #c1cff0;
  background: #ffffff;
  font-size: 13px;
}

.ms-doc-card__price-box {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  overflow: hidden;
  background: #0054d7;
}

.ms-doc-card__price-value {
  padding: 6px 14px;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}

.ms-doc-card__price-currency {
  border: none;
  background: #003f9c;
  color: #ffffff;
  width: 38px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Кнопки дій */
.ms-doc-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ms-doc-card__btn {
  border-radius: 999px;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  border: none;
}

.ms-doc-card__btn--primary {
  background: #0054d7;
  color: #ffffff;
}

.ms-doc-card__btn--ghost {
  background: transparent;
  color: #0054d7;
  border: 1px solid #c1cff0;
}

/* Права колонка: клініка */
.ms-doc-card__clinic {
  font-size: 13px;
  color: #475569;
}

.ms-doc-card__clinic-location {
  margin-bottom: 4px;
}




.ms-doc-card__body {
  position: relative;
}

.ms-doc-card__desc {
  max-height: 110px;      
  overflow: hidden;
  transition: max-height 0.25s ease;
}


.ms-doc-card__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 26px; /* щоб не перекривати кнопку */
  height: 20px;
  pointer-events: none;
  background: linear-gradient(
      to bottom,
      rgba(248, 251, 255, 0),
      rgba(248, 251, 255, 1)
  );
  opacity: 1;
  transition: opacity 0.25s ease;
}


.ms-doc-card__body.ms-doc-card__body--expanded .ms-doc-card__desc {
  max-height: 1000px; 
}

.ms-doc-card__body.ms-doc-card__body--expanded::after {
  opacity: 0;
}


.ms-doc-card__read-more {
  border: none;
  background: transparent;
  
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #419047;



font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}


.ms-doc-card__read-more-icon {
  display: inline-block;
  transition: transform 0.2s ease;
  display: flex;
}

.ms-doc-card__body.ms-doc-card__body--expanded .ms-doc-card__read-more-icon {
  transform: rotate(180deg);
}





.ms-doc-card__clinic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px;
  font-size: 14px;
  line-height: 1.4;
}


.ms-doc-card__clinic-location {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #1a1a1a;
  min-width: 205px;
}

.ms-doc-card__clinic-location svg {
  flex-shrink: 0;
}


.ms-doc-card__clinic-locationin {
  display: flex;
  flex-direction: column;
  gap: 4px;
}


.ms-doc-card__clinic-link {
  color: #033E8C;
  font-weight: 500;
  text-decoration: none;
}

.ms-doc-card__clinic-link:hover {
  text-decoration: underline;
}


.ms-doc-card__rating {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #444;
}


.ms-doc-card__rating-value {
  display: inline-flex;
  align-items: center;
  gap: 4px;
font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.ms-doc-card__rating-value svg {
  width: 18px;
  height: 18px;
}


.ms-doc-card__rating {
  margin-left: 11px;
  padding-left: 11px;
  border-left: 1px solid #E0E0E0;
  min-height: 40px;
}


.ms-doc-card__rating-count {
color: #033E8C;
text-align: center;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
  font-weight: 500;
  text-align: center;
}


@media (max-width: 767px) {
  .ms-doc-card__clinic {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .ms-doc-card__rating + .ms-doc-card__rating {
    margin-left: 8px;
    padding-left: 8px;
  }
}

/* Відгук */
.ms-doc-card__review {
  padding: 16px 0 11px;
  border-top: 1px solid rgba(83, 89, 154, 0.30);

}

.ms-doc-card__review-head {
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}

.ms-doc-card__review-avatar {
  flex: 0 0 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}

.ms-doc-card__review-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ms-doc-card__review-meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: space-between;
}

.ms-doc-card__review-name {
color: var(--Text-primary, #000);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
margin-bottom:4px;
}
.ms-doc-card__review-name svg{
	margin-left:10px;
}
.ms-doc-card__review-btn {
border-radius: 24px;
background: rgba(3, 62, 140, 0.10);
display:flex;
padding: 4px 8px;
align-items: center;
gap: 4px;
border:none;
color: #1E1E1E;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.ms-doc-card__review-date {
color: rgba(33, 39, 104, 0.70);
text-align: right;
font-size: 10px;
font-style: normal;
font-weight: 400;
max-width: 50px;
line-height: 140%; /* 14px */
}

.ms-doc-card__review-rating {
 margin-top: 8px;
}

.ms-doc-card__review-text {
overflow: hidden;
color: var(--Text-primary, #000);
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Результати роботи */
.ms-doc-card__results-title {
  margin-bottom: 6px;
  color: var(--Text-primary, #000);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom:12px;
 
}

.ms-doc-card__results-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
}

.ms-doc-card__result-item {
 
  border-radius: 8px;

}

/* Адаптив */
@media (max-width: 1024px) {
  .ms-doc-card {
    flex-direction: column;
  }

  .ms-doc-card__left,
  .ms-doc-card__right {
    flex: 1 1 auto;
  }

  .ms-doc-card__photo {
    height: auto;
  }

  .ms-doc-card__right {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ms-doc-card__clinic,
  .ms-doc-card__review,
  .ms-doc-card__results {
    flex: 1 1 100%;
  }
}

@media (max-width: 600px) {
  .ms-doc-card {
    padding: 16px;
  }

  .ms-doc-card__name {
    font-size: 20px;
  }

  .ms-doc-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ms-doc-card__left {
    order: -1;
  }
}




.bg_faq_q{
	background:url(../image/bg_faq2.png) center 10% no-repeat;
	background-size: cover;
}

.noneifo {
  font-size: 18px;
  text-align: center;
  background: #000;
  background: rgba(255, 255, 255, 0.60);
  padding: 18px;
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  border-radius: 15pc;
  padding: 50px;
}


.ms-docfilter_filte_count {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ms-docfilter-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #dde7ff;      /* світло-блакитний фон */
  font-size: 13px;
  line-height: 1.3;
}

.ms-docfilter-tag__label {
  margin-right: 6px;
  padding: 6px 12px;
}

.ms-docfilter-tag__close {
  border: 0;
  background: none;
  padding: 0;
  line-height: 1;
  font-size: 22px;
  cursor: pointer;
}



.ms-docfilter_bottom {
  display: flex;
  justify-content: space-between;
  margin: 16px 0 0 0;
}



.doc_list__image.incat{
  position: absolute;
  right: -100px;
  top: -217px;
  z-index: -1;
}

.doc_list.incat {
  background:none;
}



.ms-helpmodal__content {
  border-radius: 20px;
  overflow: hidden;
  border: none;
}

.ms-helpmodal__close {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 2;
}

.ms-helpmodal__left {
  background: #f6f8ff;
  padding: 30px 25px;
  height: 100%;
  border-radius: 20px 0 0 20px;
}

.ms-helpmodal__right {
  padding: 30px 25px;
}

.ms-helpmodal__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.ms-helpmodal__text {
  margin-bottom: 25px;
}

.ms-helpsteps__item {
  background: #ffffff;
  border-radius: 16px;
  padding: 12px 14px;
  margin-bottom: 10px;
  position: relative;
}

.ms-helpsteps__num {
  position: absolute;
  right: 10px;
  bottom: 0;
  font-size: 38px;
  font-weight: 700;
  color: rgba(0,0,0,0.06);
}

.ms-helpsteps__body {
  position: relative;
  z-index: 1;
}

.ms-helpsteps__title {
  font-weight: 600;
  margin-bottom: 4px;
}

.ms-helpsteps__desc {
  font-size: 12px;
  color: #666;
}

.ms-helpform__contacts .btn {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 0;
  text-align: center;
  line-height: 34px;
  margin-right: 5px;
}

.ms-helpform__contact-icon {
  font-size: 14px;
}

.ms-helpform__agree {
  margin-top: 10px;
  margin-bottom: 20px;
}

.ms-helpform__actions .btn-primary {
  min-width: 140px;
  border-radius: 25px;
}

.ms-helpform__actions .btn-link {
  color: #666;
}

/* трохи скруглень для всієї модалки */
.ms-helpmodal .modal-dialog {
  margin-top: 40px;
}


@media (min-width: 992px) {
  .modal-lg {
    width: 1200px;
  }
}

.modal-backdrop {
 background: rgba(0, 17, 39, 0.30);

}

.modal-backdrop.in {
  opacity: 1; /* щоби не перекривався прозорістю Bootstrap */
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}


.ms-dr{
	margin:40px 0 40px 0;
}

.ms-dr .title-price-clin{
	display: flex;
  justify-content: space-between;
  align-items: center;
}

.totale-proc-columns{
	border-radius: 16px;
background: #033E8C;
padding:8px 16px;
margin:24px 0;
display:flex;
justify-content: space-between;
  align-items: center;
}

.left-proc-columns{
	color: #FFF;
max-width:280px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}

.right-proc-columns{
	
	display:flex;
justify-content: space-between;
  align-items: center;
  gap:20px;
	
}

.uite-text{
	overflow: hidden;
color: #FFF;
text-overflow: ellipsis;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

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

.uite-img {
  display: flex;
  align-items: center;
}



.pkg-section {
  padding: 30px 0;
  background: #f5f8fd;
  margin-bottom: 40px;
}

.pkg-section__inner {

  
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 4 в ряд */
  gap: 20px;
}

.pkg-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(10, 58, 129, 0.08);
  overflow: hidden;
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
}

.pkg-card__image-wrap {
  position: relative;
  overflow: hidden;
}

.pkg-card__image {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.pkg-card__fav-btn {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: #0054d1;
}

.pkg-card__body {
  padding: 16px 18px 10px;
}

.pkg-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.pkg-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}

.pkg-card__price {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}

/* Клініка */
.pkg-card__clinic {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 12px;
}

.pkg-card__clinic-thumb {
  flex: 0 0 50px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 10px;
}

.pkg-card__clinic-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pkg-card__clinic-info {
  display: flex;
  flex-direction: column;
}

.pkg-card__clinic-name {
  font-size: 14px;
  font-weight: 500;
  color: #0054d1;
  margin-bottom: 4px;
}

.pkg-card__rating {
  font-size: 14px;
  color: #f6b800;
}

.pkg-card__rating-star--muted {
  color: #e5e7eb;
}

/* Мета */
.pkg-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e5e7eb;
  margin-bottom: 14px;
}

.pkg-card__meta-col {
  flex: 1;
}

.pkg-card__meta-label {
  font-size: 11px;
  color: #9ca3af;
  margin-bottom: 2px;
}

.pkg-card__meta-value {
  font-size: 13px;
  color: #0054d1;
  text-decoration: none;
}

/* Select */
.pkg-card__select-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}

.pkg-card__select-label {
  font-size: 13px;
  color: #111827;
}

.pkg-card__select-wrap {
  position: relative;
}

.pkg-card__select {
  width: 100%;
  padding: 8px 30px 8px 10px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-size: 13px;
  appearance: none;
  background-color: #f9fafb;
}

.pkg-card__select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #6b7280;
}

/* Футер */
.pkg-card__footer {
  padding: 10px 18px 16px;
}

.pkg-card__cta-btn {
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  background: #0054d1;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Респонсив */
@media (max-width: 991px) {
  .pkg-section__inner {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .pkg-card {
    max-width: 100%;
  }
}





/* Обгортка */
.paked-card__details {
  border-radius: 10px;
  background: #f9fafb;
  padding: 10px 12px;
}

/* Кнопка-заголовок */
.paked-card__summary {
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* Текст */
.paked-card__summary-text {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

.paked-card__summary-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='6' fill='%23033E8C' fill-opacity='0.2'/><path d='M18 9L12 15L6 9' stroke='%23033E8C' stroke-linecap='round'/></svg>");

  transition: transform .25s ease;
}



.paked-card__details--open .paked-card__summary-icon {
  transform: rotate(180deg);
}
/* Контент за замовчуванням схований */
.paked-card__content {
  margin-top: 8px;
  font-size: 13px;
  color: #4b5563;
  display: none;
}

/* Коли відкрито — показати контент і зробити мінус (забрати вертикальну лінію) */
.paked-card__details--open .paked-card__content {
  display: block;
}

.paked-card__details--open .paked-card__summary-icon::after {
  opacity: 0;
}


.bg-clinics{
	position:relative;
}

.bg-clinics::before {
  content: "";
  background: url(../image/bg_clin.png) center top no-repeat;
    background-size: auto;
  position: absolute;
  width: 100%;
  height: 1274px;
  background-size: cover;
  top: -450px;
}

.all-clin{
	margin:40px 0;
}

.title-clin{
	max-width:745px;
	color: #033E8C;
text-align: center;

/* Head/H1 */
font-family: "Open Sans";
font-size: 46px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
margin: 0 auto 40px auto;
}




.cline-card {
  display: flex;
  gap: 24px;
border-radius: 24px;
border: 1px solid #FFF;
background: rgba(243, 246, 252, 0.10);
padding:32px;
margin-bottom:20px;
background:#fff;
}

/* ліва колонка */
.cline-card__photo {
  flex: 0 0 350px;
border-radius: 12px;

  overflow: hidden;
}

.cline-card__photo-img {
  display: block;
  width: 100%;
 border-radius: 12px;
  object-fit: cover;
}

/* центральна частина */
.cline-card__main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cline-card__header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cline-card__title {
	padding: 0;
  margin: 0 0 10px;
}
.cline-card__title a{
color: #033E8C;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;

}

.cline-card__location {
  display: inline-flex;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
color: rgba(3, 62, 140, 0.70);
}

.cline-card__location-icon {
margin-right:5px;
}

.cline-card__desc {
overflow: hidden;
max-height: 85px;
  overflow: hidden;
  transition: max-height 0.25s ease;


font-size: 14px;
  color: #1f2933;
}
.ms-doc-card__body--expanded .cline-card__desc{max-height:1000px;}

.ms-doc-card__body--expanded .cline-card__desc::after{
	display:none;
}
.cline-card__desc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  height: 25px;
  pointer-events: none;
  background: linear-gradient( to bottom, rgba(248, 251, 255, 0), rgba(248, 251, 255, 1) );
  opacity: 1;
  transition: opacity 0.25s ease;
}

.cline-card__read-more {
cursor: pointer;
  color: #419047;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  border: none;
  text-align: left;
  background: no-repeat;

}

/* послуги */
.cline-card__services {
 
}

.cline-card__service-row a{
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  padding: 0px 0 8px;
  font-size: 14px;
  gap: 12px;
  border-bottom: 1px solid rgba(3, 62, 140, 0.10);
  margin-bottom:10px;
}

.cline-card__service-row a:hover{
opacity:.7
}

.cline-card__service-row:nth-child(odd) {
  
}

.cline-card__service-name {
  color: #111827;
}

.cline-card__service-price {
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.cline-card__service-more {
fill: rgba(3, 62, 140, 0.05);
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  height: 22px;

}

/* кнопки */
.cline-card__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex-direction: column;
}

.cline-card__btn {
  border-radius: 999px;
  padding: 12px 16px;
 overflow: hidden;
color: #FFF;
text-overflow: ellipsis;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
  border: 1px solid transparent;
  cursor: pointer;
 
  border-radius: 12px;
background: #033E8C;
}

.cline-card__btn--primary {
  background: #033E8C;
  color: #ffffff;
  
}

.cline-card__btn--primary:hover {
  background: #1d4ed8;
}

.cline-card__btn--outline {
  background: #ffffff;
  color: #033E8C;
 border-radius: 12px;
border: 1px solid #033E8C;
}

.cline-card__btn--outline:hover {
  background: #eff6ff;
}

/* права колонка */
.cline-card__side {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;

}

/* рейтинг */
.cline-card__rating-block {
padding-bottom:17px;
}

.cline-card__rating-top {
  display: flex;
  align-items: center;
  border-right: 1px solid;
  justify-content: start;
width: 50%;
}

.cline-card__rating-score {
 color: #1E1E1E;
text-align: center;
margin-right:12px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */

}

.cline-card__rating-stars {
  color: #facc15;
  font-size: 16px;
}
.cline-card__rating-count a{
	color: #033E8C;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.cline-card__rating-count {
  margin-top: 4px;
  color: #1E1E1E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  text-align: center;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:12px;
}

.cline-card__tags {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cline-tag {
font-size: 11px;
  color: #4b5563;
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.10);
  color: #1E1E1E;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
padding:4px 14px;
}

/* експерт */
.cline-card__expert {
  display: flex;
  gap: 10px;
  padding: 17px 0px;
border-top: 1px solid rgba(83, 89, 154, 0.30);
}

.cline-card__expert-avatar {
  flex: 0 0 64px;
  height: 64px;
  border-radius: 999px;
  overflow: hidden;
}

.cline-card__expert-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cline-card__expert-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cline-card__expert-label {
 color: #033E8C;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.cline-card__expert-name a{
color: var(--Text-primary, #000);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin:4px 0 12px;
}

.cline-card__expert-exp {
  color: #6b7280;
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.10);
  padding: 4px 8px;
  color: #1E1E1E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
}

/* відгук */
.cline-card__review {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  font-size: 12px;
}

.cline-card__review-header {
  display: flex;
  gap: 10px;
}

.cline-card__review-avatar {
  flex: 0 0 40px;
  height: 40px;
  border-radius: 999px;
  overflow: hidden;
}

.cline-card__review-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cline-card__review-meta {
  flex: 1;
}

.cline-card__review-name {
  font-weight: 600;
}

.cline-card__review-country {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 2px;
}

.cline-card__review-tag {
  padding: 2px 6px;
  border-radius: 999px;
  background: #f3f4ff;
  font-size: 11px;
}

.cline-card__review-stars {
  margin-top: 4px;
  color: #facc15;
}

.cline-card__review-text {
  margin-top: 8px;
  color: #4b5563;
}

.cline-card__review-date {
  margin-top: 6px;
  color: #9ca3af;
  font-size: 11px;
}

/* міні-фото внизу справа */
.cline-card__thumbs {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.cline-card__thumb-img {
  width:64px;
  height: 62px;
  border-radius: 8px;
  object-fit: cover;
}

.cline-card__rating-block_irema {
  display: flex;
}


/* адаптив */
@media (max-width: 992px) {
  .cline-card {
    flex-direction: column;
  }

  .cline-card__photo {
    flex: 0 0 auto;
    height: 220px;
  }

  .cline-card__side {
    flex: 0 0 auto;
  }
}

@media (max-width: 640px) {
  .cline-card {
    padding: 16px;
  }

  .cline-card__buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .cline-card__service-row {
    grid-template-columns: 1fr auto;
  }

  .cline-card__service-more {
    display: none;
  }
}




.ms-doc-card__review-name img {
  max-width:15px;
}


.ms-doc-card__review-name span {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 15px;
}


.ic-review-bg{
background-color: rgba(231, 237, 246, 0.5);
margin-bottom:40px; 
}
.ic-reviews {

 padding:40px 0
}

/* Заголовок */
.ic-reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  padding:0 0 24px;
max-width:810px;

}

.ic-reviews__title {
color: #1E1E1E;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ic-reviews__add-btn {
  border-radius: 8px;
border: 1px solid #033E8C;
padding:8px 16px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
background:none;
}

.ic-reviews__add-btn:hover {
  background: #fff;
}

/* Верхній блок */
.ic-reviews__top {
  display: flex;
  gap: 32px;
  align-items: stretch;
  margin-bottom: 32px;
}

.ic-reviews__summary {
  flex: 1 1 60%;
  
  
  

}

.ic-reviews__allimg{
		border-top: 1px solid rgba(83, 89, 154, 0.10);
border-bottom: 1px solid rgba(83, 89, 154, 0.10);
padding:24px 0;
margin-bottom:24px;
}

.ic-reviews__titleimg{

	color: var(--Text-primary, #000);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
margin-bottom:8px;
}

.ic-reviews__illustration {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ic-reviews__illustration img {
  max-width: 100%;
  height: auto;
}

/* Фото/відео зверху */
.ic-reviews__media-strip {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}

.ic-reviews__media-thumb {
  width: 88px;
  height: 87px;
  border-radius: 10px;
  overflow: hidden;
  background: #e3e7f3;
  font-size: 12px;
  color: #3c4c6b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ic-reviews__media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ic-reviews__media-more {
  background: #dde5ff;
  font-weight: 600;
}

/* Рейтинг */
.ic-reviews__rating-row {
  display: flex;
  gap: 24px;
  align-items: center;
}

.ic-reviews__rating-circles {
  max-width: 255px;
  padding:0 50px 0 0;
  margin:0 50px 0 0;
border-right: 1px solid rgba(83, 89, 154, 0.10);
display: flex;
  flex-direction: column;
  align-items: center;
}

.ic-reviews__rating-stars {
  display: flex;
  align-items: center;
  gap: 4px;
}


.ic-reviews__rating-circle {
  width: 110px;
  height: 110px;
  border-radius: 50%;
   border: 6px solid #419047;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.ic-reviews__rating-value {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  color: #1d2433;
}

.ic-reviews__rating-label {
  font-size: 13px;
  color: #69738b;
}

.ic-reviews__rating-bars {
  flex: 1;
}

.ic-reviews__rating-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #47516b;
}

.ic-reviews__rating-bar-label {
color: #419047;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-reviews__rating-bar-track {
  flex: 1;
  height: 6px;
  border-radius: 30px;
background: rgba(135, 214, 141, 0.20);
  overflow: hidden;
}

.ic-reviews__rating-bar-fill {
  height: 100%;
	border-radius: 10px;
  background: #419047;
}

.ic-reviews__rating-bar-percent {
  width: 40px;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
}

/* Підзаголовок рейтингу */
.ic-reviews__rating-footer {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex-direction: column;
  
  align-items: center;
color: #53599A;
text-align: center;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.ic-reviews__rating-status {
color: #1E1E1E;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.ic-reviews__rating-count {
  color: #7c859c;
}

/* Теги */
.ic-reviews__tags {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ic-reviews__tag {
  padding: 4px 8px;
 border-radius: 24px;
background: rgba(83, 89, 154, 0.10);
color: #1E1E1E;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

/* Список відгуків */
.ic-reviews__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Картка відгуку */
.ic-review-card {

  border-radius: 16px;
  padding: 24px 0px;
  
}

/* Верх картки */
.ic-review-card__top {
  display: flex;
  gap: 24px;
  margin-bottom: 10px;
}

.ic-review-card__avatar-wrap {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

.ic-review-card__avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 56px;
}

.ic-review-card__head {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.ic-review-card__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.rev-card__category {
  border-radius: 24px;
  background: rgba(83, 89, 154, 0.10);
  padding: 4px 8px;
  margin-left: 16px;
}

.ic-review-card__name {
  color: var(--Text-primary, #000);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.ic-review-card__flag {
  width: 20px;
  height: 14px;
  border-radius: 3px;
  object-fit: cover;
}

.ic-review-card__source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 999px;
 color: var(--Text-primary, #000);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ic-review-card__source-icon {
  width: 14px;
  height: 14px;
}

/* Лікар */
.ic-review-card__doctor-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  margin-bottom: 4px;
}

.ic-review-card__doctor-name {
  color: #3c4c6b;
}

.ic-review-card__doctor-label {
  padding: 2px 8px;
  border-radius: 999px;
  background: #edf1ff;
  font-size: 11px;
  color: #4a5680;
}

/* Мета: дата + зірки */
.ic-review-card__meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
color: var(--Text-primary, #000);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */
    flex-direction: column;
}

.ic-review-card__stars {
  color: #ffb400;
  letter-spacing: 1px;
}

/* Текст */
.ic-review-card__body {
  margin-top: 13px;
}

.ic-review-card__text {
  margin: 0 0 12px;
 overflow: hidden;
color: var(--Text-primary, #000);
text-overflow: ellipsis;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-review-card__more-btn {
  margin-top: 4px;
  padding: 0;
color: #419047;
font-size: 16px;
border:none;
background:none;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
  cursor: pointer;
}

/* Фото в самому відгуку */
.ic-review-card__photos {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ic-review-card__photo {
  width: 80px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  background: #e3e7f3;
}

.ic-review-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Плюси/мінуси */
.ic-review-card__bullets {
  margin: 12px 0 0;
  padding-left: 16px;
  font-size: 13px;
  border-top: 1px solid rgba(83, 89, 154, 0.10);
  padding:12px 0 0;
}

.ic-review-card__bullet {
  margin-bottom: 4px;
  color: var(--Text-primary, #000);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
list-style:none;  
display: flex;
  gap: 10px;
}


/* Футер картки */
.ic-review-card__footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #edf0fb;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 12px;
}

.ic-review-card__footer-col {
  min-width: 200px;
}

.ic-review-card__footer-label {
  color: #7c859c;
  margin-bottom: 2px;
}

.ic-review-card__footer-value {
  color: #333c52;
  font-weight: 500;
}

/* Низ: кнопка + пагінація */
.ic-reviews__bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ic-reviews__show-more {
  padding: 8px 20px;
  border-radius: 999px;
  border: 1px solid #d3ddff;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  color: #2f6bff;
}

.ic-reviews__pagination {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ic-reviews__page {
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
}

.ic-reviews__page--active {
  background: #2f6bff;
  color: #ffffff;
  border-color: #2f6bff;
}

.ic-reviews__page-dots {
  font-size: 14px;
  color: #7c859c;
}

/* Адаптив */
@media (max-width: 991px) {
  .ic-reviews__top {
    flex-direction: column;
  }

  .ic-reviews__illustration {
    order: -1;
  }
}

@media (max-width: 600px) {
  .ic-review-card__top {
    flex-direction: row;
  }

  .ic-reviews {
    padding: 16px 12px 24px;
  }
}




.ic-review-card__coordinator {
  padding: 12px 0 0;
  margin: 12px 0 0;
  border-top: 1px solid rgba(83, 89, 154, 0.10);
  color: var(--Text-primary, #000);
  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.ic-review-card__coordinator span{
	color: #53599A;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}




/* Мегаменю Inside Clinics */
.ic-mega-nav > .ic-mega {
  /* position: static;  */
  z-index:9999
}

.ic-mega__dropdown {
  left: 0;
  right: 0;
  padding: 20px 30px;
  border-top: 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  .ic-mega__dropdown {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
  }

  .ic-mega:hover > .ic-mega__dropdown,
  .ic-mega.open > .ic-mega__dropdown {
    opacity: 1;
    visibility: visible;
  }
}

/* Колонки всередині */
.ic-mega__col {
  margin-bottom: 15px;
}

.ic-mega__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  text-transform: none;
}

.ic-mega__list li {
  margin-bottom: 4px;
}

.ic-mega__list a {
  display: block;
  font-size: 13px;
  text-decoration: none;
  padding: 2px 0;
}

.ic-mega__list a:hover {
  text-decoration: underline;
}

/* На мобільному — як звичайний дропдаун */
@media (max-width: 767px) {
  .ic-mega-nav .dropdown-menu.ic-mega__dropdown {
    position: static;
    width: 100%;
    box-shadow: none;
  }

  .ic-mega__dropdown .col-sm-3 {
    width: 100%;
  }
}


#clinioks {
  position: relative;
  z-index: 99;
}
.clin-alldoc_title{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.clin-alldoc_title a{
	border-radius: 12px;
background: #FFF;
padding:8px 16px;
color: #033E8C;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-height: 41px;
}

.clin-alldoc_title a:hover{
	opacity:0.7
}

.titlealldoc{
	color: #1E1E1E;

/* Head/H2 */
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom:20px;
max-width:700px;
}


.pagin {
  display: flex;
  justify-content: center;
}

.pagin ul{
	 display: flex;
	 gap:5px;
}
.pagin .pagination > li > span{
	border:none;
	border:1px solid #033E8C;
border-radius: 8px;
background: #033E8C;
	color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px; 
}
.pagination > li > a:hover{
background: #033E8C;
	color: #fff;	
}
.pagination > li > a{
	color: #333;
	border:1px solid #033E8C;
border-radius: 8px;
background: #fff;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.pagin .pagination > li:last-child > a, .pagin .pagination > li:last-child > span {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}


#menu{
	position:relative;
	 z-index: 99999;
}
/*меню */
.navbar-nav > li {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;          /* рівень 2 виходить під "Клініки" */
  left: 0;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  min-width: 220px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  z-index: 99999;
}

/* 3-й і 4-й рівень з’їжджають вправо */
.level-3 {
  top: 0;
  left: 100%;
}

.level-4 {
  top: 0;
  left: 100%;
}

/* показувати підменю при наведенні */
.navbar-nav li:hover > .submenu {
  display: block;
}

/* стилі для пунктів */
.submenu li a {
  display: block;
  padding: 6px 18px;
  white-space: nowrap;
}
.submenu li a:hover {
  background: #f5f5f5;
}


.submenu li.has-sub a{display: flex; align-items: center;
  justify-content: space-between;}
  
  
  .ic-medassist-section {
  position:relative;
  z-index:999;
  padding: 40px 0px 80px;
 
}

.ic-medassist-inner {
  max-width: 1160px;
  margin: 0 auto;
}



/* ===== Верхній блок ===== */

.ic-medassist-top {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 70px;
}

.ic-medassist-top-illustration {
  flex: 0 0 40%;
  max-width: 47%;
}

.ic-medassist-illu-placeholder {
  width: 100%;
  min-height: 260px;


  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;

}

.ic-medassist-top-content {
  flex: 1;
}

.ic-medassist-title-main {
color: #033E8C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 24px;
padding:0;
}

.ic-medassist-subtitle-main {
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 16px;
margin-bottom:60px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-medassist-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.ic-medassist-benefit-card {
  flex: 1 1 220px;
  max-width: 260px;
  background: #ffffff;
  border-radius: 18px;
  padding: 16px 16px;
  box-shadow: 0 10px 30px rgba(18, 52, 107, 0.06);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.ic-medassist-benefit-card--wide {
  max-width: none;
  flex-basis: 100%;
  max-width: 370px;
  margin: 0 auto;
}

.ic-medassist-benefit-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: #e4edff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #0f63f6;
  flex-shrink: 0;
}

.ic-medassist-benefit-title {
display: flex;
  align-items: center;
  color: #033E8C;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}

.ic-medassist-benefit-desc {
color: #033E8C;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* ===== Нижній блок ===== */

.ic-medassist-bottom-header {
  margin-bottom: 36px;
}

.ic-medassist-title-secondary {
  margin: 0;
 color: #033E8C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ic-medassist-bottom-body {
  display: flex;
  gap: 40px;
  align-items: stretch;
}

.ic-medassist-steps {
  flex: 1 1 60%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ic-medassist-step-card {
 border-radius: 24px;
border: 1px solid #FFF;
background: rgba(253, 254, 254, 0.20);
box-shadow: 0 16px 22px 0 rgba(3, 62, 140, 0.10);
backdrop-filter: blur(12px);
padding: 16px;
position:relative;
}

.ic-medassist-step-number {
  width: 34px;
  height: 34px;
  border-radius: 200px;
border: 0.5px solid #FFF;
background: #FFF;
backdrop-filter: blur(10px);
color: #033E8C;
text-align: center;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  position: absolute;
  top: -17px;
  left: -13px;
}

.ic-medassist-step-title svg{
	width:40px;
	margin-right:12px;
}
.ic-medassist-step-title {
 color: #033E8C;
margin-bottom:16px;
display:flex;
align-items:center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}

.ic-medassist-step-desc {
color: #033E8C;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ic-medassist-bottom-illustration {
  flex: 0 0 32%;
  display: flex;
  align-items: center;
  max-width: 40%;
}

.ic-medassist-illu-placeholder--steps {
  min-height: 260px;
}

/* ===== Адаптив ===== */

@media (max-width: 991px) {
  .ic-medassist-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .ic-medassist-top-illustration {
    width: 100%;
  }

  .ic-medassist-bottom-body {
    flex-direction: column;
  }

  .ic-medassist-bottom-illustration {
    order: -1;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  .ic-medassist-section {
    padding: 40px 15px 50px;
  }

  .ic-medassist-title-main {
    font-size: 24px;
  }

  .ic-medassist-title-secondary {
    font-size: 20px;
  }

  .ic-medassist-benefits {
    flex-direction: column;
  }

  .ic-medassist-benefit-card,
  .ic-medassist-benefit-card--wide {
    max-width: 100%;
    flex-basis: 100%;
  }

  .ic-medassist-steps {
    grid-template-columns: 1fr;
  }
}


.hero-cta, .content_bottom{
	position:relative;
	z-index:999;
}


#block_first-home, .typo {
 
  z-index: 99;
  position: relative;
}



.ic-coord-section {
  background: #eef3fb;
  padding: 40px 0px 80px;
 
  color: #1e2a3c;
}

.ic-coord-inner {
  max-width: 1160px;
  margin: 0 auto;
}

/* Заголовок */

.ic-coord-header {
  text-align: center;
  margin-bottom: 40px;
}

.ic-coord-kicker {
color: var(--Text-primary, #000);
text-align: center;


margin-bottom:16px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-coord-title {
color: var(--Text-primary, #000);
text-align: center;

margin-bottom:16px;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ic-coord-subtitle {
color: var(--Text-primary, #000);
text-align: center;

margin-bottom:40px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

/* Сітка карток */

.ic-coord-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

/* Картка */

.ic-coord-card {
  background: #ffffff;
  border-radius: 26px;
  padding: 16px;
  box-shadow: 0 20px 40px rgba(24, 52, 109, 0.09);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
backdrop-filter: blur(5px);
}

.ic-coord-name {
color: #000;
text-align: center;
margin: 0 0 12px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.ic-coord-photo-wrap {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;

}

.ic-coord-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ic-coord-role {
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding:6px 12px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Рейтинг */

.ic-coord-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
}

.ic-coord-rating-score {
  font-size: 14px;
  color: #364265;
}

.ic-coord-rating-stars {
  font-size: 14px;
}

.ic-coord-star {
  color: #d8dde8;
  margin-left: 1px;
}

.ic-coord-star--active {
  color: #ffc24b;
}

/* Блок досвіду/пацієнтів */

.ic-coord-meta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom:12px;
 
}

.ic-coord-meta-item {
  text-align: left;
  flex: 1;
}
.ic-coord-meta-item:first-child{
	border-radius: 4px;
background: #DBF5EC;
padding:6px 8px;
text-align: center;
}

.ic-coord-meta-item:last-child{
border-radius: 4px;
background: #EFF4F8;
padding:6px 8px;
text-align: center;
}
.ic-coord-meta-label {
  display: block;
color: var(--Text-primary, #000);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
  margin-bottom: 2px;
}

.ic-coord-meta-value {
  display: block;
color: var(--Text-primary, #000);

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Мови */

.ic-coord-langs {
  margin-top: auto;
  
  display: flex;
  gap: 10px;
  color: #1E1E1E;
text-align: center;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ic-coord-lang {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Адаптив */

@media (max-width: 1199px) {
  .ic-coord-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .ic-coord-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ic-coord-section {
    padding: 50px 12px 60px;
  }

  .ic-coord-title {
    font-size: 22px;
  }

  .ic-coord-grid {
    grid-template-columns: 1fr;
  }
}

#information-contact h1{
	text-align:center;
	color: var(--Text-primary, #000);
text-align: center;

/* Head/H1 */
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
}
.text_l iframe {
border-radius: 40px;}
.text_l{
	margin:40px 0 80px;
}


.footer_menus {
    margin-bottom:24px;
}

.footer_menus__box {
 max-width:695px;
    margin: 0 auto;
 
    
    padding: 40px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;

   border-radius: 56px;
background: #FFF;

/* тінь на картки */
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

.footer_menu h4 {
   color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}

.footer_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer_menu li {
    margin-bottom: 5px;
}

.footer_menu a {
   color: rgba(0, 0, 0, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer_menu a:hover {
    color: #111;
}


.footer_menu:last-child {
  min-width: 230px;
}


.bloger {
    padding: 40px 0;
	position: relative;
	z-index: 999;
}




.treatbox{
  padding: 40px 16px;
  background: #f4f7ff; /* як на скріні */
}

.treatbox__card{
  max-width: 780px;
  margin: 0 auto;
  background: #fff;
  border-radius: 28px;
  padding: 36px 40px 28px;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .08);
}

.treatbox__title{
  text-align:center;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 16px;
  color:#0f172a;
}

.treatbox__subtitle{
  text-align:center;
  font-size: 18px;
  font-weight: 700;
  margin: 18px 0 12px;
  color:#0f172a;
}

/* Select */
.treatbox__select{
  position: relative;
  display:flex;
  align-items:center;
  background:#f2f6ff;
  border-radius: 14px;
  padding: 0 44px 0 42px;
  height: 44px;
}

.treatbox__selectEl{
  width:100%;
  border:0;
  background:transparent;
  outline:none;
  font-size: 14px;
  color:#1e3a8a;
  appearance:none;
}

.treatbox__icon{
  position:absolute;
  left:14px;
  color:#1e3a8a;
  opacity:.9;
  display:flex;
}

.treatbox__chev{
  position:absolute;
  right:14px;
  color:#1e3a8a;
  opacity:.9;
  display:flex;
}

/* Pills */
.treatbox__pills{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap: 12px;
}

.treatbox__pill{
  position: relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 14px;
  background:#f2f6ff;
  border: 1px solid #e6eeff;
  cursor:pointer;
  user-select:none;
}

.treatbox__pill input{
  width: 14px; height: 14px;
  accent-color:#0b4dbb;
}

.treatbox__pill span{
  font-size: 13px;
  color:#334155;
}

.treatbox__pill:has(input:checked){
  background:#0b4dbb;
  border-color:#0b4dbb;
}
.treatbox__pill:has(input:checked) span{
  color:#fff;
}

/* Search */
.treatbox__search{
  position: relative;
  display:flex;
  align-items:center;
  background:#f2f6ff;
  border-radius: 14px;
  height: 44px;
  padding-left: 42px;
}

.treatbox__input{
  width:100%;
  border:0;
  background:transparent;
  outline:none;
  font-size: 14px;
  color:#0f172a;
  padding-right: 14px;
}
.treatbox__input::placeholder{ color:#93a3b8; }

/* Chips */
.treatbox__chips{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:center;
  padding-top: 8px;
}

.treatbox__chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background:#f2f6ff;
  border:1px solid #e6eeff;
  cursor:pointer;
  user-select:none;
}

.treatbox__chip input{
  width: 14px; height: 14px;
  accent-color:#0b4dbb;
}

.treatbox__chip span{
  font-size: 13px;
  color:#334155;
}

.treatbox__chip:has(input:checked){
  background:#0b4dbb;
  border-color:#0b4dbb;
}
.treatbox__chip:has(input:checked) span{ color:#fff; }

.treatbox__more{
  padding: 10px 14px;
  border-radius: 14px;
  border:1px solid #0b4dbb;
  background:#fff;
  color:#0b4dbb;
  font-size: 13px;
  cursor:pointer;
}

/* Toggles */
.treatbox__toggles{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center;
  padding-top: 8px;
}

.treatbox__toggle{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background:#f2f6ff;
  border:1px solid #e6eeff;
  cursor:pointer;
  user-select:none;
}

.treatbox__toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.treatbox__switch{
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background:#c7d2fe;
  position:relative;
  flex: 0 0 auto;
  transition:.2s ease;
}
.treatbox__switch:before{
  content:"";
  width: 16px; height: 16px;
  border-radius:50%;
  background:#fff;
  position:absolute;
  top:2px; left:2px;
  transition:.2s ease;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .18);
}
.treatbox__toggle:has(input:checked) .treatbox__switch{
  background:#0b4dbb;
}
.treatbox__toggle:has(input:checked) .treatbox__switch:before{
  left: 16px;
}

.treatbox__toggleText{
  font-size: 13px;
  color:#334155;
}

/* CTA */
.treatbox__cta{
  display:flex;
  justify-content:center;
  margin-top: 16px;
}

.treatbox__btn{
  padding: 10px 18px;
  border-radius: 10px;
  border: 2px solid #0b4dbb;
  background:#fff;
  color:#0b4dbb;
  font-weight: 700;
  cursor:pointer;
}

.treatbox__note{
  margin: 14px 0 0;
  font-size: 11px;
  color:#93a3b8;
  text-align:center;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 640px){
  .treatbox__card{ padding: 26px 16px 20px; border-radius: 22px; }
}




@media (max-width: 768px){
	.trustpilot, .header-soc {
  display: none;
}

#logo {
  width: 50%;
  margin: 0;
}


#menu .btn-navbar {
  font-size: 15px;
  font-stretch: expanded;
  color: #033E8C;
 
  border: none;
  box-shadow: none;
  margin: 0;
 display: flex;
    align-items: center;
    gap: 12px;
  border-radius: 12px;
  background: rgba(3, 62, 140, 0.05);
  padding: 10px 21px;
}

.phonebtn {
  display: none;
}

.heser-search {
  display: none;
}



.navbar-header {

  max-width: 120px;
    display: flex;
    align-items: center;

}#menu {margin:0;}

#menu #category{
	color: #033E8C;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
padding: 0;
    margin: 0;
}
	
.items-blog, .home-topcats__grid  {
	grid-template-columns: repeat(1, 1fr);
}


.left-form-footer {
  display: none;
}

.righr-form-footer {
  width: 100%;
  padding: 16px;
}
	
}



.blag_diag{
border-radius: 8px;
  border: 1px solid rgba(3, 62, 140, 0.10);
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(12px);
  display: inline-block;
  overflow: hidden;
  color: #033E8C;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  padding: 6px 12px;
}

.mc1__facts.blage{
	justify-content: start;
	gap: 25px;
}
.blage .mc1-fact:first-child{
	border-right:1px solid rgba(83, 89, 154, 0.30);
	padding-right:45px
}
.mc1-fact-infor {
  color: #000;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
letter-spacing: -0.56px;

}


.more_blago_title {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.2px;
}


.more_blago_text {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  margin-top:8px;
}


.uic-sumcard{
  display:flex;
  align-items:center;
  gap:22px;
  flex-direction: column;
  justify-content: center;
  padding:14px 18px;
  border-radius:14px;
  width: 100%;
 
}

.uic-sumcard__icons{
  display:flex;
  align-items:center;
  gap:22px;
}

.uic-sumcard__icon{
  width:64px;
  height:64px;
  border-radius:999px;
  background:#eef1f4;
  display:flex;
  align-items:center;
  justify-content:center;
}

.uic-sumcard__img{
  width:32px;
  height:32px;
  display:block;
}

.uic-sumcard__meta{
  text-align:center;
  line-height:1.15;
}

.uic-sumcard__days{
  font-size:16px;
  font-weight:500;
  color:#222;
  margin-bottom:4px;
}

.uic-sumcard__label{
  font-size:14px;
  font-weight:500;
  color:#1a66ff;
  text-decoration:none;
}

.uic-sumcard__label:hover{
  text-decoration:underline;
}



.uic-treat{
 
}

.uic-treat__title{
  margin:0 0 16px;
  font-size:22px;
  font-weight:700;
  color:#111827;
}

.uic-treat__wrap{
  position:relative;
  padding-bottom: 70px;
}

.uic-treat__viewport{
  overflow:hidden;
  
}

.uic-treat__track{
  /* display:flex; */
  /* gap:26px; */
  /* scroll-snap-type: x mandatory; */
  /* overflow-x:auto; */

  /* scroll-behavior:smooth; */
  /* -webkit-overflow-scrolling: touch; */
}
.uic-treat__track::-webkit-scrollbar{ height: 0; }

.uic-treat__card{
  flex: 0 0 calc((100% - 52px) / 3);
  min-width: 320px;
  background:#fff;
  border-radius:18px;
 
  scroll-snap-align:start;
  overflow:hidden;
}

.uic-treat__media{
  padding: 6px;
  background: transparent;
}
.uic-treat__photo{
  width:100%;
  height: 205px;
  object-fit:cover;
  border-radius:14px;
  display:block;
}

.uic-treat__body{
  padding: 10px 14px 12px;
}

.uic-treat__topline{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding: 2px 2px 8px;
}

.uic-treat__name{
color: #000;

font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.uic-treat__price{
color: #000;

/* Body/1 */
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.uic-treat__clinic{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 10px 10px;
  background:#eef3f8;
  border-radius:12px;
}

.uic-treat__clinic-ava{
width: 89px;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  flex: 0 0 89px;
}
.uic-treat__clinic-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.uic-treat__clinic-title{
  display:inline-block;
color: #033E8C;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.uic-treat__clinic-title:hover{ text-decoration:underline; }

.uic-treat__rating{
  margin-top:4px;
  display:flex;
  gap:2px;
  line-height:1;
}
.uic-treat__star{
  font-size:12px;
  color:#cbd5e1;
}
.uic-treat__star--on{
  color:#f6c338;
}

.uic-treat__bottom{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 6px 4px 2px;
}

.uic-treat__kv{
  flex:1 1 0;
  text-align: center;
  min-height:60px;
}
.uic-treat__k{
color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.uic-treat__v{
color: #033E8C;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.uic-treat__link{
  color:#033E8C;
  text-decoration:none;
}
.uic-treat__link:hover{ text-decoration:underline; }

.uic-treat__sep{
  width:1px;
  height:34px;
  background:#e5e7eb;
  flex:0 0 1px;
  margin-top:2px;
}

/* arrows (right bottom like screenshot) */
.uic-treat__nav{
  position:absolute;
  right: 16px;
  bottom: 25px;
  display:flex;
  gap:10px;
  z-index:3;
}

.uic-treat__btn{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid #2b6cff;
  background:#ffffff;
  color:#2b6cff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
}
.uic-treat__btn:hover{
  background:#2b6cff;
  color:#fff;
}

/* dots/progress bottom left */
.uic-treat__pager{
  display:flex;
  gap:8px;
  align-items:center;
  padding: 10px 6px 0;
}

.uic-treat__dot{
  width:42px;
  height:5px;
  border-radius:999px;
  background:#c7d3e6;
  cursor:pointer;
  border:0;
  padding:0;
}
.uic-treat__dot.is-active{
  background:#2b6cff;
}

/* responsive: 2 cards */
@media (max-width: 1024px){
  .uic-treat__card{ flex-basis: calc((100% - 26px) / 2); }
}

/* responsive: 1 card */
@media (max-width: 640px){
  .uic-treat__card{ flex-basis: 100%; }
  .uic-treat__nav{ right: 10px; }
}


.cyhildre{
	font-size: 40px;
	margin-bottom:40px;
}



.blago {

  position: relative;
  z-index: 9999;
}

.blago__container{
 margin-bottom:40px;
}

.blago__title{
  margin:0 0 6px;
  font-size:26px;
  line-height:1.2;
  font-weight:700;
  color:#111;
  margin-bottom: 25px;
}

.blago__subtitle{
  margin:0 0 16px;
  font-size:13px;
  line-height:1.4;
  color:#222;
}

.blago__carousel{
  overflow:hidden;
}

.blago__track{
  align-items:center;
}

.blago__slide{
  width:auto;              /* важливо для slidesPerView:'auto' */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
}

.blago__slide img{
  display:block;
  height:56px;             /* підганяй під свій макет */
  width:auto;
}



/* ===== Block ===== */
.uch-heroes{

  padding:28px 0 22px;
}
.uch-heroes__container{}
.uch-heroes__title{margin:0 0 28px;font-size:34px;line-height:1.15;font-weight:700;color:#111;}

.uch-heroes__filters{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:26px;
  align-items:end;
}
@media (max-width: 980px){
  .uch-heroes__filters{grid-template-columns:1fr;gap:14px;}
  .uch-heroes__title{font-size:26px;}
}
.uch-heroes__label{margin:0 0 8px;font-size:14px;color:#2b2b2b;font-weight:500;}

/* ===== Range ===== */
.uch-heroes__field--range .uch-heroes__label{margin-bottom:10px;}
.uch-heroes__range-badges{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.uch-heroes__badge{font-size:12px;color:#2b3a55;background:#e1e7f2;padding:4px 10px;border-radius:999px;}
.uch-heroes__range-ui{position:relative;height:22px;display:flex;align-items:center;}
.uch-heroes__range-track{position:absolute;left:0;right:0;height:4px;background:#cfd8ea;border-radius:999px;}
.uch-heroes__range-fill{position:absolute;height:4px;background:#0d3b8c;border-radius:999px;left:0;width:40%;}
.uch-heroes__range-input{
  -webkit-appearance:none;appearance:none;
  width:100%;height:22px;background:transparent;position:absolute;left:0;margin:0;
  pointer-events:none;
}
.uch-heroes__range-input::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;pointer-events:auto;
  width:18px;height:18px;background:#0d3b8c;border-radius:50%;
  box-shadow:0 6px 16px rgba(13,59,140,.25);
  border:2px solid #fff;
}
.uch-heroes__range-input::-moz-range-thumb{
  pointer-events:auto;width:18px;height:18px;background:#0d3b8c;border-radius:50%;
  border:2px solid #fff;box-shadow:0 6px 16px rgba(13,59,140,.25);
}
#uchRangeMax{z-index:3;}
#uchRangeMin{z-index:2;}

/* ===== Dropdown ===== */
.uch-heroes-dd{position:relative;}
.uch-heroes-dd__control{
  width:100%;
  height:52px;
  border:0;
  border-radius:999px;
  background:#eef2f9;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  cursor:pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.uch-heroes-dd__control:focus{
  outline:none;
  box-shadow: 0 0 0 3px rgba(0,82,204,.18), inset 0 1px 0 rgba(255,255,255,.7);
}
.uch-heroes-dd__value{
  color:#9db2d8;
  font-size:15px;
  flex:1;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.uch-heroes-dd.is-selected .uch-heroes-dd__value{color:#1b2a4a;font-weight:500;}
.uch-heroes-dd.is-open .uch-heroes-dd__control{
  box-shadow: 0 0 0 3px rgba(0,82,204,.14), inset 0 1px 0 rgba(255,255,255,.7);
}

/* panel */
.uch-heroes-dd__panel{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 10px);
  background:#fff;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(15,35,75,.12);
  padding:10px;
  display:none;
  z-index:150;
}
.uch-heroes-dd.is-open .uch-heroes-dd__panel{display:block;}

/* search inside */
.uch-heroes-dd__search{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f2f5fb;
  border-radius:14px;
  padding:10px 12px;
  margin-bottom:8px;
}
.uch-heroes-dd__input{
  border:0;
  background:transparent;
  outline:none;
  font-size:14px;
  width:100%;
  color:#1b2a4a;
}
.uch-heroes-dd__input::placeholder{color:#9db2d8;}

/* list */
.uch-heroes-dd__list{
  list-style:none;
  margin:0;
  padding:0;
  max-height:210px;
  overflow:auto;
}
.uch-heroes-dd__item{
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font-size:14px;
  color:#1b2a4a;
}
.uch-heroes-dd__item:hover,
.uch-heroes-dd__item.is-active{
  background:#eef4ff;
}
.uch-heroes-dd__empty{
  padding:10px 12px;
  font-size:13px;
  color:#8aa0c8;
}

/* icons (pure css) */
.uch-heroes-dd__ico{
  width:22px;height:22px;display:inline-block;position:relative;flex:0 0 22px;
}
.uch-heroes-dd__ico--search:before{
  content:"";position:absolute;inset:0;margin:auto;
  width:12px;height:12px;border:2px solid #0d3b8c;border-radius:50%;
  top:2px;left:2px;
}
.uch-heroes-dd__ico--search:after{
  content:"";position:absolute;width:8px;height:2px;background:#0d3b8c;
  transform:rotate(45deg);right:2px;bottom:4px;border-radius:2px;
}
.uch-heroes-dd__ico--chev:before{
  content:"";position:absolute;width:8px;height:8px;
  border-right:2px solid #0d3b8c;border-bottom:2px solid #0d3b8c;
  transform:rotate(45deg);right:6px;top:7px;opacity:.85;
}



.uch-statbar{
  position: relative;
  height: 34px;
  border-radius: 12px;
  background: #edf1f8;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
   grid-column: 1 / -1; 
}

.uch-statbar__track{
  position: absolute;
  inset: 0;
}

.uch-statbar__fill{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(90deg, #7bd3ff 0%, #9a7bff 55%, #c0a3ff 100%);
  opacity: .95;
}

.uch-statbar__left{
  position: relative;
  z-index: 2;
  font-size: 12px;
  color: #1d2b44;
  padding-left: 2px;
  white-space: nowrap;
}

.uch-statbar__right{
  position: relative;
  z-index: 2;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1d2b44;
  font-size: 12px;
  white-space: nowrap;
}

.uch-statbar__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.55);
}

.uch-statbar__icon svg{display:block}





/* Коментарі */
#charityComments .chc-grid{display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:start}
#charityComments .chc-title{margin:0 0 12px;font-weight:800}
#charityComments .chc-item{display:grid;grid-template-columns:72px 1fr 140px;gap:14px;padding:14px;border-radius:16px;margin-bottom:12px}
#charityComments .chc-ava{width:56px;height:56px;border-radius:50%;object-fit:cover}
#charityComments .chc-name{font-weight:700; color: 

/* Body/1 */
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;}
#charityComments .chc-country img{margin-right:10px}
#charityComments .chc-country{opacity:.75;font-size:12px;margin-top:2px; color: var(--Text-primary, #000);

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;}
#charityComments .chc-date{opacity:.7;font-size:12px;text-align:right;margin-top:4px}

#charityComments .chc-text{margin-top:10px;opacity:.9;line-height:1.45;overflow:hidden;



font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
#charityComments .chc-text.is-open{max-height:none}
#charityComments .chc-more{margin-top:8px;background:none;border:0;color:#2e7d32;cursor:pointer;padding:0;font-size:13px}

#charityComments .chc-actions{display:flex;justify-content:center;margin:14px 0}
#charityComments .chc-btn-more{padding:10px 14px;border-radius:10px;border:1px solid #cfd8e3;background:#fff;cursor:pointer}

#charityComments .chc-formbox{background:#fff;border-radius:20px;padding:16px}
#charityComments .chc-inp,#charityComments .chc-ta,#charityComments .chc-sel{width:100%;border:0;background:#eef3fb;border-radius:12px;padding:12px 12px;margin-bottom:10px}
#charityComments .chc-row{}
#charityComments .chc-submit{margin-top:6px;padding:12px 14px;border-radius:12px;border:0;background:#0b3a8d;color:#fff;cursor:pointer}
#charityComments .chc-msg{margin-top:10px;font-size:13px;opacity:.8}

@media(max-width:980px){
  #charityComments .chc-grid{grid-template-columns:1fr}
  #charityComments .chc-item{grid-template-columns:72px 1fr}
  #charityComments .chc-right{display:none}
}


#charityComments {
  margin-bottom: 80px;
}



/* ====== UNIQUE STYLES: ub-don-* ====== */
.ub-don-section{
  padding: 28px 0px;
 
}
.ub-don-wrap{
 
}

.ub-don-card{
border-radius: 24px;
border: 2px solid #FFF;
background: rgba(243, 246, 252, 0.10);
box-shadow: 0 3px 6px 0 #FFF inset;
  overflow: hidden;
}

.ub-don-card__grid{
  display: grid;
  grid-template-columns: 260px 1fr 360px;
  gap: 32px;
  padding: 18px;
  align-items: stretch;
}

/* LEFT IMAGE */
.ub-don-card__media{
  border-radius: 14px;
  overflow: hidden;

}
.ub-don-card__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  min-height: 180px;
}

/* CENTER */
.ub-don-card__body{
  padding: 2px 0;
}
.ub-don-card__titleRow{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.ub-don-card__title{
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
color: #033E8C;


}
.ub-don-card__flag{
  font-size: 18px;
  margin-left:10px;
  vertical-align: middle;
}

.ub-don-card__flag img{

  margin-top: -5px;
}

.ub-don-card__tagRow{ margin: 12px 0 15px; }
.ub-don-card__tag{
border-radius: 8px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding:6px 12px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
margin:6px 0 12px;
}

.ub-don-card__text{
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.45;
  color: #4b5d7a;
  max-width: 520px;
}

/* PROGRESS */
.ub-don-card__progress{ margin: 4px 0 12px; }
.ub-don-card__progressTop{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6px;
  gap: 10px;
}
.ub-don-card__sum{
  font-size: 12px;
  color: #0f2f6a;
  font-weight: 800;
  background: #eaf2ff;
  border: 1px solid rgba(15,47,106,.12);
  padding: 4px 8px;
  border-radius: 10px;
}
.ub-don-card__goal{
  font-size: 12px;
  color: #6a7ea3;
  font-weight: 700;
}
.ub-don-card__bar{
  height: 10px;
  border-radius: 999px;
  background: #e6efff;
  border: 1px solid rgba(15,47,106,.10);
  overflow: hidden;
}
.ub-don-card__barFill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #2f7bff, #8a6cff);
}

/* ACTIONS */
.ub-don-card__actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.ub-don-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(47,123,255,.35);
  background: #ffffff;
  color: #1b57c7;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(47,123,255,.10);
  transition: transform .12s ease, box-shadow .12s ease;
}
.ub-don-card__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(47,123,255,.16);
}

/* Social pills */
.ub-don-card__social{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ub-don-card__soc{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;

}
.ub-don-card__soc--ig:hover, .ub-don-card__soc--ig:focus{
	opacity:.7;
}

.ub-don-card__soc--ig{ color: #d62976; }
.ub-don-card__soc--tt{ color: #111; }
.ub-don-card__soc--yt{ color: #ff0000; }

/* RIGHT SIDE */
.ub-don-card__side{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 6px;
}

.ub-don-card__meta{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
}
.ub-don-card__metaItem{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 35%;
}
.ub-don-card__metaIcon{
  width: 30px;
  height: 30px;


  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.ub-don-card__metaText{ min-width: 0; }
.ub-don-card__metaTop{
 font-size: 14px;
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.ub-don-card__metaSub{
color: #033E8C;
text-align: center;

/* Label/1 */
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.ub-don-card__line{
	width:1px;
height:100%;
background:rgba(83, 89, 154, 0.30);

}

/* Thumbs */
.ub-don-card__thumbs{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}
.ub-don-card__thumbGrid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  flex: 1;
}
.ub-don-card__thumb{
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(15,47,106,.10);
}

.ub-don-card__daysLeft{
width:100%;
text-align:center;
}
.ub-don-card__daysNum{
color: #1E1E1E;
text-align: center;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.ub-don-card__daysLbl{
color: #033E8C;
text-align: center;

/* Label/1 */
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}


.ub-status {
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
}

.ub-status__track {
  position: relative;
  height: 40px;
border-radius: 12px;
border-bottom: 1px solid rgba(83, 89, 154, 0.10);
background: rgba(3, 62, 140, 0.05);

  overflow: hidden;
  padding: 4px;
  box-sizing: border-box;
}

.ub-status__fill {
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(90deg, #5bbcff 0%, #b6a5ff 100%);
  display: flex;
  align-items: center;
  padding-left: 16px;
  box-sizing: border-box;
}

.ub-status__value {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.ub-status__value--left {
overflow: hidden;
color: #000;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ub-status__value--right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
color: #000;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.mc1-avatar img {
  width:320px;
  height: 320px;
  object-fit: cover;
  
  border-radius: 10%;
}


.ub-don-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ub-don-card__photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.ub-don-card__ph img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  border-radius: 10px;
}



/* ====== RESPONSIVE ====== */
@media (max-width: 1020px){
  .ub-don-card__grid{
    grid-template-columns: 240px 1fr;
    grid-template-areas:
      "media body"
      "side  side";
  }
  .ub-don-card__media{ grid-area: media; }
  .ub-don-card__body{ grid-area: body; }
  .ub-don-card__side{ grid-area: side; padding-left: 0; }
}

@media (max-width: 720px){
  .ub-don-card__grid{
    grid-template-columns: 1fr;
    gap: 12px;
	
	display: flex;
    flex-direction: column;
  }
  .ub-don-card__thumbGrid{
    grid-template-columns: repeat(6, 1fr);
  }
  .ub-don-card__thumbs{
    flex-direction: column;
    align-items: stretch;
  }
  .ub-don-card__daysLeft{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ub-don-card__daysLbl{ margin: 0; }
}

.heser-btn-mob, .heser-search-mob{display:none;}


.ub-don-card__tagRow button {
  font-size: 15px;
  padding: 5px 15px;
  margin-left: 15px;
  border-radius: 8px;
}

.mc1-btn.mc1-btn--secondary.mc1-btn--inactive {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #E5BF0099;
  background: rgba(255, 255, 0, 0.2);
}


.mc1-btn.mc1-btn--secondary.mc1-btn--close {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #E5000099;
  background: rgba(255, 0, 0, 0.2);
}

.blag_le {
  display: flex;
  gap: 10px;
}

.blag_le .mc1-btn{
	
	  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;

  background: rgba(255, 0, 0, 0.2);
  padding: 4px 12px;
  margin: 0;

}

@media (max-width: 768px){	
	.heser-btn-mob, .heser-search-mob{display: flex; gap: 5px;
    margin-top: -10px;}
	.ub-don-card__daysNum {
  order: 2;
}
	
	.blag_le {
  display: flex;
  gap: 10px;
  justify-content: center;
}
	
	
	.heser-btn-mob a{
		z-index: 1;
  position: relative;
border-radius: 12px;
border: 1px solid #033E8C;
background: #F6F9FD;
box-shadow: 0 4px 10px 0 rgba(83, 89, 154, 0.20);
padding: 9px 21px;
border-radius: 12px;
/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
	}
	
	
	.heser-btn-mob a:hover{
		color:#F6F9FD;
		background:#033E8C;
	}
	
	.tabs-folder-hero ul.nav.nav-tabs{display:flex;}
	
	.nav-tabs > li.active > a.item, .nav-tabs > li.active > a.item:focus, .nav-tabs > li.active > a.item:hover, .nav-tabs > li > a.item.clur, .nav-tabs > li > a.item.later, .nav-tabs > li > a.item{
		background: none;
    color: #000;
    font-size: 13px;
    margin: 0;
    margin-bottom: 0px;
    padding: 0 15px;
    border: none;
    margin-bottom: 25px;}
	#tab1::before{
		background:none;
	}
	 #tab2 {
    background: #f0fbff;
    padding: 25px;
  }
  
  #tab3 {
    background: none;
    padding: 25px;
    background: #e0fcff;
  }
  
  .nav-tabs > li.active > a.item.clur, .nav-tabs > li.active > a.item.clur:focus, .nav-tabs > li.active > a.item.clur:hover, .nav-tabs > li.active > a.item.later, .nav-tabs > li.active > a.item.later:focus, .nav-tabs > li.active > a.item.later:hover{
	  background:none;
	  color:#000;
  }
  
  .item-tab{
	  height:125px;
	  align-items:center;
  }
	
	.items-tab{
		flex-direction: column;
	}
	.tab-content .tab-pane {
		padding: 25px 25px;
  border-radius: 16px;
	}
	
	.tabs-folder-hero .nav-tabs > li a:after{display:none;}
	
	
	.hero-cta__wrap{
		display: block;
	}
	.hero-cta__desc{
		display: none;
	}
	.contact-mini2 {
 
  flex-direction: column;
}
.contact-mini2__btn{
	width:100%;
	margin:0;
}
.hero-cta__left{
	margin-bottom: 25px;
}


.ub-don-card__tagRow {
 
  display: flex;
  flex-direction: column;
  margin: 0;
}
.ub-don-card__tagRow button{margin-left:0; text-align: left;
margin-bottom:10px;}
	
	
	.all-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.footer_menus__box{
	grid-template-columns: repeat(1, 1fr);
	padding: 20px;
	gap: 0;
}

.all-botom-f {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
}

.bg-footer::before{background:none;}
	
}



@media (max-width: 884px){
.clinic-tabs{
	display:none;
}
.mc1__container{
	grid-template-columns: 1fr;
}
.mc1__title{
	text-align:center;
}
.mc1__left{
	order:1;
}

.mc1__avatar{
	order:0;
}

.mc1__right{
	order:4;
}

.uch-statbar{
	order:3;
}

.uic-treat {
  position: relative;
}

.swiper-container-horizontal > .swiper-pagination-bullets{
	display: none;
}

.header-top {
	padding: 0 10px;
	margin-bottom: 15px;
}
#form-language .dropdown-menu{
	left: -82px;
}

.doc_list__image img{
	max-width:100%;
}

.cyhildre, .blago__title{
font-size: 25px;
}
.uch-heroes__title{font-size: 22px;}
.doc_list__btn{
	width: 100%;
  text-align: center;
}
.doc_list__desc {
  font-size: 15px;
}
	
}