figma_final_desktop

2025-10-24 17:20:19 +03:00
parent 11e2c01e2d
commit bb913738a1
2 changed files with 238 additions and 33 deletions
--- a/index.html
+++ b/index.html
@@ -154,14 +154,14 @@
          <div class="accordion">
    <!-- 1 -->
      <div class="accordion-item" id="item1">
-        <div class="accordion_index">02</div>
+        <div class="accordion_index_area"><div class="accordion_index">02</div></div>
        <div class="accordion_title">Digital-продукты</div>
      <img src="" class="img-open">
      <img src="" class="img-closed">
      <div class="blue-square">
        <div class="item_wrapper">
          <div class="wrapper_row_first">
-          <div class="item_wrapper_index">02</div>
+          <div class="item_wrapper_area"><div class="item_wrapper_index">02</div></div>
          <div class="item_wrapper_icon"><svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M7 17.5H0C0 7.875 7.875 0 17.5 0C27.125 0 35 7.875 35 17.5C35 27.125 27.125 35 17.5 35V28H10.5V21H17.5V28C23.31 28 28 23.2925 28 17.5C28 11.7075 23.2925 7 17.5 7C11.7075 7 7 11.7075 7 17.5ZM10.5 28V33.25H5.25V28H10.5ZM1.75 24.5H5.25V28H1.75V24.5Z" fill="#0C47A0"/>
  </svg></div>
@@ -181,14 +181,14 @@
    </div>
    <!-- 2 -->
      <div class="accordion-item" id="item2">
-        <div class="accordion_index">03</div>
+        <div class="accordion_index_area"><div class="accordion_index">03</div></div>
        <div class="accordion_title">Маркетинг</div>
      <img src="" alt="" class="img-open">
      <img src="" class="img-closed">
      <div class="blue-square">
        <div class="item_wrapper">
          <div class="wrapper_row_first">
-          <div class="item_wrapper_index">03</div>
+          <div class="item_wrapper_area"><div class="item_wrapper_index">03</div></div>
          <div class="item_wrapper_icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C6.54131 1 5.14236 1.57946 4.11091 2.61091C3.07946 3.64236 2.5 5.04131 2.5 6.5V7.5C2.5 8.028 2.715 8.535 2.943 8.926C3.174 9.325 3.452 9.659 3.646 9.854L5.063 11.27L5.64 13H10.36L10.937 11.27L12.354 9.854C12.548 9.659 12.826 9.324 13.057 8.926C13.285 8.535 13.5 8.028 13.5 7.5V6.5C13.5 5.04131 12.9205 3.64236 11.8891 2.61091C10.8576 1.57946 9.45869 1 8 1ZM9.354 5.354L8.646 4.646L6.793 6.5L7.793 7.5L6.646 8.646L7.354 9.354L9.207 7.5L8.207 6.5L9.354 5.354Z" fill="#0C47A0"/>
  <path d="M10 15V14H6V15H10Z" fill="#0C47A0"/>
@@ -209,14 +209,14 @@
    </div>
      <!-- 3 -->
      <div class="accordion-item" id="item3">
-        <div class="accordion_index">04</div>
+        <div class="accordion_index_area"><div class="accordion_index">04</div></div>
        <div class="accordion_title">продвижение <br>&hairsp;&hairsp;Топовое SEO</div>
      <img src="" alt="" class="img-open">
      <img src="" class="img-closed">
          <div class="blue-square">
        <div class="item_wrapper">
          <div class="wrapper_row_first">
