done main

resources/css/site.css

@@ -277,12 +277,29 @@ p {
 
 .section4 {
     border-bottom: 2px solid #ddd;
-    border-radius: 150px 150px 0 0;
+    border-radius: 50px 50px 0 0;
+    background-image: linear-gradient(to left, #D4AF37 , #001F3F);
+}
+
+.section4 .inner{
+    border-radius: 50px 50px 0 0;
+    transform: translateY(3%);
+    background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(0,41,105,1) 70%, rgba(50,47,36,1) 100%);
+    padding-top:80px;
+}
+
+.section4 .text-highlight{
+    margin-bottom: 25px;
+}
+
+.section4 .text-highlight2{
+    margin-bottom: 50px;
+    font-size: clamp(3em, 3.906vw, 4.688em);
 }
 
 .section5 {
     padding: 70px;
-    border-radius: 150px 150px 0 0;
+    border-radius: 50px 50px 0 0;
     transform: translateY(-10%);
 }
 
@@ -679,6 +696,24 @@ p {
         border-radius: 150px 150px 0 0;
         transform: translateY(-16%);
     }
+
+    .section4 {
+        border-radius: 150px 150px 0 0;
+    }
+    
+    .section4 .inner{
+        border-radius: 150px 150px 0 0;
+        transform: translateY(3%);
+        padding-top:80px;
+    }
+    
+    
+
+    .section5 {
+        padding: 70px;
+        border-radius: 150px 150px 0 0;
+        transform: translateY(-10%);
+    }
     
     .footer-menu-container {
         padding: 0px 15px;

resources/views/home.antlers.html

@@ -170,13 +170,12 @@
 
 </section>
 
-<section class="section4" style="background-image: linear-gradient(to left, #D4AF37 , #001F3F);">
-    <div class="px-6"
-        style="border-radius: 140px 140px 0 0;transform: translateY(5%);background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(0,41,105,1) 70%, rgba(50,47,36,1) 100%);padding-top:80px;">
-        <h2 class="text-center text-white" style="margin-bottom: 25px;">
+<section class="section4">
+    <div class="px-6 inner">
+        <h2 class="text-start text-md-center text-white text-highlight">
             Trusted Platfrom for Asset Investment
         </h2>
-        <h2 class="text-end text-secondary" style="margin-bottom: 110px;">
+        <h2 class="text-start text-md-end text-secondary text-highlight2">
             We are always here for you
         </h2>