update

css/account.css

@@ -0,0 +1,104 @@
+
+.container {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 20px;
+ }
+
+ .flipkardLoader {
+  width: 100%;
+  max-width: 180px;
+  margin: 0 auto;
+ }
+
+ h1 {
+  font-size: 30px;
+  font-weight: bold;
+  text-align: center;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
+ }
+
+ form {
+  width: 100%;
+  max-width: 600px;
+  margin: 0 auto;
+ }
+
+ .form-group {
+  margin-bottom: 15px;
+ }
+
+ label {
+  font-weight: bold;
+ }
+
+ p {
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5em
+}
+
+ input[type="text"],
+ input[type="email"],
+ textarea {
+  width: 100%;
+  padding: 5px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+ }
+
+ textarea {
+  height: 100px;
+ }
+
+ /* Radio buttons */
+ .form-check {
+  display: inline-block;
+  margin-right: 10px;
+ }
+
+ #FAQ{
+  padding: 50px;
+ }
+
+ #para1{
+
+  font-size: 14px;
+
+ }
+ #heading{
+
+  font-size: 20px;
+  font-weight: bold;
+
+ }
+ /* Submit button */
+ .btn-primary {
+  background-color: #2874f0;
+  color: #fff;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 3px;
+  cursor: pointer;
+ }
+ .btn-primary2 {
+  display: flex;
+  justify-content:center;
+  align-items: center;
+  background-color: #2874f0;
+  color: #fff;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 15px;
+  cursor: pointer;
+
+ }
+ @media (max-width: 768px) {
+  h1 {
+    font-size: 1.8rem;
+  }
+
+  form {
+    max-width: 100%;
+  }
+ }

css/animation.css

@@ -0,0 +1,13 @@
+/* animations.css */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.fade-in {
+    animation: fadeIn 2s ease-in;
+}

css/categories.css

@@ -0,0 +1,159 @@
+.categorylist-wrapper {
+  width: 100%;
+  overflow-x: scroll;
+  /* z-index: 500; */
+}
+
+.categorylist-wrapper::-webkit-scrollbar {
+  display: none;
+}
+
+
+.categories {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  background-color: rgb(255, 253, 253);
+  position: relative;
+  padding: 0 4%;
+  width: 100%;
+  min-width: 1000px;
+  box-shadow: 0 0 10px rgb(87, 110, 172);
+
+}
+
+.categories>li {
+  position: static;
+  display: inline-block;
+  padding: 20px 15px;
+  /* cursor: pointer; */
+}
+
+.categories li a {
+  text-decoration: none;
+}
+
+.categories > li > .subcategories-container {
+  display: none;
+  position: fixed;
+  background-color: #fff;
+  padding: 15px;
+  gap: 15px 5px;
+  flex-wrap: wrap;
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  left: 100%;
+  top: 0;
+  font-size: 14px;
+  overflow: hidden;
+  z-index: 500;
+  border: 1px solid #ddd;
+}
+
+.categories > li:hover > .subcategories-container {
+  display: block;
+}
+
+.categories > li:hover {
+  background-color: #bac8f6;
+  transition: all 0.5s;
+  border-radius: 20px;
+}
+
+.categories > li > .subcategories-container > .subcategories-list > li {
+  margin: 15px 0;
+  flex: 1 1 200px;
+  list-style-type: none;
+}
+
+.categories > li > .subcategories-container > .subcategories-list > li:hover {
+  color: rgb(112, 112, 166);
+}
+.categories li ul li img{
+  display: none;
+}
+
+#category-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 40px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+.category {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 0.3s ease 0.1s, width 2s, height 2.5s;
+
+}
+
+.category:hover {
+  transform: scale(1.1025);
+}
+
+.category h3 {
+  font-size: 18px;
+  color: #333333;
+}
+
+/*adding transition property to the images of the cateogory-grid section*/
+#category-grid img {
+  transition: transform 0.3s ease-in-out;
+}
+
+#category-grid img:hover {
+  transform: scale(1.1);
+  opacity: 0.82;
+}
+
+#categories {
+    list-style: none;
+    padding: 0;
+}
+
+.category-item {
+    position: relative;
+    padding: 10px;
+    cursor: pointer;
+}
+
+.category-item a {
+    text-decoration: none;
+    color: #000;
+}
+
+.subcategories-container {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 100%;
+    background: #fff;
+    border: 1px solid #ddd;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    z-index: 1000;
+}
+
+.subcategories-list {
+    list-style: none;
+    margin: 0;
+    padding: 10px;
+}
+
+.subcategories-list li {
+    margin: 0;
+    padding: 5px 0;
+}
+
+.subcategories-list li a {
+    text-decoration: none;
+    color: #000;
+}
+
+.category-item:hover .subcategories-container {
+    display: block;
+}

css/contact.css

@@ -0,0 +1,48 @@
+.contact-header {
+    background-color: #007bff;
+    color: white;
+    padding: 15px 0;
+}
+.contact-header a {
+    color: white;
+    text-decoration: none;
+    margin: 0 20px;
+    transition: color 0.3s;
+}
+.contact-header a:hover {
+    color: #ffd700;
+}
+.contact-section {
+    padding: 60px 0;
+}
+.contact-section h2 {
+    animation: fadeInDown 1s;
+}
+.contact-info,
+.contact-form {
+    animation: fadeInUp 1s;
+}
+@keyframes fadeInDown {
+    from { opacity: 0; transform: translateY(-20px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+@keyframes fadeInUp {
+    from { opacity: 0; transform: translateY(20px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+.contact-info img {
+    width: 30px;
+    margin-right: 10px;
+}
+.footer {
+    background-color: #f1f1f1;
+    padding: 20px 0;
+}
+.footer a {
+    color: #007bff;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+.footer a:hover {
+    color: #0056b3;
+}