-          <div class="item_wrapper_index">04</div>
+          <div class="item_wrapper_area"><div class="item_wrapper_index">04</div></div>
          <div class="item_wrapper_icon"><svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M16.4546 14.1133L20.5461 18.2048C21.1822 18.8369 22.0425 19.1917 22.9393 19.1917C23.836 19.1917 24.6963 18.8369 25.3324 18.2048L36.8579 6.66179C36.9388 6.58677 37.045 6.54507 37.1554 6.54507C37.2657 6.54507 37.372 6.58677 37.4529 6.66179L39.3026 8.51154C39.4584 8.66904 39.6736 8.75654 39.8976 8.74954C40.0038 8.77404 40.1105 8.77404 40.2179 8.74954C40.3812 8.68289 40.5196 8.56702 40.614 8.41805C40.7084 8.26908 40.7541 8.0944 40.7446 7.91829V1.12829C40.7446 0.903192 40.6552 0.687309 40.496 0.528137C40.3369 0.368966 40.121 0.279544 39.8959 0.279544H33.1059C32.9271 0.266193 32.7487 0.309802 32.5962 0.404116C32.4437 0.498431 32.325 0.638607 32.2571 0.804544C32.1914 0.958308 32.1742 1.12844 32.2076 1.29227C32.2411 1.4561 32.3237 1.60585 32.4444 1.72154L34.4481 3.65704C34.4888 3.69518 34.5213 3.74126 34.5434 3.79243C34.5656 3.8436 34.577 3.89878 34.577 3.95454C34.577 4.01031 34.5656 4.06549 34.5434 4.11666C34.5213 4.16783 34.4888 4.21391 34.4481 4.25204L29.3556 9.34454C24.7846 -1.49321 10.1984 -3.31846 3.10039 6.05629C1.01089 8.81414 -0.0805673 12.1996 0.00463571 15.6585C0.00813571 16.2255 0.041969 16.7914 0.106136 17.356C0.156409 17.7699 0.357216 18.1508 0.670276 18.4261C0.983337 18.7014 1.38676 18.8518 1.80364 18.8488H2.00664C2.22853 18.8236 2.44327 18.7548 2.63855 18.6465C2.83383 18.5382 3.00581 18.3924 3.14464 18.2174C3.28348 18.0425 3.38643 17.8419 3.4476 17.6271C3.50877 17.4124 3.52697 17.1876 3.50114 16.9658C3.47471 16.5018 3.47471 16.0368 3.50114 15.5728C3.80389 6.35379 13.9749 0.916544 21.8079 5.78679C24.1147 7.22146 25.8659 9.39713 26.7744 11.9573L23.2446 15.5413C23.1609 15.6175 23.0517 15.6598 22.9384 15.6598C22.8251 15.6598 22.7159 15.6175 22.6321 15.5413L18.5424 11.4148C17.9063 10.7827 17.046 10.4279 16.1493 10.4279C15.2525 10.4279 14.3922 10.7827 13.7561 11.4148L0.515636 24.6378C0.198404 24.9573 0.0211064 25.3898 0.0227474 25.8401C0.0243883 26.2904 0.204833 26.7216 0.524386 27.0388C0.843938 27.356 1.27642 27.5333 1.7267 27.5317C2.17697 27.53 2.60815 27.3496 2.92539 27.03L3.91064 26.0465C5.38046 27.6307 7.15732 28.8992 9.13305 29.7747C11.1088 30.6501 13.242 31.1144 15.4029 31.139C18.7777 31.1466 22.06 30.0365 24.7374 27.982C24.816 27.9166 24.9151 27.8807 25.0174 27.8807C25.1197 27.8807 25.2188 27.9166 25.2974 27.982L27.6739 30.3585C27.7314 30.4145 27.7717 30.4858 27.79 30.5639C27.8083 30.6421 27.8039 30.7239 27.7771 30.7995C27.6155 31.2519 27.5856 31.7409 27.6909 32.2096C27.7963 32.6784 28.0325 33.1075 28.3721 33.4473L34.9574 40.05C36.7144 41.9838 39.9064 41.289 40.7026 38.7988C40.9011 38.1771 40.9162 37.5114 40.7462 36.8814C40.5761 36.2513 40.228 35.6836 39.7436 35.2463L33.1741 28.6103C32.6946 28.1366 32.0492 27.8685 31.3751 27.863C31.0835 27.863 30.8006 27.9138 30.5264 28.0153C30.4509 28.0422 30.3692 28.047 30.291 28.029C30.2129 28.011 30.1415 27.971 30.0854 27.9138L27.7089 25.5373C27.6411 25.4598 27.6037 25.3603 27.6037 25.2573C27.6037 25.1543 27.6411 25.0548 27.7089 24.9773C28.7456 23.6078 29.5486 22.0763 30.0854 20.4448C30.1647 20.2305 30.1999 20.0024 30.1889 19.7741C30.1779 19.5459 30.1209 19.3222 30.0214 19.1165C29.9219 18.9108 29.7818 18.7274 29.6097 18.5771C29.4376 18.4268 29.2369 18.3128 29.0196 18.242C28.8024 18.1711 28.5731 18.1449 28.3454 18.1648C28.1178 18.1847 27.8965 18.2504 27.6949 18.3579C27.4932 18.4653 27.3153 18.6124 27.1719 18.7903C27.0285 18.9682 26.9224 19.1732 26.8601 19.393C26.0721 21.7968 24.5449 23.8902 22.4965 25.3745C20.4482 26.8588 17.9833 27.6581 15.4536 27.6583C13.7475 27.6463 12.0621 27.283 10.5025 26.5911C8.94293 25.8993 7.54254 24.8936 6.38864 23.6368L15.8946 14.1133C15.9721 14.0455 16.0716 14.0081 16.1746 14.0081C16.2776 14.0081 16.3771 14.0455 16.4546 14.1133Z" fill="#0C47A0"/>
  </svg></div>
