diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css
index ee17a84..04cd2b8 100644
--- a/wp-content/themes/dekart/assets/css/camp.css
+++ b/wp-content/themes/dekart/assets/css/camp.css
@@ -586,8 +586,6 @@ html {
     line-height: 1.6;
     color: #555;
     text-align: center;
-    max-width: 700px;
-    margin: 0 auto 50px;
 }
 .suggestions-wrapper {
     display: flex;
@@ -730,6 +728,11 @@ html {
 }
 .infograph {
     text-align: center;
+    position: relative;
+}
+
+.infograph__header {
+    margin-bottom: 48px;
 }
 
 .infograph__lead {
@@ -738,8 +741,6 @@ html {
     line-height: 1.6;
     color: #555;
     text-align: center;
-    max-width: 640px;
-    margin: -16px auto 56px;
     font-weight: 400;
 }
 
@@ -750,38 +751,62 @@ html {
 }
 
 .infograph__card {
+    background: #fff;
+    border-radius: 20px;
+    padding: 32px 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 12px;
+    gap: 16px;
     text-align: center;
+    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
-.infograph__icon {
-    width: 72px;
-    height: 72px;
-    border-radius: 50%;
+.infograph__card:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
+}
+
+.infograph__card-icon {
+    width: 64px;
+    height: 64px;
+    border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+    background: rgba(57, 183, 234, 0.1);
 }
 
-.infograph__icon img {
+.infograph__card-icon img {
     width: 36px;
     height: 36px;
     object-fit: contain;
 }
 
-.infograph__icon--age { background: rgba(57, 183, 234, 0.12); }
-.infograph__icon--group { background: rgba(59, 178, 115, 0.12); }
-.infograph__icon--time { background: rgba(174, 95, 205, 0.12); }
-.infograph__icon--price { background: rgba(233, 69, 99, 0.12); }
+.infograph__card:nth-child(2) .infograph__card-icon {
+    background: rgba(59, 178, 115, 0.1);
+}
+
+.infograph__card:nth-child(3) .infograph__card-icon {
+    background: rgba(174, 95, 205, 0.1);
+}
+
+.infograph__card:nth-child(4) .infograph__card-icon {
+    background: rgba(233, 69, 99, 0.1);
+}
+
+.infograph__card-body {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
 
 .infograph__stat {
     font-family: Montserrat, sans-serif;
-    font-size: 30px;
-    font-weight: 700;
+    font-size: 28px;
+    font-weight: 800;
     line-height: 1.2;
     color: #1c2b2d;
     margin: 0;
@@ -789,7 +814,7 @@ html {
 
 .infograph__label {
     font-family: Inter, sans-serif;
-    font-size: 15px;
+    font-size: 14px;
     font-weight: 500;
     line-height: 1.4;
     color: #777;
@@ -801,33 +826,33 @@ html {
 /* infograph END */
 
 @media (max-width: 768px) {
-    .infograph__grid {
-        grid-template-columns: repeat(2, 1fr);
-        gap: 32px;
+    .infograph__header {
+        margin-bottom: 32px;
     }
     .infograph__lead {
         font-size: 16px;
-        margin: -16px auto 40px;
         max-width: 100%;
     }
+    .infograph__grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 16px;
+    }
+    .infograph__card {
+        padding: 24px 16px;
+    }
     .infograph__stat {
-        font-size: 26px;
+        font-size: 22px;
     }
     .infograph__label {
-        font-size: 13px;
-    }
-    .infograph__icon {
-        width: 60px;
-        height: 60px;
-    }
-    .infograph__icon img {
-        width: 30px;
-        height: 30px;
+        font-size: 12px;
     }
 }
 
-
-
+@media (min-width: 769px) {
+    .infograph__lead {
+        text-align: center !important;
+    }
+}
 
 /* programs */
 .programs__grid {
diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php
index 99cc738..8437511 100644
--- a/wp-content/themes/dekart/page-camp.php
+++ b/wp-content/themes/dekart/page-camp.php
@@ -197,40 +197,50 @@ $metrics = [
 </section>
 	<section class="section-reveal section-bg infograph" data-bg="white">
 		<div class="container">
-			<h2 class="camp_title">Цифры, которые говорят сами за себя</h2>
-			<p class="infograph__lead">Мы создаём среду, где каждый ребёнок раскрывает свой потенциал</p>
+			<div class="infograph__header">
+				<h2 class="camp_title">Цифры, которые говорят сами за себя</h2>
+				<p class="infograph__lead">Мы создаём среду, где каждый ребёнок раскрывает свой потенциал</p>
+			</div>
 			<div class="infograph__grid">
 
 				<div class="infograph__card">
-					<div class="infograph__icon infograph__icon--age">
-						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/age.svg" alt="" width="48" height="48">
+					<div class="infograph__card-icon">
+						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/age.svg" alt="" width="40" height="40">
+					</div>
+					<div class="infograph__card-body">
+						<p class="infograph__stat">6,5−11 лет</p>
+						<p class="infograph__label">возраст</p>
 					</div>
-					<p class="infograph__stat">6,5−11 лет</p>
-					<p class="infograph__label">возраст</p>
 				</div>
 
 				<div class="infograph__card">
-					<div class="infograph__icon infograph__icon--group">
-						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/group.svg" alt="" width="48" height="48">
+					<div class="infograph__card-icon">
+						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/group.svg" alt="" width="40" height="40">
+					</div>
+					<div class="infograph__card-body">
+						<p class="infograph__stat">до 10 детей</p>
+						<p class="infograph__label">каждая группа</p>
 					</div>
-					<p class="infograph__stat">до 10 детей</p>
-					<p class="infograph__label">каждая группа</p>
 				</div>
 
 				<div class="infograph__card">
-					<div class="infograph__icon infograph__icon--time">
-						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/time.svg" alt="" width="48" height="48">
+					<div class="infograph__card-icon">
+						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/time.svg" alt="" width="40" height="40">
+					</div>
+					<div class="infograph__card-body">
+						<p class="infograph__stat">на выбор</p>
+						<p class="infograph__label">время посещения</p>
 					</div>
-					<p class="infograph__stat">на выбор</p>
-					<p class="infograph__label">время посещения</p>
 				</div>
 
 				<div class="infograph__card">
-					<div class="infograph__icon infograph__icon--price">
-						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/price.svg" alt="" width="48" height="48">
+					<div class="infograph__card-icon">
+						<img loading="lazy" src="<?php echo $theme_uri; ?>/assets/images/price.svg" alt="" width="40" height="40">
+					</div>
+					<div class="infograph__card-body">
+						<p class="infograph__stat">от <?php echo esc_html( number_format($priceMin, 0, ',', ' ') ); ?> ₽</p>
+						<p class="infograph__label">стоимость недели</p>
 					</div>
-					<p class="infograph__stat">от <?php echo esc_html( number_format($priceMin, 0, ',', ' ') ); ?> ₽</p>
-					<p class="infograph__label">стоимость недели</p>
 				</div>
 
 			</div>