diff --git a/css/style.css b/css/style.css
index 14bba567..87ff2bee 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,6 +8,11 @@ http://www.templatemo.com/tm-490-comila
 /* 
     NavBar
 */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
 /* nav {
   background-color: rgba(0,0,0,0.2);
@@ -18,16 +23,15 @@ http://www.templatemo.com/tm-490-comila
   padding: 10px 20px;
 } */
 
-.logo-container{
+.logo-container {
   display: inline-flex;
 }
 
-.logos-container{
+.logos-container {
   display: flex;
   top: 20px;
-
 }
-.logo-text{
+.logo-text {
   display: flex;
   font-size: 20px;
   margin-top: 10px;
@@ -73,9 +77,9 @@ ul li a:hover {
   }
 
   nav {
-    /* background-color: rgba(0,0,0,0.8); */
+    background-color: rgba(0, 0, 0, 0.8);
     color: white;
-    display:block;
+    display: block;
     position: relative;
     justify-content: center;
     align-items: center;
@@ -87,7 +91,7 @@ ul li a:hover {
     top: 80px;
     right: -100%;
     z-index: 1;
-    background-color: rgba(0,0,0,0.8);
+    background-color: rgba(0, 0, 0, 0.8);
     width: 100%;
     height: 100vh;
     display: flex;
@@ -97,7 +101,7 @@ ul li a:hover {
     transition: all 0.3s;
   }
 
-  .logo-container{
+  .logo-container {
     display: flex;
     margin-right: 10px;
     position: absolute;
@@ -118,22 +122,21 @@ ul li a:hover {
   }
 }
 
-
 #myBtn {
-  display: none; 
-  position: fixed; 
-  bottom: 50%; 
+  display: none;
+  position: fixed;
+  bottom: 50%;
   right: 40px;
-  background-color: rgba(0,0,0,0.8);
+  background-color: rgba(0, 0, 0, 0.8);
   border-radius: 30px;
   color: white;
-  z-index: 99; 
-  border: none; 
+  z-index: 99;
+  border: none;
   outline: none;
-  cursor: pointer; 
-  padding: 15px; 
+  cursor: pointer;
+  padding: 15px;
   border-radius: 10px;
-  font-size: 18px; 
+  font-size: 18px;
 }
 
 #myBtn:hover {
@@ -155,333 +158,333 @@ ul li a:hover {
 
 /* Styles for small screens */
 .containerr {
-margin: 0 auto;
-padding: 1rem;
-width: 100%;
-background-color: #fff;
+  margin: 0 auto;
+  padding: 1rem;
+  width: 100%;
+  background-color: #fff;
 }
 
 .faqq {
-background-color: #f1c11a;
-padding: 1rem;
+  background-color: #f1c11a;
+  padding: 1rem;
 }
 
 h1 {
-color: #0a0a0a;
-margin-top: 10px;
-font-size: 1.5rem;
+  color: #0a0a0a;
+  margin-top: 10px;
+  font-size: 1.5rem;
 }
 
 h2 {
-color: #0a0a0a;
-font-size: 1.2rem;
+  color: #0a0a0a;
+  font-size: 1.2rem;
 }
 
 .accordion .accordion-item {
-border-bottom: 2px solid black;
-margin-top: 10px;
-margin-bottom: 30px;
-font-weight: 700;
+  border-bottom: 2px solid black;
+  margin-top: 10px;
+  margin-bottom: 30px;
+  font-weight: 700;
 }
 
 .accordion .accordion-item button[aria-expanded="true"] {
-border-bottom: 3px solid black;
+  border-bottom: 3px solid black;
 }
 
 .accordion button {
-position: relative;
-display: block;
-text-align: left;
-width: 100%;
-padding: 1em 0;
-color: black;
-font-size: 1rem;
-font-weight: 400;
-border: none;
-background: none;
-outline: none;
+  position: relative;
+  display: block;
+  text-align: left;
+  width: 100%;
+  padding: 1em 0;
+  color: black;
+  font-size: 1rem;
+  font-weight: 400;
+  border: none;
+  background: none;
+  outline: none;
 }
 
 .accordion button:hover,
 .accordion button:focus {
-/* cursor: pointer; */
-color: black;
+  /* cursor: pointer; */
+  color: black;
 }
 
 .accordion button .accordion-title {
-padding: 1em 1.5em 1em 0;
-font-weight: 700;
-font-size: 1.1rem;
+  padding: 1em 1.5em 1em 0;
+  font-weight: 700;
+  font-size: 1.1rem;
 }
 
 .accordion button .icon {
-display: inline-block;
-position: absolute;
-top: 18px;
-right: 0;
-width: 22px;
-height: 22px;
-border: 1px solid;
-border-radius: 22px;
+  display: inline-block;
+  position: absolute;
+  top: 18px;
+  right: 0;
+  width: 22px;
+  height: 22px;
+  border: 1px solid;
+  border-radius: 22px;
 }
 
 .accordion button .icon::before {
-display: block;
-position: absolute;
-content: "";
-top: 9px;
-left: 5px;
-width: 10px;
-height: 2px;
-background: currentColor;
+  display: block;
+  position: absolute;
+  content: "";
+  top: 9px;
+  left: 5px;
+  width: 10px;
+  height: 2px;
+  background: currentColor;
 }
 
 .accordion button .icon::after {
-display: block;
-position: absolute;
-content: "";
-top: 5px;
-left: 9px;
-width: 2px;
-height: 10px;
-background: currentColor;
+  display: block;
+  position: absolute;
+  content: "";
+  top: 5px;
+  left: 9px;
+  width: 2px;
+  height: 10px;
+  background: currentColor;
 }
 
 .accordion button[aria-expanded="true"] {
-color: black;
+  color: black;
 }
 
 .accordion button[aria-expanded="true"] .icon::after {
-width: 0;
+  width: 0;
 }
 
 .accordion button[aria-expanded="true"] + .accordion-content {
-opacity: 1;
-max-height: 9em;
-transition: all 200ms linear;
-will-change: opacity, max-height;
+  opacity: 1;
+  max-height: 9em;
+  transition: all 200ms linear;
+  will-change: opacity, max-height;
 }
 
 .accordion .accordion-content {
-opacity: 0;
-max-height: 0;
-overflow: hidden;
-transition: opacity 200ms linear, max-height 200ms linear;
-will-change: opacity, max-height;
-font-size: 40px;
+  opacity: 0;
+  max-height: 0;
+  overflow: hidden;
+  transition: opacity 200ms linear, max-height 200ms linear;
+  will-change: opacity, max-height;
+  font-size: 40px;
 }
 
 .accordion .accordion-content p {
-font-size: 12px;
-opacity: 70%;
-line-height: 1.5;
-color: black;
-margin-bottom: 20px;
-margin-top: 20px;
+  font-size: 12px;
+  opacity: 70%;
+  line-height: 1.5;
+  color: black;
+  margin-bottom: 20px;
+  margin-top: 20px;
 }
 
 /* Styles for larger screens */
 @media (min-width: 768px) {
-.containerr {
-  width: 60rem;
-  padding: 2rem;
-}
+  .containerr {
+    width: 60rem;
+    padding: 2rem;
+  }
 
-.faqq {
-  padding: 2rem;
-}
+  .faqq {
+    padding: 2rem;
+  }
 
-h1 {
-  font-size: 2rem;
-}
+  h1 {
+    font-size: 2rem;
+  }
 
-h2 {
-  font-size: 1.5rem;
-}
+  h2 {
+    font-size: 1.5rem;
+  }
 
-.accordion button {
-  font-size: 1.15rem;
-}
+  .accordion button {
+    font-size: 1.15rem;
+  }
 
-.accordion button .accordion-title {
-  font-size: 1.3rem;
-}
+  .accordion button .accordion-title {
+    font-size: 1.3rem;
+  }
 
-.accordion .accordion-content p {
-  font-size: 1.2rem;
-}
+  .accordion .accordion-content p {
+    font-size: 1.2rem;
+  }
 }
 
 .fab:hover {
-color: yellow;
-/* Change this to the desired hover color */
+  color: yellow;
+  /* Change this to the desired hover color */
 }
 
 a:hover .fab {
-color: yellow;
-/* Change this to the desired hover color */
+  color: yellow;
+  /* Change this to the desired hover color */
 }
 
 .footer {
-padding: 20px 0px;
-background: black;
+  padding: 20px 0px;
+  background: black;
 }
 
 .social_media:hover {
-color: yellow;
-/* cursor: pointer; */
+  color: yellow;
+  /* cursor: pointer; */
 }
 
 .footer_wrapper {
-display: flex;
-align-items: flex-start;
-justify-content: space-between;
-column-gap: 2rem;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  column-gap: 2rem;
 }
 
 .footer_box {
-width: 30%;
-display: flex;
-flex-direction: column;
-justify-content: center;
-align-items: flex-start;
+  width: 30%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
 }
 
 .footer_box ul {
-margin: 0;
-padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 .footer_box a li {
-text-align: left;
+  text-align: left;
 }
 
 .abc {
-padding-right: 50px;
-font-size: 17px;
+  padding-right: 50px;
+  font-size: 17px;
 }
 
 .footer_box h4 {
-margin-top: 20px;
+  margin-top: 20px;
 }
 
 .footer_box p {
-color: var(--heading-color);
-line-height: 28px;
-margin-top: 20px;
+  color: var(--heading-color);
+  line-height: 28px;
+  margin-top: 20px;
 }
 
 .footer_title {
-font-size: 30px;
-color: var(--heading-color);
-margin-bottom: 20px;
-color: whitesmoke;
+  font-size: 30px;
+  color: var(--heading-color);
+  margin-bottom: 20px;
+  color: whitesmoke;
 }
 
 .footer_links {
-line-height: 28px;
-color: whitesmoke;
-font-size: 17px;
+  line-height: 28px;
+  color: whitesmoke;
+  font-size: 17px;
 }
 
 .footer_links a {
-text-decoration: none;
-font-size: 17px;
-color: var(--heading-color);
+  text-decoration: none;
+  font-size: 17px;
+  color: var(--heading-color);
 }
 
 /* changes some css  */
 
 .footer_links li:hover {
-color: yellow;
-/* cursor: pointer; */
+  color: yellow;
+  /* cursor: pointer; */
 }
 
 .copyright {
-margin-top: 30px;
-text-align: center;
-color: #777;
-font-size: 1rem;
+  margin-top: 30px;
+  text-align: center;
+  color: #777;
+  font-size: 1rem;
 }
 
 /* Dark mode styles */
 .dark-mode-app .footer {
-background: #f0eded;
-color: #0f0f0f;
-/* Text color in dark mode */
+  background: #f0eded;
+  color: #0f0f0f;
+  /* Text color in dark mode */
 }
 
 .dark-mode-app .footer_title {
-color: #131212;
-/* Heading color in dark mode */
+  color: #131212;
+  /* Heading color in dark mode */
 }
 
 .dark-mode-app .footer_links li {
-color: #0a0a0a;
-/* Link color in dark mode */
+  color: #0a0a0a;
+  /* Link color in dark mode */
 }
 
 .dark-mode-app .footer_links li:hover {
-color: #0078d4;
-/* Hover color in dark mode */
+  color: #0078d4;
+  /* Hover color in dark mode */
 }
 
 .dark-mode-app .social_media i:hover {
-color: #0078d4;
-/* Hover color in dark mode */
+  color: #0078d4;
+  /* Hover color in dark mode */
 }
 
 /* Responsive Styles */
 @media (max-width: 768px) {
-.footer_wrapper {
-  flex-direction: column;
-  align-items: center;
-}
+  .footer_wrapper {
+    flex-direction: column;
+    align-items: center;
+  }
 
-.footer_box {
-  width: 100%;
-  margin-bottom: 1rem;
-}
+  .footer_box {
+    width: 100%;
+    margin-bottom: 1rem;
+  }
 }
 
 .container {
-width: 100%;
-max-width: 1200px;
-margin: 0 auto;
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 .logo h2 {
-font-size: 2rem;
-margin-bottom: 1rem;
+  font-size: 2rem;
+  margin-bottom: 1rem;
 }
 
 .social_media {
-margin-top: 15px;
-text-align: center;
-font-size: 1.6rem;
+  margin-top: 15px;
+  text-align: center;
+  font-size: 1.6rem;
 }
 
 .social_media i {
-margin-right: 0.75rem;
-margin-left: 0.75rem;
+  margin-right: 0.75rem;
+  margin-left: 0.75rem;
 }
 
 .social_media i:hover {
-color: #0078d4;
-/* cursor: pointer; */
+  color: #0078d4;
+  /* cursor: pointer; */
 }
 
 /* Responsive Styles */
 @media (max-width: 768px) {
-.logo h2 {
-  font-size: 1.5rem;
-  margin-bottom: 0.5rem;
-}
+  .logo h2 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+  }
 
-.footer_title {
-  font-size: 1rem;
-  margin-bottom: 0.5rem;
-}
+  .footer_title {
+    font-size: 1rem;
+    margin-bottom: 0.5rem;
+  }
 }
 
 @import url("https://fonts.googleapis.com/css2?family=Josefin Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&family=Forum&family=Josefin+Sans:ital,wght@0,500;1,500&display=swap");
@@ -489,148 +492,146 @@ color: #0078d4;
 @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
 
 body {
-background: #ffffff;
-font-family: "Nunito Sans", sans-serif;
-font-weight: 400;
-cursor: url('/images/cursor.png'), auto;
+  background: #ffffff;
+  font-family: "Nunito Sans", sans-serif;
+  font-weight: 400;
+  cursor: url("/images/cursor.png"), auto;
 }
 
 html,
 body {
-width: 100%;
-overflow-x: hidden;
+  width: 100%;
+  overflow-x: hidden;
 }
 
 html {
-font-size: 100%;
+  font-size: 100%;
 }
 
 h1,
 h2,
 h3 {
-font-weight: 500;
-letter-spacing: 0.3rem;
-text-transform: uppercase;
+  font-weight: 500;
+  letter-spacing: 0.3rem;
+  text-transform: uppercase;
 }
 
 h1 {
-font-size: 2.8rem;
-font-weight: 700;
-color: #f1c11a;
+  font-size: 2.8rem;
+  font-weight: 700;
+  color: #f1c11a;
 }
 
 h2 {
-color: #ffffff;
-padding-bottom: 10px;
+  color: #ffffff;
+  padding-bottom: 10px;
 }
 
 h3 {
-font-size: 1rem;
-line-height: 2rem;
+  font-size: 1rem;
+  line-height: 2rem;
 }
 
 p {
-color: #828282;
-letter-spacing: 0.8px;
-line-height: 28px;
+  color: #828282;
+  letter-spacing: 0.8px;
+  line-height: 28px;
 }
 
 strong {
-color: #f1c11a;
-font-weight: 700;
+  color: #f1c11a;
+  font-weight: 700;
 }
 
 .service-title {
-color: #01080d;
-font-size: 60px;
-text-align: center;
-padding-bottom: 75px;
-font-weight: bolder;
+  color: #01080d;
+  font-size: 60px;
+  text-align: center;
+  padding-bottom: 75px;
+  font-weight: bolder;
 }
 
 .service-container {
-padding-left: 40px;
+  padding-left: 40px;
 }
 
 .card {
-width: 100px;
-transition: all 0.2s ease;
-cursor: pointer;
-/* display: flex;
+  width: 100px;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  /* display: flex;
 align-items: center;
 justify-content: center; */
 }
 
 #services > .container {
-display: flex;
-flex-direction: column;
-justify-content: center;
-align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
 .card:hover {
-box-shadow: 0px 0px 6px 6px #e9ecef;
-transform: scale(1.2) translateY(20px);
--webkit-transform: scale(1.2) translateY(20px);
--moz-transform: scale(1.2) translateY(20px);
--ms-transform: scale(1.2) translateY(20px);
--o-transform: scale(1.2) translateY(20px);
-background: linear-gradient(to top left, #edfc4890 30%, #f4d01e 20%);
+  box-shadow: 0px 0px 6px 6px #e9ecef;
+  transform: scale(1.2) translateY(20px);
+  -webkit-transform: scale(1.2) translateY(20px);
+  -moz-transform: scale(1.2) translateY(20px);
+  -ms-transform: scale(1.2) translateY(20px);
+  -o-transform: scale(1.2) translateY(20px);
+  background: linear-gradient(to top left, #edfc4890 30%, #f4d01e 20%);
 }
 
 .card-heading {
-padding-bottom: 5px;
-margin-bottom: 5px;
-color: #f1c11a;
+  padding-bottom: 5px;
+  margin-bottom: 5px;
+  color: #f1c11a;
 }
 
 .s-cards {
-transition: all 0.3s ease;
+  transition: all 0.3s ease;
 }
 
 .heading-hover {
-font-size: 20px;
-color: #fad729;
-font-weight: bolder;
+  font-size: 20px;
+  color: #fad729;
+  font-weight: bolder;
 }
 
 .s-cards:hover .heading-hover {
-color: white;
+  color: white;
 }
 
 .col-md-4 {
-transition: all 0.3s ease;
+  transition: all 0.3s ease;
 }
 
 .pic-col {
-margin-left: 35%;
+  margin-left: 35%;
 }
 
 .col-md-4:hover {
-transform: scale(1.05);
+  transform: scale(1.05);
 }
 
-#about,
 #services,
-#contact,
-#feedback {
-background: #ffffff;
+#contact {
+  background: #ffffff;
 }
 
 #about,
 #services,
 #contact,
 footer {
-padding-top: 100px;
-padding-bottom: 100px;
+  padding-top: 100px;
+  padding-bottom: 100px;
 }
 
 .section-title {
-padding-bottom: 30px;
+  padding-bottom: 30px;
 }
 
 .section-title h1 {
-padding-bottom: 10px;
+  padding-bottom: 10px;
 }
 
 .section-title {
@@ -638,216 +639,216 @@ padding-bottom: 10px;
 }
 
 #about .section-title {
-padding-bottom: 22px;
+  padding-bottom: 22px;
 }
 
 #contact .section-title {
-text-align: center;
+  text-align: center;
 }
 
 div.card {
-width: 250px;
-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-text-align: center;
+  width: 250px;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  text-align: center;
 }
 
 /* preloader section  */
 .preloader {
-position: fixed;
-top: 0;
-left: 0;
-width: 100%;
-height: 100%;
-z-index: 99999;
-display: flex;
-flex-flow: row nowrap;
-justify-content: center;
-align-items: center;
-background: none repeat scroll 0 0 #ffffff;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99999;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  background: none repeat scroll 0 0 #ffffff;
 }
 
 .sk-circle {
-margin: 40px auto;
-width: 40px;
-height: 40px;
-position: relative;
+  margin: 40px auto;
+  width: 40px;
+  height: 40px;
+  position: relative;
 }
 
 .sk-circle .sk-child {
-width: 100%;
-height: 100%;
-position: absolute;
-left: 0;
-top: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
 }
 
 .sk-circle .sk-child:before {
-content: "";
-display: block;
-margin: 0 auto;
-width: 15%;
-height: 15%;
-background-color: #333;
-border-radius: 100%;
--webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
+  content: "";
+  display: block;
+  margin: 0 auto;
+  width: 15%;
+  height: 15%;
+  background-color: #333;
+  border-radius: 100%;
+  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
+  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
 }
 
 .sk-circle .sk-circle2 {
--webkit-transform: rotate(30deg);
--ms-transform: rotate(30deg);
-transform: rotate(30deg);
+  -webkit-transform: rotate(30deg);
+  -ms-transform: rotate(30deg);
+  transform: rotate(30deg);
 }
 
 .sk-circle .sk-circle3 {
--webkit-transform: rotate(60deg);
--ms-transform: rotate(60deg);
-transform: rotate(60deg);
+  -webkit-transform: rotate(60deg);
+  -ms-transform: rotate(60deg);
+  transform: rotate(60deg);
 }
 
 .sk-circle .sk-circle4 {
--webkit-transform: rotate(90deg);
--ms-transform: rotate(90deg);
-transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
 }
 
 .sk-circle .sk-circle5 {
--webkit-transform: rotate(120deg);
--ms-transform: rotate(120deg);
-transform: rotate(120deg);
+  -webkit-transform: rotate(120deg);
+  -ms-transform: rotate(120deg);
+  transform: rotate(120deg);
 }
 
 .sk-circle .sk-circle6 {
--webkit-transform: rotate(150deg);
--ms-transform: rotate(150deg);
-transform: rotate(150deg);
+  -webkit-transform: rotate(150deg);
+  -ms-transform: rotate(150deg);
+  transform: rotate(150deg);
 }
 
 .sk-circle .sk-circle7 {
--webkit-transform: rotate(180deg);
--ms-transform: rotate(180deg);
-transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 
 .sk-circle .sk-circle8 {
--webkit-transform: rotate(210deg);
--ms-transform: rotate(210deg);
-transform: rotate(210deg);
+  -webkit-transform: rotate(210deg);
+  -ms-transform: rotate(210deg);
+  transform: rotate(210deg);
 }
 
 .sk-circle .sk-circle9 {
--webkit-transform: rotate(240deg);
--ms-transform: rotate(240deg);
-transform: rotate(240deg);
+  -webkit-transform: rotate(240deg);
+  -ms-transform: rotate(240deg);
+  transform: rotate(240deg);
 }
 
 .sk-circle .sk-circle10 {
--webkit-transform: rotate(270deg);
--ms-transform: rotate(270deg);
-transform: rotate(270deg);
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
 }
 
 .sk-circle .sk-circle11 {
--webkit-transform: rotate(300deg);
--ms-transform: rotate(300deg);
-transform: rotate(300deg);
+  -webkit-transform: rotate(300deg);
+  -ms-transform: rotate(300deg);
+  transform: rotate(300deg);
 }
 
 .sk-circle .sk-circle12 {
--webkit-transform: rotate(330deg);
--ms-transform: rotate(330deg);
-transform: rotate(330deg);
+  -webkit-transform: rotate(330deg);
+  -ms-transform: rotate(330deg);
+  transform: rotate(330deg);
 }
 
 .sk-circle .sk-circle2:before {
--webkit-animation-delay: -1.1s;
-animation-delay: -1.1s;
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
 }
 
 .sk-circle .sk-circle3:before {
--webkit-animation-delay: -1s;
-animation-delay: -1s;
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s;
 }
 
 .sk-circle .sk-circle4:before {
--webkit-animation-delay: -0.9s;
-animation-delay: -0.9s;
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
 }
 
 .sk-circle .sk-circle5:before {
--webkit-animation-delay: -0.8s;
-animation-delay: -0.8s;
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
 }
 
 .sk-circle .sk-circle6:before {
--webkit-animation-delay: -0.7s;
-animation-delay: -0.7s;
+  -webkit-animation-delay: -0.7s;
+  animation-delay: -0.7s;
 }
 
 .sk-circle .sk-circle7:before {
--webkit-animation-delay: -0.6s;
-animation-delay: -0.6s;
+  -webkit-animation-delay: -0.6s;
+  animation-delay: -0.6s;
 }
 
 .sk-circle .sk-circle8:before {
--webkit-animation-delay: -0.5s;
-animation-delay: -0.5s;
+  -webkit-animation-delay: -0.5s;
+  animation-delay: -0.5s;
 }
 
 .sk-circle .sk-circle9:before {
--webkit-animation-delay: -0.4s;
-animation-delay: -0.4s;
+  -webkit-animation-delay: -0.4s;
+  animation-delay: -0.4s;
 }
 
 .sk-circle .sk-circle10:before {
--webkit-animation-delay: -0.3s;
-animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
 }
 
 .sk-circle .sk-circle11:before {
--webkit-animation-delay: -0.2s;
-animation-delay: -0.2s;
+  -webkit-animation-delay: -0.2s;
+  animation-delay: -0.2s;
 }
 
 .sk-circle .sk-circle12:before {
--webkit-animation-delay: -0.1s;
-animation-delay: -0.1s;
+  -webkit-animation-delay: -0.1s;
+  animation-delay: -0.1s;
 }
 
 @-webkit-keyframes sk-circleBounceDelay {
-0%,
-80%,
-100% {
-  -webkit-transform: scale(0);
-  transform: scale(0);
-}
+  0%,
+  80%,
+  100% {
+    -webkit-transform: scale(0);
+    transform: scale(0);
+  }
 
-40% {
-  -webkit-transform: scale(1);
-  transform: scale(1);
-}
+  40% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
 }
 
 @keyframes sk-circleBounceDelay {
-0%,
-80%,
-100% {
-  -webkit-transform: scale(0);
-  transform: scale(0);
-}
+  0%,
+  80%,
+  100% {
+    -webkit-transform: scale(0);
+    transform: scale(0);
+  }
 
-40% {
-  -webkit-transform: scale(1);
-  transform: scale(1);
-}
+  40% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
 }
 
 #slideshow {
-top: 0;
-left: 0;
-z-index: -10;
-width: 100vw;
-backface-visibility: hidden;
+  top: 0;
+  left: 0;
+  z-index: -10;
+  width: 100vw;
+  backface-visibility: hidden;
 }
 
 /* Navbar section */
@@ -902,58 +903,16 @@ backface-visibility: hidden;
 }
 
 .navbar .logo img {
-  height: 50px;
-  width: 50px;
+  height: 68px;
+  width: 68px;
   margin-top: -5px;
-  border-radius: 50%;
+  border-radius: 450px;
 }
 
 .navbar ul {
   list-style: none;
   margin: 0;
   padding: 0;
-  display: flex;
-  align-items: center;
-}
-
-.navbar ul li {
-  display: flex;
-  align-items: center;
-  margin-left: 20px;
-}
-
-.navbar ul li a {
-  color: white;
-  font-size: 18px;
-  padding: 8px 16px;
-  text-decoration: none;
-  position: relative;
-  transition: color 0.3s, background 0.3s;
-}
-
-.navbar ul li a::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 100%;
-  background: linear-gradient(to right, #ff7e5f, #feb47b);
-  transition: width 0.3s;
-  z-index: -1;
-}
-
-.navbar ul li a:hover::before {
-  width: 100%;
-}
-
-.navbar ul li a:hover {
-  color: white;
-}
-
-.navbar ul li i {
-  margin-right: 8px; /* Add spacing between icon and text */
-  color: rgb(0, 0, 0); /* Set icon color to white */
 }
 
 .navbar ul li {
@@ -1002,7 +961,6 @@ backface-visibility: hidden;
     text-align: center;
     transition: all 0.5s;
     z-index: 2;
-    flex-direction: column;
   }
 
   .navbar ul li {
@@ -1028,578 +986,680 @@ backface-visibility: hidden;
 
 /* home section */
 .home {
-height: 100vh;
-font-family: "Josefin Sans", sans-serif;
-display: -webkit-box;
-display: -webkit-flex;
-display: -ms-flexbox;
-display: flex;
--webkit-box-align: center;
--webkit-align-items: center;
--ms-flex-align: center;
-align-items: center;
-text-align: center;
-/* height: 100vh; */
-color: #ffffff;
+  height: 100vh;
+  font-family: "Josefin Sans", sans-serif;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  text-align: center;
+  /* height: 100vh; */
+  color: #ffffff;
 }
 
 .home .home-thumb {
-text-align: center;
+  text-align: center;
 }
 
 .home .btn {
-border: 3px solid #ffffff;
-border-radius: 40px;
-color: #000000;
-font-weight: 700;
-letter-spacing: 1px;
-height: 55px;
-width: fit-content;
-margin-top: 42px;
-margin-right: 16px;
--webkit-transition: all 0.4s ease-in-out;
-transition: all 0.4s ease-in-out;
-background-color: #ffffff;
+  border: 3px solid #ffffff;
+  border-radius: 40px;
+  color: #000000;
+  font-weight: 700;
+  letter-spacing: 1px;
+  height: 55px;
+  width: fit-content;
+  margin-top: 42px;
+  margin-right: 16px;
+  -webkit-transition: all 0.4s ease-in-out;
+  transition: all 0.4s ease-in-out;
+  background-color: #ffffff;
 }
 
 .home .btn:hover {
-background: #f1c11a;
-color: black;
-border-color: transparent;
-transition: 0.8s;
+  background: #f1c11a;
+  color: black;
+  border-color: transparent;
+  transition: 0.8s;
 }
 
 .home .btn-success {
-background: #ffffff;
-color: #242424;
-border-color: transparent;
+  background: #ffffff;
+  color: #242424;
+  border-color: transparent;
 }
 
 /* about section */
-#about h3 {
-margin-top: 0px;
+
+section,
+#about {
+  padding: 4% 10%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+#about {
+  width: 100%;
+  height: 100vh;
+
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 4rem;
+}
+.main-img img {
+  max-width: 100%;
+  width: 500px;
+  height: auto;
+  border-radius: 50%;
+}
+.text {
+  position: relative;
+  width: 100%;
+  height: fit-content;
+  background: transparent;
+}
+.text:before {
+  content: " ";
+  position: absolute;
+  padding: 4%;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 242, 0, 0.2);
+  border-radius: 20px;
+}
+.text > * {
+  position: relative;
+  z-index: 1;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.text h4 {
+  color: #ffffff;
+  font-size: 20px;
+  font-weight: 600;
+  text-transform: uppercase;
+  margin-bottom: 10px;
+}
+.text h2 {
+  color: #f1c11a;
+  font-size: 36px;
+  text-transform: capitalize;
+  font-weight: 700;
+  line-height: 46px;
+  margin-bottom: 30px;
 }
 
-#about .about-thumb {
-padding-top: 10px;
-margin-top: 10%;
+.text p {
+  max-width: 600px;
+  color: #ffffff;
+  font-size: 15px;
+  line-height: 1.7;
+  font-weight: 400;
+  margin-bottom: 60px;
+  text-align: justify;
+}
+.last-text {
+  display: flex;
+}
+.text1 {
+  margin-right: 60px;
+}
+.last-text h3 {
+  color: #c8ba00;
+  font-size: 60px;
+  font-weight: 700;
+}
+.last-text h5 {
+  color: #ffffff;
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 18px;
+  padding: 20px;
 }
 
-.wow p {
-font-size: large;
+/* responsive design */
+@media (max-width: 1385px) {
+  section,
+  #about {
+    padding: 4% 10%;
+    transition: 0.3s;
+  }
+  .main-img {
+    width: 500px;
+    height: auto;
+    transition: 0.3s;
+  }
+}
+@media (max-width: 1240px) {
+  .text h2 {
+    font-size: 30px;
+    transition: 0.3s;
+  }
+}
+
+@media (max-width: 1040px) {
+  #about {
+    grid-template-columns: 1fr;
+    height: 100%;
+  }
+  .main-img img {
+    padding-top: 40px;
+  }
 }
 
 .media-body-p {
-margin-top: 20px;
-justify-content: center;
-align-items: center;
+  margin-top: 20px;
+  justify-content: center;
+  align-items: center;
 }
 
 .media-body-p1 {
-padding-bottom: 22px;
+  padding-bottom: 22px;
 }
 
 /* services section */
 #services {
-background: #f1c11a;
+  background: #f1c11a;
 }
 
 #services .icon {
-color: #ffffff;
-font-size: 42px;
-padding-right: 14px;
+  color: #ffffff;
+  font-size: 42px;
+  padding-right: 14px;
 }
 
 #services p {
-color: #333;
+  color: #333;
 }
 
 #services .btn {
-background-color: white;
-border: 3.8px solid #ffffff;
-border-radius: 40px;
-color: black;
-font-size: 20px;
-font-weight: 700;
-letter-spacing: 1px;
-padding: 14px 36px;
-margin-top: 62px;
-margin-right: 16px;
--webkit-transition: all 0.1s ease-in-out;
-transition: all 0.1s ease-in-out;
-box-sizing: border-box;
-box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.74);
--webkit-box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.74);
--moz-box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.74);
+  background-color: white;
+  border: 3.8px solid #ffffff;
+  border-radius: 40px;
+  color: black;
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: 1px;
+  padding: 14px 36px;
+  margin-top: 62px;
+  margin-right: 16px;
+  -webkit-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
+  box-sizing: border-box;
+  box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.74);
+  -webkit-box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.74);
+  -moz-box-shadow: 3px 6px 0px 0px rgba(0, 0, 0, 0.74);
 }
 
 #services .btn:hover {
