figma_01

style.css

@@ -9,20 +9,37 @@ html, body, * {
 .wrapper {
     margin: 0 60px;
 }
+
+/* -------------------------------------------------------------HEADER-TOP--------------------------------------------------------------------- */
+
 .header_top {
+    display: flex;
+    flex-direction: row;
     margin: 0 50px;
     justify-content: space-between;
+    margin-bottom: 100px;
 }
 .header_top_inner {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 15px 0;
+    flex-direction: column;
+}
+.header_top_wrapper {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
 .logo_link {
 margin: 0;
+transition: all .3s;
+}
+.logo_link:hover {
+    transform: scale(1.05);
 }
 .logo_img {
+
 }
 .header_nav_top {
     display: flex;
@@ -34,7 +51,6 @@ margin: 0;
 }
 .header_top_item {
     display: block;
-    gap: 40px;
     padding: 10px 16px;
     color: #000;
     text-decoration: none;
@@ -129,4 +145,82 @@ margin: 0;
 .header_nav_link:hover {
     color: #0C47A0;
     transform: scale(1.01);
+}
+
+/* ------------------------------------------------HEADER-BODY------------------------------------------------------ */
+
+.header_body {
+}
+.header_body_inner {
+}
+.header_body_top {
+    display: flex;
+    justify-content: space-between;
+}
+.header_body_heading {
+    display: block;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    font-size: 30px;
+    font-weight: 700;
+    color: #393939;
+    max-width: 60%;
+    flex-direction: column;
+}
+.header_body_heading svg {
+    display: block;
+    margin: 0;
+}
+.header_header_img {
+    display: block;
+    height: 32px;
+    width: 90px;
+    background: linear-gradient(to right, #0C47A0, #8FECFC);
+    border-radius: 30px;
+    margin: 0;
+}
+.header_body_about {
+    max-width: 20%;
+    margin: 0;
+}
+.header_about_img {
+}
+.header_body_row {
+}
+.header_body_collumn {
+}
+.header_collumn_row_top {
+}
+.header_row_item {
+}
+.header_item_link {
+}
+.header_item_area {
+}
+.header_collumn_row_bottom {
+}
+.header_row_title {
+}
+.header_row_img {
+}
+.header_row_para {
+}
+.header_collumn_item {
+}
+.header_item_title {
+}
+.header_item_inner {
+}
+.header_row_paras {
+}
+.header_row_heading {
+}
+.header_heading_title {
+}
+.header_heading_text {
+}
+.header_row_btn {
+}
+.row_btn {
 }