updates

css/global.css

@@ -3,10 +3,13 @@ body {
     font-family: Roboto, serif;
     margin: 0;
     padding: 0;
+    width: 1921px;
+    height: 1041px;
+
   }
 
 .wrapper {
-    max-width: 1600px;
+    width: 1400px;
     margin: 0 auto;
     padding: 0 40px; 
     box-sizing: border-box;

css/style.css

@@ -1,35 +1,15 @@
 
 .centered-left-image {
     position: absolute;
-    top: -15px; 
-    left: -150px; 
+    top: 150px; 
+    left: 200px; 
     width: 150px; 
     height: auto; 
     z-index: -1; 
 }
 body.home-page {
     background-color: #141414;
 }
-.icon-small-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 23px; 
-    height: 23px; 
-    background-color: #000; 
-    border-radius: 50%;
-    position: relative;
-    left: -10px;
-}
-
-.icon-small-container img {
-    width: 80%; 
-    height: 50%; 
-
-
-}
-
-
 .container {
     display: flex;
     align-items: center;
@@ -90,18 +70,18 @@ nav ul li a {
     font-weight: bold;
 }
 .main-section {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
     align-items: start;
     padding: 2em 0;
-    /*position: relative;*/
     gap: 2em;
+    box-sizing: border-box;
 
 }
+.main-section .wrapper{
+    display: flex;
+}
 .left-homecontent {
     flex: 1;
-    position: relative;
-    z-index: 1;
+    width: 50%;
     color: #fff;
     margin-right: 2em;
 
@@ -133,19 +113,20 @@ nav ul li a {
     border-radius: 8px;
 }
 .right-homecontent {
-    position: relative;
     display: flex;
-    justify-content: center; /* Centering the content */
-    align-items: center; /* Centering the content */
-    padding: 2em; /* Adding padding if necessary */
+    width: 50%;
+    justify-content: center; 
+    align-items: center;
+    padding: 2em; 
+
 }
 
 .homepage-office {
-    width: 200%;
+    width: 100%;
     height: auto;
     position: relative;
-    right: 0; /* Adjust as needed */
-    top: 0; /* Adjust as needed */
+    right: 0; 
+    top: 0; 
     z-index: 0;
 }
 .footer {
@@ -190,7 +171,7 @@ nav ul li a {
 }
 
 .footer-section.pages {
-    margin-left: 3em; /* Add margin to the left of the pages list section */
+    margin-left: 3em; 
 }
 .footer-logo p {
     margin: 0; 
@@ -310,7 +291,7 @@ nav ul li a {
 }
 
 .section-heading h2 {
-    font-size: 2.5em;
+    font-size: 2em;
     margin-bottom: 2em;
     font-family: 'Times New Roman', Times, serif;
 }