-background: black;
-color: white;
-border-color: transparent;
+  background: black;
+  color: white;
+  border-color: transparent;
 }
 
 .service-cards {
-transition: all 0.3s ease;
+  transition: all 0.3s ease;
 }
 
 .service-cards:hover {
-transform: translateY(-6px);
+  transform: translateY(-6px);
 }
 
 .heading-hover {
-font-size: 20px;
-color: #0082e6;
+  font-size: 20px;
+  color: #0082e6;
 }
 
 .service-cards:hover .heading-hover {
-color: white;
+  color: white;
 }
 
-
 #contact .form-control:hover {
-border-color: #999;
-border: 2px solid #797979;
+  border-color: #999;
+  border: 2px solid #797979;
 }
 
 #contact input {
-height: 55px;
+  height: 55px;
 }
-.icon{
+.icon {
   position: absolute;
-  top:calc(42%);
-  color:white;
-  left:4.20%;
-  font-size: 30px; 
+  top: calc(42%);
+  color: white;
+  left: 4.2%;
+  font-size: 30px;
 }
-.icon1{
+.icon1 {
   position: absolute;
-  top:calc(42%);
-  left:4.20%;
-  font-size: 30px; 
-  color:white;
+  top: calc(42%);
+  left: 4.2%;
+  font-size: 30px;
+  color: white;
 }
-.icon2{
+.icon2 {
   position: absolute;
-  top:calc(21%);
-  left:4.20%;
-  font-size: 30px; 
-  color:white;
-
+  top: calc(21%);
+  left: 4.2%;
+  font-size: 30px;
+  color: white;
 }
 #contact input[type="submit"] {
-background: #242424;
-border: none;
-color: #ffffff;
-font-size: 15px;
-font-weight: 400;
-letter-spacing: 2px;
-transition: all 0.4s ease-in-out;
-margin-top: 10px;
+  background: #242424;
+  border: none;
+  color: #ffffff;
+  font-size: 15px;
+  font-weight: 400;
+  letter-spacing: 2px;
+  transition: all 0.4s ease-in-out;
+  margin-top: 10px;
 
-border-radius: 10px;
+  border-radius: 10px;
 }
 
-.submit{
+.submit {
   font-size: 100 px;
   font-weight: bold;
   letter-spacing: 2px;
 }
 
 #contact input[type="submit"]:hover {
-background: #f1c11a;
+  background: #f1c11a;
 }
 
 /* footer section  */
 footer {
-text-align: center;
-background: #111112;
+  text-align: center;
+  background: #111112;
 }
 
 footer .copyright-text {
-padding-top: 10px;
+  padding-top: 10px;
 }
 
 ul {
-text-align: center;
+  text-align: center;
 }
 
 li {
-list-style: none;
-text-align: center;
+  list-style: none;
+  text-align: center;
 }
 
 footer a {
-color: #fff;
+  color: #fff;
 }
 
 footer a:hover {
-color: #ff6;
+  color: #ff6;
 }
 
 .svgcolor-light {
-position: relative;
-bottom: 104px;
+  position: relative;
+  bottom: 104px;
 }
 
 .svgcolor-light > path {
-fill: white;
-stroke: white;
-stroke-width: 0;
+  fill: white;
+  stroke: white;
+  stroke-width: 0;
 }
 
 .go-top:hover {
-background: #f1c11a;
-color: #ffffff;
+  background: #f1c11a;
+  color: #ffffff;
 }
 
 /* social icon section  */
 .social-icon {
-padding: 0;
-margin: 0;
+  padding: 0;
+  margin: 0;
 }
 
 .social-icon li {
-list-style: none;
-display: inline-block;
+  list-style: none;
+  display: inline-block;
 }
 
 .social-icon li a {
-border-radius: 100px;
-color: #626262;
-font-size: 18px;
-text-decoration: none;
-transition: all 0.4s ease-in-out;
-width: 42px;
-height: 42px;
-line-height: 42px;
-text-align: center;
-margin-top: 12px;
-margin-right: 10px;
+  border-radius: 100px;
+  color: #626262;
+  font-size: 18px;
+  text-decoration: none;
+  transition: all 0.4s ease-in-out;
+  width: 42px;
+  height: 42px;
+  line-height: 42px;
+  text-align: center;
+  margin-top: 12px;
+  margin-right: 10px;
 }
 
 .social-icon li a:hover {
-background-color: #ffffff;
-color: #111112;
+  background-color: #ffffff;
+  color: #111112;
 }
 
 i {
-height: 50%;
+  height: 50%;
 }
 
 #experience {
-background-color: #ffffff;
-padding-bottom: 30px;
-display: flex;
-align-items: center;
-justify-content: left;
-padding: 50px 0px 0 0px;
+  background-color: #ffffff;
+  padding-bottom: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: left;
+  padding: 50px 0px 0 0px;
 }
 
 h3 {
-font-size: 30px;
-font-weight: bold;
+  font-size: 30px;
+  font-weight: bold;
 }
 
 .card1 {
-margin-bottom: 50px;
-background-color: #f1c11a;
-padding: 2px 10px 2px 10px;
-border-radius: 5px;
-transition: all 0.4s ease-in-out;
-margin: 0 10px 0 10px;
-height: 100%;
+  margin-bottom: 50px;
+  background-color: #f1c11a;
+  padding: 2px 10px 2px 10px;
+  border-radius: 5px;
+  transition: all 0.4s ease-in-out;
+  margin: 0 10px 0 10px;
+  height: 100%;
 }
 
 .col-md-4 {
-display: flex;
-align-items: center;
-justify-content: left;
-margin-top: 7%;
+  display: flex;
+  align-items: center;
+  justify-content: left;
+  margin-top: 7%;
 }
 
 .pic-col {
-width: 50%;
+  width: 50%;
 }
 
 .img-fluid {
-border-radius: 50%;
-border: 5px solid rgb(23, 23, 23);
+  border-radius: 50%;
+  border: 5px solid rgb(23, 23, 23);
 }
 
 .card1:hover {
-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.629);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.629);
 }
 
 #experience .card-text {
