Merge pull request #244 from 8-bit-souvik/main

background gradient added, box hadow added, contact card bg modified

styles.css

@@ -603,6 +603,7 @@ body.dark {
 /*  About Us section Styles goes here */
 
 .aboutus-section-wrapper {
+  background-image: linear-gradient(white, #cee1e8);
   width: 100%;
   /* height: 100vh; */
   margin-top: 4rem;
@@ -849,7 +850,8 @@ body.dark {
 
 /*  Past Events section Styles goes here */
 .past-events {
-  margin: 100px 0;
+  background-color: #cee1e8;
+  padding: 100px 0;
 }
 
 .events-title {
@@ -973,6 +975,12 @@ body.dark {
   font-family: "Playfair Display SC", serif;
 }
 
+.swiper-slide:hover {
+  transform: scale(1.02);
+  box-shadow: #537185 0px 0px 20px 1px;
+  transition: transform 0.3s ease;
+}
+
 /* @media (max-width: 768px) {
   .past-events-card {
     display: none;
@@ -1103,7 +1111,8 @@ body.dark {
 
 /* Achievements section styles goes here */
 .achievement-section {
-  margin: 100px 0;
+  background-color: #cee1e8;
+  padding: 0 0 100px 0;
 }
 
 .achievement-section {
@@ -1221,7 +1230,12 @@ span.text {
 /*  Our Team section Styles goes here */
 
 /*  FAQ section Styles goes here */
-.faq-section h1 {
+
+.faq-section{
+  background-image: linear-gradient(#cee1e8, #fff);
+}
+
+.faq-section h1 {  
   text-align: center;
   /* font-family: "Lato", sans-serif; */
   font-family: "Playfair Display SC", serif;
@@ -1307,6 +1321,7 @@ span.text {
 /* Contact Us section Styles goes here */
 
 .contact-container {
+  background-image: linear-gradient(#fff, #e7f4f9);
   position: relative;
   width: 100%;
   min-height: 100vh;
@@ -1315,7 +1330,7 @@ span.text {
   display: flex;
   align-items: center;
   justify-content: center;
-  margin: 160px 0 100px;
+  padding: 160px 0 100px;
 }
 
 @media (max-width: 768px) {
@@ -1331,7 +1346,7 @@ span.text {
 .form {
   width: 100%;
   max-width: 820px;
-  background-color: #fff;
+  background-color: #c5e0ed;
   border-radius: 10px;
   box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
   z-index: 1;
@@ -1371,7 +1386,7 @@ span.text {
   position: absolute;
   width: 26px;
   height: 26px;
-  background-color: #fff;
+  background-color: #c5e0ed;
   transform: rotate(45deg);
   top: 50px;
   left: -13px;