solution

src/styles/blocks/apply.scss

@@ -0,0 +1,50 @@
+.apply {
+  background-color: $white-color;
+  padding-block: 72px;
+
+  @include on-tablet {
+    padding-block: 200px;
+    background-image: url('../images/Shapes.png');
+    background-position: 50% 40%;
+    background-repeat: no-repeat;
+  }
+
+  &__content {
+    @include content-inline;
+
+    display: flex;
+    flex-direction: column;
+    row-gap: 24px;
+    align-items: center;
+
+    &-title {
+      margin: 0;
+      font-size: 44px;
+      font-weight: 600;
+      line-height: 52.8px;
+      text-align: center;
+      color: rgba(37, 55, 87, 1);
+
+      @include on-tablet {
+        font-size: 52px;
+        line-height: 78px;
+      }
+    }
+
+    &-text {
+      margin: 0;
+      margin-bottom: 24px;
+      font-family: 'Open Sans', Arial, sans-serif;
+      font-size: 22px;
+      font-weight: 600;
+      line-height: 33px;
+      text-align: center;
+      color: $grayish-color;
+
+      @include on-tablet {
+        font-size: 24px;
+        line-height: 36px;
+      }
+    }
+  }
+}

src/styles/blocks/footer.scss

@@ -0,0 +1,230 @@
+.footer {
+  background-color: rgba(44, 44, 44, 1);
+  border-radius: 30px 30px 0 0;
+
+  &__contact-us {
+    @include content-inline;
+
+    display: flex;
+    flex-direction: column;
+    row-gap: 80px;
+
+    @include on-tablet {
+      row-gap: 120px;
+    }
+
+    @include on-small-desktop {
+      flex-direction: row;
+      justify-content: space-between;
+    }
+
+    &-input {
+      border: none;
+      border-bottom: 1 solid $white-color;
+      padding: 0 0 16px;
+      background-color: rgba(44, 44, 44, 1);
+      outline: none;
+      font-size: 15px;
+      font-weight: 600;
+      line-height: 22.5px;
+      text-align: left;
+      color: $white-color;
+
+      &::placeholder {
+        font-size: 15px;
+        font-weight: 600;
+        line-height: 22.5px;
+        text-align: left;
+        color: #969696;
+      }
+
+      &:hover {
+        border-color: rgba(134, 145, 171, 0.7);
+      }
+
+      &:focus {
+        border-color: rgba(20, 78, 212, 1);
+      }
+
+      &:autofill:focus,
+      &:-webkit-autofill:focus {
+        border-color: rgb(3, 236, 85);
+        color: $white-color;
+      }
+    }
+
+    &-title {
+      font-size: 32px;
+      font-weight: 600;
+      line-height: 41.6px;
+      color: $white-color;
+    }
+
+    &-send {
+      display: flex;
+      flex-direction: column;
+      row-gap: 48px;
+
+      @include on-tablet {
+        row-gap: 56px;
+      }
+    }
+
+    &-form {
+      display: flex;
+      flex-direction: column;
+      row-gap: 40px;
+
+      @include on-tablet {
+        row-gap: 48px;
+      }
+    }
+
+    &-content {
+      flex-direction: column;
+      row-gap: 40px;
+
+      @include on-tablet {
+        row-gap: 48px;
+      }
+    }
+
+    &-contact {
+      display: flex;
+      flex-direction: column;
+      row-gap: 48px;
+
+      @include on-tablet {
+        row-gap: 56px;
+      }
+
+      &-title {
+        font-size: 13px;
+        font-weight: 700;
+        line-height: 19.5px;
+        letter-spacing: 3px;
+        text-align: left;
+        text-transform: uppercase;
+        color: #969696;
+      }
+
+      &-phone {
+        font-family: 'Open Sans', Arial, sans-serif;
+        font-size: 24px;
+        font-weight: 600;
+        line-height: 36px;
+        text-align: left;
+        color: $white-color;
+        text-decoration: none;
+
+        &:hover {
+          color: #acabab;
+        }
+      }
+
+      &-address {
+        font-family: 'Open Sans', Arial, sans-serif;
+        font-size: 24px;
+        font-weight: 600;
+        line-height: 36px;
+        text-align: left;
+        color: $white-color;
+        text-decoration: none;
+
+        &:hover {
+          color: #acabab;
+        }
+      }
+    }
+
+    &-our-socials {
+      display: flex;
+      flex-direction: column;
+      row-gap: 16px;
+
+      &-icons {
+        display: flex;
+        column-gap: 32px;
+      }
+
+      &-icon {
+        transition-duration: 0.3s;
+
+        &:hover {
+          transform: scale(1.1);
+        }
+      }
+    }
+
+    &-message {
+      resize: none;
+      height: 40px;
+      padding-bottom: 0;
+    }
+  }
+
+  &__nav {
+    display: grid;
+    align-items: center;
+    grid-template-columns: repeat(2, auto);
+    grid-template-rows: repeat(2, auto);
+    row-gap: 48px;
+    padding-block: 80px;
+
+    @include content-inline;
+
+    @include on-tablet {
+      padding-block: 100px;
+      column-gap: 30px;
+      grid-template-columns: repeat(6, auto);
+    }
+
+    @include on-small-desktop {
+      grid-template-columns: repeat(12, auto);
+      grid-template-rows: 1;
+    }
+
+    &-logo-link {
+      grid-column: 1;
+      grid-row: 1;
+    }
+
+    &-lists {
+      grid-column: 1;
+      grid-row: 2;
+      display: flex;
+      flex-direction: column;
+      row-gap: 24px;
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      @include on-tablet {
+        flex-direction: row;
+        column-gap: 40px;
+        justify-content: space-between;
+        grid-column: 1 / -1;
+      }
+
+      @include on-small-desktop {
+        grid-row: 1;
+        grid-column: 4 / -1;
+      }
+    }
+
+    &-list {
+      &-link {
+        text-decoration: none;
+        font-size: 13px;
+        font-weight: 700;
+        line-height: 19.5px;
+        letter-spacing: 3px;
+        color: $white-color;
+
+        &:hover {
+          color: #a5a3a3;
+        }
+      }
+    }
+  }
+}

