
        :root {
            --blue-light: #9BBFE5;
			--blue-dark: #3A5576;
			--lite-gold: #EFF7FF;
            --white: #FFFFFF;
			--black: #000000;
			--red: #DE5659;
            --border-radius: 50px;
            --transition: all 0.3s ease;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
		
        html {
    scroll-behavior: smooth;
	scroll-padding-top: 80px;
}

/* Для более мягкого эффекта */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
        /* Используем более мягкую кривую */
        scrollbar-behavior: smooth;
    }
    
    /* Добавляем плавность для всех скролл-событий */
    * {
        scroll-behavior: inherit;
    }
}

        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--blue-dark);
            background-color: var(--blue-light);
        }

        .container {
            max-width: 1600px;
            margin: 0 auto;
            /*padding: 0 20px;*/
        }
.moba {
	display:none;
}
#main-content {
    position: relative;
    z-index: 1; 
	margin-top: -121px;
}

body.header-blue.white #main-content {
    background-color:var(--white);
}

#main-content.blurred {
    position: fixed;
    top: 95px;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: 9999; */
    /* padding: 20px; */
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
}


        /* Header */
        header {
            position: relative;
            /*top: 0;*/
            left: 0;
            width: 100%;
            /*background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
            z-index: 1000;
            padding: 20px 0 10px;
			border-bottom: 1px solid #5e5e5e7d;
			transition: top 0.3s;
    /*opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;*/
        }
		
#header .logo/*, #header .vizov*/ {
    z-index: 9999;
}
		
   body.header-blue header{
background: var(--lite-gold);
border-bottom: 0px solid #5e5e5e7d;
  /*  padding: 13px 0 13px;*/
   }

   
 /*  body.header-blue .header-container {
    justify-content: space-between;
    margin: 0 30px;
	align-items: center;
}
*/
/*body.header-blue .logo {
height: 60px;
}
*/
body.header-blue .arrow-circle {
    background-color: var(--lite-gold);
}

body.header-blue .header-container .header-first {
    align-items: center;
}
/*body.header-blue .header-container .header-two {
    padding-top: 5px;
    padding-bottom: 5px;
}
*/
        input:focus {
    outline: none;
    border: 1px solid #ddd;
    /*box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); */
    }
	
	.background-blur-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    z-index: 998; /* Должен быть под .city-dropdown, если у него z-index ниже */
    display: none; /* Скрыт по умолчанию */
}

.city-dropdown.active {
    z-index: 999; /* Убедитесь, что выпадающий список выше оверлея */
}


        .header-container {
           display: flex;
    justify-content: space-around;
    align-items: flex-start;
	margin: 0 35px;
        }

.header-container .header-first {
       display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}
.header-container .header-two {
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap:15px;
	/*padding-top: 9px;*/
}

        /*.logo {
            height: 40px;
        }
*/
        .header-info {
            display: flex;
            align-items: center;
            gap: 30px;
			z-index: 1;
        }


 .location-button {
     display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(20px);
    padding: 12px 16px 12px 22px;
    border-radius: var(--border-radius);
    color: var(--white);
    gap: 25px;
    width: fit-content;
    /*cursor: pointer;*/
    position: relative;
    z-index: 10;
	height: 60px;
    width: 250px;
    }
	
 .header-blue .location-button {
    background-color: var(--white);
    }
	
.point {
	display:none;
}
		
    .location-text {
      text-align: left;
	  line-height: 1.4;
    }
	
 .header-blue .location-text {
    color: var(--blue-dark);
    }	

    .location-title {
      font-weight: bold;
      font-size: 14px;
	  display:flex;
    }

   
    .location-address {
      font-size: 12px;
      margin: 0;
    }


        /* Стили для выпадающего меню */
        .city-dropdown {
    position: absolute;
    top: 100%;
    left: 0%;
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    /* width: 100%; */
    padding: 20px;
    display: none;
    z-index: 9;
    margin: 0 70px;
    right: 0;
        }

        .city-dropdown.active {
            display: block;
        }

        .search-container {
            position: relative;
        }

        .search-input {
          width: 100%;
    padding: 20px 20px 20px 30px;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 18px;
    color: var(--blue-dark);
        }

        .search-icon {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

        .search-icon img {
          width: 58px;
    height: 58px;
    object-fit: contain;
    margin: -25px -30px;
	max-width: 58px;
        }

        .cities-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr); /* 6 колонок */
            gap: 10px;
			    margin: 30px 0 10px;
        }

        .city-item {
    padding: 0px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 15px;
        }

        .city-item:hover {
            color: #DE5659;
        }

        .arrow-circle {
      width: 32px;
      height: 32px;
      background-color:  var(--white);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      
    }

    .arrow-circle:hover {
      transform: scale(1.1);
    }

    .arrow-circle svg {
      width: 16px;
      height: 16px;
      fill: #333; /* Чёрный цвет стрелки */
    }
	
        /* Стили для повернутой стрелки и темного цвета */
        .location-button.open {
			    background-color: var(--white);
				color: var(--blue-dark);
		}

	   .location-button.open .arrow-circle {
            transform: rotate(180deg);
            background-color: var(--blue-dark);
        }

        .location-button.open .arrow-circle img {
            filter: brightness(0) invert(1); /* Меняем цвет изображения на белый, если фон стал темным */
        }
		
  .location-button .arrow-circle:hover {
            background-color: var(--blue-dark)!important;
			transition: none!important;
        }		
 .location-button .arrow-circle:hover  img {
    filter: brightness(0) invert(1)!important;
}	
	.arrow-point {
	display:none;
}

        .phone {
    font-weight: 700;
    font-size: 24px;
    color: var(--white);
	line-height: 120%;
	margin-top: 7px;
	z-index: 1;
 }
	 .phone a {
    color: var(--white);
	    text-decoration: none;
 }
 
 #header.scrolled .phone a, .header-blue.white  .phone a{
    color: var(--blue-dark);
}

	 .header-blue .phone {
    color: var(--blue-dark);
    }
	
       .phone p{
   font-weight: 400;
    font-size: 12px;
        }

/* Основное меню */
.top-menu {
  background-color: rgba(255, 255, 255, 0.2);
    padding: 17px 5px 17px;
    border-radius: var(--border-radius);
    backdrop-filter: blur(20px);
    z-index: 99999;
    height: 60px;
}

 .header-blue .top-menu {
    background-color: var(--white);
    }

.nav-menu {
  display: flex;
  list-style: none;
}

.nav-menu li {
  position: relative; /* Важно для позиционирования dropdown */
}

.nav-menu li a {
  text-decoration: none;
  color: var(--white);
  font-weight: 600;
  padding:   18px 16px 17px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: var(--border-radius);
  white-space: nowrap;
  border: 1px solid transparent;
}

 .header-blue .nav-menu li a{
	 color: var(--blue-dark);
 }

.nav-menu li:last-child {
 border-radius: var(--border-radius);	
}

	
.nav-menu li a:hover,
.nav-menu li a.active,
.menu-item:hover > a {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);

}
.nav-menu li:hover {
	background: transparent;
}

.nav-menu li.other a:hover,
.nav-menu li.other a.active,
.menu-item.other:hover > a 
 {
  background: #9BBFE5;
  border: 1px solid rgba(255, 255, 255, 0.1);

}

.nav-menu li:last-child a{
 padding: 18px 20px;
 
}
.nav-menu li:last-child a:hover {
	padding-right:20px;
}
img.gamb, .menu-item svg  {
	margin-left: 3px;	
}

#header .menu-item svg rect {
	fill:var(--white);
}

#header.scrolled .menu-item svg rect,
body.header-blue #header .menu-item svg rect,
body.header-blue #header.scrolled .menu-item svg rect {
	fill: #3A5576 !important;
}


/* Выпадающее меню */
/*.dropdown {
  position: absolute;
  top: 43px;
  left: -120px;
background: rgba(255, 255, 255, 1);
    color: var(--blue-light);
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
  border-radius: var(--border-radius);
  padding: 25px;
  display: none; 
  column-count: 2; 
   z-index: 999999999;
}



.dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

.dropdown li {
  width: 100%; 
}

.dropdown li a {
  color: var(--blue-dark);
  font-size: 14px;
  text-transform: none;
  font-weight:500;
}

.dropdown li a:hover {
      background: transparent!important;
    font-weight: 600!important;
    padding: 20px!important;
    border: 0!important;
	background-color: transparent!important;
    color: var(--red);
}


.menu-item:hover .dropdown {
  display: block; 
  opacity: 1;
}
*/


/* Основной контейнер для выпадающего меню с отступом */
.dropdown-wrapper {
  position: absolute;
  top: 100%;
  left: -120px;
  padding-top: 20px; /* Отступ сверху */
  display: none;
  z-index: 999999999;
}

.dropdown {
  background: rgba(255, 255, 255, 1);
  color: var(--blue-light);
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  /*backdrop-filter: blur(20px);*/
  border-radius: var(--border-radius);
  padding: 25px;
  display: block;
  column-count: 2;
}

.menu-item.has-dropdown:hover .dropdown-wrapper {
  display: block;
}
.dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

/* Фиксируем отступы для ссылок */
.dropdown li a {
  display: block;
  color: var(--blue-dark);
  font-size: 15px!important;
  text-transform: none;
  font-weight:500;
   padding: 5px!important;

}

header.scrolled .dropdown li a {
    font-size: 14px!important;
}


.dropdown li a:hover {
  background: transparent!important;
  /*font-weight: 600 !important;*/
  color: var(--red) !important;
  background-color: transparent!important;
}

 .btn-primary {
            background-color: var(--white);
            color: var(--blue-dark);
            border: none;
            padding: 28px 50.3px;
            border-radius: 50px;
            cursor: pointer;
            font-weight: 900;
            transition: var(--transition);
            text-decoration: none;
			font-size: 18px;
			text-transform: uppercase;
        }

.reviews-bt .btn-primary {
font-size: 14px;
}
	
.btn-primary.top {		
  padding: 20.5px 0;
    border-radius: 50px;
    color: var(--blue-dark);
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    border: 0;
    width: 184px;
}		
.header-blue .btn-primary.top {	
background-color: var(--blue-dark);
color: var(--white);
}

 
.btn_water{
  cursor: pointer;
  background: var(--white);
  background-image: url('../images/nav-bg-fill-blue.svg');
  background-repeat: repeat-x;
  background-position: 0 -156%;
  transition: 0.7s ease;
}
.btn_water.dark{
  background-image: url('../images/nav-bg-fill-dark-blue.svg');
}

.btn_water.white{
  background-image: url('../images/nav-bg-fill-white.svg');
}
.btn_water:hover{
  background-position: center;
}

.btn_water:nth-child(1){
  filter: hue-rotate(0deg);
}


 .btn-primary.ban {
			font-size: 18px;
        }
    /*    .btn-primary:hover {
            background-color: #3a7bd5;
            transform: translateY(-2px);
        }
	*/	
        .bg_img_blue {
	background: url('../images/blue.jpg') center/cover no-repeat;
	border-radius:var(--border-radius);
     }

          .section-title span{
            color: var(--black);
        }
		   
		   /* Стили при прокрутке */
header.scrolled {
  background-color: rgba(255, 255, 255, 0.2)!important;
  padding: 0; 
  backdrop-filter: blur(40px);
  border-bottom: 0;
      height: 60px;
	  position: fixed;
	top: 0px;
	transition: top 0.3s;
}

header.scrolled .location-button {
  display: none; /* Скрываем выпадающий блок */
}

header.scrolled .logo {
margin-top: 10px;
}

header.scrolled .header-container {
    align-items: center;
}

header.scrolled .header-container .header-first {
   /* margin-top: -10px;*/
	    align-items: center;
}

header.scrolled .phone {
  font-size: 18px; 
  color: var(--blue-dark);
}

header.scrolled .phone p {
  font-size: 12px; 
  color: var(--blue-dark);
}

header.scrolled .top-menu {
  padding: 18px 15px 8px 30px; 
    background-color: inherit!important;
	backdrop-filter: inherit!important;
}

header.scrolled .nav-menu li a {
  font-size: 12px; 
  padding: 18px 20px 16px;
      color: var(--blue-dark);
	  
}

header.scrolled .nav-menu li a:hover {
 background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

header.scrolled .nav-menu li.other a:hover, header.scrolled .nav-menu li.other a.active, header.scrolled .menu-item.other:hover > a {
    background: #9BBFE5;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
	
header.scrolled .btn-primary {
  padding: 13px 20px;
    font-size: 12px;
    background-color: var(--blue-dark);
    color: var(--white);
	margin-bottom: 0px;
	    width: 167px;
}

header.scrolled .dropdown {
    background-color: rgba(255, 255, 255, 1);
	color: var(--blue-light);
}	

header.scrolled .dropdown li a:hover {
    color: #DE5659;
    background-color: transparent!important;
}

        /* Hero Section */
        .hero {
            /*height: 100vh;*/
           /* background: url('../images/bg.jpg') center/cover no-repeat;*/
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
            position: relative;
            padding: 0 20px;
			 border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;

background: linear-gradient(0deg, rgba(155, 191, 229, 0.3), rgba(155, 191, 229, 0.3)), linear-gradient(180deg, #3A5576 0%, rgba(58, 85, 118, 0) 99.97%), linear-gradient(0deg, rgba(58, 85, 118, 0.5), rgba(58, 85, 118, 0.5)), url('../images/bg.jpg') center/cover no-repeat;
background-blend-mode: normal, multiply, multiply, normal, normal, normal, normal;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
           /* background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.3));*/
        }

        .hero-content {
            z-index: 1;
			margin: 190px 0 280px;
        }

        .hero h1 {
            font-size: 52px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }
		
        .hero .z-line-1 {
            font-size: 22px;
			font-weight: 400;
			    margin-bottom: -10px;
        }
	.hero .z-line-2 {
            font-size: 22px;
            margin-bottom: 60px;
			font-weight: 400;
        }
		
       .hero p.zag {
            font-size: 178px;
			font-weight: 900;
			margin: -52px 0 -10px;
        }
        /* Services Section */
        .services {
              margin-top: -175px;
            background-color: var(--white);
        }

        .services-grid {
     display: grid;
    grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
    gap: 7px;
	
        }
	

       .service-card {
 background-color: rgba(255, 255, 255, 0.3); 
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px); 
  border-radius: 50px; 
  padding: 40px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.07); 
}
		

        .service-img-card {
  border-radius: 50px;
  background-color: white; /* Фон под иконкой — белый, чистый */
  margin: 0 auto 20px;
}
		 
		 
        .service-icon {
            width: 70px;
            height: 70px;
            margin: 40px 81px 40px;
        }

        .service-card h3,  .service-card .h3{
            font-size: 16px;
            margin-bottom: 15px;
            color: var(--blue-dark);
			text-align:left;
			    line-height: 120%;
				font-weight: 800;
        }

        .service-card p {
            font-size: 14px;
            color: var(--blue-dark);
			text-align:left;
			    line-height: 120%;
        }

       /* Clinic Services Section */
.clinic-services {
  padding: 50px 0;
  background: url(../images/blue.jpg) center/100% 100% no-repeat;
  margin: -3px 0;
}  
			
body.header-blue .clinic-services {
    padding: 100px 0 50px;
}

.clinic-services .section-title {
  color: var(--black);
  margin-bottom: 40px;
  letter-spacing: -2px;

}

.clinic-services .section-title span {
  color: var(--blue-light);
}

/* Сетка: 2 колонки на десктопе, 1 на мобильных */
.clinic-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Всегда 2 в ряд */
  gap: 30px;
}


