first commit

style.css

@@ -0,0 +1,132 @@
+html, body, * {
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  color: #393939;
+  margin: 0 auto;
+  max-width: 1600px;
+}
+.wrapper {
+    margin: 0 60px;
+}
+.header_top {
+    margin: 0 50px;
+    justify-content: space-between;
+}
+.header_top_inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 15px 0;
+}
+.logo_link {
+margin: 0;
+}
+.logo_img {
+}
+.header_nav_top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    white-space: nowrap;
+    background-color: #F4F4F4;
+    border-radius: 16px;
+}
+.header_top_item {
+    display: block;
+    gap: 40px;
+    padding: 10px 16px;
+    color: #000;
+    text-decoration: none;
+    position: relative;
+    border-radius: 16px;
+}
+.header_top_item:hover {
+    background-color: #0C47A0;
+    color: #fff;
+    cursor: pointer;
+}
+.header_top_item.active {
+    background-color: #0C47A0;
+    color: #fff;
+    padding-left: 28px;
+}
+.header_top_item.active::before {
+    position: absolute;
+    content: "";
+    display: block;
+    background-color: #fff;
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+    top: 12px;
+    left: 14px;
+}
+.header_top_link {
+}
+.header_call {
+    display: flex;
+    margin: 0;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+}
+.header_call_tel {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 5px;
+    transition: all .3s;
+}
+.header_call_tel:hover {
+    transform: scale(1.1);
+    color: #0C47A0;
+}
+.header_call_tel svg{
+    width: 18px;
+    height: 18px;
+}
+.header_tel_link {
+}
+.header_call_btn {
+    display: flex;
+    align-items: center;
+    padding: 10px 16px;
+    border-radius: 16px;
+    background-color: #0C47A0;
+    gap: 5px;
+    transition: all .3s;
+}
+.header_call_btn:hover {
+    transform: scale(1.1);
+}
+.header_call_btn svg {
+    display: block;
+    width: 16px;
+    height: 16px;    
+}
+.header_call_text {
+    color: #fff;
+}
+.header_top_list {
+    margin: 20px 0;
+}
+.header_nav {
+    display: flex;
+    justify-content: space-between;
+    background-color: #F4F4F4;
+    border-radius: 16px;
+}
+.header_nav_item {
+    margin: 0;
+    display: flex;
+    white-space: nowrap;
+    padding: 10px 20px;
+}
+.header_nav_link {
+    transition: all .1s;
+}
+.header_nav_link:hover {
+    color: #0C47A0;
+    transform: scale(1.01);
+}