@@ -236,14 +236,14 @@
    </div>
    <!-- 4 -->
      <div class="accordion-item" id="item4">
-        <div class="accordion_index">05</div>
+        <div class="accordion_index_area"><div class="accordion_index">05</div></div>
        <div class="accordion_title">Создание сайтов</div>
      <img src="" alt="" class="img-open">
      <img src="" class="img-closed">
          <div class="blue-square">
        <div class="item_wrapper">
          <div class="wrapper_row_first">
-          <div class="item_wrapper_index">05</div>
+          <div class="item_wrapper_area"><div class="item_wrapper_index">05</div></div>
          <div class="item_wrapper_icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M10 22.73C9.61275 22.5707 9.26969 22.3203 9 22H3C2.73478 22 2.48043 21.8946 2.29289 21.7071C2.10536 21.5196 2 21.2652 2 21V5.25C2 5.1837 2.02634 5.12011 2.07322 5.07322C2.12011 5.02634 2.1837 5 2.25 5H21.75C21.8163 5 21.8799 5.02634 21.9268 5.07322C21.9737 5.12011 22 5.1837 22 5.25V10.42L24 11.27V3C24 2.20435 23.6839 1.44129 23.1213 0.87868C22.5587 0.31607 21.7956 0 21 0L3 0C2.20435 0 1.44129 0.31607 0.87868 0.87868C0.31607 1.44129 0 2.20435 0 3L0 21C0 21.7956 0.31607 22.5587 0.87868 23.1213C1.44129 23.6839 2.20435 24 3 24H13L10 22.73ZM10.5 1.5C10.7652 1.5 11.0196 1.60536 11.2071 1.79289C11.3946 1.98043 11.5 2.23478 11.5 2.5C11.5 2.76522 11.3946 3.01957 11.2071 3.20711C11.0196 3.39464 10.7652 3.5 10.5 3.5C10.2348 3.5 9.98043 3.39464 9.79289 3.20711C9.60536 3.01957 9.5 2.76522 9.5 2.5C9.5 2.23478 9.60536 1.98043 9.79289 1.79289C9.98043 1.60536 10.2348 1.5 10.5 1.5ZM7 1.5C7.26522 1.5 7.51957 1.60536 7.70711 1.79289C7.89464 1.98043 8 2.23478 8 2.5C8 2.76522 7.89464 3.01957 7.70711 3.20711C7.51957 3.39464 7.26522 3.5 7 3.5C6.73478 3.5 6.48043 3.39464 6.29289 3.20711C6.10536 3.01957 6 2.76522 6 2.5C6 2.23478 6.10536 1.98043 6.29289 1.79289C6.48043 1.60536 6.73478 1.5 7 1.5ZM3.5 1.5C3.76522 1.5 4.01957 1.60536 4.20711 1.79289C4.39464 1.98043 4.5 2.23478 4.5 2.5C4.5 2.76522 4.39464 3.01957 4.20711 3.20711C4.01957 3.39464 3.76522 3.5 3.5 3.5C3.23478 3.5 2.98043 3.39464 2.79289 3.20711C2.60536 3.01957 2.5 2.76522 2.5 2.5C2.5 2.23478 2.60536 1.98043 2.79289 1.79289C2.98043 1.60536 3.23478 1.5 3.5 1.5Z" fill="#0C47A0"/>
  <path d="M24 13.5702C23.9998 13.3739 23.9419 13.182 23.8334 13.0184C23.725 12.8548 23.5707 12.7267 23.39 12.6502L17.39 10.0802C17.2666 10.0279 17.134 10.001 17 10.001C16.866 10.001 16.7334 10.0279 16.61 10.0802L10.61 12.6502C10.4293 12.7267 10.275 12.8548 10.1666 13.0184C10.0581 13.182 10.0002 13.3739 10 13.5702V20.4302C10.0002 20.6265 10.0581 20.8184 10.1666 20.982C10.275 21.1456 10.4293 21.2736 10.61 21.3502L16.61 23.9202C16.7334 23.9724 16.866 23.9993 17 23.9993C17.134 23.9993 17.2666 23.9724 17.39 23.9202L23.39 21.3502C23.5707 21.2736 23.725 21.1456 23.8334 20.982C23.9419 20.8184 23.9998 20.6265 24 20.4302V13.5702ZM17 12.0902L20.46 13.5702L17 15.0602L13.54 13.5702L17 12.0902ZM12 15.0902L16 16.8002V21.4802L12 19.7702V15.0902ZM18 21.4802V16.8002L22 15.0902V19.7702L18 21.4802Z" fill="#0C47A0"/>