.clinic-service-card {
  background: white;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  display: flex;
  align-items: stretch;
  height: 327px;
  position: relative;
  padding: 10px;
}

.clinic-service-card:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

.clinic-service-image-wrapper {
  position: relative;
  width: 75%;
  height: 100%;
  overflow: hidden;
}

.clinic-service-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius:40px;
  /*margin: 10px;*/
    z-index: 1;
}


.clinic-service-image-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(58, 85, 118, 0) 49.67%, #3A5576 100%);
  pointer-events: none;
  border-radius: 40px;
  z-index: 2;
}


.clinic-service-title-overlay {
  position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
  color: var(--white);
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 20px 15px 20px 30px;
  border-radius: 35px;
  backdrop-filter: blur(40px);
      line-height: 1.3;
	  z-index: 3;
}

.clinic-service-content {
  width: 60%;
  padding: 25px 10px 10px 15px;
  display: flex;
  align-items: flex-start;
  overflow-y: auto; /* Если список длинный — прокрутка */
}

.clinic-services .papka {
	 position: absolute;
  top: 20px;
    right: 20px;
    width: 30px;
  z-index: 10; /* Чтобы была поверх других элементов */
  pointer-events: none; /* Если не нужно, чтобы кликалось */

}

.clinic-service-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.clinic-service-list li a{
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: var(--dark-color);
  font-weight: 600;
      text-decoration: none;
}

.clinic-service-list li a:hover{
 color:var(--red);
}
        /* Call to Action Section */
.cta-section {
  padding: 50px 0 100px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: url(../images/blue.jpg) center/100% 100% no-repeat;
}
.cta-section.pad70 {
	    padding: 70px 0 100px;
		z-index: 1;
    position: relative;
}


.cta-container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  background: var(--blue-light); /* Светло-голубой фон как на скриншоте */
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  padding: 10px;
  
}

/* Контент слева */
.cta-content {
  flex: 1;
  min-width: 300px;
  color: white;
  text-align: left;
  padding: 40px 40px 0;
}

.cta-logo {
  margin-bottom: 30px;
}

.art-text-detail .cta-section.pad70.home .cta-logo {
    margin-bottom: 25px;
}

.cta-logo img{
width: 218px;
}
.cta-content .h2 {
  font-size: 54px;
  line-height: 110%;
  margin: 40px 0;
  font-weight: 900;
  text-transform: uppercase;
}

.art-text-detail .cta-section.pad70.home .cta-content .h2 {
	    margin: 40px 0 25px;
}

.art-text-detail .cta-content .h2 {
  font-size: 44px;
}
.art-text-detail .cta-section.pad70.home .cta-content .h2 {
    font-size: 42px;
}

.cta-content .h2 strong {
  color: var(--blue-dark);
  font-weight: 900;
}

.cta-badges {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 107px;
  align-items: flex-start; 
}

.art-text-detail .cta-badges {
    margin-top: 40px;
}

.badge {
	
	/*border: 1px solid var(--blue-dark);
	color: var(--blue-dark);
	padding: 15px 30px;
	*/
   
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
	max-width: max-content;
	line-height: 110%; 
	
	color: var(--blue-dark);
    text-transform: uppercase;
    border: 1px solid var(--white);
    padding: 0px 15px;
    height: 47px;
    background-color: var(--white);

}

.art-text-detail .badge {
    font-size: 14px;
}
.art-text-detail .cta-section.pad70.home  .badge{
	font-size: 13px;
}

.badge::before {
  /*content: "•";
  margin-right: 8px;
  */
  color: var(--blue-dark);
  font-weight: bold;
  
  content: "";
  background: url(../images/galka_r.svg) 0% 108% no-repeat;
  width: 22px;
  height: 22px;
 margin: 0 10px 0 0px;
	
}

/* Форма справа */
.cta-form-wrapper {
  position: relative;
  flex: 1;
  border-radius: var(--border-radius);
  overflow: hidden;
  padding: 285px 50px 15px;
  background: url('../images/foto1.jpg') center/cover no-repeat;
}

.art-text-detail  .cta-form-wrapper {
    padding: 155px 50px 15px;
}

.cta-form-wrapper .papka{
      position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
	    transform: rotate(270deg);
}

.cta-form-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cta-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.8); /* Приглушаем изображение */
}

.cta-form  form{
 position: relative;
  padding: 20px;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-end;
}

.art-text-detail .cta-form form {
    padding: 20px 0;
}

.form-group {
  margin-bottom: 0;
}
.cta-form .form-group {
	margin-bottom: 0px!important;
}

.form-control {
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  background: var(--white);
  color: var(--blue-dark);
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.form-control::placeholder {
  color: #999;
}

.form-check {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 13px;
}

.custom-checkbox-svg {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
}
.cta-form .checkbox-label {
	color:white!important;
	    font-size: 18px!important;
}

.art-container .cta-section-footer.form-arts   .cta-form .checkbox-label {
    font-size: 14px!important;
}
	
.art-text-detail .cta-form .checkbox-label {
    font-size: 14px!important;
}

.cta-form .checkbox-label a:hover{
	text-decoration:none;
}


.cta-title-overlay {
	background-color: rgba(255, 255, 255, 0.2);
    padding: 17.4px;
    border-radius: var(--border-radius);
    backdrop-filter: blur(15px);
	width: 100%;
}

.form-check a {
  color: var(--white);
  text-decoration: underline;
}

.btn-cta {
  width: 100%;
  padding: 25px;
  border-radius: var(--border-radius);
  background-color: var(--blue-light);
  color: var(--white);
  border: none;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.5px;
}


        /* Advantages Section */
        .advantages {
            padding: 80px 0 120px;
			position:relative;
        }
		
	body.header-blue .advantages {
    background-color: var(--blue-light);
}

        .advantages .section-title {
		color:var(--white);	
		margin-bottom: 20px;
		}
	.advantages .section-title span {
		color:var(--blue-dark);	
		}
	.advantages-p{ 
	text-align: center; 
	margin-bottom: 50px;
	font-size:18px;
	padding: 0 17%;
	line-height: 120%;
	}
.advantages .papka {	
position: absolute;
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 10;
    pointer-events: none;
    transform: rotate(90deg);
}
    .advantages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
            gap: 5px;
			background-color: var(--lite-gold);
			border-radius: var(--border-radius);
			padding: 10px;
        }
		
.advantages.ourpreim .advantages-grid {
       margin-bottom: -488px; 
}

        .advantage-card {
         
            border-radius: 40px;
            padding: 40px;
            text-align: center;
            box-shadow: var(--box-shadow);
            transition: var(--transition);		
	background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
        }
        .advantage-img-card {
	    padding: 25px;
    border-radius: 30px;
    background-color: var(--lite-gold);
    margin: 0 auto 40px;
    border: 1px dashed #AFCAE780;
		}


        .advantage-icon {
            width: 70px;
            height: 70px;
            margin: 20px auto 20px;
        }

        .advantage-card .h33 {
            font-size: 18px;
    margin-bottom: 15px;
    color: var(--black);
    text-align: left;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
        }

        .advantage-card p {
    font-size: 18px;
    color: var(--blue-dark);
    text-align: left;
    font-weight: 100;
	line-height: 120%;
	margin-right: 30px;
        }

 /* Partners Section */

.partners {
padding: 330px 0 0;
    margin-top: -355px;
	border-radius: 50px;
	
}
.partners .container {
border-radius: 50px;
    border: 1px solid rgba(155, 191, 229, 0.3);
	padding: 10px 40px 10px 10px;
    background-color: var(--white);
}

.partners-header {
  margin-bottom: 20px;
}

.partners-main {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

/* Левая колонка */
.partners-left {
 flex: 1;
    min-width: 300px;
    background-color: var(--lite-gold);
    padding: 35px 35px 10px;
    border-radius: 40px;
}

.partners-left h3 {
  font-size: 18px;
  color: var(--blue-dark);
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* Логотипы партнёров */
.partners-logos {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.partner-row {
     display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.partner-row-bottom {
  align-items: flex-start; /* чтобы заголовок не растягивался по высоте */
}

.partner-item {
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: center;
    gap: 8px;
}

.partner-logo {
  object-fit: contain;
      max-height: 70px;
}

.partner-caption {
  font-size: 12px;
  line-height: 120%;
  color: var(--blue-dark);
  margin-top: 5px;
  font-weight: 400;
  max-width: 240px;
}

.partner-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  color: var(--blue-dark);
  white-space: pre-line;
  min-width: 180px;
  text-align: left;
font-weight: 900;
line-height: 120%;
margin-top: -15px;
}
}

/* Слайдер документов */
.documents-slider {
  position: relative;
  padding: 20px 0 20px 5px;
}

/* Стилизация слайдов (для Slick Slider) */
.document-slide {
  display: flex!important;
  justify-content: center;
      padding: 3px;
	  flex-direction: column;
	  position: relative;
    overflow: hidden;
}

.document-slide a{
    z-index: 11;
   /* position: inherit;*/
}


.document-slide:hover {
box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
}

.document-img {
 width: 131px;
    object-fit: cover;
    border-radius: 5px;
}


/* Скрыть лупу по умолчанию */
.document-slide .zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
}

/* Показать лупу при наведении */
.document-slide:hover .zoom-icon {
    opacity: 1;
}

/* Серый фон при наведении */
.document-slide:hover .document-img {
    filter: brightness(0.7);
}

/* серый фон */
.document-slide:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   /* background-color: rgba(0, 0, 0, 0.3); */
    z-index: 5;
}


/* Стили для кастомных стрелок */
.slick-prev,
.slick-next {
 width: 45px!important;
    height: 45px!important;
     background-color: white !important;
    border-radius: 50%;
    display: flex!important;
    align-items: center;
    justify-content: center;
    cursor: pointer!important;
    transition: background-color 0.3s ease, transform 0.3s ease;
    z-index: 10;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
	cursor: pointer;
}


/* При наведении на кнопку (обёртку) */
.slick-prev:hover,
.slick-next:hover {
  transform: scale(1.1);
  background-color: var(--blue-dark) !important; /* Темно-голубой фон */
}

/* Стрелка влево */
.slick-prev {
  left: -20px!important;
  transform: translateY(-50%) rotate(90deg)!important;
}

/* Стрелка вправо */
.slick-next {
 right: -20px!important;
 transform: translateY(-50%) rotate(-90deg)!important;
}

/* Убираем стандартные стрелки */
.slick-prev::before,
.slick-next::before {
  content: '';
  display: none;
}

/* Внутри стрелки — SVG */
.slick-prev img,
.slick-next img {
width: 10px;
    height: 10px;
    fill: var(--blue-dark);
	transition: filter 0.3s ease; /* Плавный переход фильтра */
}

/* Для Safari — если SVG не работает */
.slick-prev svg,
.slick-next svg {
  width: 16px;
  height: 16px;
  fill: #333;
}

/* При наведении на кнопку — изображение становится белым */
.slick-prev:hover img,
.slick-next:hover img {
  filter: brightness(0) invert(1) !important; /* Белая стрелка */
}


/* Правая колонка */
.partners-right {
flex: 1;
    min-width: 300px;
    padding-top: 30px;
	    position: relative;
}

.partners-right p {
    margin-bottom: 20px;
    color: var(--gray-dark);
    font-size: 18px;
    line-height: 140%;
}