-color: #262626;
-font-weight: 400;
+  color: #262626;
+  font-weight: 400;
 }
 
 .card-body svg {
-color: #ffffff;
+  color: #ffffff;
 }
 
 /* Mobile Responsive */
 @media (max-width: 980px) {
-h1 {
-  font-size: 2.4rem;
-}
+  h1 {
+    font-size: 2.4rem;
+  }
 
-#about .section-title {
-  padding-bottom: 12px;
-}
+  #about .section-title {
+    padding-bottom: 12px;
+  }
 
-#services .col-md-4 {
-  padding-bottom: 32px;
-}
+  #services .col-md-4 {
+    padding-bottom: 32px;
+  }
 
-ul {
-  text-align: center;
-}
+  ul {
+    text-align: center;
+  }
 
-li {
-  list-style: none;
-  text-align: center;
-}
+  li {
+    list-style: none;
+    text-align: center;
+  }
 }
 
 @media (max-width: 768px) {
-h1 {
-  font-size: 2rem;
-}
+  h1 {
+    font-size: 2rem;
+  }
 
-h2 {
-  font-size: 1.6rem;
-}
+  h2 {
+    font-size: 1.6rem;
+  }
 
-h3 {
-  font-size: 0.8rem;
-  line-height: 1.3rem;
-}
+  h3 {
+    font-size: 0.8rem;
+    line-height: 1.3rem;
+  }
 
-ul {
-  text-align: center;
-}
+  ul {
+    text-align: center;
+  }
 
-li {
-  list-style: none;
-  text-align: center;
-}
+  li {
+    list-style: none;
+    text-align: center;
+  }
 }
 
 @media (max-width: 700px) {
-#home {
-  height: 100vh;
-}
+  #home {
+    height: 100vh;
+  }
 