@@ -264,14 +264,15 @@
    </div>
    <!-- 5 -->
      <div class="accordion-item" id="item5">
-        <div class="accordion_index">06</div>
+        <div class="accordion_index_area"><div class="accordion_index">06</div></div>
        <div class="accordion_title">Дизайн</div>
      <img src="" alt="" class="img-open">
      <img src="" class="img-closed">
          <div class="blue-square">
        <div class="item_wrapper">
          <div class="wrapper_row_first">
-          <div class="item_wrapper_index">06</div>
+          <div class="item_wrapper_area">
+          <div class="item_wrapper_index">06</div></div>
          <div class="item_wrapper_icon"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M6.8925 0.12555C7.07559 0.220402 7.22909 0.36375 7.33622 0.539931C7.44336 0.716112 7.50002 0.918351 7.5 1.12455C7.5 2.87955 8.1045 3.89655 8.8005 4.90305C8.8665 4.99905 8.9355 5.09705 9.0075 5.19705C9.672 6.13905 10.5 7.30905 10.5 8.99955C10.5 9.68899 10.3642 10.3717 10.1004 11.0086C9.83653 11.6456 9.44982 12.2244 8.96231 12.7119C8.4748 13.1994 7.89605 13.5861 7.25909 13.8499C6.62213 14.1138 5.93944 14.2496 5.25 14.2496C4.56056 14.2496 3.87787 14.1138 3.24091 13.8499C2.60395 13.5861 2.0252 13.1994 1.53769 12.7119C1.05018 12.2244 0.66347 11.6456 0.399632 11.0086C0.135795 10.3717 -1.02735e-08 9.68899 0 8.99955C0 7.76505 0.126 6.41955 0.9735 4.91955C1.8015 3.45405 3.2625 1.94055 5.7285 0.20505C5.89671 0.0866484 6.09416 0.0166318 6.29939 0.00261515C6.50461 -0.0114015 6.70975 0.0311184 6.8925 0.12555ZM10.833 5.21055C12.1377 4.3592 13.6411 3.86112 15.1961 3.76503C16.7511 3.66895 18.3043 3.97815 19.704 4.66239C21.1036 5.34664 22.3016 6.38248 23.1809 7.66859C24.0601 8.9547 24.5905 10.447 24.72 11.9995H20.6265C19.1347 11.9995 17.7039 12.5922 16.649 13.6471C15.5941 14.702 15.0015 16.1327 15.0015 17.6245V21.7196C13.9569 21.6323 12.9355 21.3633 11.9835 20.9246C11.9595 21.6581 11.9085 22.4591 11.8335 23.2991C12.8514 23.6757 13.9185 23.903 15.0015 23.9741V27.3745C15.0015 28.8664 15.5941 30.2971 16.649 31.352C17.7039 32.4069 19.1347 32.9995 20.6265 32.9995H30.3765C31.8683 32.9995 33.2991 32.4069 34.354 31.352C35.4089 30.2971 36.0015 28.8664 36.0015 27.3745V17.6245C36.0015 16.1327 35.4089 14.702 34.354 13.6471C33.2991 12.5922 31.8683 11.9995 30.3765 11.9995H26.9775C26.8467 10.038 26.2042 8.14494 25.114 6.50903C24.0237 4.87311 22.5239 3.55145 20.7638 2.67572C19.0037 1.8 17.0448 1.4008 15.0824 1.51788C13.12 1.63497 11.2225 2.26426 9.579 3.34305C9.714 3.57405 9.867 3.80505 10.0365 4.04955C10.0935 4.13455 10.1585 4.22655 10.2315 4.32555C10.4085 4.57455 10.62 4.86855 10.833 5.21055ZM30.378 14.2496C31.2731 14.2496 32.1315 14.6051 32.7645 15.2381C33.3974 15.871 33.753 16.7294 33.753 17.6245V27.3745C33.753 28.2697 33.3974 29.1281 32.7645 29.761C32.1315 30.394 31.2731 30.7495 30.378 30.7495H20.628C19.7329 30.7495 18.8745 30.394 18.2415 29.761C17.6086 29.1281 17.253 28.2697 17.253 27.3745V23.9006C19.6964 23.5708 21.9639 22.4478 23.7072 20.7043C25.4505 18.9607 26.5731 16.693 26.9025 14.2496H30.378ZM17.253 21.625V17.6245C17.253 16.7294 17.6086 15.871 18.2415 15.2381C18.8745 14.6051 19.7329 14.2496 20.628 14.2496H24.627C24.3147 16.0922 23.4369 17.792 22.1154 19.1135C20.7939 20.435 19.0956 21.3127 17.253 21.625ZM0 19.93C0 18.4256 0.12 16.5581 0.774 15.0191C2.0235 15.949 3.573 16.4995 5.25 16.4995C6.86406 16.5019 8.43548 15.9815 9.729 15.0161C10.3815 16.5566 10.5 18.427 10.5 19.93C10.5 22.4246 10.104 26.245 9.378 29.455C9.018 31.057 8.559 32.5736 7.9935 33.715C7.713 34.285 7.3755 34.8205 6.963 35.23C6.5475 35.641 5.973 35.9995 5.253 35.9995C4.533 35.9995 3.96 35.6411 3.5445 35.2285C3.132 34.8205 2.7945 34.2851 2.5125 33.7166C1.947 32.5736 1.488 31.0571 1.125 29.4566C0.3975 26.2451 0 22.4246 0 19.9316" fill="#0C47A0"/>
  </svg></div>