.btn-more {
  display: block;
  background-color: var(--blue-light);
  color: white;
  border: none;
  padding: 21px;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

        /* Doctors Section */
        .doctors {
        padding: 80px 0 0;  	
        }
	 body.header-blue .doctors {
    background-color:var(--white);
	border-radius: 0;
}	
		
	body.header-blue.white .doctors  {
		padding: 0 0 90px;
	}
	
	body.header-blue.white .doctors .price-tab, body.header-blue.white .doctors .price-tab-doc{
		padding: 23px 0px;
	}
	body.header-blue.white .doctors .btn-primary {
		font-size: 18px;
	}
		
	body.header-blue.white .doctors .doctors-slider {
    padding: 30px 0;
    }
	
        body.header-blue.white .doctors .all-pay {
    margin-bottom: 80px;
    }

      .doctors .container {
      border: 0px solid var(--lite-gold); 
      padding: 0;
      background-color: transparent;  
	  }
	  
	.doctors  .section-title {
	margin-bottom: 0px;
	}
		  
        .doctors-slider {
            padding: 20px 0;
			position: relative;
        }

        .doctors-container,.doctors-container-flex,  .doctors-container-art{
            display: flex;
            gap: 20px;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            padding: 20px 0;
			position:relative;
			height: 610px;
        }
		
	.doctors-container-art, .doctors-container-art .slick-list{
			height: 550px;
        }	
		
.doctors-container-flex {
           display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px; /* Отступы между блоками */
  width: 100%;
  box-sizing: border-box;
  height: auto;
        }
		
         .doctor-info {
    position: absolute;
    top: 36%;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    background: linear-gradient(333deg, white, transparent);
    height: 95px;
    align-items: center;
		 }
		 
        .doctor-card,  .doctor-card-art,  .doctor-card-doc{
            min-width: 250px;
            background: white;
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: var(--box-shadow);
            transition: var(--transition);
			padding: 20px 7px 7px;
			position: relative;
			border: 1px solid var(--lite-gold);
			margin: 0 5px;
    transition: opacity 0.3s ease; /* Для плавного эффекта */
        }
		
 .doctor-card-art {
			height:515px ;
        }
		
        .doctor-card:hover, .doctor-card-art:hover,  .doctor-card-doc:hover {
            box-shadow: 0 8px 24px rgba(0,0,0,0.1);
        }
      .doctor-card .papka, .doctor-card-art .papka, .doctor-card-doc .papka{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
      }

        .doctor-image {
            width: 100%;
            object-fit: cover;
			display:block;
			    max-height: 276px;
        }
		
          .doctor-name{
            font-size: 18px;
            color: var(--blue-dark);
			font-weight:600;
			line-height: 120%;
        }
		
        .doctor-name span {
			font-weight:900;
        }
		
              .doctors-spec {
	background-color: var(--lite-gold);
    border-radius: 40px;
	padding:25px;
	min-height: 245px;
	    display: flex;
    flex-direction: column;
    justify-content: flex-end;
           }
	.doctor-bt	{
		display: flex;
		text-align: center;
		    gap: 10px;
	}

	
	.doctors-spec .btn-primary {
           background-color: var(--blue-light);
		   color: var(--white);
		   width: 100%;
		   margin-bottom: 5px;
		   padding: 13px;
		   font-weight: 700;
	}
	
        .doctor-specialty {
           font-size: 16px;
    color: var(--gray-dark);
    margin-bottom: 15px;
    /*min-height: 20px;*/
	line-height: 120%;
        }
	
.articles.page .doctor-specialty {
	min-height: 60px;
}

	
.doctor-specialty:last-of-type {
    margin-bottom: 37px;
        }
        
        /* Path to Recovery Section */
.path-to-recovery {
  padding: 80px 0 100px;
  background: url('../images/5step.jpg') center/cover no-repeat;
  color: white;
}

.path-container {
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
}

/* Левая колонка */
.path-text {
  /*flex: 1;
  min-width: 300px;*/
  padding: 0 100px 0 0;
}

.path-text .h22 {
 font-size: 54px;
    padding-bottom: 147px;
    color: var(--blue-dark);
    font-weight: 900;
    line-height: 1.1;
}

.path-text .h22 span {
  color: var(--white);
}

.path-text p {
    color: var(--blue-dark);
    line-height: 1.6;
	font-size: 22px;
	line-height: 120%;
}

/* Правая колонка — слайдер */
.path-slider-wrapper {
  /*flex: 1;
  min-width: 300px;*/
  position: relative;
}

.path-slider {
     background: #3A5576;
    border-radius: 40px;
    padding: 30px 50px 30px 50px;
    box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
    width: 795px;
    height: 570px;
}

/* Стили слайда */
.path-slide {
  padding: 0px 0 -70px;
  text-align: center;
  display: flex; /* ✅ Добавляем flex */
  flex-direction: column; /* ✅ Вертикальная ориентация */
  height: 100%; /* ✅ Занимает всю высоту слайда */
}

.path-slider .slick-prev, .path-slider .slick-next {
border: 10px solid var(--blue-light);
border-radius: 500px;
width: 60px!important;
height: 60px!important;
}
.path-slider .slick-prev {
    left: -30px!important;
}
.path-slider .slick-next {
    right: -30px!important;
}

.slide-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.step-icon {
  width: 130px;
  height: 130px;
  margin-bottom: 15px;
}

.slide-number {
        padding: 14px 30px;
    border-radius: 50px;
    font-size: 18px;
    color: var(--blue-light);
    border: 1px solid var(--blue-light);
}

.path-slide .eh3 {
      font-size: 24px;
    margin-bottom: 15px;
    color: white;
    font-weight: 900;
    text-align: left;
    line-height: 1.2;
	height: 50px;
}

.path-slide p {
  margin-bottom: 100px;
  color: var(--white);
  font-size: 18px;
  text-align: left;
  height: 70px;
  font-weight: 400;
  line-height: 120%;
}

.btn-path {
  width: 100%;
  padding: 22px 21px;
  border-radius: 30px;
  background-color: var(--white);
  color: var(--blue-dark);
  border: none;
  font-weight: 900;
  cursor: pointer;
  /*transition: all 0.3s ease;*/
  font-size: 18px;
  margin-top: auto; 
}

.btn-path:hover {
  background-color: var(--white);
  /*transform: translateY(-2px);*/
}
        /* Prices Section */
.prices {
  padding: 80px 0;
}

.prices.bg_img_blue {
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	background-color: white!important;
    background: transparent;
}

.price-tabs {
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
  margin-bottom: 30px;
gap:10px;
}

.price-tab,  .price-tab-m, .price-tab-doc{
	flex: 1;
 padding: 23px 50px;
    border: 1px solid var(--blue-dark);
    border-radius: 15px;
    cursor: pointer;
    transition: var(--transition);
    font-size: 18px;
    color: var(--blue-dark);
    background: transparent;
	font-weight: 600;
	text-align: center; 
  min-width: 0;
}

.price-tab.active, .price-tab:hover,   .price-tab-m.active, .price-tab-m:hover, .price-tab-doc.active, .price-tab-doc:hover{
  background: var(--blue-dark);
  color: white;
}

.prices-grid-six {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 40px;
}

.price-card {
  background: var(--white);
    border-radius: var(--border-radius);
    padding: 24px;
    text-align: center;
    /* box-shadow: var(--box-shadow); */
    border: 1px solid rgba(155, 191, 229, 0.3);
	position: relative;
}



.price-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.price-title {
    font-size: 18px;
    margin-bottom: 15px;
    color: var(--blue-dark);
    text-align: left;
	min-height: 73px;
	/*max-width: 80%;*/
	line-height: 120%;
	font-weight: 700;
	padding-top: 30px;
}
.seo-text.p_top_100 {
padding: 400px 0 50px;	
}
.price-description {
  font-size: 16px;
    color: var(--blue-dark);
    margin-bottom: 0px;
    text-align: left;
	line-height: 120%;
	min-height: 80px;
}

.prices-grid-six .price-description {
      min-height: 90px;
}

.price-amount {
  font-size: 24px;
    font-weight: 700;
    color: var(--blue-dark);
    margin-bottom: 20px;
}

.btn-price {
  width: 100%;
  padding: 16px;
  border-radius: 50px;
  background-color: var(--blue-light);
  color: white;
  border: none;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
}


.prices .btn-primary, .all-pay.all-uslugi .btn-primary, .doctors .all-pay .btn-primary, .clinic-services .all-pay .btn-primary{
	    border: 1px solid var(--blue-dark);
		padding: 25px 60px;
}

.prices .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
}
.all-pay {
	text-align: center;
	margin-top: 70px;
}

.doctors .all-pay {
	margin-top: 10px;
}

.all-pay.all-uslugi {
	text-align: left;
}

        /* Reviews Section */
        .reviews {
            padding: 80px 0;
            background-color: var(--blue-light);
			
        }
		
	body.header-blue .reviews.bg_img_blue.new.about {
		padding: 45px 0 80px;	
	}
	
        .reviews.bg_img_blue {
			border-radius: 0;
			background: url(../images/blue.jpg) 0% 12% no-repeat;
		}
		
        .reviews-slider {
            position: relative;
            padding: 20px 0 40px;
        }

        .reviews-container {
            display: flex;
            gap: 0;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            padding: 20px 0;
        }

        .review-card {
            min-width: 300px;
            background: white;
            border-radius: var(--border-radius);
            padding: 25px 30px;
            box-shadow: var(--box-shadow);
			border: 1px solid rgba(155, 191, 229, 0.3);
			position: relative;
			 margin-right: 15px;
			     margin: 0 7px;
        }

        .review-author {
            font-weight: 700;
            color: var(--blue-dark);
    font-size: 18px;
        }

      .review-rating {
  display: flex;
  gap: 2px;
      padding: 15px 0;
}
.star,.star-n, .star-p {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.star {
  background-image: url('../images/star.svg');
}
.star-n {
  background-image: url('../images/star-n.svg');
}
.star-p {
  background-image: url('../images/star-p.svg');
}

.modal-review {
	display: none; 
	max-width: 61.625rem;
	max-height: 90vh;
	padding: 40px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
	background: #fff;
    box-shadow: 0 0 3.75rem rgb(120 144 156 / 20%);
    border-radius: 30px;
}

.modal-review .logo-flex {
    display: flex;
    align-items: center;
    margin: 0 0 1.875rem 0;
}
.modal-review .logo-flex .mini-logo {
    margin: 0 0 0 35px;
}
.modal-review .logo-flex .mini-logo img{
   height: 25px;
}

.modal-review .n {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 10px 0;
}

.modal-text {
font-weight: 400; 
line-height: 140%;	
}
        .review-text {
            margin-bottom: 20px;
    color: var(--blue-dark);
    line-height: 1.5;
    font-size: 14px;
	    min-height: 190px;
		
        }
		
.reviews-bt {
  padding: 10px 0 10px;
    text-align: center;
    /* width: 100%; */
    display: grid;
	margin: -47px 0 0;
}

.reviews-bt .btn-primary {
  background-color: var(--lite-gold);
    color: var(--blue-dark);
	padding: 18px 0;
}
        .btn-show-more {
    margin: 30px auto;
    padding: 23.5px 50.4px;
    border-radius: var(--border-radius);
    color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
	font-size: 18px;
	background-color: transparent;
        }
		
	.reviews .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
}
     .all-reviews {
		 text-align:center;
	 }
.reviews  .slick-next {
 right: -10px!important;
}

    /* Facilities Section */
.facilities {
  /*background-color: #f0f7ff; /* Светло-голубой фон как на скриншоте */
padding: 60px 0;
 background: linear-gradient(to bottom, transparent 85%, white 100%),
        url(../images/blue.jpg) 0 190% repeat;
   /*margin: -3px 0 -1px;*/
}

body.header-blue .lic.facilities {
    padding: 0 0 100px;
	border-radius: 0 0 var(--border-radius) var(--border-radius);
	background-color: var(--white);
}


.facilities-logo {
margin: 40px 0 0 40px;
}

.facilities-container {
      padding: 5px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(155, 191, 229, 0.3);
	    background-color: var(--white);
		position: relative;
}

/* Верхняя часть: лого + заголовок + текст */
.facilities-header {
  display: flex;
  gap: 8%;
  margin: 40px 40px 0 40px;
  align-items: flex-start;
  justify-content: space-between;	
}

.facilities .h2.section-title  {
  line-height: 1;
      text-align: left;
}


.facilities-title p {
  margin: 0;
  color: var(--gray-dark);
  line-height: 120%;
  font-size: 22px;
}

/* Сетка карточек */
.facilities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 10px;
  grid-auto-rows: 300px; /* Фиксируем высоту карточек */
  padding: 10px 10px 0;
}

.facilities-grid-big {
 display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 10px;
    grid-auto-rows: 300px;
    margin-top: 60px;
    padding: 0 10px 10px;
    height: 353px;
}

/* Карточка */
.facility-card {
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
  height: 345px;
}

.facility-card:hover {
  /*transform: translateY(-5px);*/
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}


.facility-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.3s ease;
}


.facility-card:hover .facility-image {
  filter: brightness(0.7); /* уменьшаем яркость до 70% */
}

/* Полупрозрачная плашка внизу */
.facility-overlay {
  position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
    color: var(--white);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 40px;

}

.facilities .papka {
	position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
}
.fancybox__slide .fancybox__content {
  border-radius: 40px;
  overflow: hidden;
}

.fancybox__content>.carousel__button.is-close {
    top: 13px!important;
    right: 20px!important;
    color: var(--black)!important;
}

        /* Guarantees Section */
.guarantees {
  padding: 60px 0;
background-color: white;
margin: -1px 0 -1px;
}

.guarantees-container {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    /*background: url(../images/lech/bg_city.jpg) left/cover no-repeat;*/
    border-radius: var(--border-radius);
    padding: 10px;
background: 
    linear-gradient(0deg, rgba(155, 191, 229, 0.9), rgba(155, 191, 229, 0.9)),
    linear-gradient(0deg, #9BBFE5, #9BBFE5),
    url(../images/lech/bg_city.jpg) left/cover no-repeat;
background-blend-mode: normal, overlay, normal;
}


.guarantees-right {
  flex: 1;
}

/* Сетка карточек */
.guarantee-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));
  gap: 5px;
}

/* Карточка */
.guarantee-card {
  background: white;
  border-radius: var(--border-radius);
  padding: 30px 30px 50px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.guarantee-card.nowhite {
background: transparent;
/*padding-left: 50px;	*/
}

.guarantee-img-card {
    padding: 43px;
    border-radius: 30px;
    background-color: var(--lite-gold);
    margin: 0 auto 24px;
    border: 1px dashed var(--blue-light);
}
.guarantee-icon {
    width: 60px;
    height: 60px;
    margin: 20px auto 20px;
}

.guarantee-card.nowhite  p {
   font-size: 24px;
    line-height: 120%;
}


.guarantee-card .section-title {
	color: var(--white);
    text-align: left;
    line-height: 120%;
	margin-bottom: 80px;
}

.guarantee-card .section-title span{
	color:var(--blue-dark);
}

.guarantee-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
}

.guarantee-card .gh3 {
     font-size: 18px;
    margin-bottom: 10px;
    color: var(--blue-dark);
    font-weight: 900;
	text-align: left;
}

.guarantee-card p {
   font-size: 18px;
    color: var(--blue-dark);
    line-height: 1.5;
    text-align: left;
}
.guarantee-card a {
color: rgba(155, 191, 229, 1);
    text-decoration: none;
}
.guarantees .papka {
	position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
}


   /* FAQ Section */
.faq {
  padding: 60px 0;
  background-color: var(--white);
}

.section-title {
  font-size: 54px;
  text-align: center;
  margin-bottom: 40px;
  color: var(--black);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.1;
}

body.header-blue .section-title.left {
text-align: left;	
}

.section-title span {
  color: var(--blue-light);
}

/* Контейнер для двух колонок */
.faq-columns {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.faq-column {
  flex: 1; /* Занимает равное пространство */
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* Карточка вопроса */
.faq-item {
  border-radius: var(--border-radius);
  border: 1px solid rgba(155, 191, 229, 0.3);
  overflow: hidden;
  margin-bottom: 0; /* Убираем внешний отступ, т.к. используется gap */
}

.faq-question {
  padding: 20px 20px 20px 40px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: var(--blue-dark);
      font-size: 18px;
	      gap: 15px;
		      line-height: 120%;
}

/* Ответ */
.faq-answer {
  padding: 20px 20px 20px 40px;
  display: none;
  color: var(--blue-dark);
  line-height: 1.6;
  font-size: 16px;
}

.faq-answer.show {
  display: block;
}

/* Кнопка плюс/минус */
.faq-toggle {
    width: 24px;
    height: 24px;
    background: var(--blue-dark);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
    transition: var(--transition);
    padding: 15px;
    /*box-sizing: content-box;*/
}

.faq-toggle span {
    font-size: 20px;
    line-height: 1;
}


        /* Final CTA Section */
   .cta-section-footer {
  padding: 50px 0 100px;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: url(../images/blue.jpg) center/100% 350% no-repeat;
      margin-bottom: -41px;
    position: relative;
	margin-top: -2px;
	z-index: 1;
}

.art-text-detail .cta-section-footer {
    background: none;	
}
.cta-section-footer .cta-container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  background: var(--blue-dark);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  padding: 10px;
  
}

/* Контент слева */
.cta-section-footer .cta-content {
  flex: 1;
  min-width: 300px;
  color: white;
  text-align: left;
  padding: 40px 40px 0;
}

.cta-section-footer .cta-logo {
  margin-bottom: 30px;
}

.cta-section-footer  .z1, .cta-section-footer  .z2 {
  font-size: 54px;
  line-height: 1;
  margin-bottom: 70px;
  font-weight: 900;
  text-transform: uppercase;
  color:var(--white);
}
.art-container .cta-section-footer.form-arts .z1, .art-container .cta-section-footer.form-arts .z2  {
	font-size: 43px;
}

.art-text-detail .cta-section-footer .z1, .art-text-detail .cta-section-footer .z2 {
    font-size: 44px;
	margin-bottom: 50px;
}

.cta-section-footer  .z2 {
  color: var(--blue-light);
}

/* Форма справа */
.cta-section-footer .cta-form-wrapper {
  position: relative;
  flex: 1;
  border-radius: 40px;
  overflow: hidden;
  padding: 285px 50px 0px;
  background: url('../images/cta-footer-new.jpg') center/cover no-repeat;
}

.art-container .cta-section-footer.form-arts .cta-form-wrapper {
  padding: 200px 50px 0px;
}

.art-text-detail .cta-section-footer .cta-form-wrapper {
    padding: 155px 50px 0px;
}

.cta-section-footer .cta-form-wrapper .papka{
      position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
	transform: rotate(0);
}

.cta-section-footer.s_docs  .cta-form-wrapper .papka{
	transform: rotate(270deg);
}

.cta-section-footer .cta-form-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cta-section-footer .cta-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.8); /* Приглушаем изображение */
}