-.modal-dialog .modal-content {
-  padding: 50px 20px;
-}
+  .modal-dialog .modal-content {
+    padding: 50px 20px;
+  }
 
-footer {
-  text-align: center;
-}
+  footer {
+    text-align: center;
+  }
 
-footer .col-sm-6 {
-  padding-bottom: 32px;
-}
+  footer .col-sm-6 {
+    padding-bottom: 32px;
+  }
 
-.modal-dialog .close {
-  font-size: 35px;
-  width: 25px;
-  height: 25px;
-  line-height: 25px;
-}
+  .modal-dialog .close {
+    font-size: 35px;
+    width: 25px;
+    height: 25px;
+    line-height: 25px;
+  }
 
-ul {
-  text-align: center;
-}
+  ul {
+    text-align: center;
+  }
 
-li {
-  list-style: none;
-  text-align: center;
-}
+  li {
+    list-style: none;
+    text-align: center;
+  }
 }
 
 /* Testimonials section */
 #testimonials {
-background-color: #f0eded;
-padding: 100px 0;
-text-align: center;
+  background-color: #f0eded;
+  padding: 100px 0;
+  text-align: center;
 }
 
 #testimonials .section-title {
-margin-bottom: 50px;
-text-align: center;
-color: #111112;
-font-weight: 800;
-font-size: 60px;
+  margin-bottom: 50px;
+  text-align: center;
+  color: #111112;
+  font-weight: 800;
+  font-size: 60px;
 }
 
 /* Media query for smaller screens */
 @media (max-width: 768px) {
-#testimonials .section-title {
-  font-size: 40px;
-}
+  #testimonials .section-title {
+    font-size: 40px;
+  }
 }
 
 .testimonial-box {
-background-color: #ffff;
-padding: 20px;
-height: 400px;
-border-radius: 10px;
-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
-margin-bottom: 30px;
+  background-color: #ffff;
+  padding: 20px;
+  height: 400px;
+  border-radius: 10px;
+  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
+  margin-bottom: 30px;
 }
 
 .testimonial-content {
-margin-bottom: 10px;
-font: bold;
-text-align: center;
+  margin-bottom: 10px;
+  font: bold;
+  text-align: center;
 }
 
 .testimonial-author {
-text-align: center;
+  text-align: center;
 }
 
 .testimonial-author img {
-width: 80px;
-height: 80px;
-border-radius: 50%;
-margin-bottom: 10px;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  margin-bottom: 10px;
 }
 
 .testimonial-author h4 {
-margin-bottom: 5px;
-font-weight: bold;
+  margin-bottom: 5px;
+  font-weight: bold;
 }
 
 .testimonial-author p {
-margin: 0;
-color: black;
+  margin: 0;
+  color: black;
 }
 
 .popup {
-position: absolute;
-display: block;
-top: -150%;
-/* left:100%; */
-right: 0;
-opacity: 0;
-align-items: center;
-color: black;
-display: flex;
-background: rgb(255, 255, 255);
-padding: 30px 40px;
-border-radius: 5px;
-box-shadow: 2px 2px 2px 2px gray;
-transform: translate(-50%, -50%) scale(1.25);
-width: 380px;
-transition: top 0ms ease-in-out 200ms, opacity 200ms ease-in-out 0ms,
-  transform 200ms ease-in-out 0ms;
+  position: absolute;
+  display: block;
+  top: -150%;
+  /* left:100%; */
+  right: 0;
+  opacity: 0;
+  align-items: center;
+  color: black;
+  display: flex;
+  background: rgb(255, 255, 255);
+  padding: 30px 40px;
+  border-radius: 5px;
+  box-shadow: 2px 2px 2px 2px gray;
+  transform: translate(-50%, -50%) scale(1.25);
+  width: 380px;
+  transition: top 0ms ease-in-out 200ms, opacity 200ms ease-in-out 0ms,
+    transform 200ms ease-in-out 0ms;
 }
 
 .popup-active {
-top: 18%;
-right: 0px;
-left: auto;
-opacity: 1;
-transform: translate(-50%, -50%) scale(1);
-transition: top 0ms ease-in-out 200ms, opacity 200ms ease-in-out 0ms,
-  transform 200ms ease-in-out 0ms;
+  top: 18%;
+  right: 0px;
+  left: auto;
+  opacity: 1;
+  transform: translate(-50%, -50%) scale(1);
+  transition: top 0ms ease-in-out 200ms, opacity 200ms ease-in-out 0ms,
+    transform 200ms ease-in-out 0ms;
 }
 
 .col-md-4 {
-transition: all 0.3s ease;
+  transition: all 0.3s ease;
 }
 
 .col-md-4 > .testimonial-box {
-transition: all 0.3s ease;
+  transition: all 0.3s ease;
 }
 
 .col-md-4:hover {
-transform: scale(1.02);
+  transform: scale(1.02);
 }
 
 .col-md-4 > .testimonial-box:hover {
-box-shadow: 3px 3px 6px #5d5757;
+  box-shadow: 3px 3px 6px #5d5757;
 }
 
 .popup .close-btn {
-position: absolute;
-top: 10px;
-right: 10px;
-width: 15px;
-color: red;
-cursor: pointer;
-height: 15px;
-line-height: 15px;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: 15px;
+  color: red;
+  cursor: pointer;
+  height: 15px;
+  line-height: 15px;
 }
 
 .popup .form h2 {
-text-align: center;
-color: #0f0f0f;
-margin: 10px 0px 0px;
-font-size: 25px;
-font-family: Arial, Helvetica, sans-serif;
-text-shadow: 1px 1px #f1c11a;
+  text-align: center;
+  color: #0f0f0f;
+  margin: 10px 0px 0px;
+  font-size: 25px;
+  font-family: Arial, Helvetica, sans-serif;
+  text-shadow: 1px 1px #f1c11a;
 }
 
 .popup .form p {
-text-align: center;
+  text-align: center;
 }
 
 .popup .form .form-element {
-margin: 15px;
+  margin: 15px;
 }
 
 .popup .form .form-element label {
-margin: 5px;
-font-size: 16px;
-font-family: Arial, Helvetica, sans-serif;
-color: #6d6d6d;
+  margin: 5px;
+  font-size: 16px;
+  font-family: Arial, Helvetica, sans-serif;
+  color: #6d6d6d;
 }
 
 .popup .form .form-element input[type="text"] {
-margin-top: 5px;
-padding: 5px 10px;
-border-radius: 5px;
-border-top: none;
+  margin-top: 5px;
+  padding: 5px 10px;
+  border-radius: 5px;
+  border-top: none;
 
-border-right: none;
+  border-right: none;
 }
 
 .popup .form .form-element button {
-align-items: center;
-text-align: center;
-width: 100%;
-background-color: #ffe06e;
-color: #e3680a;
-border: none;
-height: 35px;
-border-radius: 5px;
-box-shadow: 1px 1px 1px 1px;
-font-size: 18px;
-font-family: Arial, Helvetica, sans-serif;
-cursor: pointer;
-font-weight: bold;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  background-color: #ffe06e;
+  color: #e3680a;
+  border: none;
+  height: 35px;
+  border-radius: 5px;
+  box-shadow: 1px 1px 1px 1px;
+  font-size: 18px;
+  font-family: Arial, Helvetica, sans-serif;
+  cursor: pointer;
+  font-weight: bold;
 }
 
 .popup .form .form-element button:hover {
-align-items: center;
-text-align: center;
-background-color: #f9d34a;
-color: #e22d00;
-border: none;
-border-radius: 5px;
-box-shadow: 1px 1px 1px 1px red;
+  align-items: center;
+  text-align: center;
+  background-color: #f9d34a;
+  color: #e22d00;
+  border: none;
+  border-radius: 5px;
+  box-shadow: 1px 1px 1px 1px red;
 
-cursor: pointer;
+  cursor: pointer;
 }
 
 .send-message-btn {
-margin-left: 36%;
+  margin-left: 36%;
 }
 
 /*for subscribe form in footer*/
