сделал how js для пк

assets/css/gp-style-desktop.css

@@ -490,6 +490,12 @@
 
     width: 100%;
 }
+.how-content__item-block{
+    height: 0;
+    overflow: hidden;
+
+    transition: height .3s;
+}
 .how-content__item{
     width: 100%;
 
@@ -498,11 +504,6 @@
     background-color: var(--background-grey);
 
     overflow: hidden;
-
-    display: none;
-}
-.how-content__item.active{
-    display: block;
 }
 .how-content__item .text-2{
     margin-top: 16px;

assets/js/main.js

@@ -43,3 +43,32 @@ const reviewsSwiper = new Swiper('.reviews-swiper', {
 })
 
 // gymSwiper.destroy();
+
+// how
+
+function howPc() {
+    let itemButtons = document.querySelectorAll('.how-control__item'),
+        itemBlocks = document.querySelectorAll('.how-content__item-block');
+
+    itemButtons.forEach((button, index) => {
+        let block = itemBlocks[index];
+
+        button.onclick = function () {
+            let activeContent = document.querySelector('.how__content').querySelector('.active'),
+                activeButton = document.querySelector('.how__control').querySelector('.active');
+            
+            activeContent.style.height = '0px';
+            activeContent.classList.remove('active');
+            activeButton.classList.remove('active');
+
+            setTimeout(() => {
+                let newHeight = block.querySelector('.how-content__item').offsetHeight + 'px';
+                block.style.height = newHeight;
+                block.classList.add('active');
+                button.classList.add('active');
+            }, 300);
+        }
+    })
+}
+
+howPc();

index.html

@@ -187,7 +187,7 @@
         </header>
 
         <main class="wrapper">
-            <article class="space">
+            <!-- <article class="space">
                 <p class="title-1">
                     Создаем пространства, которые работают
                 </p>
@@ -419,7 +419,7 @@
                         все проекты
                     </a>
                 </div>
-            </div>
+            </div> -->
 
             <div class="main__item">
                 <p class="title-1">
@@ -428,7 +428,7 @@
 
                 <article class="how">
                     <div class="how__control">
-                        <div class="how-control__item">
+                        <div class="how-control__item active">
                             <div class="how-control-item__number title-3">
                                 1
                             </div>
@@ -460,7 +460,8 @@
                     </div>
 
                     <div class="how__content">
-                        <div class="how-content__item active">
+                        <div class="how-content__item-block active" style="height: 354px;">
+                            <div class="how-content__item">
                                 <p class="text-1">
                                     Проводим экспертизу помещения и определяем рыночный сегмент проекта
                                 </p>
@@ -481,7 +482,9 @@
                                     <img src="/assets/img/photo/how-1.png" alt="" class="how-content-item__img how-content-item__img--1">
                                 </div>
                             </div>
+                        </div>
 
+                        <div class="how-content__item-block">
                             <div class="how-content__item">
                                 <p class="text-1">
                                     Разрабатываем Эскизный проект фитнес клуба (Проект клуба на этапе голых стен)
@@ -509,7 +512,9 @@
                                     <img src="/assets/img/photo/how-2.png" alt="" class="how-content-item__img how-content-item__img--2">
                                 </div>
                             </div>
+                        </div>
 
+                        <div class="how-content__item-block">
                             <div class="how-content__item">
                                 <p class="text-1">
                                     Осуществляем детализацию концепции и функциональное наполнение клуба
@@ -532,10 +537,11 @@
                                 </div>
                             </div>
                         </div>
+                    </div>
                 </article>
             </div>
 
-            <div class="main__item">
+            <!-- <div class="main__item">
                 <article class="free">
                     <p class="title-1">
                         Получи проект бесплатно
@@ -591,9 +597,9 @@
                         </form> 
                     </div>
                 </article>
-            </div>
+            </div> -->
 
-            <div class="main__item">
+            <!-- <div class="main__item">
                 <p class="title-1 title--center">
                     Отзывы клиентов
                 </p>
@@ -754,9 +760,9 @@
                         <div class="swiper-button-next"></div> 
                     </div>
                 </article>
-            </div>
+            </div> -->
 
-            <div class="main__item">
+            <!-- <div class="main__item">
                 <div class="text-form">
                     <div class="text-form__content">
                         <p class="title-1">
@@ -817,9 +823,9 @@
                     </div> 
                 </div>
                                
-            </div>
+            </div> -->
 
-            <div class="main__item">
+            <!-- <div class="main__item">
                 <p class="title-1">
                     Дополнительные услуги
                 </p>
@@ -866,9 +872,9 @@
                         </div>
                     </div>
                 </article>
-            </div>
+            </div> -->
 
-            <div class="main__item">
+            <!-- <div class="main__item">
                 <article class="call">
                     <p class="title-1">
                         Свяжитесь с нами
@@ -891,7 +897,7 @@
                         </div>
                     </div>
                 </article>
-            </div>
+            </div> -->
         </main>
 
         <footer class="footer">