.cta-section-footer .cta-form {
 position: relative;
  /*padding: 20px;*/
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-end;
}

.cta-section-footer .form-group {
  margin-bottom: 0;
}

.cta-section-footer .form-control {
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  background: var(--white);
  color: var(--blue-dark);
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.cta-section-footer .form-control::placeholder {
  color: #999;
}

.cta-section-footer .form-check {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 13px;
}

.cta-section-footer .custom-checkbox-svg {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
}


.cta-section-footer .cta-title-overlay {
	background-color: rgba(255, 255, 255, 0.1);
    padding: 17.4px;
    border-radius: var(--border-radius);
    backdrop-filter: blur(20px);
	width: 100%;

}

.cta-section-footer .form-check a {
  color: var(--white);
  text-decoration: underline;
}

.cta-section-footer .btn-cta, .btn-cta.btn_water.white {
  width: 100%;
  padding: 19.5px;
  border-radius: var(--border-radius);
  background-color: var(--red);
  color: var(--white);
  border: none;
  font-weight: 600;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 0.5px;
}

.cta-section-footer .btn-cta:hover, .cta-section .btn-cta.btn_water.white:hover , .art-container .btn-cta.btn_water.white:hover{
  color: var(--red);
}



/* Footer */
footer {
  color: var(--white);
  padding: 122px 0 30px;
  /*background: url('../images/footer.jpg') center/cover no-repeat;*/
  position: relative;
  background: linear-gradient(0deg, rgba(58, 85, 118, 0.7), rgba(58, 85, 118, 0.7)), linear-gradient(0deg, #3A5576, #3A5576), url(../images/bg_bt.jpg) center/cover no-repeat;
background-blend-mode: normal, multiply, normal;
    z-index: 0;
}

.footer-content {
  position: relative;
  z-index: 1;
}

/* Верхняя строка: лого + меню */
.footer-header {
display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
}

.footer-logo-col {
  flex: 0 0 200px;
}

.footer-logo-pk {
  height: 70px;
}

.footer-menu-col nav ul {
  display: flex;
    list-style: none;
    padding: 10px 0px;
    margin: 0;
    gap: 75px;
}

.footer-menu-col nav li a {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid transparent;
  padding: 20px 23.5px 22px;
  border-radius: var(--border-radius);
  text-transform: uppercase;
}

.footer-menu-col nav li:first-child a {
padding-left: 50px;
}

.footer-menu-col nav li:last-child a {
padding-right: 50px;
}
.footer-menu-col nav li a:hover {
    color: var(--blue-light);
}
/* Тонкая линия под заголовком */
.footer-divider {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 0 0 50px;
}

/* Основное содержимое */
.footer-main {
  display: flex;
  gap: 152px;
  margin-bottom: 50px;
}

/* Левая колонка */
.footer-left {
  flex: 0 0 340px;
}

.footer-contact {
  margin-bottom: 175px;
}

.footer-contact .phone-pk {
  font-size: 34px;
  margin-bottom: 10px;
  font-weight: 500;
}

.footer-contact p {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
    font-weight: 400;
	 line-height: 100%;
}
.footer-contact p span{
    font-weight: 700;
}
.footer-contact .msk {
    margin-bottom: 10px;
}
	
.footer-contact a {
 color:white;
 text-decoration:none;
   font-size: 18px;
    font-weight: 700;
}
.footer-contact a:hover {
 color:var(--blue-light);

}

.footer-disclaimer {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.6);
  line-height: 120%;
  margin-top: 20px;
}

/* Правая колонка */
.footer-right {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
    background: rgba(255, 255, 255, 0.05);
    padding: 50px;
    border-radius: 35px;
    backdrop-filter: blur(20px);
	max-width: 1100px;

}
.footer-menu-col {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 9px 3px 10px 3px;
    border-radius: var(--border-radius);
    backdrop-filter: blur(2px);	
}

.footer-links-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links-col li {
  margin-bottom: 8px;
}

.footer-links-col a {
  color: var(--white);
  text-decoration: none;
  transition: var(--transition);
  font-size: 16px;
  font-weight: 400;
}
.footer-links-col a:hover {
  color: var(--blue-light);
}

.footer-links-bottom span{
    color: rgba(255,255,255,0.1);
    font-weight: 900;
    padding: 0 20px;
	    font-weight: 700;
		
}
	

/* Нижняя часть */
.footer-bottom {
  display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 12px;
}

.footer-bottom a {
  color: var(--white);
  text-decoration: none;
}

.footer-bottom a:hover {
    color: var(--blue-light);
}
/* Стрелка наверх */
.scroll-to-top {
     position: fixed;
    bottom: 20px;
    right: 20px;
    width: 70px;
    height: 70px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1000;
    border: none;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
    padding: 10px;
}

.scroll-to-top svg {
width: 100px;
    height: 100px;
    transform: rotate(-90deg);
    fill: var(--blue-dark);
    margin-left: 5px;
}
.scroll-to-top:hover {
  background: rgba(255,255,255,0.4);
  transform: translateY(-2px);
}



 /* Стили для модального окна */
      .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.modal-content {
    background-color: var(--white);
    border-radius: 30px;
    box-shadow: var(--shadow);
    max-width: 700px;
	height: 572px;
    width: 100%;
    padding: 50px;
    position: relative;
    animation: fadeIn 0.3s ease-out;
    /* Дополнительно: гарантируем центрирование */
    transform: translateZ(0); /* Оптимизация рендеринга */
}

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .modal-close {
           position: absolute;
    top: -30px;
    right: -30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1001;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
        }

        .modal-close::after,
        .modal-close::before {
            content: '';
            position: absolute;
            width: 16px;
            height: 2px;
            background-color: var(--blue-dark);
            transform-origin: center;
        }

        .modal-close::before {
            transform: rotate(45deg);
        }

        .modal-close::after {
            transform: rotate(-45deg);
        }

        .modal-title {
       font-size: 24px;
    font-weight: 900;
    color: var(--blue-dark);
    margin-bottom: 0px;
    text-align: center;
	    line-height: 1.1;
        }

        .modal-subtitle {
           font-size: 18px;
    color: var(--blue-dark);
    margin-bottom: 30px;
    text-align: center;
        }

        .form-group {
            margin-bottom: 10px;
        }

        .form-label {
           display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--blue-dark);
    font-weight: 700;
        }

        .form-input {
            width: 100%;
            padding: 25px 15px;
            border: 1px solid #ddd;
            border-radius: var(--border-radius);
            font-size: 18px;
            color: var(--dark-text);
        }

        .checkbox-group {
           display: flex;
    margin: 10px 0;
    background-color: var(--lite-gold);
    padding: 25px 15px;
    border-radius: var(--border-radius);
	position: relative;
    align-items: center;
    cursor: pointer;
        }

        .checkbox-input {
          display: none;
        }

        .checkbox-label {
            font-size: 14px;
            color: var(--blue-dark);
            line-height: 1.4;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    user-select: none;
        }

.checkbox-input + .checkbox-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 0px solid #000;
    border-radius: 5px;
    transition: all 0.2s ease;
}

		
.checkbox-input:checked + .checkbox-label::after {
    /*content: "✓";*/
	content: url("../images/galka_n.svg");
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: black;
    font-weight: bold;
}

        .checkbox-link {
            color: var(--secondary-color);
            text-decoration: underline;
            font-weight: bold;
        }
.checkbox-link:hover {
            text-decoration: none;
        }
		
        .submit-btn {
            width: 100%;
            padding: 25px 15px;
           background-color: var(--blue-dark);
            color: var(--white);
            border: none;
            border-radius: var(--border-radius);
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
        }

		
/* Оверлей меню */
.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
	    padding-top: 95px;
}
/*.menu-overlay-new {
    display: none;
    position: fixed;
    top: 95px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
	    padding-top: 70px;
}*/


.menu-overlay-new {
    display: none;
    position: fixed;
    top: /*95*/0px;
    left: 0;
    width: 100%;
    height: 100%/*calc(100vh - 95px)*/;
    z-index: 999;
}

.menu-overlay-new .blur-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* Fallback для браузеров без поддержки backdrop-filter */
@supports not (backdrop-filter: blur(3px)) {
    .menu-overlay-new .blur-background {
        background-color: rgba(0, 0, 0, 0.7); /* Более темный фон */
    }
}

.scrolled .menu-overlay-new {
    top: 60px; /* Высота вашего header */
	height: calc(100vh - 60px);
}


.menu-content {
    background: var(--white);
    border-radius: 30px;
    padding: 20px;
    /*max-width: 1600px;*/
    margin: 10px 40px;
    position: relative;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
}
.scrolled .menu-content {
    margin: -13px 130px;
}

/* Колонки меню */
.menu-columns {
    display: flex;
    gap: 30px;
	margin-top: 20px;
}

.menu-sidebar {
    background: var(--blue-dark);
    padding: 30px;
    border-radius: 20px;
    min-width: 290px;
}

.menu-sidebar ul {
    list-style: none;
}

.menu-sidebar li {
    margin-bottom: 10px;
}

.menu-sidebar a {
    color: var(--white);
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 5px 10px;
    border-radius: 20px;
    transition: background 0.2s;
    font-size: 14px;
	text-transform: uppercase;
}

.menu-sidebar a:hover {
    background: rgba(255,255,255,0.1);
	    color: var(--blue-light);
}

.menu-main {
    display: flex;
    gap: 5px;
    flex: 1;
}

.menu-column {
        background: var(--lite-gold);
    padding: 30px;
    border-radius: 20px;
    flex: 1;
    min-width: 200px;
}

.menu-column .h3 {
    margin-bottom: 10px;
    color: var(--blue-dark);
    font-size: 16px;
    padding-bottom: 5px;
	text-transform: uppercase;
	line-height: 100%;
	    font-weight: 700;
}

.menu-column ul {
    list-style: none;
}

.menu-column li {
    margin-bottom: 8px;
}

.menu-column a {
    color: var(--blue-dark);
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 3px 0px;
    transition: color 0.2s;
	line-height: 100%;
}

.menu-column a:hover {
  color: var(--red);
}	
	
.menu-toggle.active {
	background-color: var(--white)!important;
    color: var(--blue-dark)!important;
    padding: 13px 25px!important;
	font-size: 14px!important;
	z-index: 99999;
    position: relative;
	    font-weight: 900;
		word-spacing: 7px;
}

.bg_img_white.fotousl {
border-radius: var(--border-radius) var(--border-radius) 0 0;	
}

.bg_img_white.fotousl .facilities.usl {
    padding: 444px 0 51px;
}
	
.reviews.bg_img_blue.new.about {
    background: url(../images/blue.jpg) 0% 20% no-repeat;
}

 .cta-section-footer.new.about {
	    border-radius: 0 0 var(--border-radius) var(--border-radius);
		    padding-bottom: 90px;	
	background: linear-gradient(to bottom, transparent 0%, white 70%), url(../images/blue.jpg) center/100% 1600% no-repeat;	
z-index: 3;	
margin-top: -1px;
 }
  .map {
 position: relative;
  }
  
 .map .yand {
position:relative;
overflow:hidden;	
border-radius: 0 0 var(--border-radius) var(--border-radius);
margin-bottom: -43px;
 z-index: 1;
 height: 650px;
 }
 
 
 .map .contact-info {
    background: white;
    padding: 33px;
    border-radius: 40px;
    max-width: 386px;
	position:absolute;
	z-index: 9;
    top: 100px;
    left: 105px;
	color: var(--blue-dark);
}

.contact-info .i-phone{
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    text-transform: uppercase;
    display: block;
	padding-bottom: 5px;
}

.contact-info .i-email a{
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    display: block;
    margin: 20px 0;
	color: var(--blue-dark);
	text-decoration:none;
}
.contact-info .i-email a:hover{
	color: var(--blue-light);
}
.contact-info .i-address span:first-child {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    display: block;
	padding-bottom: 3px;
}

.contact-info .i-address span:last-child , .contact-info .i-regim,.rek-all{
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    display: block;
}

.header-blue.contacts {
	background-color: var(--white);
}
.facilities-header.rekv {
	margin: 40px;
}

.rekviziti {
    margin: 0 auto;
    flex: 1;
    padding: 40px;
    background: #EFF7FF;
    border-radius: 40px;
    max-height: 462px;
    position: relative;
}
	
.rekv {
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    display: block;
	    padding-bottom: 20px;
}
.rek-all span{
	padding-bottom:20px;
	    display: block;
}
.inn {
line-height: 120%;	
}


body.header-blue.contacts .lic.facilities {
    margin-bottom: -43px;
    z-index: 2;
    position: relative;
	    margin-top: -30px;
}	
	
.map-container {
    margin-bottom: -8px;
}

.map-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient( 60deg, rgba(175, 202, 231, 0.3) 0%, rgba(175, 202, 231, 0.3) 0%, rgba(175, 202, 231, 0.4) 100% );
  z-index: 1;
  pointer-events: none; /* Позволяет кликать сквозь псевдоэлемент */
}

.cta-section-footer.all-doctors {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: 0 0 100px!important;
    background: linear-gradient(to bottom, transparent 0%, white 70%),  url(../images/white.jpg) center/100% 635% no-repeat!important;
    z-index: 3;
}


body.header-blue .sect-blue {
	    margin-bottom: 100px;
		margin-top: 30px;
}

.kol-doctors {
font-weight: 100;
font-size: 54px;
line-height: 80%;
padding-left: 20px;
}

.plansh {
        display: none;
}


/*реабилитация - посадочная*/
.hero-reab {
	/*background: linear-gradient(0deg, rgba(58, 85, 118, 0.3), rgba(58, 85, 118, 0.3)), linear-gradient(180deg, #3A5576 0%, rgba(58, 85, 118, 0) 99.97%), linear-gradient(0deg, rgba(58, 85, 118, 0.7), rgba(58, 85, 118, 0.7)), url(images/reab/bg_reab_top.jpg) center/cover no-repeat;
    background-blend-mode: normal, multiply, multiply, normal;*/
	
	/*background: url(../images/reab/bg_reab_top_n.jpg) center/cover no-repeat;*/
    border-radius: 0px 0px 30px 30px;
	position: relative;
}



.hero-reab .feature-text {
    font-size: 16px;
}