@@ -1610,112 +1670,112 @@ margin-left: 36%;
 .single_footer{margin-bottom:30px;}
 } */
 .single_footer h4 {
-color: #fff;
-margin-top: 0;
-margin-bottom: 25px;
-font-weight: 400;
-/* text-transform: uppercase; */
-font-size: 18px;
+  color: #fff;
+  margin-top: 0;
+  margin-bottom: 25px;
+  font-weight: 400;
+  /* text-transform: uppercase; */
+  font-size: 18px;
 }
 
 .single_footer h4::after {
-content: "";
-display: block;
-height: 2px;
-width: 100%;
-font-size: 20px;
-background: #fff;
-margin-top: 20px;
+  content: "";
+  display: block;
+  height: 2px;
+  width: 100%;
+  font-size: 20px;
+  background: #fff;
+  margin-top: 20px;
 }
 
 .single_footer p {
-color: #fff;
+  color: #fff;
 }
 
 .single_footer_address {
-align-items: center;
+  align-items: center;
 }
 
 .subscribe {
-display: block;
-position: relative;
-margin-top: 15px;
-width: 100%;
+  display: block;
+  position: relative;
+  margin-top: 15px;
+  width: 100%;
 }
 
 .subscribe__input {
-background-color: #fff;
-border: medium none;
-border-radius: 5px;
-color: #333;
-display: block;
-font-size: 15px;
-font-weight: 500;
-height: 50px;
-letter-spacing: 0.4px;
-margin: 0;
-padding: 0 50px 0 20px;
-text-align: center;
-text-transform: capitalize;
-width: 300px;
+  background-color: #fff;
+  border: medium none;
+  border-radius: 5px;
+  color: #333;
+  display: block;
+  font-size: 15px;
+  font-weight: 500;
+  height: 50px;
+  letter-spacing: 0.4px;
+  margin: 0;
+  padding: 0 50px 0 20px;
+  text-align: center;
+  text-transform: capitalize;
+  width: 300px;
 }
 
 .subscribe__input:focus::-webkit-input-placeholder {
-visibility: hidden;
+  visibility: hidden;
 }
 
 .subscribe__input:focus:-moz-placeholder {
-visibility: hidden;
+  visibility: hidden;
 }
 
 .subscribe__input:focus::-moz-placeholder {
-visibility: hidden;
+  visibility: hidden;
 }
 
 .subscribe__input:focus:-ms-input-placeholder {
-visibility: hidden;
+  visibility: hidden;
 }
 
 @media only screen and (max-width: 768px) {
-.subscribe__input {
-  padding: 0 50px 0 20px;
-}
+  .subscribe__input {
+    padding: 0 50px 0 20px;
+  }
 }
 
 .subscribe__btn {
-background-color: transparent;
-border-radius: 0 25px 25px 0;
-color: #222222;
-cursor: pointer;
-display: block;
-font-size: 20px;
-height: 60px;
-position: absolute;
-right: 0;
-top: 0;
-width: 60px;
+  background-color: transparent;
+  border-radius: 0 25px 25px 0;
+  color: #222222;
+  cursor: pointer;
+  display: block;
+  font-size: 20px;
+  height: 60px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 60px;
 }
 
 .subscribe__btn i {
-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s;
 }
 
 @media only screen and (max-width: 768px) {
-.subscribe__btn {
-  right: 0px;
-}
+  .subscribe__btn {
+    right: 0px;
+  }
 }
 
 .subscribe__btn:hover i {
-color: #c8ba00;
+  color: #c8ba00;
 }
 
 button {
-padding: 0;
-border: none;
-background-color: transparent;
--webkit-border-radius: 0;
-border-radius: 0;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  -webkit-border-radius: 0;
+  border-radius: 0;
 }
 .feed {
   max-width: 800px;
@@ -1725,12 +1785,14 @@ border-radius: 0;
   border-radius: 8px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
-.head{
+.head {
   color: black;
   font-size: 2rem;
   text-align: center;
 }
-input[type="text"], input[type="email"], textarea{
+input[type="text"],
+input[type="email"],
+textarea {
   width: 100%;
   padding: 10px;
   margin-bottom: 10px;
@@ -1738,17 +1800,17 @@ input[type="text"], input[type="email"], textarea{
   border-radius: 4px;
   box-sizing: border-box;
 }
-input[type="text"]:focus{
+input[type="text"]:focus {
   outline: none;
   border-color: rgba(255, 201, 8, 0.5);
   box-shadow: 0 0 10px rgba(255, 201, 8, 0.5);
 }
-input[type="email"]:focus{
+input[type="email"]:focus {
   outline: none;
   border-color: rgba(255, 201, 8, 0.5);
   box-shadow: 0 0 10px rgba(255, 201, 8, 0.5);
 }
-textarea:focus{
+textarea:focus {
   outline: none;
   border-color: rgba(255, 201, 8, 0.5);
   box-shadow: 0 0 10px rgba(255, 201, 8, 0.5);
@@ -1769,7 +1831,7 @@ textarea {
   height: 100px;
   resize: vertical;
 }
-.message{
+.message {
   padding: 10px;
 }
 .smiley-btn {
diff --git a/index.html b/index.html
index 2cc0c8fd..775e5014 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
 
-<head>
-
-  <meta charset="utf-8">
-
-  <title>Open Source Village</title>
-  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="keywords" content="">
-  <meta name="description" content="">
+    <title>Open Source Village</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
 
   <!-- stylesheets css -->
   <link rel="stylesheet" href="css/bootstrap.min.css">
@@ -24,28 +22,33 @@
     href="https://fonts.googleapis.com/css2?family=Gorditas&family=Playpen+Sans:wght@100;500&family=Poppins&family=Prompt&family=Roboto&family=Satisfy&family=Ubuntu:wght@300;400&display=swap"
     rel="stylesheet">
 
-  <link rel="stylesheet" href="css/et-line-font.css">
-  <link rel="stylesheet" href="css/font-awesome.min.css">
-
-  <link rel="stylesheet" href="css/vegas.min.css">
-  <link rel="stylesheet" href="css/style.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
-  <link href='https://fonts.googleapis.com/css?family=Rajdhani:400,500,700' rel='stylesheet' type='text/css'>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <style>
-    @import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
-
-
-    body {
-  font-family: Arial, sans-serif;
-  margin: 0;
-  padding: 0;
-  background-color: #f4f4f4;
-}
-
+    <link rel="stylesheet" href="css/et-line-font.css" />
+    <link rel="stylesheet" href="css/font-awesome.min.css" />
+
+    <link rel="stylesheet" href="css/vegas.min.css" />
+    <link rel="stylesheet" href="css/style.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Rajdhani:400,500,700"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <style>
+      @import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
+
+      body {
+        font-family: Arial, sans-serif;
+        margin: 0;
+        padding: 0;
+        background-color: #f4f4f4;
+      }
 
-    /* .formcontainer2 {
+      /* .formcontainer2 {
       padding: 20px;
       max-width: 800px;
       margin: 40px auto;
@@ -54,46 +57,43 @@
       border-radius: 8px;
     } */
 
-    .get {
-      color: black;
-    }
-    .get2 {
-      color: rgb(255, 254, 254);
-    }
-    .getn {
-      color: rgb(255, 254, 254);
-    }
-    section {
-      opacity: 0;
-      transform: translateY(20px);
-      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
-    }
-
-    section.visible {
-      opacity: 1;
-      transform: translateY(0);
-    }
- 
-
+      .get {
+        color: black;
+      }
+      .get2 {
+        color: rgb(255, 254, 254);
+      }
+      .getn {
+        color: rgb(255, 254, 254);
+      }
+      section {
+        opacity: 0;
+        transform: translateY(20px);
+        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
+      }
 
+      section.visible {
+        opacity: 1;
+        transform: translateY(0);
+      }
 
-/* Contact Us Style  */
+      /* Contact Us Style  */
 
-#contact {
-  padding: 50px 0;
-  background: #fff;
-}
+      #contact {
+        padding: 50px 0;
+        background: #fff;
+      }
 
-.formcontainer {
-  max-width: 600px;
-  margin: auto;
-  padding: 0 20px;
-}
+      .formcontainer {
+        max-width: 600px;
+        margin: auto;
+        padding: 0 20px;
+      }
 
-.section-title {
-  text-align: center;
-  margin-bottom: 40px;
-}
+      .section-title {
+        text-align: center;
+        margin-bottom: 40px;
+      }
 
 .section-title .get {
   font-size: 32px;
@@ -101,27 +101,27 @@
   color: #040303;
 }
 
-.section-title p {
-  font-size: 16px;
-  color: #555;
-}
+      .section-title p {
+        font-size: 16px;
+        color: #555;
+      }
 
-.contact-form {
-  background: #fffbe6;
-  padding: 20px;
-  border-radius: 15px;
-  box-shadow: 0 0 25px black;
-}
+      .contact-form {
+        background: #fffbe6;
+        padding: 20px;
+        border-radius: 15px;
+        box-shadow: 0 0 25px black;
+      }
 
-.contact-form .row {
-  display: flex;
-  flex-wrap: wrap;
-}
+      .contact-form .row {
+        display: flex;
+        flex-wrap: wrap;
+      }
 
-.contact-form .rad {
-  width: 100%;
-  margin-bottom: 15px;
-}
+      .contact-form .rad {
+        width: 100%;
+        margin-bottom: 15px;
+      }
 
 #contact-form .form-control {
   width: 100%;
@@ -162,196 +162,196 @@
 }
 
 
-    body,
-    html {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-      font-family: Arial, sans-serif;
-      scroll-behavior: smooth;
-    }
-
-
-/* Navbar Style */
-
-.flex {
-  display: flex;
-  justify-content: center;
-}
-
-    .logo {
-      margin-right: auto;
-      /* Optional: space between logo and right edge */
-    }
-
-    .home {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      text-align: center;
-      height: 100vh;
-      background: url('images/background.jpg') no-repeat center center/cover;
-      padding-top: 80px;
-      /* to avoid overlap with navbar */
-    }
-
-    .home .container {
-      max-width: 800px;
-    }
-
-    .home-thumb h1 {
-      font-size: 60px;
-      color: #d8aa03;
-    }
+      body,
+      html {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+        font-family: Arial, sans-serif;
+        scroll-behavior: smooth;
+      }
 
-    .home-thumb h3 {
-      margin: 20px 0;
-      font-size: 24px;
-      color: whitesmoke;
+      /* Navbar Style */
 
-    }
+      .flex {
+        display: flex;
+        justify-content: center;
+      }
 
-    .home-thumb a.btn {
-      text-decoration: none;
-      color: black;
-      padding: 10px 20px;
-      margin: 10px;
-      border-radius: 5px;
-      display: inline-flex;
-      align-items: center;
+      .logo {
+        margin-right: auto;
+        /* Optional: space between logo and right edge */
+      }
 
-    }
+      .home {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        height: 100vh;
+        background: url("images/background.jpg") no-repeat center center/cover;
+        padding-top: 80px;
+        /* to avoid overlap with navbar */
+      }
 
-    .home-thumb a.btn img {
-      height: 30px;
-      width: 30px;
-      margin-left: 15px;
-      border-radius: 5px;
-    }
+      .home .container {
+        max-width: 800px;
+      }
 
-    .btn-default {
-      background-color: #0c0b0b;
-      border: none;
-      display: flex;
-      justify-items: center;
-      width: fit-content;
-      border: 2px solid red
-    }
+      .home-thumb h1 {
+        font-size: 60px;
+        color: #d8aa03;
+      }
 
-    .btn-default:hover {
-      background-color: #4c4d4a;
-    }
-    .testimonial-author img {
-    display: block;
-    margin: 0 auto ;
-}
+      .home-thumb h3 {
+        margin: 20px 0;
+        font-size: 24px;
+        color: whitesmoke;
+      }
 
+      .home-thumb a.btn {
+        text-decoration: none;
+        color: black;
+        padding: 10px 20px;
+        margin: 10px;
+        border-radius: 5px;
+        display: inline-flex;
+        align-items: center;
+      }
 
-    .preloader {
-      display: none;
-      /* Hide preloader by default */
-      /* Add preloader styles here if needed */
-    }
-    /* Back to Top Button */
-.back-to-top {
-    position: fixed;
-    bottom: 120px;
-    right: 45px;
-    display: none; /* Hidden by default */
-    background-color: #3a63e4;
-    color: #fff;
-    text-align: center;
-    padding: 20px;
-    border-radius: 50%;
-    font-size: 18px;
-    text-decoration: none;
-    z-index: 1000;
-    transition: opacity 0.3s ease;
-    line-height: 10px;
-}
+      .home-thumb a.btn img {
+        height: 30px;
+        width: 30px;
+        margin-left: 15px;
+        border-radius: 5px;
+      }
 
-.back-to-top:hover {
-    background-color: #484848;
-    color: #ffffff;
-    text-decoration: none;
-    
-}
+      .btn-default {
+        background-color: #0c0b0b;
+        border: none;
+        display: flex;
+        justify-items: center;
+        width: fit-content;
+        border: 2px solid red;
+      }
 
+      .btn-default:hover {
+        background-color: #4c4d4a;
+      }
+      .testimonial-author img {
+        display: block;
+        margin: 0 auto;
+      }
 
-  </style>
-</head>
-
-<body>
-
-  <!-- Chatbot integration section -->
-  <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
-  <script>
-    window.botpressWebChat.init({
-      "composerPlaceholder": "Open Source Village",
-      "botConversationDescription": "Ask me anything!",
-      "botId": "88f3d139-4a56-4ac6-a192-d147bc4373d7",
-      "hostUrl": "https://cdn.botpress.cloud/webchat/v1",
-      "messagingUrl": "https://messaging.botpress.cloud",
-      "clientId": "88f3d139-4a56-4ac6-a192-d147bc4373d7",
-      "webhookId": "a909bd46-1d71-484d-8551-58afe6d64c1e",
-      "lazySocket": true,
-      "themeName": "prism",
-      "botName": "Open Source Village",
-      "avatarUrl": "https://media.licdn.com/dms/image/D4D0BAQE8E3S0-vt8TQ/company-logo_200_200/0/1683703353326?e=1724889600&v=beta&t=to32718A4rdNZM_XmtjHN8xG4LKE9UYLhVnuoyB3nt8",
-      "stylesheet": "https://webchat-styler-css.botpress.app/prod/90be4629-b1cb-4093-8ec9-cff772de8ed8/v54653/style.css",
-      "frontendVersion": "v1",
-      "showPoweredBy": true,
-      "theme": "prism",
-      "themeColor": "#2563eb",
-      "allowedOrigins": [],
-      "enableConversationDeletion": true
-    });
-  </script>
+      .preloader {
+        display: none;
+        /* Hide preloader by default */
+        /* Add preloader styles here if needed */
+      }
+      /* Back to Top Button */
+      .back-to-top {
+        position: fixed;
+        bottom: 120px;
+        right: 45px;
+        display: none; /* Hidden by default */
+        background-color: #3a63e4;
+        color: #fff;
+        text-align: center;
+        padding: 20px;
+        border-radius: 50%;
+        font-size: 18px;
+        text-decoration: none;
+        z-index: 1000;
+        transition: opacity 0.3s ease;
+        line-height: 10px;
+      }
 
-  <!-- preloader section -->
-  <section class="preloader">
-    <div class="sk-circle">
-      <div class="sk-circle1 sk-child"></div>
-      <div class="sk-circle2 sk-child"></div>
-      <div class="sk-circle3 sk-child"></div>
-      <div class="sk-circle4 sk-child"></div>
-      <div class="sk-circle5 sk-child"></div>
-      <div class="sk-circle6 sk-child"></div>
-      <div class="sk-circle7 sk-child"></div>
-      <div class="sk-circle8 sk-child"></div>
-      <div class="sk-circle9 sk-child"></div>
-      <div class="sk-circle10 sk-child"></div>
-      <div class="sk-circle11 sk-child"></div>
-      <div class="sk-circle12 sk-child"></div>
-    </div>
-  </section>
+      .back-to-top:hover {
+        background-color: #484848;
+        color: #ffffff;
+        text-decoration: none;
+      }
+    </style>
+  </head>
 
-  <!-- Responsive Nav Bar -->
+  <body>
+    <!-- Chatbot integration section -->
+    <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
+    <script>
+      window.botpressWebChat.init({
+        composerPlaceholder: "Open Source Village",
+        botConversationDescription: "Ask me anything!",
+        botId: "88f3d139-4a56-4ac6-a192-d147bc4373d7",
+        hostUrl: "https://cdn.botpress.cloud/webchat/v1",
+        messagingUrl: "https://messaging.botpress.cloud",
+        clientId: "88f3d139-4a56-4ac6-a192-d147bc4373d7",
+        webhookId: "a909bd46-1d71-484d-8551-58afe6d64c1e",
+        lazySocket: true,
+        themeName: "prism",
+        botName: "Open Source Village",
+        avatarUrl:
+          "https://media.licdn.com/dms/image/D4D0BAQE8E3S0-vt8TQ/company-logo_200_200/0/1683703353326?e=1724889600&v=beta&t=to32718A4rdNZM_XmtjHN8xG4LKE9UYLhVnuoyB3nt8",
+        stylesheet:
+          "https://webchat-styler-css.botpress.app/prod/90be4629-b1cb-4093-8ec9-cff772de8ed8/v54653/style.css",
+        frontendVersion: "v1",
+        showPoweredBy: true,
+        theme: "prism",
+        themeColor: "#2563eb",
+        allowedOrigins: [],
+        enableConversationDeletion: true,
+      });
+    </script>
 
+    <!-- preloader section -->
+    <section class="preloader">
+      <div class="sk-circle">
+        <div class="sk-circle1 sk-child"></div>
+        <div class="sk-circle2 sk-child"></div>
+        <div class="sk-circle3 sk-child"></div>
+        <div class="sk-circle4 sk-child"></div>
+        <div class="sk-circle5 sk-child"></div>
+        <div class="sk-circle6 sk-child"></div>
+        <div class="sk-circle7 sk-child"></div>
+        <div class="sk-circle8 sk-child"></div>
+        <div class="sk-circle9 sk-child"></div>
+        <div class="sk-circle10 sk-child"></div>
+        <div class="sk-circle11 sk-child"></div>
+        <div class="sk-circle12 sk-child"></div>
+      </div>
+    </section>
 
-<button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa-solid fa-circle-up"></i></button>
+    <!-- Responsive Nav Bar -->
 
-<script>
-let mybutton = document.getElementById("myBtn");
-window.onscroll = function() {scrollFunction()};
-function scrollFunction() {
-  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-    mybutton.style.display = "block";
-  } else {
-    mybutton.style.display = "none";
-  }
-}
-function topFunction() {
-  document.body.scrollTop = 0; 
-  document.documentElement.scrollTop = 0; 
-}
-</script>
+    <button onclick="topFunction()" id="myBtn" title="Go to top">
+      <i class="fa-solid fa-circle-up"></i>
+    </button>
 
-  <!-- Navbar -->
-  <div class="navbar">
-    <nav>
+    <script>
+      let mybutton = document.getElementById("myBtn");
+      window.onscroll = function () {
+        scrollFunction();
+      };
+      function scrollFunction() {
+        if (
+          document.body.scrollTop > 20 ||
+          document.documentElement.scrollTop > 20
+        ) {
+          mybutton.style.display = "block";
+        } else {
+          mybutton.style.display = "none";
+        }
+      }
+      function topFunction() {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+      }
+    </script>
+    =======
 
-      <!-- <input type="checkbox" id="check">
+    <!-- Navbar -->
+    <div class="navbar">
+      <nav>
+        <!-- <input type="checkbox" id="check">
       <label for="check" class="checkbut">
         <i class="fas fa-bars"></i>
       </label> -->
@@ -369,37 +369,49 @@
     </nav>
   </div>
 
-  <!-- Home Section -->
-  <section class="home" id="home">
-    <div class="container">
-      <div class="home-thumb">
-        <h1>Open Source Village</h1>
-        <h1 class="wow fadeInUp" data-wow-delay="0.4s">Hello, Villager</h1>
-        <h3 class="wow fadeInUp" data-wow-delay="0.6s">We are <strong>Open Source Village</strong></h3>
-        <h3 class="wow fadeInUp" data-wow-delay="0.8s"><strong>Join </strong>our community now</h3>
-        <a href="https://discord.gg/mM9qFh2uZR" class="btn btn-lg btn-default smoothScroll wow fadeInUp"
-          data-wow-delay="1s">
-          Join Discord
-          <img
-            src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSzDzOJpiBR0fBAJIOjXtUqpW9H_G9jhuQNTohtYu7sA&s"
-            alt="Discord">
-        </a>
-        <a href="https://www.linkedin.com/company/open-source-village/"
-          class="btn btn-lg btn-default smoothScroll wow fadeInUp" data-wow-delay="1s">
-          Follow us on LinkedIn
-          <img
-            src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/LinkedIn_icon.svg/1024px-LinkedIn_icon.svg.png"
-            alt="LinkedIn">
-        </a>
+    <!-- Home Section -->
+    <section class="home" id="home">
+      <div class="container">
+        <div class="home-thumb">
+          <h1>Open Source Village</h1>
+          <h1 class="wow fadeInUp" data-wow-delay="0.4s">Hello, Villager</h1>
+          <h3 class="wow fadeInUp" data-wow-delay="0.6s">
+            We are <strong>Open Source Village</strong>
+          </h3>
+          <h3 class="wow fadeInUp" data-wow-delay="0.8s">
+            <strong>Join </strong>our community now
+          </h3>
+          <a
+            href="https://discord.gg/mM9qFh2uZR"
+            class="btn btn-lg btn-default smoothScroll wow fadeInUp"
+            data-wow-delay="1s"
+          >
+            Join Discord
+            <img
+              src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSSzDzOJpiBR0fBAJIOjXtUqpW9H_G9jhuQNTohtYu7sA&s"
+              alt="Discord"
+            />
+          </a>
+          <a
+            href="https://www.linkedin.com/company/open-source-village/"
+            class="btn btn-lg btn-default smoothScroll wow fadeInUp"
+            data-wow-delay="1s"
+          >
+            Follow us on LinkedIn
+            <img
+              src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/LinkedIn_icon.svg/1024px-LinkedIn_icon.svg.png"
+              alt="LinkedIn"
+            />
+          </a>
+        </div>
       </div>
-    </div>
-  </section>
+    </section>
 
-  <script>
-    let popup = document.getElementById("popup");
-    function openPop() {
-      popup.classList.add("popup-active");
-    }
+    <script>
+      let popup = document.getElementById("popup");
+      function openPop() {
+        popup.classList.add("popup-active");
+      }
 
     function closepop() {
       popup.classList.remove("popup-active");
@@ -407,35 +419,33 @@ <h3 class="wow fadeInUp" data-wow-delay="0.8s"><strong>Join </strong>our communi
   </script>
 
 
-  <!-- about section -->
-  <section id="about">
-    <div class="container">
-      <div class="row">
-
-        <div class="col-md-6 col-sm-12">
-          <img src="images/fav.png" class="img-responsive wow fadeInUp" alt="About">
-        </div>
-
-        <div class="col-md-6 col-sm-12">
-          <div class="about-thumb">
-            <div class="section-title">
-              <h1 class="get font-bold" data-wow-delay="0.2s"><b>Our Mission</b></h1>
-              <!-- <h3 class="wow fadeInUp" data-wow-delay="0.4s"></h3> -->
-            </div>
-            <div class="wow fadeInUp" data-wow-delay="0.6s">
-              <p>
-                <b>Welcome to our community startup! We are a group of like-minded individuals who believe in the power of
-                coming together to achieve shared goals. Our mission is to create a safe and inclusive space where
-                members can connect, collaborate, and make a positive impact in the world. Join us and be a part of
-                something bigger than yourself!</b> </p>
-            </div>
+    <!-- about section -->
+    <section id="about">
+      <div class="main-img">
+        <img src="fav.png" alt="" />
+      </div>
+      <div class="text">
+        <br>
+        <br>
+        <br>
+        <h4>About</h4>
+        <h2>Open Source Village</h2>
+  
+        <p>
+          Welcome to our community startup! We are a group of like-minded
+          individuals who believe in the power of coming together to achieve
+          shared goals. Our mission is to create a safe and inclusive space
+          where members can connect, collaborate, and make a positive impact in
+          the world. Join us and be a part of something bigger than yourself!
+        </p>
+        <div class="last-text">
+          <div class="text1">
+            <h3>1000+</h3>
+            <h5>MEMBERS</h5>
           </div>
         </div>
-
       </div>
-    </div>
-  </section>
-
+    </section>
 
 <!-- services section -->
 <section id="services">
@@ -500,58 +510,90 @@ <h3 class="heading-hover">Mentorship</h3>
 
 
 
-  <!-- Testimonials section -->
-  <section id="testimonials">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">Testimonials</h2>
-        </div>
-        <div class="col-md-4">
-          <div class="testimonial-box wow fadeInUp" data-wow-delay="0.4s">
-            <div class="testimonial-author">
-              <img src="images/testi_1.jpg" class="img-circle mb-2" alt="Testimonial Author">
-              <h4 class="mt-5">Arden Stone</h4>
-            </div>
-            <div class="testimonial-content">
-              <p>"Being a part of this community has been truly transformative. The support and encouragement I've received here have helped me grow both personally and professionally. I'm immensely grateful to have found such an inspiring group of people!"</p>
-            </div>
+    <!-- Testimonials section -->
+    <section id="testimonials">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInUp" data-wow-delay="0.3s">
+              Testimonials
+            </h2>
           </div>
-        </div>
-        <div class="col-md-4">
-          <div class="testimonial-box wow fadeInUp" data-wow-delay="0.6s">
-            <div class="testimonial-author">
-              <img src="images/testi_2.jpeg" class="img-circle" alt="Testimonial Author">
-              <h4 class="mt-5">John Smith</h4>
-            </div>
-            <div class="testimonial-content">
-              <p>"I've been involved with many groups in the past, but none have been as warm and welcoming as this one. The sense of belonging I feel here is unparalleled. It's incredible to be surrounded by individuals who share my values and passion for making a difference."</p>
+          <div class="col-md-4">
+            <div class="testimonial-box wow fadeInUp" data-wow-delay="0.4s">
+              <div class="testimonial-author">
+                <img
+                  src="images/testi_1.jpg"
+                  class="img-circle mb-2"
+                  alt="Testimonial Author"
+                />
+                <h4 class="mt-5">Arden Stone</h4>
+              </div>
+              <div class="testimonial-content">
+                <p>
+                  "Being a part of this community has been truly transformative.
+                  The support and encouragement I've received here have helped
+                  me grow both personally and professionally. I'm immensely
+                  grateful to have found such an inspiring group of people!"
+                </p>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="col-md-4">
-          <div class="testimonial-box wow fadeInUp" data-wow-delay="0.8s">
-            <div class="testimonial-author">
-              <img src="images/testi_3.jpeg" class="img-circle" alt="Testimonial Author">
-              <h4 class="mt-5">Emily Johnson</h4>
+          <div class="col-md-4">
+            <div class="testimonial-box wow fadeInUp" data-wow-delay="0.6s">
+              <div class="testimonial-author">
+                <img
+                  src="images/testi_2.jpeg"
+                  class="img-circle"
+                  alt="Testimonial Author"
+                />
+                <h4 class="mt-5">John Smith</h4>
+              </div>
+              <div class="testimonial-content">
+                <p>
+                  "I've been involved with many groups in the past, but none
+                  have been as warm and welcoming as this one. The sense of
+                  belonging I feel here is unparalleled. It's incredible to be
+                  surrounded by individuals who share my values and passion for
+                  making a difference."
+                </p>
+              </div>
             </div>
-            <div class="testimonial-content">
-              <p>"I was initially hesitant to join, but I'm so glad I did. The connections I've made here have opened up numerous opportunities for collaboration and personal development. It's amazing to see how much we can achieve when we come together with a common purpose."</p>
+          </div>
+          <div class="col-md-4">
+            <div class="testimonial-box wow fadeInUp" data-wow-delay="0.8s">
+              <div class="testimonial-author">
+                <img
+                  src="images/testi_3.jpeg"
+                  class="img-circle"
+                  alt="Testimonial Author"
+                />
+                <h4 class="mt-5">Emily Johnson</h4>
+              </div>
+              <div class="testimonial-content">
+                <p>
+                  "I was initially hesitant to join, but I'm so glad I did. The
+                  connections I've made here have opened up numerous
+                  opportunities for collaboration and personal development. It's
+                  amazing to see how much we can achieve when we come together
+                  with a common purpose."
+                </p>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-  </section>
-  
-
-  <section class="faqq">
-
-    <div class="containerr">
-
-      <div class="accordion">
-
-        <h1 class="section-title wow fadeInUp text-center" data-wow-delay="0.3s">FAQ</h1>
+    </section>
+
+    <section class="faqq">
+      <div class="containerr">
+        <div class="accordion">
+          <h1
+            class="section-title wow fadeInUp text-center"
+            data-wow-delay="0.3s"
+          >
+            FAQ
+          </h1>
 
         <div class="accordion-item">
 
@@ -773,7 +815,7 @@ <h5 class="card-title" style="font-size: 28px;font-weight: bold;">Emily R.</h5>
   </section>
 -->
 
-  <!-- contact section -->
+    <!-- contact section -->
 
   <div class="formbody ">
     <main>
@@ -916,6 +958,14 @@ <h1 class="get font-bold">Feedback</h1>
       </section>
     </main>
 
+      <script>
+        function sendEmail() {
+          alert("Email sent successfully!");
+        }
+      </script>
+    </div>
+    <!-- footer section -->
+    <!-- <footer>
     <script>
       function sendEmail() {
         alert('Email sent successfully!');
@@ -954,7 +1004,7 @@ <h2>Open Source Village</h2>
         <p>Be a Villager now</p>
         <p class="copyright-text">Copyright &copy; 2023 <br>
           Designed by <a rel="nofollow" href="http://www.google.com/+templatemo" target="_parent">Templatemo</a></p> -->
-  <!-- </div>
+    <!-- </div>
           </div>
           
           
@@ -967,190 +1017,189 @@ <h2>Open Source Village</h2>
       </div>
     </div>
   </footer> -->
-  <footer class="footer" data-aos="fade-up" data-aos-duration="1500">
-    <div class="container">
-      <div class="footer_wrapper">
-        <div class="footer_box">
-          <div class="logo">
-            <div class="logo_img">
-
+    <footer class="footer" data-aos="fade-up" data-aos-duration="1500">
+      <div class="container">
+        <div class="footer_wrapper">
+          <div class="footer_box">
+            <div class="logo">
+              <div class="logo_img"></div>
+              <h2 class="fitbody">
+                <p>Open Source <strong>VILLAGER</strong></p>
+              </h2>
             </div>
-            <h2 class="fitbody">
-              <p>Open Source <strong>VILLAGER</strong> </p>
-            </h2>
-          </div>
-          <div class="col-md-4 col-sm-4 col-xs-12">
-            <div class="single_footer single_footer_address">
-              <h4>Join the Community now and become a Villager</h4>
-              <div class="signup_form">
-                <form action="#" class="subscribe">
-                  <input type="text" class="subscribe__input" placeholder="Enter Email Address">
-                  <button type="button" class="subscribe__btn"><i class="fas fa-paper-plane"></i></button>
-                </form>
+            <div class="col-md-4 col-sm-4 col-xs-12">
+              <div class="single_footer single_footer_address">
+                <h4>Join the Community now and become a Villager</h4>
+                <div class="signup_form">
+                  <form action="#" class="subscribe">
+                    <input
+                      type="text"
+                      class="subscribe__input"
+                      placeholder="Enter Email Address"
+                    />
+                    <button type="button" class="subscribe__btn">
+                      <i class="fas fa-paper-plane"></i>
+                    </button>
+                  </form>
+                </div>
               </div>
             </div>
-
-          </div><!--- END COL -->
-
-
-        </div>
-        <div class="footer_box">
-          <h4 class="footer_title" style="color: whitesmoke;">Company</h4>
-          <ul class="footer_links">
-            <a>
-              <li>Our Program</li>
-            </a>
-            <a>
-              <li>Our Plan</li>
-            </a>
-            <a>
-              <li>Become A Member</li>
-            </a>
-          </ul>
-        </div>
-        <div class="footer_box">
-          <h4 class="footer_title">Quick Links</h4>
-          <ul class="footer_links">
-
-            <a>
-              <li>About Us</li>
-            </a>
-            <a>
-              <li>Contact Us</li>
-            </a>
-            <a>
-              <li>Support</li>
-            </a>
-
-          </ul>
+            <!--- END COL -->
+          </div>
+          <div class="footer_box">
+            <h4 class="footer_title" style="color: whitesmoke">Company</h4>
+            <ul class="footer_links">
+              <a>
+                <li>Our Program</li>
+              </a>
+              <a>
+                <li>Our Plan</li>
+              </a>
+              <a>
+                <li>Become A Member</li>
+              </a>
+            </ul>
+          </div>
+          <div class="footer_box">
+            <h4 class="footer_title">Quick Links</h4>
+            <ul class="footer_links">
+              <a>
+                <li>About Us</li>
+              </a>
+              <a>
+                <li>Contact Us</li>
+              </a>
+              <a>
+                <li>Support</li>
+              </a>
+            </ul>
+          </div>
         </div>
+        <p class="social_media">
+          <a><i class="fab fa-github"></i></a>
+          <a><i class="fab fa-linkedin"></i></a>
+          <a><i class="fab fa-instagram"></i></a>
+          <a><i class="fab fa-facebook"></i></a>
+          <a><i class="fab fa-twitter"></i></a>
+        </p>
+        <p class="copyright">
+          Copyright &copy
+          <script>
+            document.write(new Date().getFullYear());
+          </script>
+          Developed by open source. All rights reserved.
+        </p>
       </div>
-      <p class="social_media">
-        <a><i class="fab fa-github"></i></a>
-        <a><i class="fab fa-linkedin"></i></a>
-        <a><i class="fab fa-instagram"></i></a>
-        <a><i class="fab fa-facebook"></i></a>
-        <a><i class="fab fa-twitter"></i></a>
-
-      </p>
-      <p class="copyright">
-        Copyright &copy
-        <script>document.write(new Date().getFullYear())</script> Developed by open source. All rights reserved.
-      </p>
-    </div>
-  </footer>
-
-  <a href="#" class="back-to-top" id="backToTopBtn">↑</a>
-
+    </footer>
 
+    <a href="#" class="back-to-top" id="backToTopBtn">↑</a>
 
-  <!-- javscript js -->
-<script>
-  // Get the button
-let backToTopBtn = document.getElementById("backToTopBtn");
-
-// When the user scrolls down 100px from the top of the document, show the button
-window.onscroll = function() {
-    scrollFunction();
-};
-
-function scrollFunction() {
-    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
-        backToTopBtn.style.display = "block";
-    } else {
-        backToTopBtn.style.display = "none";
-    }
-}
+    <!-- javscript js -->
+    <script>
+      // Get the button
+      let backToTopBtn = document.getElementById("backToTopBtn");
+
+      // When the user scrolls down 100px from the top of the document, show the button
+      window.onscroll = function () {
+        scrollFunction();
+      };
+
+      function scrollFunction() {
+        if (
+          document.body.scrollTop > 100 ||
+          document.documentElement.scrollTop > 100
+        ) {
+          backToTopBtn.style.display = "block";
+        } else {
+          backToTopBtn.style.display = "none";
+        }
+      }
 
-// When the user clicks on the button, scroll to the top of the document
-backToTopBtn.addEventListener("click", function(event) {
-    event.preventDefault();
-    window.scrollTo({top: 0, behavior: 'smooth'});
-});
-</script>
-<script>
-  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-    anchor.addEventListener('click', function (e) {
-      e.preventDefault();
-
-      document.querySelector(this.getAttribute('href')).scrollIntoView({
-        behavior: 'smooth'
+      // When the user clicks on the button, scroll to the top of the document
+      backToTopBtn.addEventListener("click", function (event) {
+        event.preventDefault();
+        window.scrollTo({ top: 0, behavior: "smooth" });
       });
-    });
-  });
-  const sections = document.querySelectorAll('section');
+    </script>
+    <script>
+      document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
+        anchor.addEventListener("click", function (e) {
+          e.preventDefault();
+
+          document.querySelector(this.getAttribute("href")).scrollIntoView({
+            behavior: "smooth",
+          });
+        });
+      });
+      const sections = document.querySelectorAll("section");
+
+      const observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              entry.target.classList.add("visible");
+            }
+          });
+        },
+        {
+          threshold: 0.1,
+        }
+      );
 
