From 59c0e82e15ec26ad96d5034689ec01b8484350f8 Mon Sep 17 00:00:00 2001
From: "Anton.AE" <ab.an.ev@yandex.ru>
Date: Tue, 29 Oct 2024 10:24:51 +0000
Subject: [PATCH] styles fixed

---
 assets/css/app.min.css |   4 +-
 assets/css/style.css   | 128 +++++++++++++++++++++++++++++------------
 index.html             |  52 +++++++++++++----
 3 files changed, 134 insertions(+), 50 deletions(-)

diff --git a/assets/css/app.min.css b/assets/css/app.min.css
index 2d8457f..d0680b5 100644
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
@@ -5954,9 +5954,9 @@ body:has(.hero){
   .sub_title {
     font-size: 14px;
   }
-  .company_row .slick-list{
+  /* .company_row .slick-list{
     overflow: visible;
-  }
+  } */
   .feedback_item::before{
     left: 0;
   }
diff --git a/assets/css/style.css b/assets/css/style.css
index 1a4d8db..3742263 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -125,7 +125,7 @@
   .medina_license .inf_block {
     display: flex;
     align-items: center;
-    gap: 106px;
+    gap: 83px;
     width: 1266px;
   }
   .medina_license .inf_text_left {
@@ -184,7 +184,7 @@
   .obtained_by .text_obtained {
     display: flex;
     flex-direction: column;
-    gap: 14px;
+    gap: 9px;
     width: 592px;
   }
   .obtained_by .text_right_block {
@@ -256,7 +256,7 @@
   .main_license .tabs_group {
     display: flex;
     align-items: flex-start;
-    gap: 123px;
+    gap: 146px;
   }
   .main_license .sections_tab {
     max-width: 591px;
@@ -283,7 +283,7 @@
     font-weight: 600;
     line-height: 28.8px;
     color: #000000;
-    margin-bottom: 32px;
+    margin-bottom: 12px;
     position: relative;
   }
   .what_know .title_block {
@@ -306,7 +306,7 @@
     justify-content: space-between;
   }
   .what_know .texts {
-    max-width: 489px;
+    max-width: 472px;
     display: flex;
     flex-direction: column;
     gap: 12px;
@@ -365,7 +365,7 @@
     font-weight: 600;
     line-height: 38.4px;
     color: #0F1521;
-    margin-bottom: 60px;
+    margin-bottom: 90px;
   }
     .block_big_stages{
     display: block !important;
@@ -399,7 +399,7 @@
     background-color: #F3F3F3;
     border-radius: 10px;
     width: 388px;
-    height: 190px;
+
     position: relative;
   }
   .stages .title_item {
@@ -407,7 +407,7 @@
     font-weight: 600;
     line-height: 28.8px;
     color: #0F1521;
-    margin-bottom: 26px;
+    margin-bottom: 11px;
   }
   .stages .text_item {
     font-size: 16px;
@@ -464,9 +464,10 @@
     font-weight: 300;
     line-height: 19.2px;
     color: #FFFFFF;
+    margin-top: -15px;
   }
   .stages .doc {
-    right: 33px;
+    right: 7px;
     bottom: 0;
     position: absolute;
   }
@@ -532,7 +533,7 @@
   }
   
   .frequently {
-    padding: 100px 0;
+    padding: 0 0 100px 0;
     background-color: #FFFFFF;
   }
   .frequently .accordion{
@@ -560,6 +561,7 @@
     box-shadow: none;
     background-color: #4E913C;
     color: #FFFFFF;
+    font-weight: 600px;
   }
   .frequently .accordion-item:first-of-type > .accordion-header .accordion-button {
     border-radius: 10px;
@@ -583,7 +585,7 @@
   .frequently .accordion-button {
     border-radius: 10px;
     background-color: #F9F9F9;
-    padding: 31px 24px;
+    padding: 23px 24px;
     font-size: 24px;
     font-weight: 300;
     line-height: 28.8px;
@@ -652,7 +654,7 @@
     white-space: nowrap; 
   } */
   .key_points .top_block {
-    margin-bottom: 60px;
+    margin-bottom: 45px;
   }
   .key_points .title_bottom_block {
     font-size: 24px;
@@ -681,6 +683,7 @@
     color: #0F1521;
     position: relative;
     text-decoration: underline !important;
+    margin-left: 24px;
   }
   .key_points .text_bottom_p:hover{
     color: #71A800;
@@ -699,6 +702,9 @@
     .transparent_process {
       padding: 0 0 40px 0;
     }
+    .stages .number_company{
+      font-size: 12px;
+    }
     .transparent_process .title_block {
       font-size: 24px;
       font-weight: 600;
@@ -709,8 +715,8 @@
       font-weight: 600;
       line-height: 16.8px;
       color: #0F1521;
-      margin-top: 15px;
-      margin-bottom: 32px;
+      margin-top: 8px;
+      margin-bottom: 25px;
     }
     .transparent_process .block_item {
       flex-direction: column;
@@ -731,13 +737,12 @@
     }
     .medina_license {
       padding: 60px 0;
-      padding-bottom: 0;
     }
     .medina_license .title_block {
       font-size: 24px;
       font-weight: 600;
       line-height: 28.8px;
-      margin-bottom: 32px;
+      margin-bottom: 17px;
     }
     .medina_license .inf_block {
       flex-direction: column;
@@ -761,18 +766,28 @@
     }
     .medina_license .right_text_inf {
       padding: 8px;
+      padding-left: 24px;
+      padding-right: 24px;
+      margin-left: -1.5rem;
+      min-width: 100vw;
     }
     .medina_license .text_right_block {
       font-size: 12px;
       font-weight: 300;
       line-height: 14.4px;
     }
+    .about_block{
+      padding: 11px;
+    }
     .medina_license .img_ch {
       width: 24px;
     }
     .obtained_by {
       padding: 60px 0;
     }
+    .key_points .texts, .key_points .block_text_bottom{
+      gap: 6px;
+    }
     .obtained_by .title_block {
       font-size: 24px;
       font-weight: 600;
@@ -809,7 +824,8 @@
       width: 100%;
     }
     .main_license {
-      padding: 60px 0;
+      padding: 20px 0;
+      overflow: hidden;
     }
     .main_license .title_block {
       font-size: 24px;
@@ -840,18 +856,20 @@
       justify-content: center;
       width: 100%;
       max-width: 200px;
-      padding: 20px !important;
+      width: max-content;
+
+      padding: 17px 27px !important;
       margin-right: 10px;
     }
     .main_license .left_tab_block {
       overflow: scroll;
-      margin-bottom: 32px;
+      margin-bottom: 5px;
     }
     .main_license .texts_li {
       font-size: 12px;
       font-weight: 300;
       line-height: 14.4px;
-      margin-left: 10px;
+      margin-left: 18px;
     }
 
     .main_license .right_sections_tab{
@@ -861,13 +879,13 @@
       gap: 0;
     }
     .what_know {
-      padding-bottom: 60px;
+      padding-bottom: 36px;
     }
     .what_know .title_block {
-      font-size: 16px;
+      font-size: 24px;
       font-weight: 600;
       line-height: 19.2px;
-      margin-bottom: 24px;
+      margin-bottom: 11px;
     }
     .what_know .inf_block_know {
       flex-direction: column;
@@ -877,7 +895,7 @@
       padding: 0;
     }
     .what_know .texts {
-      gap: 8px;
+      gap: 6px;
       padding: 8px;
       padding-bottom: 24px;
       max-width: 100%;
@@ -891,6 +909,10 @@
     .what_know .second_texts {
       padding-top: 24px;
       background-color: #EEF4EC;
+      min-width: 100vw;
+      margin-left: -0.75rem;
+      padding-left: 24px;
+      padding-right: 24px;
     }
     .what_know .title_block_mini{
       font-size: 16px;
@@ -900,7 +922,7 @@
       position: relative;
       z-index: 100;
     }
-    .what_know .title_block_mini::before{
+    /* .what_know .title_block_mini::before{
       content: '';
       position: absolute;
       width: 100%;
@@ -908,7 +930,7 @@
       top: 0;
       color: #EEF4EC;
       background-color: #EEF4EC;
-    }
+    } */
     .stages {
       padding-bottom: 60px;
     }
@@ -916,15 +938,16 @@
       font-size: 24px;
       font-weight: 600;
       line-height: 28.8px;
-      margin-bottom: 32px;
+      margin-bottom: 12px;
     }
     .stages .items {
+     gap: 14px;
       flex-direction: column;
     }
     .stages .item {
       width: 100%;
       height: auto;
-      padding: 16px 16px 40px 16px;
+      padding: 14px 16px 30px 16px;
     }
     .stages .item_block {
       flex-direction: column;
@@ -937,7 +960,7 @@
       font-size: 16px;
       font-weight: 600;
       line-height: 19.2px;
-      margin-bottom: 16px;
+      margin-bottom: 7px;
     }
     .stages .text_item {
       font-size: 12px;
@@ -956,10 +979,14 @@
       line-height: 38.4px;
     }
     .stages .form_block {
-      padding: 146px 52px 39px 22px;
+      padding: 146px 22px 39px 22px;
       height: auto;
       max-width: 500px;
       margin: 0 auto;
+
+      min-width: 100vw;
+      margin-left: -1.5rem;
+      border-radius: 0px;
     }
     .stages .women_img{
         right: 33%;
@@ -974,7 +1001,15 @@
       font-size: 16px;
       font-weight: 300;
       line-height: 19.2px;
-      margin-bottom: 40px;
+      margin-bottom: 32px;
+      margin-top: -12px;
+    }
+    .company_row{
+      width: 100vw;
+      margin-left: -1.5rem;
+    }
+    .reviews .sub_title_h{
+      font-size: 24px;
     }
     .stages .bottom_text {
       font-size: 16px;
@@ -1014,7 +1049,7 @@
       flex-direction: column;
     }
     .frequently {
-      padding-bottom: 60px;
+      padding-bottom: 30px;
     }
     .frequently .faq_t {
       font-size: 16px;
@@ -1029,9 +1064,8 @@
       margin-bottom: 32px;
     }
     .frequently .accordion-button {
-      padding: 25px 40px 25px 16px;
+      padding: 14px 20px 16px 16px;
       font-size: 16px;
-      font-weight: 600;
       line-height: 19.2px;
     }
     .frequently .accordion-body {
@@ -1060,22 +1094,40 @@
       line-height: 14.4px;
     }
     .key_points .top_block {
-      margin-bottom: 44px;
+      margin-bottom: 17px;
     }
     .key_points .block_text_bottom {
       flex-direction: column;
-      gap: 12px;
-      margin-left: 20px;
+      gap: 6px;
     }
     .key_points .title_bottom_block {
       font-size: 16px;
       font-weight: 600;
       line-height: 19.2px;
-      margin-bottom: 15px;
+      margin-bottom: 7px;
     }
     .key_points .text_bottom_p {
       font-size: 12px;
       font-weight: 300;
       line-height: 14.4px;
     }
+ 
+      .experience {
+        padding: 39px 0 39px 0;
+        margin: 0 !important;
+        background-color: #FFFFFF;
+    }
+    .team{
+      padding-top: 2px;
+      padding-bottom: 40px;
+    }
+  }
+
+  .up_title{
+    margin-top: 0;
+    margin-bottom: .5em;
+  }
+
+  .up_title + .serv-page__heading{
+    margin-bottom: 1.7em;
   }
\ No newline at end of file
diff --git a/index.html b/index.html
index a5e631c..4c60346 100644
--- a/index.html
+++ b/index.html
@@ -50,8 +50,9 @@
         <script type="text/javascript" src="https://xn--80ajpfhbgomfh1b.xn--p1ai/local/templates/centrconsult-new/assets/js/scripts/simple_form_11_2.js"></script>
         <script type="text/javascript" src="https://xn--80ajpfhbgomfh1b.xn--p1ai/local/templates/centrconsult-new/assets/js/scripts/breadcrumbs.js"></script>
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-        <link rel="stylesheet" href="assets/css/style.css">
-        <link rel="stylesheet" type="text/css" href="assets/css/app.min.css?v=1.20">
+  
+        <link rel="stylesheet" type="text/css" href="assets/css/app.min.css?v=1.23">     
+         <link rel="stylesheet" href="assets/css/style.css?v=1.30">
     </head>
     <body>
         <div class="page-wrapper" id="pageWrapper">
@@ -269,7 +270,7 @@
                         <div class="block_item">
                             <div class="item">
                                 <img src="img/item.svg" alt="">
-                                <p class="item_text">Выдаем только официальные лицензии, зарегистрированные в реестре</p>
+                                <p class="item_text">Выдаем только официальные лицензии,&nbsp;зарегистрированные в реестре</p>
                             </div>
                             <div class="item">
                                 <img src="img/item1.svg" alt="">
@@ -320,6 +321,36 @@
                     </div>
                 </div>
             </section>
+            <div class="serv-page__block serv-page__block--form">
+                <div class="container">
+                    <h2 class="serv-page__heading serv-page__heading--lg">
+                        Запросите коммерческое предложение
+                        по&nbsp;лицензированию медицинской деятельности
+                    </h2>
+      
+                    <div class="serv-page__form-group">
+                        <input type="text" class="serv-page__form-input" placeholder="Введите Ваше имя">
+                        <input type="text" class="serv-page__form-input" placeholder="Введите Ваш телефон">
+                        <button class="anim-btn serv-page__form-btn">
+                            <span class="btn-text">
+                                Запросить коммерческое предложение
+                            </span>
+                            <span class="anim"></span>
+                        </button>
+            
+                        
+                    </div>
+                    <div class="serv-page-form-agree">
+                        <label class="serv-page-form-label">
+                            <input type="checkbox" checked="" required="" class="visually-hidden">
+                            <div class="serv-page-form-label-box"></div>
+                        </label>
+                        <div class="serv-page-form-text">
+                            Даю свое согласие на обработку персональных данных и соглашаюсь с <a href="">политикой конфиденциальности</a>.
+                        </div>
+                    </div>
+                </div>
+            </div>
             <section class="obtained_by">
                 <div class="container">
                     <div class="about_block">
@@ -343,6 +374,7 @@
                     </div>
                 </div>
             </section>
+
             <section class="exact_cost">
                 <div class="container">
                     <div class="about_block">
@@ -504,10 +536,10 @@
                     </div>
                 </div>
             </section>
-            <section class="reviews">
+           <section class="reviews">
                 <div class="cont cont-lg">
-                    <h2 class="serv-page__heading">Что говорят о нас клиенты?</h2>
-                    <div class="sub_title">Смотрите видео</div>
+                    <div class="sub_title up_title">Смотрите видео</div>
+                    <h2 class="serv-page__heading">Видеоотзывы наших клиентов</h2>
                     <div class="review_row">
                         <div class="review_item" data-fancybox="gallery" data-src="assets/img/review1.png">
                             <img src="assets/img/review1.png" alt="">
@@ -556,7 +588,7 @@
                     </div>
                 </div>
             </section>
-            <section class="license">
+           <section class="license">
                 <div class="cont cont-lg">
                     <div class="serv-page__help">
                         <div class="serv-page__help__head">
@@ -612,7 +644,7 @@
                     </div>
                 </div>
             </section>
-            <section class="experience">
+              <section class="experience">
                 <div class="cont cont-lg">
                     <h2 class="serv-page__heading">26 лет безупречной работы</h2>
                     <div class="sub_title">и тысячи успешных кейсов</div>
@@ -1023,8 +1055,8 @@
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     <script src="https://api-maps.yandex.ru/2.1/?apikey=5510bf12-f2da-4161-a92b-e93e32c98f28&amp;lang=ru_RU" type="text/javascript"></script>
-    <script src="assets/js/app.min.js?v=1.9"></script>
-    <script src="assets/js/main.js"></script>
+    <script src="./assets/js/app.min.js?v=1.9"></script>
+    <script src="./assets/js/main.js"></script>
     <script>
         ymaps.ready(function() {
             var myMap = new ymaps.Map('map', {