.hero-reab .feature-item {
    max-width: 345px;
}

.hero-reab .two-block .content-wrapper {
    max-width: 730px;
}

.hero-reab .features-container {
	justify-content: flex-end;
	gap: 10px;
}
.facilities.new.etapi {
padding: 120px 0 100px;
}

.facilities.etapi {
    background: url(../images/blue.jpg) center/100% 100% no-repeat!important;
    margin-top: -1px!important;
}
.facilities.etapi .facility-card:hover {
        box-shadow: none;
}

.facilities.etapi .section-title {
	color: var(--black);
	text-align: center;
}

.facilities.etapi .section-title span {
    color: var(--blue-light);
}

.facilities.etapi .container-etapi {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 10px;
            margin: 0 auto;
            padding: 0px;
			
        }

.facilities.etapi  .card {
            background: white;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            overflow: hidden;
            transition: transform 0.2s ease;
            position: relative;
			border-radius: 30px;
			padding: 40px;
			border: 1px solid rgba(155, 191, 229, 0.3);
        }


.facilities.etapi .card img {
            width: 100%;
            object-fit: cover;
            display: block;
			border-radius: 30px;
			height:300px;  
        }

        /* Заголовок поверх изображения */
.facilities.etapi  .card-header {
            position: absolute;
            top: 255px;
            left: 45px;
            color: var(--white);
            padding: 18px 35px;
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            backdrop-filter: blur(20px);
            background: rgba(255, 255, 255, 0.2);
            border-radius: 25px;
            z-index: 10;
			text-align: left;
			width:82.8%;
			text-transform: uppercase;
			line-height: 120%;
        }

.facilities.etapi  .card-body {
            padding: 40px 16px 0;
            line-height: 1.6;
			margin-bottom: 50px;
        }

.facilities.etapi .card-body div {
            margin-top: 0;
            font-size: 18px;
            color: var(--blue-dark);
			font-weight: 900;
        }

.facilities.etapi .card-body p {
            margin: 8px 0 0 0;
            font-size: 18px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
    color: var(--blue-dark);
        }
		
.facilities.etapi .card-body p.bld{
            padding-top: 10px;
        }

.facilities.etapi  .card-body ul {
            padding-left: 20px;
            margin: 8px 0 0 0;
			list-style: none;
        }

.facilities.etapi  .card-body li {
            margin-bottom: 4px;
			position: relative;
			font-size: 18px;
        }
		
.card-body li::before {
    content: "";
    position: absolute;
    left:-20px;
    top: 0.45em;
    width: 12px;
    height: 12px;
    background: url('../images/starn.svg') no-repeat center;
    background-size: contain;
}

        /* Стрелка внизу */
.facilities.etapi  .card-arrow {
           position: absolute;
    bottom: 15px; /* Отступ от низа карточки */
    left: 50%;
    transform: translateX(-50%) rotate(180deg); /* Центрируем и поворачиваем */
    width: 24px;
    height: 24px;
    background: url('../images/strelka.svg') no-repeat center;
    transition: opacity 0.2s;
        }


    .facilities.etapi  .card:nth-child(1),
   .facilities.etapi     .card:nth-child(2),
     .facilities.etapi   .card:nth-child(3) {
            grid-column: span 2;
        }

        /* Нижние блоки — 3 колонки каждая (всего 6 колонок = 2 блока) */
    .facilities.etapi    .card:nth-child(4),
    .facilities.etapi    .card:nth-child(5) {
            grid-column: span 3;
        }

.facilities.etapi .card:nth-child(4) .image-overlay,
.facilities.etapi .card:nth-child(5) .image-overlay {
    position: relative;
}

.facilities.etapi .card:nth-child(4) .image-overlay::before,
.facilities.etapi .card:nth-child(5) .image-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: linear-gradient(90deg, #3A5576 0%, rgba(58, 85, 118, 0) 49.64%);
background-blend-mode: multiply;
    pointer-events: none;
    z-index: 1;
	border-radius: 30px;
}

.facilities.etapi .card:nth-child(4) img,
.facilities.etapi .card:nth-child(5) img {
    max-height: 250px;
    display: block;
}	

.facilities.etapi .card:nth-child(4) .card-header,  .facilities.etapi .card:nth-child(5) .card-header{
    top: 205px;
	max-width: max-content;
}

.facilities.etapi .papka {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 30px!important;
    height: 30px!important;
    z-index: 10;
    pointer-events: none;
    transform: rotate(90deg);
    top: auto;
    border-radius: initial!important;
}
.metodi-reab {
	    border-radius: 0 0 var(--border-radius) var(--border-radius)!important;
		padding: 5px 0!important;
		background: white!important;
		margin-bottom: 80px;
}
.metodi-reab .facilities-title{
padding: 40px;
background: var(--lite-gold);
border-radius: var(--border-radius);
}

.metodi-reab .facilities-title p {
    font-size: 18px;
}
.metodi-reab .facilities-header {
    margin: 50px 0;
}
.metodi-reab .facilities-header.two {
	display: flex;
  justify-content: flex-end; 
  align-items: flex-start;
  gap: 15%;
}
.metodi-reab  .facilities-header.two .facilities-title {
  max-width: 58%; 
}

.metodi-reab .section-title{
line-height: 100%;
vertical-align: middle;
text-transform: uppercase;
text-align: left;
font-size: 54px;
}

.price-card-m {
padding: 40px;
    max-width: 392px;
}

.metodi-reab .price-card {
padding: 40px;
    max-width: 392px;
}
.metodi-reab .price-card:hover {
    box-shadow: none;
}

.metodi-reab .hr {
height: 1px;
background: rgba(155, 191, 229, 0.3);
margin: 20px 0 30px;
}

.metodi-reab .price-tab {
    padding: 20px;
	border: 1px solid rgba(52, 104, 63, 0.2);
}

.metodi-reab  .price-title {
font-weight: 900;
font-size: 18px;
text-transform: uppercase;
padding: 10px 0 10px;
}
.metodi-reab  .price-description {
	min-height: auto;
	margin-bottom: 10px;
}

.metodi-reab .img-reab{
text-align: left;
}

.metodi-reab  .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px!important;
    height: 30px!important;
    z-index: 10;
    pointer-events: none;
    border-radius: initial!important;
}	

.prices.bg_img_blue.new {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
	padding: 100px 0 120px;
}
.prices.bg_img_blue.new  .btn-primary {
	font-size:18px;
}

.program-lech {
background: linear-gradient(0deg, rgba(155, 191, 229, 0.3), rgba(155, 191, 229, 1)), linear-gradient(0deg, #9BBFE5, #9BBFE5), url(../images/bg_les.jpg);
background-blend-mode: normal, multiply, normal;
}
.program-lech .section-title {
    color: var(--white);
    padding: 80px 0 0px;
}

.program-lech .section-title span{
  color: var(--blue-dark);
}

.tariff-cards {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tariff-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  background: #3A5576;
  border-radius: 50px;
  width: calc(25% - 8px);
  min-width: 280px;
  box-sizing: border-box;
  color: white;
  position: relative;
}

.tariff-header {
  text-align: center;
  width: 100%;
  margin: 40px 0;
}

.tariff-card .papka {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px !important;
  height: 30px !important;
  z-index: 10;
  pointer-events: none;
  border-radius: initial !important;
}

.tariff-header .t-name {
  font-weight: 900;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.tariff-header .price {
  font-size: 44px;
  font-weight: 900;
  margin-bottom: -15px;
}

.tariff-header .price-s {
  font-size: 18px;
  font-weight: 900;
}

/* Основное содержимое */
.tariff-content {
  padding: 30px;
  background: var(--white);
  border-radius: 40px;
  width: 100%;
  color: var(--blue-dark);
  font-size: 16px;
  line-height: 120%;
  /* margin-bottom: 15px; — УБРАЛИ, чтобы не создавал лишний отступ */
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Растягиваем по высоте */
}

.tariff-content ul {
  padding-left: 20px;
  margin: 0 0 15px;
  list-style-type: disc;
  /* Без flex-grow — пусть занимает только нужное место */
}

.tariff-content li {
  margin-bottom: 8px;
}

/* Нижняя плашка — прижимаем к низу */
.tariff-footer {
  margin-top: auto; /* Прижимаем к низу */
}

.tariff-footer p {
  padding: 20px;
  background: var(--lite-gold); /* Или голубой, если нужно */
  border-radius: 20px;
  width: 100%;
  color: var(--blue-dark);
  font-size: 16px;
  line-height: 120%;
}

/* Кнопка — внутри белого блока, под плашкой */
.consult-btn {
  width: 100%;
  padding: 15.5px 10px;
  background-color: var(--blue-dark);
  color: white;
  border: none;
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px; /* Отступ от плашки */
  align-self: stretch; /* Чтобы кнопка растянулась по ширине */
}


.facilities.usl {
    padding: 512px 0 100px;
    background: none;
    margin: 10px 0 -1px;
}

.facilities.usl div.section-title {
     text-align: center; 
}

.bg_img_white.usl {
	margin-top:-400px;
}


.rasp-day {
background: linear-gradient(0deg, rgba(155, 191, 229, 0.7), rgba(155, 191, 229, 1)), linear-gradient(0deg, #9BBFE5, #9BBFE5), url(../images/bg_les.jpg) 0%;
background-blend-mode: normal, multiply, normal;
    padding-bottom: 167px;
    margin-bottom: -40px;
}

.rasp-day  .section-title {
    color: var(--white);
    padding: 80px 0 0px;
	margin-bottom: 0;
}

.rasp-day  .section-title span {
    color: var(--blue-dark);
}


/* Обёртка слайдера и навигации */
.rasp-day .timeline-container {
  position: relative;
}

.rasp-day .timeline-slider {
  padding: 40px 0 0;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

/* Стили слайдов как раньше */
.rasp-day .timeline-item {
  width: 240px;
  height: 326px;
  background: var(--white);
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  padding: 20px 0;
  margin-right: 5px;
  margin-left: 5px;
}


/* Убираем отступ справа у последнего слайда */
.rasp-day .timeline-item:last-child {
  margin-right: 0;
}

.rasp-day .circle-wrapper {
  box-sizing: border-box;
  padding: 50px;
  width: 150px;
  height: 150px;
  background: var(--lite-gold);
  border: 1px dashed rgba(155, 191, 229, 0.3);
  border-radius: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto;
}

.rasp-day .icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.rasp-day .time {
  font-weight: 900;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--black);
  margin: 35px 30px 10px;
    display: flex;
    justify-content: flex-start;
}

.rasp-day .subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-align: left;
  color: var(--blue-dark);
  margin:15px 0 10px;
}

.rasp-day .connector {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.rasp-day .timeline-slider::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  border-bottom: 2px dashed #FFFFFF;
  pointer-events: none;

}

/* === Стили стрелок внизу === */
.rasp-day .slider-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}



/* Убираем позиционирование по умолчанию */
.rasp-day .slick-prev,
.rasp-day .slick-next {
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

.rasp-day .slick-prev img,
.rasp-day .slick-next img {
  width: 14px;
    height: auto;
    pointer-events: none;
}

/* Поворот стрелок как у вас: влево и вправо */
.rasp-day .slick-prev img {
  transform: rotate(90deg);
  margin-top: 3px;
}

.rasp-day .slick-next img {
  transform: rotate(-90deg);
   margin-top: 3px;
}

.rasp-day .slick-list {
    padding: 0 0 35px;
	    z-index: 1;
}
.rasp-day  .papka {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px !important;
  height: 30px !important;
  z-index: 10;
  pointer-events: none;
  border-radius: initial !important;
}
.doctors.rea {
    padding: 80px 0 20px;
}

.preimsp {
    margin-bottom: 170px; 
}	

.preimsp  .papka {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 30px !important;
  height: 30px !important;
  z-index: 10;
  pointer-events: none;
  border-radius: initial !important;
      transform: rotate(90deg);
}
	
.spr-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 0 auto;
}

.spr-block {
 position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  gap: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(155, 191, 229, 0.3);
  border-radius: 50px;
}

.spr-dark-panel {
  display: flex;
  align-items: flex-end;
  padding: 30px;
  gap: 20px;
  height: 190px;
  background: #3A5576;
  border-radius: 30px;
  width: 100%;
  justify-content: space-between; 
}

.spr-number-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  max-width: 50%;
}

.spr-number {
  padding: 10px 15px;
  width: 59px;
  height: 33px;
  background: var(--white);
  border-radius: 20px;
  font-weight: 900;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-dark)
}

.spr-title {
  font-weight: 900;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
  margin: 0;
  text-align: left;
}


.spr-icon {
  padding: 30px;
  margin-left: auto;
  width: 130px;
  height: 130px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.spr-icon svg {
  width: 70px;
  height: 70px;
}

.spr-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #333;
  margin: 0;
  padding: 0;
}

.spr-text ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}

.spr-text li {
  margin-bottom: 8px;
  color: var(--blue-dark);
}


.lic .section-title {
    color: var(--blue-dark);
	margin-bottom: 20px;
	    font-size: 54px;
}

.lic.facilities {
    padding: 125px 0 50px;
	background: none;
    margin:0; 
}

.lic .facilities-logo {
  padding: 0 0 30px;
}
.lic .facilities-logo {
    margin: 0;
}
.lic .facilities-header {
    display: initial;	
	flex: 0 0 40%; /* Занимает 40% ширины */
}
.lic .facilities-title p {
    font-size: 18px;
	line-height:140%;
	padding-bottom: 10px;
}

.lic .lic-block {
  display: flex;
  margin: 0 auto; 
  gap: 85px;
}

.lic .lic-slider {
  max-width: 785px; 
  margin: 0 auto; 
  flex: 1; 
padding: 60px 35px;
background: #EFF7FF;
border-radius: 40px;
     max-height: 462px;
	   position: relative;
}

.lic .lic-slider .slick-list::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(to right, 
  rgba(239, 247, 255, 0) 0%,   /* Прозрачный белый справа */
  rgba(239, 247, 255, 0.9) 50%, /* Полупрозрачный белый посередине */
  #EFF7FF 100%                /* Непрозрачный белый слева */
);
  pointer-events: none;
  z-index: 10;
}
.lic .slick-next {
    right: 20px!important;
}

.lic .slick-slide {
  margin: 3px; 
}

.lic .document-slide .document-img {
  width: 100%;
}

.rea.cta-section {
   background: none;
       padding: 50px 0 170px;
}

.cta-section.rea .cta-content h2 {
    margin-bottom: 110px;
}

.cta-section.rea .cta-content{
       padding: 30px 30px 0;
}

.cta-section.rea .cta-content .h2 div { 
    color: var(--blue-light);
	padding-top: 15px;
}

.cta-section.rea .cta-container {
    background: var(--blue-dark);
}
.cta-section.rea .phone-rea {
font-weight: 900;
font-size: 44px;
line-height: 110%;
}

.cta-section.rea  .cta-form-wrapper {
    padding: 40px 50px 15px;
    background: var(--lite-gold);
}