@@ -542,6 +543,52 @@
            </div>
          </div>
        </section>
+        <section class="footer">
+          <div class="footer_content">
+            <div class="footer_cont_heading">Скидка 50%<br>на SEO-продвижение!</div>
+            <div class="footer_cont_text">До окончания акции осталось:</div>
+            <div class="footer_cont_time">
+              <div class="cont_time_items">
+                <!-- 1 -->
+                <div class="cont_time_item">
+                  <div class="time_item_index"><div class="item_index_color">01</div></div>
+                  <div class="time_item_interval">дней</div>
+                </div>
+                <!-- 2 -->
+                <div class="cont_time_item">
+                  <div class="time_item_index"><div class="item_index_color">05</div></div>
+                  <div class="time_item_interval">часов</div>
+                </div>
+                <!-- 3 -->
+                <div class="cont_time_item">
+                  <div class="time_item_index"><div class="item_index_color">45</div></div>
+                  <div class="time_item_interval">минут</div>
+                </div>
+                <!-- 4 -->
+                <div class="cont_time_item">
+                  <div class="time_item_index"><div class="item_index_color">12</div></div>
+                  <div class="time_item_interval">секунд</div>
+                </div>
+              </div>
+            </div>
+            <div class="footer_cont_info">
+              Скидка только до конца месяца – успей поднять свой сайт в топ Google и Яндекс!
+            </div>
+            <div class="footer_cont_button"><button class="footer_cont_btn">Получить скидку <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 8.22851L17 8.22852M17 8.22852L10 1.22852M17 8.22852L10 15.2285" stroke="#393939" stroke-linecap="round" stroke-linejoin="round"/>
+</svg></button></div>
+          </div>
+          <div class="footer_chart">
+            <div class="footer_chart_content">
+              <div class="chart_cont_text">Специальное предложение</div>
+              <div class="chart_cont_title">Гарантированный рост трафика</div>
+              <div class="chart_cont_text02">Ваш сайт уверенно растет в поисковой выдаче.<span>Дальше - больше!</span></div>
+            </div>
+            <div class="footer_chart_img">
+              <img class="chart_img" src="/images/footer_banner/scale.png" alt="chart">
+            </div>
+          </div>
+        </section>
    </div>
    <script src="main.js"></script>
 </body>