src/styles/blocks/header.scss

@@ -62,13 +62,13 @@
       letter-spacing: 3px;
       text-transform: uppercase;
       column-gap: 48px;
-      color: #fff;
     }
 
     &-link {
       position: relative;
       text-decoration: none;
       cursor: pointer;
+      color: $white-color;
 
       &::after {
         content: '';
@@ -100,7 +100,7 @@
     line-height: 19.5px;
     letter-spacing: 3px;
     text-align: center;
-    color: #fff;
+    color: $white-color;
     text-decoration: none;
     text-transform: uppercase;
 
@@ -153,7 +153,7 @@
       line-height: 62.4px;
       letter-spacing: -2px;
       text-align: left;
-      color: #fff;
+      color: $white-color;
 
       @include on-tablet {
         font-size: 64px;
@@ -170,7 +170,7 @@
       font-weight: 400;
       line-height: 27px;
       text-align: left;
-      color: #fff;
+      color: $white-color;
     }
 
     &-button {

src/styles/blocks/menu.scss

@@ -42,7 +42,7 @@
     font-weight: 700;
     line-height: 150%;
     letter-spacing: 3px;
-    color: #fff;
+    color: $white-color;
     cursor: pointer;
 
     &::after {

src/styles/blocks/our-expertise.scss

@@ -1,6 +1,6 @@
 .our-expertise {
   border-radius: 30px;
-  background-color: #fff;
+  background-color: $white-color;
 
   &__container {
     @include content-inline;

src/styles/blocks/page.scss

@@ -1,11 +1,6 @@
 .page {
-  font-family: Manrope, Arial, sans-serif;
+  font-family: Poppins, Arial, sans-serif;
   font-optical-sizing: auto;
-  font-weight: 400;
-  font-style: normal;
-  color: #1b2129;
-  font-size: 16px;
-  line-height: 22.4px;
   scroll-behavior: smooth;
 
   &:has(.page__menu:target) {

src/styles/blocks/primary-button.scss

@@ -7,7 +7,7 @@
   font-weight: 600;
   line-height: 22.5px;
   text-align: center;
-  color: #fff;
+  color: $white-color;
   border: none;
   transition-duration: 0.3s;