.cta-section.rea .cta-form-wrapper .papka {
    transform: inherit;
}
.cta-section.rea .preim-rea {
font-weight: 900;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
}

.cta-section.rea .btn-cta.red {
border-radius: var(--border-radius);
    background-color: var(--red);
    font-weight: 700;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 30px;
}

.cta-section.rea .btn-cta.red:hover {
    color: var(--red);
}


.cta-section.rea .cta-badges {
    margin-top: 35px;
    font-weight: 600;
    text-transform: uppercase;
}
.cta-section.rea .remarka {
font-weight: 400;
font-size: 14px;
line-height: 150%;
padding: 30px 0 20px;
}

.cta-section.rea .badge {
padding: 10px 13px;	
    line-height: 100%;
}


.other-usl.new {
margin-top:60px;
padding-bottom:100px;		
}
.faq.rea {
	padding: 0;
	    margin: 67px 0;
}

.articles.new .section-title{
	    margin-bottom: 0px;
}

.articles.new .doctors-slider {
	    padding: 10px 0;
}





/* посадочная лечение */
.hero-lech {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    /*background: linear-gradient(0deg, rgba(155, 191, 229, 0.25), rgba(155, 191, 229, 0.25)), linear-gradient(180deg, #3A5576 0%, rgba(58, 85, 118, 0) 99.97%), linear-gradient(0deg, rgba(58, 85, 118, 0.2), rgba(58, 85, 118, 0.2)), url(../images/bg_top_alk.jpg) center/cover no-repeat;*/
	background: 
        linear-gradient(0deg, rgba(155, 191, 229, 0.25), rgba(155, 191, 229, 0.25)),
        linear-gradient(180deg, #3A5576 0%, rgba(58, 85, 118, 0) 99.97%),
        linear-gradient(0deg, rgba(58, 85, 118, 0.2), rgba(58, 85, 118, 0.2)),
        transparent; /* временный слой для изображения */

	background-blend-mode: normal, multiply, multiply, normal, normal, normal, normal;
	position: relative;
}

.breadcrumbs {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    vertical-align: middle;
    padding: 170px 0px 0px 0px;
    position: relative;
}
body.header-blue .breadcrumbs {
padding: 180px 0px 0 0px;
}

body.header-blue .breadcrumbs a {
    text-decoration: none;
}
body.header-blue .breadcrumbs a:hover {
    color:var(--blue-dark);
}
.two-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; 
    text-align: center;
    color: white;
    position: relative;
   /* margin-left: 140px; 
    margin-right: 140px; 
	*/
}

.hero-content.posad {
    flex: 1; 
    text-align: left;
}

.hero-right.posad {
    flex: 1; 
    /*min-width: 790px;*/ 
	margin-top: 70px;
}

.features-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    justify-content: flex-start; 
}

.feature-item {
    max-width: 395px;
    padding: 15px 30px 13px 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
    border-radius: 50px;
    display: flex;
    gap: 20px;
    height: 100px;
	align-items: center;
}


.breadcrumbs a{
color: #9BBFE5;
}
.breadcrumbs a:hover{
color: var(--red);
}
.breadcrumbs .delim{
    color: rgba(58, 85, 118, 1);
}
.header-blue.white .breadcrumbs .delim{
    color: #DDDDDD;
}


.breadcrumbs .end{
color: white;
}

body.header-blue .breadcrumbs .end {
    color: var(--black);
}

.two-block .content-wrapper {
    max-width: 645px;
}

.two-block .hero-content {
    margin: 70px 0 260px;	
	    text-align: left;
}


.icon-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 50px;
  box-sizing: border-box;
}

.icon-circle img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.feature-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  text-align: left;
}
.two-block h1 {
font-weight: 700;
font-size: 85px;
line-height: 80%;
align-items: center;
letter-spacing: -0.04em;
color: #FFFFFF;
}

.two-block .z-line-1 {
font-weight: 400;
font-size: 32px;
line-height: 120%;
letter-spacing: -0.03em;
color: #FFFFFF;
padding: 70px 0 100px;
}

.services.lech .container{
    /*padding: 0 140px;
	max-width: inherit;
	*/
}

.services.lech .service-card {
width: 220px;
transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.service-card:hover {
    /* transform: scale(1.05); 
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); */
}
.services.lech .services-grid {
    gap: 0px;
}


.services.lech .service-card .sh3{
    text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	color: var(--blue-dark);
}
.services.lech .service-card .sh3:hover, .services.lech a:hover {
	color: var(--red);
}


.services.lech a{
	text-decoration: underline;
    text-decoration-style: dotted;
}

.services.lech  .service-img-card {
width: 130px;
height: 130px;
angle: 0 deg;
opacity: 1;
gap: 10px;
border-radius: 100px;
padding-top: 40px;
padding-right: 50px;
padding-bottom: 45px;
padding-left: 50px;
}

.lech .service-icon {
    width: 50px;
    height: 50px;
    max-width: inherit;
	margin: 1px -8px;
}


.lech.prices.bg_img_blue {
    border-radius: 0 0 var(--border-radius) var(--border-radius) ;
}

.lech.prices.bg_img_blue .price-card {
padding: 40px;	
}
.lech.prices.bg_img_blue .price-description{
min-height: 89px;
}

.lech.prices.bg_img_blue .all-pay {
    margin-top: 80px;
	margin-bottom: 60px;
}

.seo-all {
position:relative;
padding: 50px;
background: #EFF7FF;
border-radius: 50px;
}

.seo-all .section-title {
    color: var(--blue-dark);
	text-align: left;
}

.seo-text {
padding: 310px 0 0;
    margin-top: -355px;
    border-radius: 50px;
}
.seo-text.pad_top70 {
	    margin-top: -286px;
}

body.header-blue .seo-text {
    background-color:var(--white);
	border-radius: 0;
}

.seo-text .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    z-index: 10;
    pointer-events: none;
}

.seo-text .seo{
font-weight: 400;
font-size: 18px;
line-height: 120%;
vertical-align: middle;
color: rgba(58, 85, 118, 1);
display:flex;
gap:50px;
}
.seo-text .seo div{
flex:1;
}
.bg_img_white {
    background: url(../images/white.jpg) center/cover no-repeat;
    border-radius: var(--border-radius);
}

.advantages.preim  {
	    padding: 0 0 120px;
}

.advantages.preim  .section-title {
	color: var(--black); 
}
.advantages.preim  .section-title span{
	color: var(--blue-light);
}

.advantages.preim .advantage-card  h3 {
    text-transform:uppercase;
}

.advantages.preim .advantage-img-card {
    padding: 0;
    border-radius: 30px;
    background-color: transparent;
    margin: 0 auto 20px;
    border: 0px dashed #AFCAE780;
}

.advantages.preim .advantage-icon {
    height: 250px;
	width: auto;
    margin: 0px auto 20px;
	border-radius: 30px;
}

.cta-section.p100 {
	    padding: 80px 0 100px;
}

.doctors.p100 {
padding: 62px 0 40px;
}

/*Методы*/
.metodi {
    padding: 80px 0 30px;
    position: relative;
}

.metodi-block {
            background: linear-gradient(0deg, rgba(155, 191, 229, 0.9), rgba(155, 191, 229, 0.9)), 
                        linear-gradient(0deg, #9BBFE5, #9BBFE5), 
                        url('../images/lech/bg_city.jpg');
            background-blend-mode: normal, overlay, normal;
            background-size: cover;
            background-position: center;
            padding: 10px;
            /*min-height: 100vh;*/
            color: #333;
            border-radius: 50px;
        }

        /* Верхние два блока */
.metodi-block .top-section {
      display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 5px;
        }

.metodi-block  .top-block {
            flex: 1;
            border-radius: 20px;
        }


.metodi-block .main-content {
            display: flex;
            gap: 40px;
            margin: 5px 0;
        }

.metodi-block .left-column, .right-column {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 40px;
            width: 35%;
        }
.right-column {
            align-items: flex-end;
        }
		
.metodi-block   .column-block {
               display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
        }

.metodi-block  .center-text {
    width: 29%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	padding: 40px 6px;
        }

.metodi-block .center-text .section-title {
              font-size: 44px!important;
    color: var(--blue-dark);
    text-align: left;
line-height: 1;
vertical-align: middle;
    padding-bottom: 0px;
        }

.metodi-block .center-text .section-title h3{
              font-size: 40px!important;
        }
		
.metodi-block .center-text .section-title span {
    color: var(--white);
        }
		
.metodi-block .center-text p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 120%;
color: var(--blue-dark);
        }
		
.metodi-block  .card {
     position: relative;
    padding: 35px 25px;
    background: white;
    border-radius: 40px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
    display: flex;
    align-items: flex-start;
    gap: 15px;
     /* border: 2px solid #E0E7FF; */
        }
		
.metodi-block  .top-section .card {
    height: 100px;
        }

.metodi-block .main-content .card {
	height: 130px;
	width: 100%;
	
}
.metodi-block .card-number {
font-weight: 900;
font-size: 18px;
line-height: 100%;
letter-spacing: -3%;
vertical-align: middle;
text-transform: uppercase;
color:var(--blue-dark);
        }

.metodi-block  .card-content {
            flex: 1;
font-weight: 400;
font-size: 18px;
line-height: 120%;
vertical-align: middle;
color:var(--blue-dark);
padding-right: 20px;
        }

.metodi-block  .card-icon {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background: #E0E7FF;
            border-radius: 50%;
 }
 
 .metodi-block .papka {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 10;
    pointer-events: none;
}

.cta-section-footer.new { 
    padding-bottom: 90px;
    background: none;
}
.cta-section-footer.new .z1 {
	margin-bottom: 0;
}
.cta-section-footer.new .z1 span {
	color:var(--red);
}
.cta-section-footer.new .cta-content {
	position:relative;
	    padding: 40px 20px 0;
}

.cta-section-footer.new .cta-form-wrapper {
    background: url(../images/reab/formr.jpg) 0% 70% / cover no-repeat;
	padding: 350px 35px 15px;
	position: relative;
	height: 570px;
}

.art-text-detail .cta-section-footer.new .cta-form-wrapper {
    padding: 520px 35px 30px;
	height: inherit;
}

.cta-section-footer.new.reab .cta-form-wrapper, .cta-section-footer.new.lech .cta-form-wrapper {
    background: url(../images/reab/formr.jpg) 0% 70% / cover no-repeat;
}

.cta-section-footer.new .cta-form {
    position: absolute;
    top: 38%;
    left: 0;
    /*transform: translateY(-50%);*/
    width: 100%;
    padding: 20px 50px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
}

.cta-section-footer.new .cta-content .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
    transform: rotate(0);
}
.cta-badges.new {
	margin-top: 80px;
}
.cta-section-footer.new .btn-cta {
    /*background-color: var(--blue-dark);*/
}

.cta-section-footer.new .badge , .cta-section.rea .badge::before{
   color: var(--blue-dark);
    text-transform: uppercase;
    border: 1px solid var(--white);
    padding: 0px 15px;
    height: 47px;
    background-color: var(--white);
}

.cta-section.rea .badge::before{
    padding: 0px;
}

.cta-section-footer.new .badge::before, .cta-section.rea .badge::before{
   /* color: var(--white);*/
   content: "";
   background: url(../images/galka_r.svg) 0% 108% no-repeat; 
   width: 22px;
   height: 22px;
   margin-right: 10px;
	
}
.cta-section-footer.new .cta-logo {
    margin-bottom: 30px;
}
.cta-section-footer.new .cta-container {
    padding: 10px;
}

.cta-section-footer.new .two-blocks {
	    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.cta-section-footer.new .phone-block {
font-weight: 900;
font-size: 34px;
line-height: 110%;
align-items: center;
color: var(--red);
}

.art-author-card .cta-section-footer.new .phone-block {
    font-size: 24px;
}

.cta-section-footer.lech {
	background: 
        linear-gradient(to bottom, transparent 0%, white 70%),
        url(../images/blue.jpg) center/100% 100% no-repeat;
}


.guarantees.new {
    padding: 100px 0;
}

.seo-text.norm {
padding: 65px 0 30px;
margin-top: 0;	
}

.facilities.new{
	background: none;
    margin: 30px 0 -20px;
}

.other-usl {
	    /*background: url(../images/blue.jpg) 0% 4% /cover no-repeat;*/
		    padding-bottom: 100px;
			padding-top: 45px;
}
 .other-usl .services-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: flex-start;
        }
 .other-usl .services-container a{
            text-decoration:none;
        }
		
 .other-usl .service-item {
	       position: relative;
    display: inline-flex;
    align-items: center;
    padding: 24px 56px 24px 25px;
    gap: 40px;
    border: 1px solid rgba(155, 191, 229, 0.3);
    border-radius: 50px;
    min-width: 180px;
    max-width: 300px;
    height: 93px;
        }
 .other-usl .service-item.btn_water  {
transition: 0.5s ease;
        }
		
 .other-usl .service-text {
            font-weight: 600;
            font-size: 18px;
            line-height: 120%;
            color: var(--blue-dark);
            word-break: break-word; /* переносим слова, если не влезают */
            max-width: 210px; /* ограничиваем ширину текста, чтобы он ломался на 2 строки */
        }
		
 .other-usl .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    z-index: 10;
    pointer-events: none;
}

.articles {
	background: url(../images/blue.jpg) 0% 56% /cover no-repeat;
}
.articles.new {
	background: url(../images/blue.jpg) 0% 0% /cover no-repeat;
}

.articles .art-info {
	padding: 0px 33px;
	min-height: 120px;
}

.articles .doctor-card, .articles .doctor-card-art {
	padding:0;
}

.articles .doctor-name,  .doctors-slider .doctors-container-art .doctor-name{
    color: var(--black);
    text-transform: uppercase;
	    text-align: left;
padding-bottom: 20px;
font-weight: 900;		
}

.articles .doctor-name {
    min-height: 85px;
}

.doctors-slider .doctors-container-art .doctor-card-art {
    height: 530px;
}

.articles .doctors-spec {
    background-color: transparent;
    border-radius: 40px;
    padding: 0px 30px 50px;
}

.articles.page .doctors-spec {
	 padding: 0px 30px 160px;
}


.articles .doctor-image {
    height: 200px;
    border-radius: 40px;
    width: 312.5px;
    margin: 33px auto;
}

.reviews.bg_img_blue {
    background: url(../images/blue.jpg) 0% 0% no-repeat;
    margin-top: -1px;
}
.reviews.bg_img_blue.new {
	padding: 80px 0;
	    background: url(../images/blue.jpg) 0% 70% no-repeat;
}

.reviews.bg_img_blue.new .reviews-bt .btn-primary {
    font-size:14px;
}

.cta-section-footer.rea .cta-form-wrapper {
    background: url(../images/cta-footer-new.jpg) center/cover no-repeat;
}


