From d4e48bdebe9bcf139264554654c69f9c3807204e Mon Sep 17 00:00:00 2001
From: maher3006 <149640370+maher3006@users.noreply.github.com>
Date: Wed, 3 Jan 2024 02:49:34 -0500
Subject: [PATCH] Update style.css

---
 style.css | 91 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 52 insertions(+), 39 deletions(-)

diff --git a/style.css b/style.css
index 882746a1f..d52aa555e 100644
--- a/style.css
+++ b/style.css
@@ -171,63 +171,76 @@ body {
 /* ***************************************************************** */
 /* ABOUT-US section starts here*/
 
-.about-us {
-    padding-top: 27vh;
-    width: 100%;
-    /* height: 2250px;  */
-    /* background: linear-gradient(#E5D5FF, white); */
+body {
+  margin: 0;
+  font-family: 'Arial', sans-serif;
+  background-color: #712323; /* Set your desired background color */
+  color: #ffffff;
 }
 
-.background {
-    background: linear-gradient(#E5D5FF, white);
-}
+/* Main container styling */
+.about-us {
+  display: flex;
+  align-items: center;
 
-.heading-about-us {
-    margin-top: 870px;
-    font-size: 78px;
-    text-align: center;
+  justify-content: space-between;
+  padding: 20px; /* Add padding as needed */
 }
 
-.about-quote {
-    text-align: center;
-    color: #300c6b;
-    align-items: flex-start;
-}
+/* Slideshow styling */
+.carousel {
+  /* Adjust as needed */
+  width: 55%; /* Adjust as needed */
 
-#girls-who {
-    display: inline;
-    font-size: 50px;
 }
 
-#CODE {
-    display: inline;
-    -webkit-text-stroke-color: white;
-    -webkit-text-stroke-width: 1px;
-    font-size: 50px;
-    color: #300c6b;
-    font-weight: 600;
+.carousel-inner {
+  transform: scale(0.8);
+  width: 100%;
+  max-width : 100%
+
 }
 
-#write-future {
-    display: inline;
-    font-size: 50px;
+/* Text content styling */
+.background {
+  /* Adjust as needed */
+width: 50%; /* Adjust as needed */
+  padding: 20px; /* Add padding as needed */
+  color: #ffffff;
+
 }
 
-.carousel-inner {
-    transform: scale(0.7);
+.heading-about-us {
+  font-size: 78px;
+  text-align: center;
+  color: #ffffff;
 }
 
+#
 #p3 {
-    /* margin: 10px; */
-    padding: 50px;
-    font-style: normal;
-    border-bottom: solid white;
-    font-size: 30px;
-    text-align: center;
-    color: #000000;
+  padding: 20px;
+  font-style: normal;
+ 
+  font-size: 15px;
+  text-align: left;
+  color: #ffffff;
 }
 
 
+
+
+/* Optional: Add media queries for responsiveness */
+@media (max-width: 768px) {
+  .about-us {
+    flex-direction: column;
+  }
+
+  .background,
+  .carousel {
+    width: 45%;
+  }
+}
+
 /* ***************************************************************** */
 /* TEAM section starts here*/
 .meet-heading {