-const observer = new IntersectionObserver(entries => {
-  entries.forEach(entry => {
-    if (entry.isIntersecting) {
-      entry.target.classList.add('visible');
-    }
-  });
-}, {
-  threshold: 0.1
-});
+      sections.forEach((section) => {
+        observer.observe(section);
+      });
+    </script>
+    <script>
+      function sendEmail() {
+        Email.send({
+          Host: "smtp.elasticemail.com",
+          Username: "yash.223234108@vcet.edu.in",
+          Password: "A8F5164C44BD2E729DA1FB0F9D338DB5EFBE",
+          To: "itsamanyadav18@gmail.com",
+          From: document.getElementById("email").value,
+          Subject: "This is the subject",
+          Body:
+            "Name:" +
+            document.getElementById("name").value +
+            "<br> Email:" +
+            document.getElementById("email").value +
+            "<br> Message:" +
+            document.getElementById("msg").value,
+        }).then((message) => alert("Message sent successsfully"));
+      }
+    </script>
 
-sections.forEach(section => {
-  observer.observe(section);
-});
-</script>
-  <script>
-    function sendEmail() {
-      Email.send({
-        Host: "smtp.elasticemail.com",
-        Username: "yash.223234108@vcet.edu.in",
-        Password: "A8F5164C44BD2E729DA1FB0F9D338DB5EFBE",
-        To: 'itsamanyadav18@gmail.com',
-        From: document.getElementById('email').value,
-        Subject: "This is the subject",
-        Body: "Name:" + document.getElementById("name").value
-          + "<br> Email:" + document.getElementById("email").value
-          + "<br> Message:" + document.getElementById("msg").value
-
-      }).then(
-        message => alert("Message sent successsfully")
-      );
-    }
-  </script>
+    <script src="https://smtpjs.com/v3/smtp.js"></script>
 