/*uslugi*/
.uslugi {
      display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .u-card {
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(155, 191, 229, 0.3);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

    .u-header {
       display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
padding: 40px;
background: #EFF7FF;
backdrop-filter: blur(20px);
border-radius: 40px;
    }

    .u-header-title {
      font-weight: 900;
      font-size: 18px;
      line-height: 22px;
      text-transform: uppercase;
      color: #3A5576;
    }

    .header-icon {
       width: 50px;
        height: 50px;
        object-fit: contain; /* Цвет иконки */
    }

    .u-links-container {
      display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 150%;
        color: #3A5576;
    }

 .u-link-item a {
text-decoration: none;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: var(--blue-dark);
 }
 
 .prices .papka {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    pointer-events: none;
}
.doctors.cost .papka {
position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
}

.prices-grid .price-new {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.reviews.bg_img_blue.page-rev {
	padding: 0 0 100px;
	    background: url(../images/blue.jpg) 0% 147% no-repeat;
}

.reviews.bg_img_blue.page-rev .grid {
	  display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
}

/*doctor page*/
.hero-content.dr-content  {
    margin: 210px 0 150px;	
}

.dr-container {
      display: flex;
      align-items: flex-start;
      gap: 60px;
    }

    .dr-left {
      flex: 1;
      max-width: 880px;
	      text-align: left;
    }

    .dr-name {
    font-weight: 700;
    font-size: 90px!important;
    line-height: 100%;
    margin: 0 0 20px 0;
    }

    .dr-title {
      font-weight: 400;
      font-size: 34px;
      line-height: 120%;
      margin: 0 0 30px 0;
    }

    .dr-description {
      font-weight: 400;
      font-size: 18px;
      line-height: 120%;
      margin: 0 160px 120px 0;
    }

    .dr-right {
      position: relative;
      width: 720px;
      height: 507px;
      padding: 50px;
      background: #FFFFFF;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
	      overflow: hidden;
    }
.dr-photo-bg {
  position: absolute;
    top: 160px;
    left: -90px;
    width: 745px;
    height: 650px;
    background: url(../images/fon-doctor.png) no-repeat;
    background-blend-mode: normal;
    z-index: 0;
    }
    .dr-photo {
      position: relative;
    z-index: 2;
    width: 536px;
    height: 507px;
    object-fit: contain;
    margin-left: -200px;
    }

    .dr-badges-wrapper {
      position: absolute;
      top: 40px;
      right: 40px;
      display: flex;
      flex-direction: column;
      gap: 10px; /* расстояние между кнопками */
      z-index: 3;
    }


    .dr-badge-light {
    padding: 12px 20px;
    border-radius: 50px;
    color: var(--white);
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
    background-color: rgba(155, 191, 229, 1);
    }


    .dr-badge-dark {
      background: #3A5576;
      padding: 6px 20px;
      border-radius: 25px;
      color: var(--white);
      font-weight: 700;
      text-align: center;
    }

   .dr-badge-dark .sm-sp {
     font-size: 18px;
    line-height: 1;
    padding-bottom: 4px;
    }

    .dr-badge-dark .big-sp {
      font-size: 34px;
      margin-top: 5px;
    }
.profil {
background-color: var(--white);
    margin-top: -35px;
	padding-top: 135px;
	padding-bottom: 100px;
}

.profil .section-title {
    text-align: left;
	    margin-bottom: 0px;
}
	
.profil-container {
    padding: 50px 33% 50px 50px;
    gap: 50px;
    background: #EFF7FF url('../images/profil.png') 100% 100% no-repeat;
    border-radius: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.profil-container .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
    transform: rotate(0);
}

.profil-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #3A5576;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

.profil-grid {
        display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    flex-grow: 1;
    align-items: center;
}

.profil-item {
    padding: 23px 40px 24px 20px;
    background: #FFFFFF;
    border: 1px solid rgba(155, 191, 229, 0.3);
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #3A5576;
    /*height: -webkit-fill-available;*/
	display: flex;
    align-items: flex-start;
    gap: 10px;
}
.profil-bullet {
    color: #3A5576;
    font-size: 18px;

}

.profil-text {
    flex-grow: 1;
    flex-wrap: wrap;
}

.profil-item span{
font-weight: 400;
}
.profil-item a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: currentColor;
    transition: text-decoration 0.3s ease;
}

.profil-item a:hover {
    text-decoration: none;
}

.rasp-day.opit {
background: none;	
padding-bottom: 80px;
}

.rasp-day.opit .timeline-item {
    height: 425px;
	justify-content: flex-start;
	    align-items: flex-start;
}

.rasp-day.opit .circle-wrapper {
    width: 240px;
    height: 183px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.rasp-day.opit .time {
    color: var(--blue-dark);
    margin: 20px 0 0px;
	text-transform: inherit;
	font-size: inherit;
}

.rasp-day.opit .opit-slider {
    padding: 40px 0 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.rasp-day.opit .opit-slider::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 2px;
    border-bottom: 2px dashed #FFFFFF;
    pointer-events: none;
}
.rasp-day.opit .name {
font-weight: 900;
font-size: 18px;
line-height: 22px;
align-items: center;
letter-spacing: -0.03em;
text-transform: uppercase;
color: #000000;
padding: 30px 30px 10px;
}

.rasp-day .subtitle {
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
}
.obr-edu {
padding-top: 100px;
    padding-bottom: 20px;
}

.obr-education {
     display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.obr-education-item {
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    background: #FFFFFF;
    border: 1px solid rgba(155, 191, 229, 0.3);
    border-radius: 50px;
    flex: none;
    min-width: 250px;
    justify-content: flex-start;
    width: calc(25% - 20px);
}

.obr-year {
  padding: 50px;
  gap: 10px;
  background: #EFF7FF;
  border: 1px dashed rgba(155, 191, 229, 0.3);
  border-radius: 300px;
  font-weight: 900;
  font-size: 18px;
  line-height: 120%;
  color: #3A5576;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.obr-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #3A5576;
  padding-bottom: 10px;
}

.obr-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #3A5576;
}

.obr-edu .papka {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    pointer-events: none;
    transform: rotate(0);
	
}
.doc-i-foto {
padding-bottom:50px;
    margin-top: 80px;
}
.doc-i-foto .document-img {
height: 270px;
border: 1px solid rgba(155, 191, 229, 0.3);
border-radius: 50px;
width: auto;
}
.bg_img_white.doctor {
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.bg_img_white.doc_foto {
	border-radius: 0 0 var(--border-radius) var(--border-radius) ;
	    margin-top: -1px;
}
.bg_img_white.doc_foto .cta-section {
    background: none;
}

.badge.white {
	    background-color: var(--white);
		    border: 1px solid var(--white);
}
.badge.white::before {
    margin-right: 8px;
    color: var(--blue-dark);
    font-weight: bold;
	content: "";
    background: url(../images/galka_r.svg) 0% 108% no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.cta-section-footer.s_docs {
	background: url(../images/white.jpg) center/100% 100% no-repeat;
	    margin-top: -2px;
}

.cta-section-footer.s_docs .cta-container {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    background: var(--blue-light);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
    margin: 0 auto;
    padding: 10px;
}

.cta-section-footer.s_docs .cta-form-wrapper {
    background: url(../images/foto1.jpg) center/cover no-repeat;
}

.breadcrumbs.new {
    padding: 0!important;
    margin: -52px 0 35px;
}

.breadcrumbs.new .delim {
    color: var(--blue-light);
}

.seo-text .seo p,  .seo-text .seo h2, .seo-text .seo h3,.seo-text .seo li, .art-text-detail li{
 padding-bottom: 10px;	
     line-height: 120%;
}


.seo-text .seo ol, .seo-text .seo ul , .art-text-detail ol, .art-text-detail ul{
  counter-reset: item;
  list-style-type: none; 
  padding-left: 0;
      padding-top: 10px;
}

.seo-text .seo li,  .art-text-detail li{
  position: relative;
  padding-left: 40px; 
}
.art-text-detail li{
  line-height: 150%;
}
.seo-text .seo ol li::before, .art-text-detail ol li::before {
  content: counter(item, decimal-leading-zero) "."; 
  counter-increment: item;
  position: absolute;
  left: 0;
  font-weight: bold;
}

.seo-text .seo ul li::before,  .art-text-detail ul li::before{
    color: var(--blue-dark);
    font-weight: bold;
    content: "";
    background: url(../images/galka_b.svg) 0% 108% no-repeat;
    width: 25px;
    height: 25px;
    left: 0px;
	position: absolute;
}
/* блоки для сео текста*/
.photo-kav {
  position: relative;
  padding: 50px 50px 70px 90px;
  background: #3A5576;
  border-radius: 40px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  text-align: left;

  background-image: 
    url('../images/kav.svg'),    
    url('../images/papka.svg'),   
    url('../images/logo_seo.svg');   

  background-position: 
    left 20px top 53px,
    right 20px top 20px,
    right 20px bottom 20px;

  background-repeat: no-repeat;
  background-size: 
    50px 41px,                
    30px 30px,               
    150px 34px;              

  background-repeat: no-repeat;
  margin:15px 0;
}

.block-photo-right {
 display: flex;
     flex-direction: row-reverse;
    gap: 30px;
  position: relative;
  padding: 50px 50px 20px 30px;
  background: #3A5576;
  border-radius: 40px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  text-align: left;

  background-image:   
    url('../images/papka.svg'),   
    url('../images/logo_seo.svg');   

  background-position: 
    right 20px top 20px,
    right 20px bottom 20px;

  background-repeat: no-repeat;
  background-size:              
    30px 30px,               
    150px 34px;              

  background-repeat: no-repeat;
  margin:15px 0;
  
}
.art-text-detail .block-photo-right {
    align-items: center;
}

.block-photo-right  .photo-block {
  /*position: absolute;*/
    left: 30px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
    top: 50px;
}

.block-photo-right .photo-block img{
  width: 100px;
  height: 100px;
  border-radius: 50%; 
  background: #DE5659; 
  object-fit: cover; 
  object-position: center;
}

.block-photo-right .photo-text {
  margin-top: 8px;
  font-size: 10px;
  line-height: 120%;
  color: #FFFFFF;
}

.block-photo-right .photo-text .name {
  font-weight: 900;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 2px;
  text-align: center;
}

.block-photo-right  .photo-text .title {
  font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    width: 110px;
    text-align: center;
}
.doc-i-foto .document-slide:hover {
       box-shadow: none;
}

/*.header-blue.white header.scrolled .header-container .header-first {
     margin-top: 0; 
}
*/
.search-icon img:hover {
    filter: opacity(0.5);
    transition: filter 0.3s ease;
}


body.header-blue .sect-blue.new {
    margin-bottom: 0px;
}

.u-link-item a:hover {
    color: var(--red);
}

.seo-text.s4 {
	    padding: 360px 0 40px;
}
.seo-text.s5 {
	padding: 390px 0 20px;
}

.papka.mob {
	display:none;
}

.foot-mob-panel  {
	display:none!important;
}

.cta-section.rea .h2 {
	margin-bottom: 90px;
}

.header-blue.white .footer-contact .phone {
	color:var(--white);
}

.header-blue.white .price-tabs {
    margin-bottom: 40px;
}

/* Стили для ПК версии (сетка) */
.prices-grid, .prices-grid-m  {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    margin-bottom: 30px;
}

.prices-grid  {
    grid-template-columns: repeat(5, minmax(250px, 1fr));
}

/* Карточка цены */
.price-card {
    background: white;
    border-radius: 30px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    position: relative;
    min-width: 250px;
	max-width: 312px;
}
.price-card-m {
    background: white;
    border-radius: 30px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    position: relative;
    min-width: 250px;
}
.seo-text.bg_img_white {
border-radius:0;
padding: 370px 0 0;
}
.cta-section.home {
    border-radius: 0;
}
.cta-section.home .cta-container {
    background: var(--blue-dark);
}
.cta-section.home .cta-content .h2 strong {
    color: var(--white);
}
.cta-home-sub {
font-weight: 400;
font-size: 24px;
line-height: 120%;
color: #9BBFE5;
}

.art-text-detail .cta-home-sub {
    font-size: 20px;
}
.art-text-detail .cta-section.pad70.home .cta-home-sub {
 font-size:18px;
}

.cta-section.home .cta-badges {
    margin: 45px 0 10px;
}

.art-text-detail .cta-section.pad70.home .cta-badges {
    margin: 32px 0 10px;
}

.cta-section.home .cta-form-wrapper {
    background: url(../images/home.jpg) center/cover no-repeat;
	padding: 390px 50px 15px;
}

.art-text-detail .cta-section.home .cta-form-wrapper {
    padding: 350px 50px 5px;
}

.cta-section.home .cta-form-wrapper .papka {
    transform: inherit;
}

.doctors.about {
	margin-top:50px;
	padding: 0 0 45px!important;
}

body.header-blue.white .doctors.doc {
    padding: 0 0 40px;
}
body.header-blue.white .cta-section-footer.new.rev {
    margin: 0 0 40px;
}
.seo-text.rea4 {
    padding: 310px 0 20px;
    margin-top: -290px;
}

.scroll-to-top {
display:none;
}
.doctors-spec a {
text-decoration: none;
    color: var(--blue-dark);
}

.all-price-pk .prices-grid.prices-grids-pk {
	display:none;
}
.all-price-pk .prices-grid.prices-grids-pk.active {
	display:grid;
}

.header-blue.contacts  .header-first .phone a {
    color: var(--blue-dark);
}

.container.footer-content .flex-block, 
.container.footer-content .footer-logo, 
.container.footer-content .phone, 
.container.footer-content .footer-main .footer-menu-col, 
.container.footer-content .footer-right .footer-disclaimer,
.container.footer-content .footer-right-plansh
{
	display:none;
}
.container.error {
	height:100%;
}

.container.error .big{
	font-size:100px;
	    padding-top: 50px;
}
.container.error  a {
color: var(--blue-dark);
}
.metodi-block .center-text .section-title h2 {
font-size: 44px!important;
font-weight:900;
}
.cta-section-footer.new.univers.about{
	        background: url(../images/blue.jpg) center/100% 2500% no-repeat!important;
}


/***********Article*********/

.articles.page {
background: none;	
}

.articles.page .papka {
    bottom: 20px;
    transform: rotate(90deg);
	    top: auto;
}

.articles.page .doctor-card-art {
    height:600px;
}
.modal-text {
    font-size: 16px;
}	
.hero.art {
	background: none;
}

.art-container {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    justify-content: space-between;
}

.art-left{
	max-width: 75%;
	min-width: 0;
}
.art-right {
    position: relative;
    padding: 20px 0;
    background: #FFFFFF;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	
	/*position: sticky;
    top: 0px;
    align-items: flex-start;
	*/
   /* max-height: calc(100vh - 40px);
    overflow-y: auto;*/
	
	
}

.art-author-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
      align-items: stretch;
  padding: 0;
  gap: 10px;
}

.art-author-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 50px;
  gap: 40px;
  height: 210px;
  background: #EFF7FF;
  border-radius: 50px;
  position: relative;
  justify-content: space-between;
}


.art-meta-and-cta {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.art-meta-and-cta {
  flex-shrink: 0;
}


.art-author-header .papka,  .art-content .papka, .art-moder-header .papka{
  position: absolute;
    right: 20px;
    top: 20px;
}

.art-close-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(155, 191, 229, 0.3);
  border-radius: 10px 40px 10px 10px;
  z-index: 0;
}

.art-avatar {
  display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0;
    gap: 10px;
    width: 100px;
    height: 100px;
    background: url(image.png), #DE5659;
    border-radius: 50%;
    z-index: 1;
}
.art-avatar img{
     width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.art-author-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 20px;
  z-index: 2;
}

.art-author-role {
  height: 10px;
  
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #3A5576;
}

.art-author-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #3A5576;
}

.art-author-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #3A5576;
}

.art-meta-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 10px;
  width: 187px;
  height: 10px;
}