--- a/style.css
+++ b/style.css
@@ -6,8 +6,7 @@ html, body, * {
  margin: 0 auto;
 }
 .wrapper {
-    max-width: 1320px;
-    height: 10000px;
+  max-width: 1320px;
 }

 /* -------------------------------------------------------------HEADER-TOP--------------------------------------------------------------------- */
@@ -232,12 +231,17 @@ html, body, * {
 .info_heading_btn {
    display: flex;
    align-items: center;
+    justify-content: center;
    padding: 10px 16px;
    border-radius: 16px;
    background-color: #0C47A0;
-    transition: all .3s;
    color: #fff;
    margin: 0;
+    transition: all .3s;
+    gap: 5px;
+}
+.info_heading_btn:hover {
+  transform: scale(1.07);
 }
 .row_info_list {
    display: flex;
@@ -390,7 +394,7 @@ html, body, * {
    margin-bottom: 20px;
 }
 .slider_main {
-    width: 60%;
+    width: 55%;
    height: 100%;
    background: url("/images/main/01.png") 100% / cover;
    border-radius: 30px;
@@ -408,7 +412,7 @@ html, body, * {
  width: 80%;
 }
 .slider_row_container {
-    width: 70%;
+    width: 73%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
@@ -449,24 +453,25 @@ html, body, * {
    gap: 10px;
 }
 .slider_row_index {
-  margin: 0;
+    margin: 0;
    color: #393939;
    font-size: 18px;
    background-color: white;
    border-radius: 50%;
    padding: 10px;
+    font-weight: 600;
 }
  /* -------------------------------------------------------------------------------------- */

  .accordion {
    display: flex;
-    width: 40%; /* 40% страницы */
+    width: 45%; /* 40% страницы */
    height: 348px;
    gap: 10px;
    margin: 0 10px; /* отступ между колонками */
  }
  .accordion-item {
-    flex: 1;
+    flex: 1.15;
    border-radius: 30px; /* закругление краёв */
    overflow: hidden;
    cursor: pointer;
@@ -480,7 +485,14 @@ html, body, * {
    flex: 5; /* раскрытая колонка */
    width: 100%;
    height: 100%;
+    transition: all .3s;
  }
+.accordion-item:hover {
+  box-shadow: 2px 2px 4px 0px #444;
+}
+.accordion-item.active:hover {
+  box-shadow: none;
+}
 .accordion-item.active .accordion_index{
    display: none;
  }
@@ -492,17 +504,19 @@ html, body, * {
  width: 0;
  height: 0;
 }
-.accordion_index {
+.accordion_index_area {
  display: flex;
  align-items: center;
  justify-content: center;
-  padding: 15px;
+  margin-bottom: 10px;
+}
+.accordion_index {
+  display: block;
+  padding: 10px;
  border-radius: 50%;
  background-color: #fff;
  font-weight: 600;
-  width: 10px;
-  height: 10px;
-  margin-bottom: 10px;
+  font-size: 18px;
 }
 .accordion_title {
  margin: 0;
@@ -584,20 +598,20 @@ html, body, * {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
-  height: 30%;
+}
+.item_wrapper_area {
+  display: flex;
+  align-items: start;
+  justify-content: center;
+  margin: 0;
 }
 .item_wrapper_index {
-  margin: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 700;
-  padding: 20px;
+  display: block;
+  font-weight: 600;
+  font-size: 18px;
  border-radius: 50%;
  background-color: #fff;
-  width: 20px;
-  height: 20px;
-  font-size: 18px;
+  padding: 10px;
 }
 .item_wrapper_icon {
  margin: 0;
@@ -685,6 +699,9 @@ html, body, * {
  color:#fff;
  transition: opacity .35s ease;
 }
+.advantage_slider_item:hover {
+  transform: scale(1.01);
+}
 .advantage_slider_close img { 
  position:absolute; 
  inset:0; 
@@ -906,3 +923,144 @@ html, body, * {
  height: 29px;
  width: 29px;
 }
+
+/* -------------------------------------------FOOTER---------------------------------------------------- */
+
+.footer {
+  margin: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: url("/images/footer_banner/seo_down.png") 100% 100% /cover;
+  height: 546px;
+  border-radius: 30px;
+  padding: 40px 30px;
+  width: 100%;
+  margin-top: 40px;
+}
+.footer_content {
+  margin: 0;
+  width: 55%;
+}
+.footer_cont_heading {
+  margin: 0;
+  color: #fff;
+  font-size: 52px;
+  font-weight: 600;
+  margin-bottom: 30px;
+}
+.footer_cont_text {
+  color: #939393;
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 15px;
+}
+.footer_cont_time {
+  margin-bottom: 30px;
+}
+.cont_time_items {
+  display: flex;
+  justify-content: space-between;
+}
+.cont_time_item {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.time_item_index {
+  margin: 0;
+  padding: 10px;
+  border-radius: 33px;
+  background-color: #252B38;
+  margin-bottom: 10px;
+}
+.item_index_color {
+  display: block;
+  font-size: 120px;
+  background: linear-gradient(90deg, #0A3D8F 10%, #4FC3F7 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.time_item_interval {
+  color: #939393;
+  font-size: 18px;
+  font-weight: 500;
+}
+.footer_cont_info {
+  margin: 0;
+  color: #fff;
+  font-size: 20px;
+  font-weight: 500;
+  margin-bottom: 25px;
+  line-height: 1;
+  width: 60%;
+}
+.footer_cont_button {
+  display: flex;
+  align-items: end;
+  margin: 0;
+  height: 100%;
+}
+.footer_cont_btn {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  padding: 10px;
+  border-radius: 16px;
+}
+.footer_chart {
+  margin: 0;
+  width: 404px;
+  backdrop-filter: blur(15px);
+  background-color: rgba(255, 255, 255, 0.349);
+  height: 251px;
+  border-radius: 33px;
+  padding: 20px;
+  position: relative;
+}
+.footer_chart_content {
+  margin: 0;
+  width: 60%;
+}
+.chart_cont_text {
+  font-size: 12px;
+  color: #fff;
+  margin-bottom: 10px;
+}
+.chart_cont_title {
+  font-size: 20px;
+  font-weight: 700;
+  color: #fff;
+  margin-bottom: 10px;
+}
+.chart_cont_text02 {
+  display: flex;
+  flex-direction: column;
+  font-size: 12px;
+  font-weight: 500;
+  color: #fff;
+}
+.chart_cont_text02 span {
+  display: block;
+  margin: 0;
+  font-size: 12px;
+  font-weight: 500;
+  color: #fff;
+  margin-top: 1.5px;
+}
+.footer_chart_img {
+  position: absolute;
+  right: 40px;
+  top: 60px;
+  display: flex;
+  justify-content: end;
+}
+.chart_img {
+  margin: 0;
+  display: block;
+  width: 249px;
+  height: 170px;
+}