Improved UI

css/desktop_9.css

@@ -207,11 +207,12 @@ nav {
 
 .text_section p {
     font-family: 'Poppins', sans-serif;
-    font-size: 24px;
+    font-size: 15px;
     margin-top: 50px;
     margin-bottom: 50px;
     width: 90%;
     font-size: 20px;
+    line-height: 30px;
 }
 
 .text_section img {

css/navbar.css

@@ -37,7 +37,7 @@
 
 
 body{
-    overflow-x: hidden;
+    /* overflow-x: auto; */
     font-family: 'Poppins', sans-serif;
     /* background-color: black; */
 

css/sec1.css

@@ -7,11 +7,15 @@
 
 
 .sec1 {
+
     height: 20vw;
     margin-top: 110px;
+    justify-content: space-between;
+    align-items: center;
 }
 
 .s1part1 {
+    left: 33vw;
     height: 7vw;
     width: 80vw;
     margin: 3.2vw auto;
@@ -22,9 +26,11 @@
 }
 
 .s1part1 span {
+    justify-content: center;
+    align-items: center;
     position: relative;
     top: 1.3vw;
-    left: 37vw;
+    left: 33vw;
     font-size: 2.7em;
     font-weight: bold;
     color: white;
@@ -42,6 +48,7 @@
     border: none;
     box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.155);
     color: rgba(0, 0, 0, 0.148);
+    margin-top: 40px;
 }
 
 .search[placeholder] {
@@ -66,14 +73,16 @@
 
 .s1btn1 {
     height: 2.4vw;
-    width:fit-content;
-    padding: 2px;
-    margin: 0 0.7vw;
+
+    justify-content: space-between;
+    align-items: center;
+    padding: 6px;
+    /* margin: 0 0.7vw; */
     border: none;
     border-radius: 1vw;
     background-color: #ff765d;
     color: white;
-
+    left: 30vw;
 
 }
 .s1btn1:hover{

css/sec3.css

@@ -15,18 +15,20 @@
 }
 .s3boxes{
     /* border: 1px solid black; */
-    height: 26vw;
-    width: 90vw;
+    height: 22vw;
+    width: 80vw;
     display: flex;
     margin-left: 6vw;
     margin-bottom: 3vw;
 }
 .mainContainer{
+    height: auto;
     display: flex;
-    flex-wrap: wrap;
+    /* flex-wrap: wrap; */
     flex-grow: 1;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
+    line-height: 20px;
 
 }
 .box1{
@@ -67,11 +69,13 @@
     width: 20vw;
     margin-left: 1vw;
 }
+
 .boxdiv{
-    margin: 0.4vw 0;
-    font-size: 0.8em;
+    margin: 0.2vw 0;
+    text-align: justify;
+    font-size: 0.8rem;
     color: var(--element1-color);
-    line-height: 18px;
+    line-height: 14px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
 }
@@ -80,17 +84,17 @@
     font-family: 'Poppins', sans-serif;
     font-style: normal;
     font-weight: 600;
-    line-height: 27px;
+    line-height: 14px;
     color: var(--element-color);
-    width: 15vw;
-    font-size: 1em;
+    width: 13vw;
+    font-size: 0.8rem;
 }
 .boxContent{
     font-size: 0.7em;
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 500;
-    line-height: 21px;
+    line-height: 14px;
     color: var(--element2-color);
 
 

css/sec4.css

@@ -1,16 +1,17 @@
-/* .footer {
+ .footer {
+    height: 80px;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
     background-image: url(../assests//footer_bg.png);
     padding-left: 80px;
     padding-right: 80px;
-    margin-top: 80px;
+    margin-top: 40px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
-    height: 260px;
+    height:180px;
     background-repeat: no-repeat, repeat;
 }