-  <script src="https://smtpjs.com/v3/smtp.js"></script>
-
-  <script src="js/jquery.js"></script>
-  <script src="js/bootstrap.min.js"></script>
-
-  <script src="js/vegas.min.js"></script>
-
-  <script src="js/wow.min.js"></script>
-  <script src="js/smoothscroll.js"></script>
-  <script src="js/custom.js"></script>
-  <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
-  <script src="https://mediafiles.botpress.cloud/5e160793-5606-4412-ba4c-337e416f14fe/webchat/config.js"></script>
-  <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
-  <script>
-    window.botpressWebChat.init({
-      "composerPlaceholder": "Open Source Village",
-      "botConversationDescription": "This chatbot is for the community",
-      "botId": "0b693cf9-7fd0-4ed3-83a2-89f68137dd81",
-      "hostUrl": "https://cdn.botpress.cloud/webchat/v1",
-      "messagingUrl": "https://messaging.botpress.cloud",
-      "clientId": "0b693cf9-7fd0-4ed3-83a2-89f68137dd81",
-      "webhookId": "156ea257-2b52-4e1c-92b1-ffeb42198f56",
-      "lazySocket": true,
-      "themeName": "prism",
-      "frontendVersion": "v1",
-      "showPoweredBy": true,
-      "theme": "prism",
-      "themeColor": "#2563eb",
-      "allowedOrigins": []
-    });
-  </script>
+    <script src="js/jquery.js"></script>
+    <script src="js/bootstrap.min.js"></script>
 