.art-meta-label {
  width: 103px;
  height: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #777777;
}

.art-meta-value {
  width: 72px;
  height: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #777777;
}

.art-meta-row-alt {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 10px;
  height: 10px;
}

.art-meta-label-alt {
  height: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  leading-trim: both;
  text-edge: cap;
  display: flex;
  align-items: center;
  color: #777777;
}

.art-meta-value-alt {
  width: 74px;
  height: 10px;
  
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  leading-trim: both;
  text-edge: cap;
  display: flex;
  align-items: center;
  color: #777777;
}

.art-meta-light {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 15px;
  gap: 10px;
  height: 40px;
  background: #EFF7FF;
  border-radius: 15px;
}

.art-meta-label-light {
  height: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #9BBFE5;
}

.art-meta-value-light {
  height: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #9BBFE5;
}

.art-meta-label-right {
  height: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  text-align: right;
  color: #9BBFE5;
}

.art-meta-value-right {
  height: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #9BBFE5;
}

.art-cta-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 25px 50px;
  gap: 10px;
  height: 60px;
  background: #3A5576;
  border-radius: 50px;
  text-decoration: none;
}

.art-cta-text {
  font-style: normal;
  font-weight: 900;
  font-size: 14px!important;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  height: 60px!important;
  padding: 25px 50px!important;
  width: 100%!important;
}

.art-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px;
  gap: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(155, 191, 229, 0.3);
  border-radius: 50px;
  position: relative;
}

.art-toc {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #3A5576;
}



   /* === ОБЩИЕ СТИЛИ === */
    .art-r-container {
      /*margin: 0 auto;*/
    }

    /* === БЛОК "НАШИ УСЛУГИ" === */
    .art-r-services {
     display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 20px;
    border-radius: 30px;
    background: #FFFFFF;
    margin-bottom: 20px;
    }

    .art-r-services-title {
      height: 13px;
      font-weight: 900;
      font-size: 18px;
      line-height: 22px;
      /* leading-trim and text-edge are draft — use fallback */
      /* leading-trim: both; */
      /* text-edge: cap; */
      display: flex;
      align-items: center;
      text-align: center;
      text-transform: uppercase;
      color: #3A5576;
    }

    .art-r-services-grid {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      align-content: flex-start;
      padding: 0;
      gap: 5px;
    }

.art-r-services-grid a {
     text-decoration:none;
    }
	
    .art-r-service-btn {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 15px;
      gap: 10px;
      height: 40px;
      border: 1px solid #3A5576;
      border-radius: 50px;
      color: #3A5576;
      font-weight: 400;
      font-size: 14px;
      line-height: 17px;
      cursor: pointer;
      transition: all 0.3s ease;
	   position: relative;
    }
	.art-r-service-btn::before {
  content: "•";
  font-size: 14px; 
  color: #3A5576;
  flex: none;
}

    .art-r-service-btn:hover {
      background-color: rgba(58, 85, 118, 0.05);
    }
    /* === КНОПКА "КОНСУЛЬТАЦИЯ" === */
    .art-r-consult-btn {
     /* display: flex;
      flex-direction: row;
      justify-content: center;*/
      align-items: center;
      padding: 15px 50px;
      gap: 10px;
      width: 100%;
      height: 50px;
      background-color: #DE5659;
      border-radius: 50px;
      color: #FFFFFF;
      font-weight: 900;
      font-size: 14px;
      line-height: 17px;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer;
      /*transition: all 0.3s ease;*/
    }
    .art-r-consult-btn:hover {
     /* background: #c94547;*/
    }

    /* === КАРТОЧКИ УСЛУГ === */
	
	.art-r-all-card {
		border-radius: 30px;
		border: 1px solid rgba(155, 191, 229, 0.3);
	}
	
    .art-r-card {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 20px 30px;
      gap: 20px;
      position: relative;
    }
  
    .art-r-card-content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      height: auto;
    }

    .art-r-card-title {
      font-weight: 700;
      font-size: 16px;
      line-height: 18px;
      text-transform: uppercase;
      color: #3A5576;
    }

    .art-r-card-desc {
      font-weight: 400;
      font-size: 14px;
      line-height: 17px;
      color: #3A5576;
    }

    .art-r-card-icon {
      height: 60px;
	  width: 60px;
      flex-shrink: 0;
    }

    /* === РАЗДЕЛИТЕЛИ === */
    .art-r-divider {
      height: 1px;
      background: rgba(155, 191, 229, 0.3);
      margin: 0 40px;
    }

    /* === БЛОК ТЕЛЕФОНА === */
    .art-r-contact {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 30px 0 0;
      gap: 5px;
    }

    .art-r-phone {
      font-weight: 900;
      font-size: 34px;
      line-height: 41px;
      letter-spacing: -0.03em;
      text-transform: uppercase;
      color: #3A5576;
      text-align: center;
	      margin-bottom: 18px;
    }

    .art-r-contact-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      height: 30px;
	  gap: 90px;
    }

    .art-r-contact-text {
      font-weight: 400;
      font-size: 18px;
      line-height: 18px;
      text-align: center;
      color: #3A5576;
    }

    .art-r-contact-icons {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      height: 30px;
    }

    .art-r-icon-wa,
    .art-r-icon-tg {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: white;
      font-weight: bold;
    }
	
	.art-text-detail {
color: rgba(58, 85, 118, 1);
font-weight: 400;
font-size: 18px;
line-height: 150%;
padding: 50px 0;
	}
	
	
	
/*****steps***/	
.art-step-container {
  background-color: #EFF7FF;
  padding: 50px 10px 10px;
  border-radius: 50px;
  margin: 0 auto;
}

.art-step-title {
  font-weight: 900;
  font-size: 44px;
  line-height: 100%;
  color: #9BBFE5;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.04em;
  margin: 0 0 40px;
}

.art-step-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.art-step-grid-one{
  display: flex;
  gap: 10px; 
}

.art-step-grid-one > div {
  flex: 1; 
  min-width: 0; 
}

.art-step-grid-two {
  display: flex;
  gap: 10px;
}

.art-step-grid-two > div {
  flex: 1; 
  width: 50%;
}

.art-step-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  background: #FFFFFF;  
  border-radius: 45px;
  box-sizing: border-box;
  padding: 40px;
}

.art-step-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  background: #EFF7FF;
  border: 1px dashed rgba(175, 202, 231, 0.5);
  border-radius: 30px;
  position: relative;
      width: 100%;
}


.art-step-header {
  font-weight: 900;
  font-size: 18px;
  line-height: 120%;
  color: #3A5576;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  leading-trim: both;
  text-edge: cap;
}

.art-step-desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #3A5576;
  leading-trim: both;
  text-edge: cap;
  flex: 1;
}

.art-step-btn {
  width: 100%;
  height: 50px;
  /*background: #EFF7FF;*/
  border-radius: 50px;
  border: none;
  font-weight: 900;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  leading-trim: both;
  text-edge: cap;
  transition: background 1s;
  background-color: var(--blue-dark);
}

.art-step-btn:hover {
  /*background: #d9eaf9;*/
}

.art-step-container .section-title{
    color: var(--blue-dark);
}
.art-step-container .section-title span{
        color: var(--blue-light);
}
.art-ist-container {
	padding-top:50px;
}
.art-ist-block {
	display:flex;
}
.art-ist-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  gap: 30px;
   margin:0 5px;
  height: 270px;
  background: #FFFFFF;
  border: 1px solid rgba(155, 191, 229, 0.3);
  border-radius: 50px;
}

.art-ist-title {
  width: 203.75px;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px; 
  text-transform: uppercase;
  color: #000000;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.art-ist-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%; 
  color: #3A5576;
  margin: 0;
  display: flex;
  align-items: center;
}

.art-moder-header{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 50px;
    gap: 40px;
    height: 195px;
    background: #EFF7FF;
    border-radius: 50px;
    position: relative;
	margin-top:50px;
}
.art-faq-container {
	margin-top:70px;
}
.art-anons-container {
	margin:65px 0;
}

.art-anons-container img.doctor-image {
height:150px;
width:204px;
border-radius: 40px;
margin: 22px auto;	
}
.art-anons-container .art-info {
    padding: 0px 20px;
}
.art-anons-container .art-info .doctor-name{
padding-bottom: 10px;
min-height: 120px;
color: var(--black);
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 20px;
    font-weight: 900;
}

.art-anons-container  .doctor-specialty {
    min-height: 100px;	
}

.art-anons-container .slick-list {
    height: 615px;
}

.art-anons-container .doctor-card-art {
    height: 590px!important;
}

.art-anons-container  .doctors-spec {
    background-color: transparent;
    border-radius: 40px;
    padding: 0px 30px 50px;
	min-height: initial;
}

.doctor-card-art .papka  {
	bottom: 20px;
	top: inherit;
	transform: rotate(90deg);
}

.art-text-detail h2 {
	padding-bottom:20px;
}

.art-text-detail h2 {
	padding-bottom:20px;
}
.art-text-detail p {
    padding: 20px 0;
}

.toc {
font-size: 18px; 
line-height: 120%; 
color: #3A5576;	
}

.ogl_ol {
	list-style-type: none; 
	margin: 0;
}
.toc_li {
line-height: 1.5; 
margin-bottom: 8px;
}
.toc_a {
color: #3A5576;
text-decoration: none;
font-weight: 400;
transition: opacity 0.2s;	
}
.ogl_h2 {
font-weight:600; 
margin-bottom: 16px;
}

.flex_one {
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
}
.art-mob {
	display:none;
}

.art-author-name a {
	text-decoration: none;
    color: #3A5576;
}

.art-r-card.mob {
display:none;
} 

.articles.new .doctor-specialty {
	min-height: 60px;
}

.articles.new .doctor-specialty:last-of-type {
    margin-bottom: 10px;
}

.articles.new .doctors-spec {
    padding: 0px 30px 165px;
}

.articles.new .doctors-slider .doctors-container-art .doctor-card-art {
    height: 565px;
}

.articles.new .doctors-container-art, .doctors-container-art .slick-list {
    height: 585px;
}

.doctors-container-art .slick-list {
    height: 610px;
}

.art-text-detail a {
    color: rgba(58, 85, 118, 1);
}
.art-text-detail a:hover {
    /*color: #9BBFE5;*/
}
.recaptcha-container {
	/*display:none;*/
}

.cta-section-footer.new.rev.univers {
	background: url(../images/blue.jpg) center/100% 400% no-repeat;
}

/* Стили для окна успеха */

.success-content {
    background: white;
    padding: 30px;
    border-radius: 10px;
    max-width: 500px;
    width: 90%;
    position: relative;
	margin: 70px auto;
    height: 150px;
}

.modal-success .sc_h3 {
    color: #28a745;
    margin-bottom: 15px;
    font-size: 24px;
}

.modal-success p {
    color: #666;
    margin-bottom: 20px;
    font-size: 16px;
}

#closeSuccessModal {
    top: -30px;
    right: -35px; 
}

.sticky {
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: transform 0.3s ease;
}

.sticky.fixed {
    position: fixed;
    z-index: 1000;
	max-width: 338px;
}

.sticky.bottomed {
    position: absolute;
    bottom: 0;
    top: auto;
}
.noline{
	text-decoration:none;
}
a.noline .doctor-specialty{
    color: var(--blue-dark);
}
.i-soc {
	padding-top:20px;
}

.art-container .cta-section-footer {
	   margin-bottom: 0;
	   padding-bottom: 50px;
}

.seo-text .seo a{
    color: rgba(58, 85, 118, 1);
}


.art-container table {
    border-collapse: collapse; /* Объединяет границы ячеек */
    border: 1px solid #3A5576; /* Граница вокруг всей таблицы */
}
.art-container table th,
.art-container table td {
    border: 1px solid #3A5576; /* Границы для ячеек */
    padding: 8px; /* Отступ внутри ячеек (по желанию) */
}


/* Поиск */
#search_result {
	position: absolute;
	width: 100%;
	    z-index: 9;
}

/* Обертка для прелоадера */
.search-preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}


.search-results-container {
    max-height: 400px; /* Высота до появления скролла */
    overflow-y: auto;  /* Вертикальная прокрутка при необходимости */
    overflow-x: hidden; /* Без горизонтальной прокрутки */
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    position: relative;
}

/* Список результатов (внутри прокручиваемого контейнера) */
.search-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: white;
}

/* Элемент списка */
.search-result-item {
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-item:hover {
    background-color: #f8f9fa;
}

/* Ссылка результата */
.search-result-link {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

/* Заголовок результата */
.search-result-title {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #2c5aa0;
    line-height: 1.4;
}

.search-result-title:hover {
    text-decoration: underline;
}

/* Краткое описание */
.search-result-excerpt {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    max-height: 4.2em; /* Примерно 3 строки */
    overflow: hidden;
}

/* Сообщение об ошибке */
.search-error {
    color: #d32f2f;
    text-align: center;
    padding: 20px;
    margin: 0;
}
.service-card .h3 a, .advantage-card p a {
	color: var(--blue-dark);
    text-decoration: none;
}

.advantage-card .h33 a {
	    color: var(--black);
    text-decoration: none;
}
.art-text-detail a:hover {
    text-decoration: none;
}

.path-to-recovery.nadom {
    padding: 80px 0 100px;
    background: url(../images/5step_t.jpg) center/cover no-repeat;
    color: white;
	margin-top: -47px;
	margin-bottom: -47px;
}

.path-to-recovery.nadom .path-container {
    padding: 47px 0;
}

.path-to-recovery.nadom .path-slider {
    background: var(--white);
}
.path-to-recovery.nadom .btn-path {
    background-color: var(--blue-dark);
	color: var(--white);
}

.path-to-recovery.nadom .path-text .h22 {
    color: var(--blue-light);
}
.path-to-recovery.nadom .slide-number {
    color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
}
.path-to-recovery.nadom .path-slide .eh3 {
    color: var(--blue-dark);
	text-transform: uppercase;
}
.path-to-recovery.nadom .path-slider .slick-prev, .path-to-recovery.nadom .path-slider .slick-next {
    border: 10px solid var(--blue-dark);
}
.path-to-recovery.nadom .path-slider  .slick-prev:hover, .path-to-recovery.nadom .path-slider   .slick-next:hover {
    background-color: var(--blue-light) !important;
}
.path-to-recovery.nadom .path-text p {
   color: var(--white);	
}