-<script type="text/javascript">
-  window.addEventListener("scroll", function(){
-    var header= document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY >10)
-  })
-</script>
-</body>
+    <script src="js/vegas.min.js"></script>
 
-</html>
\ No newline at end of file
+    <script src="js/wow.min.js"></script>
+    <script src="js/smoothscroll.js"></script>
+    <script src="js/custom.js"></script>
+    <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
+    <script src="https://mediafiles.botpress.cloud/5e160793-5606-4412-ba4c-337e416f14fe/webchat/config.js"></script>
+    <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
+    <script>
+      window.botpressWebChat.init({
+        composerPlaceholder: "Open Source Village",
+        botConversationDescription: "This chatbot is for the community",
+        botId: "0b693cf9-7fd0-4ed3-83a2-89f68137dd81",
+        hostUrl: "https://cdn.botpress.cloud/webchat/v1",
+        messagingUrl: "https://messaging.botpress.cloud",
+        clientId: "0b693cf9-7fd0-4ed3-83a2-89f68137dd81",
+        webhookId: "156ea257-2b52-4e1c-92b1-ffeb42198f56",
+        lazySocket: true,
+        themeName: "prism",
+        frontendVersion: "v1",
+        showPoweredBy: true,
+        theme: "prism",
+        themeColor: "#2563eb",
+        allowedOrigins: [],
+      });
+    </script>
+  </body>
+</html>