made overall layout as figma

assests/images/ask-adv-card-bg.svg

@@ -0,0 +1,27 @@
+<svg width="268" height="355" viewBox="0 0 268 355" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_213_910)">
+<rect width="268" height="356" transform="translate(0 -0.985596)" fill="#004A5D"/>
+<path d="M-27.5364 305.791L-413.859 -68.6042H391.279L390.626 218.921L-28.1892 719.963L-27.5364 305.791Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M368.46 210.835L-11.1865 664.783L-10.6227 290.119L-359.557 -48.0422H369.053L368.46 210.835Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M346.295 202.711L5.78801 609.606L6.32216 274.448L-305.282 -27.5168H346.829L346.295 202.711Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M324.129 194.622L22.7918 554.424L23.2369 258.774L-250.979 -6.95728H324.574L324.129 194.622Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M301.962 186.5L39.7649 499.247L40.1506 243.104L-196.676 13.6077H302.348L301.962 186.5Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M279.797 178.374L56.7686 444.105L57.095 227.431L-142.372 34.1301H280.123L279.797 178.374Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M257.599 170.288L73.7402 388.926L74.0073 211.759L-88.1006 54.6921H257.866L257.599 170.288Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M235.432 162.163L90.743 333.746L90.921 196.086L-33.7979 75.2542H235.64L235.432 162.163Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M213.267 154.075L107.717 278.566L107.836 180.452L20.5059 95.7771H213.415L213.267 154.075Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M191.1 145.953L124.69 223.389L124.779 164.783L74.8086 116.342H191.159L191.1 145.953Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<path d="M141.692 168.245V149.108L129.081 136.901H168.933V137.825L141.692 168.245Z" stroke="#B18C4A" stroke-width="0.540441" stroke-miterlimit="10"/>
+<rect x="-306.667" y="-103.544" width="575.029" height="693.926" fill="url(#paint0_linear_213_910)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_213_910" x1="0.999762" y1="378.015" x2="367.062" y2="192.736" gradientUnits="userSpaceOnUse">
+<stop stop-color="#004A5D"/>
+<stop offset="0.489094" stop-color="#004A5D" stop-opacity="0.9"/>
+<stop offset="1" stop-color="#004A5D" stop-opacity="0.3"/>
+</linearGradient>
+<clipPath id="clip0_213_910">
+<rect width="268" height="356" fill="white" transform="translate(0 -0.985596)"/>
+</clipPath>
+</defs>
+</svg>

components/footer.html

@@ -4,23 +4,35 @@
       <!-- Left Section -->
       <div class="col-lg-4 col-md-6">
         <div class="footer-logo mb-3 d-flex align-items-center">
-          <a href="#"><img src="./assests/images/footer-logo.svg" alt="ASK Logo" height="40" class="me-2"></a>
+          <a href="#"
-         
+            ><img
+              src="./assests/images/footer-logo.svg"
+              alt="ASK Logo"
+              height="40"
+              class="me-2"
+          /></a>
         </div>
         <p class="footer-desc mb-5">
-          We offer tailored investment solutions focused on your goals and objectives.
+          We offer tailored investment solutions focused on your goals and
-          Our mutual funds help enhance seamless wealth transfer between generations for families.
+          objectives. Our mutual funds help enhance seamless wealth transfer
+          between generations for families.
         </p>
         <div class="social-links mb-4">
-          <a href="#" class="me-3"><img src="./assests/images/youtube.svg" alt=""></a>
+          <a href="#" class="me-3"
-          <a href="#" class="me-3"><img src="./assests/images/twitter.svg" alt=""></a>
+            ><img src="./assests/images/youtube.svg" alt=""
-          <a href="#" class="me-3"><img src="./assests/images/facebook.svg" alt=""></a>
+          /></a>
-          <a href="#"><img src="./assests/images/lin.svg" alt=""></a>
+          <a href="#" class="me-3"
+            ><img src="./assests/images/twitter.svg" alt=""
+          /></a>
+          <a href="#" class="me-3"
+            ><img src="./assests/images/facebook.svg" alt=""
+          /></a>
+          <a href="#"><img src="./assests/images/lin.svg" alt="" /></a>
         </div>
-        <div class="d-flex gap-2">
+        <!-- <div class="d-flex gap-2">
           <a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" height="40" alt="Google Play"></a>
           <a href="#"><img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" height="40" alt="App Store"></a>
-        </div>
+        </div> -->
       </div>
 
       <!-- Quick Links -->
@@ -53,22 +65,30 @@
           <li><a href="#">Careers</a></li>
           <li><a href="#">Our Locations</a></li>
           <li><a href="#">Log In</a></li>
-          <li><a href="#">Contact Us</a></li>
+          <li><a href="#/contact">Contact Us</a></li>
         </ul>
       </div>
     </div>
 
-    <hr class="footer-line mt-5 mb-4">
+    <hr class="footer-line mt-5 mb-4" />
 
     <!-- Bottom Bar -->
-    <div class="d-flex flex-wrap justify-content-between align-items-center text-white-50 small">
+    <div
+      class="d-flex flex-wrap justify-content-between align-items-center text-white-50 small"
+    >
       <div class="footer-bottom-links">
         <a href="#" class="size-footer">Disclosures</a>
         <a href="#" class="size-footer">Privacy Policy</a>
         <a href="#" class="size-footer">Disclaimer</a>
       </div>
       <div class="text-adjust">
-        © 2025 ASK Investment Managers. All rights reserved.
+        <p class="d-lg-none mb-2 ">© 2025 ASK Investment Managers.</p>
+        <p class="d-lg-none">All rights reserved.</p>
+
+        <!-- Large screen (single line) -->
+        <h2 class="d-none d-lg-block">
+          © 2025 ASK Investment Managers. All rights reserved.
+        </h2>
       </div>
     </div>
   </div>

components/header.html

@@ -1,15 +1,20 @@
-
+<nav class="navbar navbar-expand-lg">
-<nav class="navbar navbar-expand-lg ">
   <div class="container">
     <!-- Logo -->
     <div class="mobile-adj">
       <a class="navbar-brand d-flex align-items-center" href="">
-        <img src="./assests/images/ask-mutual-fund-logo.svg" alt="My Logo" height="40">
+        <img
+          src="./assests/images/ask-mutual-fund-logo.svg"
+          alt="My Logo"
+          height="40"
+        />
       </a>
       <!-- Toggle Button -->
       <button class="navbar-toggler" type="button">
-        <span class="open-icon">&#9776;</span> <!-- hamburger -->
+        <span class="open-icon">&#9776;</span>
-        <span class="close-icon d-none">&times;</span> <!-- close icon -->
+        <!-- hamburger -->
+        <span class="close-icon d-none">&times;</span>
+        <!-- close icon -->
       </button>
     </div>
 
@@ -17,11 +22,25 @@
     <div class="collapse navbar-collapse" id="navbarNav">
       <div class="d-flex w-100 justify-content-between align-items-center">
         <!-- Center Links -->
-        <ul class="navbar-nav gap-menu  text-center">
+        <ul class="navbar-nav gap-menu mx-auto text-center">
-          <li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</a></li>
+          <li class="nav-item">
-          <li class="nav-item"><a class="nav-link" href="#/our-team">Our Team</a></li>
+            <a class="nav-link" href="#/our-fund">Our Funds</a>
-          <li class="nav-item"><a class="nav-link" href="#/about">About</a></li>
+          </li>
-          <li class="nav-item"><a class="nav-link" href="#/contact">Contact</a></li>
+          <li class="nav-item">
+            <a class="nav-link" href="#/our-team">Our Team</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#/about">About Us</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#/contact">Contact Us</a>
+          </li>
+          <li class="nav-item d-lg-none">
+            <a class="nav-link" href="#/contact">Carrer</a>
+          </li>
+          <li class="nav-item d-lg-none">
+            <a class="nav-link" href="#/contact">Login</a>
+          </li>
         </ul>
 
         <!-- Right Buttons -->
@@ -29,43 +48,59 @@
           <li class="nav-item me-3">
             <a href="#" class="invest-btn px-3 py-2">Invest Now</a>
           </li>
-          <li class="nav-item d-flex align-items-center">
+          <li class="nav-item d-flex align-items-center login-btn">
-            <span class="text-white">Login</span>
+            <span class="">Login</span>
-            <i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px; display: none;"></i>
+            <i
+              class="bi bi-chevron-down"
+              style="
+                font-size: 13px;
+                color: #b18c4a;
+                margin-left: 8px;
+                display: none;
+              "
+            ></i>
           </li>
         </ul>
 
-        <div class="topbar-mobile ">
+        <div class="topbar-mobile">
           <div class="mobile-call">
-
             <a href="tel:(+91) 93256 07030" class="color-b">
-              <i class="bi bi-telephone " style="width: 20px; height: 20px; color: #B18C4A;"></i> (+91) 93256 07030
+              <i
+                class="bi bi-telephone"
+                style="width: 20px; height: 20px; color: #b18c4a"
+              ></i>
+              (+91) 93256 07030
             </a>
             <a href="mailto:askdb@gmail.com" class="color-b">
-              <i class="bi bi-envelope" style="width: 20px; height: 20px; color: #B18C4A;"></i> askdb@gmail.com
+              <i
+                class="bi bi-envelope"
+                style="width: 20px; height: 20px; color: #b18c4a"
+              ></i>
+              askdb@gmail.com
             </a>
-
           </div>
         </div>
-
-
       </div>
     </div>
   </div>
 </nav>
 
-<div class="topbar py-2 ">
+<div class="topbar py-2">
   <div class="container d-flex justify-content-between align-items-center">
     <div>
       <a href="tel:(+91) 93256 07030" class="color-a">
-        <i class="bi bi-telephone me-2" style="width: 16px; height: 16px;"></i> (+91) 93256 07030
+        <i class="bi bi-telephone me-2" style="width: 16px; height: 16px"></i>
+        (+91) 93256 07030
       </a>
       <a href="mailto:askdb@gmail.com" class="color-a">
-        <i class="bi bi-envelope ms-3 me-1" style="width: 16px; height: 16px;"></i> askdb@gmail.com
+        <i
+          class="bi bi-envelope ms-3 me-1"
+          style="width: 16px; height: 16px"
+        ></i>
+        askdb@gmail.com
       </a>
     </div>
   </div>
 </div>
 
-
 <script src="./js/navbar.js"></script>

css/contact.css

@@ -1,11 +1,11 @@
 /* Base setup */
 :root {
-    --font-primary: 'Open Sans', sans-serif;
+  --font-primary: "Open Sans", sans-serif;
-    /* default body font */
+  /* default body font */
-    --font-secondary: 'Larken', serif;
+  --font-secondary: "Larken", serif;
-    /* decorative font */
+  /* decorative font */
-    --font-tertiary: 'Inter', sans-serif;
+  --font-tertiary: "Inter", sans-serif;
-    /* for headings or special text */
+  /* for headings or special text */
 }
 
 .contact-banner {
@@ -13,11 +13,15 @@
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
-    height: 350px;
+    height: 400px;
 }
 
+/* .contact-banner .container{
+    padding: 60px 0 72px 0;
+} */
+
 .contac-back-color {
-    background: #F5F5F5;
+  background: #f5f5f5;
 }
 
 .contact-aling {
@@ -30,56 +34,55 @@
 }
 
 .contact-tittle-banner {
-    font-family: var(--font-secondary);
+  font-family: var(--font-secondary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 50px;
+  font-size: 50px;
-    line-height: 60px;
+  line-height: 60px;
-    color: #fff;
+  color: #fff;
 }
 
 p.contact-text-banner {
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 18px;
+  font-size: 18px;
-    line-height: 28px;
+  line-height: 28px;
-    color: #fff;
+  color: #fff;
 }
 
 .invest-contact {
-    background-color: #b58b4b;
+  background-color: #b58b4b;
-    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+  clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
-    transition: all 0.3s ease;
+  transition: all 0.3s ease;
-    padding: 15px 20px;
+  padding: 15px 20px;
-    height: 100%;
+  height: 100%;
-    display: flex;
+  display: flex;
-    width: 280px;
+  width: 280px;
-    justify-content: center;
+  justify-content: center;
 }
 
 .invest-contact a {
-    color: #fff;
+  color: #fff;
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 700;
+  font-weight: 700;
-    font-size: 14px;
+  font-size: 14px;
-    line-height: 100%;
+  line-height: 100%;
-    letter-spacing: 1.2px;
+  letter-spacing: 1.2px;
-    text-align: center;
+  text-align: center;
-    text-transform: uppercase;
+  text-transform: uppercase;
-    text-decoration: none;
+  text-decoration: none;
 }
 
 .map-section .button-to {
-    margin-top: 35px;
+  margin-top: 35px;
 }
 
 .view-top {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 .contact-cards {
     display: flex;
 
-   
     margin-bottom: 65px;
     
 }
@@ -90,7 +93,7 @@ p.contact-text-banner {
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
     padding: 25px 35px;
     flex: 1 1 30%;
-    border-bottom: 3px solid #b89c58;
+    border-bottom: 5px solid #b89c58;
     /* gold underline */
     transition: all 0.3s ease;
     width: 368px;
@@ -98,122 +101,122 @@ p.contact-text-banner {
     margin-right: 32px;
 }
 
-
-
 .contact-card h4 {
-    color: #033A49;
+  color: #033a49;
-    margin-bottom: 15px;
+  margin-bottom: 15px;
-    font-family: var(--font-secondary);
+  font-family: var(--font-secondary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 24px;
+  font-size: 24px;
-    line-height: 30px;
+  line-height: 30px;
 }
 
+.contact-card p:first-child {
+  font-size: 21px;
+}
 .contact-card p {
-    color: #3E3F3F;
+  color: #3e3f3f;
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 18px;
+  font-size: 18px;
-    line-height: 120%;
+  line-height: 120%;
-    letter-spacing: 1px;
+  letter-spacing: 1px;
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .map-section {
-    display: flex;
+  display: flex;
-    flex-wrap: wrap;
+  flex-wrap: wrap;
-    gap: 50px;
+  gap: 50px;
-    align-items: flex-start;
+  align-items: flex-start;
 }
 
 .map-container {
-    flex: 1 1 55%;
+  flex: 1 1 55%;
-
-    overflow: hidden;
 
+  overflow: hidden;
 }
 
 .map-container iframe {
-    width: 100%;
+  width: 100%;
-    height: 350px;
+  height: 350px;
-    border: 0;
+  border: 0;
 }
 
 .location-info {
-    flex: 1 1 40%;
+  flex: 1 1 40%;
 }
 
 .location-info h3 {
-    color: #033A49;
+  color: #033a49;
-    margin-bottom: 20px;
+  margin-bottom: 20px;
-    font-family: var(--font-secondary);
+  font-family: var(--font-secondary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 32px;
+  font-size: 32px;
-    line-height: 30px;
+  line-height: 30px;
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 .location-info strong {
-    color: #B18C4B;
+  color: #b18c4b;
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 600;
+  font-weight: 600;
-    font-size: 18px;
+  font-size: 18px;
-    line-height: 120%;
+  line-height: 120%;
-    letter-spacing: 0.5px;
+  letter-spacing: 0.5px;
 }
 
 .location-info p {
-    color: #3E3F3F;
+  color: #3e3f3f;
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 600;
+  font-weight: 600;
-    font-size: 16px;
+  font-size: 16px;
-    line-height: 120%;
+  line-height: 120%;
-    letter-spacing: 0.5px;
+  letter-spacing: 0.5px;
 }
 
 .invest-contact2 {
-    background-color: #b58b4b;
+  background-color: #b58b4b;
-    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+  clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
-    transition: all 0.3s ease;
+  transition: all 0.3s ease;
-    padding: 15px 20px;
+  padding: 15px 20px;
-    height: 100%;
+  height: 100%;
-    display: flex;
+  display: flex;
-    width: 220px;
+  width: 220px;
-    justify-content: center;
+  justify-content: center;
 }
 
 .invest-contact2 a {
-    color: #fff;
+  color: #fff;
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 700;
+  font-weight: 700;
-    font-size: 14px;
+  font-size: 14px;
-    line-height: 100%;
+  line-height: 100%;
-    letter-spacing: 1.2px;
+  letter-spacing: 1.2px;
-    text-align: center;
+  text-align: center;
-    text-transform: uppercase;
+  text-transform: uppercase;
-    text-decoration: none;
+  text-decoration: none;
 }
 
 .View {
-    text-transform: uppercase;
+  text-transform: uppercase;
 }
 
 .view-arrow {
-    height: 11px !important;
+  height: 11px !important;
-    width: 17px !important;
+  width: 17px !important;
 }
 
 .location-info.none-desktop {
-    display: none;
+  display: none;
 }
 .hide-details-conne-mobile {
-    display: none
+  display: none;
 }
 
 @media (max-width: 768px) {
-    .contact-cards {
+  .contact-cards {
-        flex-direction: column;
+    flex-direction: column;
-    }
+  }
 
     .map-section {
         flex-direction: column;
@@ -226,95 +229,85 @@ p.contact-text-banner {
     margin-bottom: 32px;
 }
 
-    .location-info.none-desktop {
+  .location-info.none-desktop {
-        display: block;
+    display: block;
-    }
+  }
 
-    .contact-banner {
+  .contact-banner {
-        background-image: url("../assests/images/mobile-contact.svg");
+    background-image: url("../assests/images/mobile-contact.svg");
-        padding: 0px 20px;
+    padding: 0px 20px;
-    }
+  }
 
-    .invest-contact {
+  .invest-contact {
+    width: 95%;
+  }
 
-        width: 95%;
+  .contact-card h4 {
+    font-size: 21px;
+  }
 
-    }
+  p.size-mobile {
+    font-size: 14px;
+  }
 
-    .contact-card h4 {
+  .location-info {
+    width: 100%;
+  }
 
-        font-size: 21px;
+  .map-container {
+    width: 100%;
+  }
 
-    }
+  .invest-contact2 {
+    background-color: #b58b4b;
+    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+    transition: all 0.3s ease;
+    padding: 20px 20px;
+    height: 100%;
+    display: flex;
+    width: 100%;
+    justify-content: center;
+  }
 
-    p.size-mobile {
+  .invest-contact {
-        font-size: 14px;
+    background-color: #b58b4b;
-    }
+    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+    transition: all 0.3s ease;
+    padding: 20px 20px;
+    height: 100%;
+    display: flex;
+    width: 95% !important;
+    justify-content: center;
+  }
 
-    .location-info {
+  .location-info p {
+    font-size: 14px;
+  }
 
-        width: 100%;
+  .view-top {
-    }
+    margin-top: 20px;
+    text-align: center;
+  }
 
-    .map-container {
+  h3.none-mobile {
+    display: none;
+  }
 
-        width: 100%;
+  .map-section {
-    }
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+    align-items: flex-start;
+  }
 
-    .invest-contact2 {
+  .hide-details-conne-dest {
-        background-color: #b58b4b;
+    display: none;
-        clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+  }
-        transition: all 0.3s ease;
+  .hide-details-conne-mobile {
-        padding: 20px 20px;
+    display: flex;
-        height: 100%;
-        display: flex;
-        width: 100%;
-        justify-content: center;
-    }
-
-    .invest-contact {
-        background-color: #b58b4b;
-        clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
-        transition: all 0.3s ease;
-        padding: 20px 20px;
-        height: 100%;
-        display: flex;
-        width: 95% !important;
-        justify-content: center;
-    }
-
-    .location-info p {
-
-        font-size: 14px;
-
-    }
-
-    .view-top {
-        margin-top: 20px;
-        text-align: center;
-    }
-
-    h3.none-mobile {
-        display: none;
-    }
-
-    .map-section {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 30px;
-        align-items: flex-start;
-    }
-
-    .hide-details-conne-dest {
-        display: none;
-    }
-    .hide-details-conne-mobile {
-    display: flex
-;
     gap: 20px;
+  }
 }
-}
-
 
 @media (max-width: 991px) {
     .contact-banner {

css/testing.css

@@ -1,119 +1,100 @@
 /* Base setup */
 :root {
-    --font-primary: 'Open Sans', sans-serif;
+  --font-primary: "Open Sans", sans-serif;
-    /* default body font */
+  --font-secondary: "Larken", serif;
-    --font-secondary: 'Larken', serif;
+  --font-tertiary: "Inter", sans-serif;
-    /* decorative font */
-    --font-tertiary: 'Inter', sans-serif;
-    /* for headings or special text */
 }
 
-section.ask-advantage-scroll {
+.ask-advantage-scroll h2 {
-    padding: 60px 0 0 0;
+  font-family: var(--font-secondary);
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 40px;
+  line-height: 100%;
+  letter-spacing: 0%;
+  color: #033a49;
 }
 
-.ask-advantage-scroll h2
-
- {
-    font-family: var(--font-secondary);
-    font-weight: 400;
-    font-style: Regular;
-    font-size: 40px;
-    line-height: 100%;
-    letter-spacing: 0%;
-    color: #033A49;
-}
 .ask-advantage-scroll p.lead {
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 18px;
+  font-size: 18px;
-    line-height: 100%;
+  line-height: 100%;
-    letter-spacing: 0%;
+  letter-spacing: 0%;
-    color: #3E3F3F;
+  color: #3e3f3f;
-    margin-bottom: 40px;
+  margin-bottom: 40px;
-    margin-top: 15px;
+  margin-top: 15px;
 }
 
-
+/* Mobile & Tablet View (default - stacked layout) */
 .cards-wrapper {
   display: flex;
-  gap: 20px;
+  flex-direction: column;
-  flex-wrap: wrap;
+  gap: 30px;
-  justify-content: center;
+  width: 100%;
-  margin-top: 60px;
-  
 }
 
-
 .card-scroll {
   background-image: url("../assests/images/desbackcard-scroll.svg");
   background-repeat: no-repeat;
-      background-size: cover;
+  background-size: cover;
-  
+  background-position: center center;
- 
-  background-position: center center; /* centers it horizontally and vertically */
-
   border-radius: 30px;
-  width: 100%;
   overflow: hidden;
-
   display: flex;
   flex-direction: row;
-  border: 1px solid #E6E7E8;
+  border: 1px solid #e6e7e8;
-  box-shadow: 0px 5px 14px 0px #0000000D;
+  box-shadow: 0px 5px 14px 0px #0000000d;
-
-  /* reduce side padding so image aligns better */
   padding: 50px 80px 0px 80px;
   gap: 60px;
-   transition: transform 0.3s ease;
+  width: 100%;
+  position: relative;
+  opacity: 1;
+  transform: none;
 }
 
 .card-content {
-    width: 60%;
+  width: 60%;
-    margin-bottom: 50px;
+  margin-bottom: 50px;
 }
+
 .card-image {
-    width: 40%;
+  width: 40%;
-    display: flex;
+  display: flex;
-    align-items: end;
+  align-items: end;
 }
 
-
-
-
 .card-label span {
- color: #B18C4A;
+  color: #b18c4a;
-    font-family: var(--font-primary);
+  font-family: var(--font-primary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 24px;
+  font-size: 24px;
-    line-height: 21.9px;
+  line-height: 21.9px;
-    letter-spacing: 0px;
+  letter-spacing: 0px;
-    vertical-align: middle;
+  vertical-align: middle;
-    text-transform: capitalize;
+  text-transform: capitalize;
 }
 
 .scroll-tiile {
-     margin: 20px 0 10px 0;
+  margin: 20px 0 10px 0;
-    color: #033A49;
+  color: #033a49;
-    font-family: var(--font-secondary);
+  font-family: var(--font-secondary);
-    font-weight: 400;
+  font-weight: 400;
-    font-size: 32px;
+  font-size: 32px;
-    line-height: 100%;
+  line-height: 100%;
-    letter-spacing: 2px;
+  letter-spacing: 2px;
 }
-.scroll-desc{
-font-family: var(--font-primary);
-font-weight: 400;
-
-font-size: 18px;
-line-height: 100%;
-color: #3E3F3F;
-
 
+.scroll-desc {
+  font-family: var(--font-primary);
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 100%;
+  color: #3e3f3f;
 }
 
 .scroll-ul {
- margin-left: 15px;
+  margin-left: 15px;
   padding-left: 20px;
   font-size: 14px;
   color: #555;
@@ -121,119 +102,111 @@ color: #3E3F3F;
 }
 
 .scroll-ul .scroll-li {
-      
+  font-family: var(--font-primary);
-    font-family: var(--font-primary);
+  font-weight: 400;
-    font-weight: 400;
+  font-size: 16px;
-    font-size: 16px;
+  line-height: 32px;
-    line-height: 32px;
 }
 
-
-
 .card-image img {
   width: 316px;
   display: block;
 }
 
-@media (max-width: 768px) {
+/* Desktop View (Animation Layout) */
- .card-scroll {
+@media (min-width: 1024px) {
-  background-image: url("../assests/images/mobilebackcard-scroll.svg") ;
+  .cards-wrapper {
-  background-repeat: no-repeat;
+    position: relative;
-  background-size: cover; /* fills card area */
+    height: 530px;
-  background-position: center center; /* show from top */
+    overflow: hidden;
+    display: block;
+    gap: 0;
+  }
 
-  border-radius: 30px;
+  .card-scroll {
-  width: 100%;
+    position: absolute;
-  overflow: hidden;
+    top: 0;
+    left: 0;
+    width: 100%;
+    opacity: 0;
+    transform: translateY(100%);
+    transition: none;
+  }
 
-  display: flex;
+  .card-scroll.active {
-  flex-direction: column;
+    opacity: 1;
-  border: 1px solid #E6E7E8;
+    transform: translateY(0);
-  box-shadow: 0px 0px 14px 0px #0000000D;
+    z-index: 2;
-  padding: 30px 20px 0px 20px;
+  }
-  gap: 30px;
 }
 
-.card-content {
+/* Mobile & Tablet Styles */
+@media (max-width: 1023px) {
+  .card-scroll {
+    background-image: url("../assests/images/mobilebackcard-scroll.svg");
+    flex-direction: column;
+    padding: 30px 20px 0px 20px;
+    gap: 30px;
+  }
+
+  .card-content {
     width: 100%;
     margin-bottom: 0px;
-}
+  }
-.card-image {
+
+  .card-image {
     width: 100%;
     text-align: center;
     justify-content: center;
     display: flex;
-}
+  }
-.card-image img {
+
+  .card-image img {
     width: 220px;
     display: block;
-}
+  }
-.card-label span {
 
+  .card-label span {
     font-size: 18px;
+  }
 
-}
+  .scroll-tiile {
-.scroll-tiile {
-   
     font-size: 18px;
     letter-spacing: 0.5px;
-}
+  }
-.cards-wrapper {
-
-    margin-top: 30px;
-}
-.scroll-desc {
 
+  .scroll-desc {
     font-size: 13px;
+  }
 
-}
+  .scroll-ul {
-.scroll-ul {
-   
     display: none;
-}
+  }
-.ask-advantage-scroll h2
-
- {
 
+  .ask-advantage-scroll h2 {
     font-size: 26px;
     line-height: 36px;
+  }
 
-}
+  .ask-advantage-scroll p.lead {
-.ask-advantage-scroll p.lead {
+    font-size: 15px;
-   
-  
-    font-size: 14px;
     line-height: 22px;
-   
+  }
-   
-}
 }
 
+@media (max-width: 768px) {
+  .cards-wrapper {
+    gap: 20px;
+  }
   
-.cards-wrapper {
+  .card-scroll {
-  position: relative;
+    padding: 25px 15px 0px 15px;
-  height: 530px;   /* ya jitna aapko chahiye ho */
+    gap: 20px;
-  overflow: hidden;
+  }
-}
-
-.card-scroll {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  opacity: 0;
-  transform: translateY(100%);
-}
-
-.card-scroll.active {
-  opacity: 1;
-  transform: translateY(0);
-  z-index: 2;
 }
 
 @media (max-width: 991px) {
-     section.ask-advantage-scroll.container {
+  section.ask-advantage-scroll.container {
-    padding: 60px 25px 0 25px !important;
+    padding: 40px 25px 0 25px !important;
+  }
 }
-}
-

js/main.js

@@ -36,64 +36,64 @@ const routes = {
 // ===============================
 const timelineData = {
   1983: {
-    icon: "../assests/images/1983-Icon.svg",
+    icon: "./assests/images/1983-Icon.svg",
     heading: "The beginning",
     sub1: "Set up by Mr. Asit Koticha and Mr. Sameer Koticha,",
     sub2: "ASK Group offers research-based Investment advisory",
     sub3: "",
   },
   1991: {
-    icon: "../assests/images/1991-Icon.svg",
+    icon: "./assests/images/1991-Icon.svg",
     heading: "ASK Raymond James",
     sub1: "ASK Group and Raymond James",
     sub2: "Financial enter into a Partnership",
     sub3: "",
   },
   2007: {
-    icon: "../assests/images/2007-Icon.svg",
+    icon: "./assests/images/2007-Icon.svg",
     heading: "Launch of ASK Wealth Advisors",
     sub1: "Raymond James Financial partnership exits.",
     sub2: "",
     sub3: "",
   },
   2008: {
-    icon: "../assests/images/2008-Icon.svg",
+    icon: "./assests/images/2008-Icon.svg",
     heading: "Launch of ASK multi-family office",
     sub1: "",
     sub2: "",
     sub3: "",
   },
   2013: {
-    icon: "../assests/images/2013-Icon.svg",
+    icon: "./assests/images/2013-Icon.svg",
     heading: "License from SEBI",
     sub1: "ASK Wealth Advisors receives an",
     sub2: "Investment Advisor License from SEBI.",
     sub3: "",
   },
   2015: {
-    icon: "../assests/images/2015-Icon.svg",
+    icon: "./assests/images/2015-Icon.svg",
     heading: "ASK Wealth Advisors adjudged",
     sub1: ` "the best Independent Wealth Advisor, 2015" `,
     sub2: "by Wealth Briefing, Asia.",
     sub3: "",
   },
   2016: {
-    icon: "../assests/images/2016-Icon.svg",
+    icon: "./assests/images/2016-Icon.svg",
-    mobileIcon: "../assests/images/2016-Mobile-Icon.svg",
+    mobileIcon: "./assests/images/2016-Mobile-Icon.svg",
     heading: "",
     sub1: "Advert International acquires minority ",
     sub2: "stake in ASK Group.",
     sub3: "",
   },
   2017: {
-    icon: "../assests/images/2015-Icon.svg",
+    icon: "./assests/images/2015-Icon.svg",
     heading: "ASK Wealth Advisors adjudged",
     sub1: `"One to Watch - Wealth Manager - India Domestic" - Distinction, 2017"`,
     sub2: "by Asian Private Banker.",
     sub3: "",
   },
   2018: {
-    icon: "../assests/images/2015-Icon.svg",
+    icon: "./assests/images/2015-Icon.svg",
     heading:
       "ASK launches its first offshore fund - ASK Global Strategies Fund",
     sub1: "TWICE IN A ROW:",
@@ -101,21 +101,21 @@ const timelineData = {
     sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
   },
   2019: {
-    icon: "../assests/images/1983-Icon.svg",
+    icon: "./assests/images/1983-Icon.svg",
     heading: "Hall of Fame",
     sub1: `ASK Wealth Advisors inducted into the "Hall of Fame"`,
     sub2: "at the Financial Advisor Awards for the Years ",
     sub3: "2018-19 and 2019-20 by UTI MF & CNBC TV18.",
   },
   2020: {
-    icon: "../assests/images/2015-Icon.svg",
+    icon: "./assests/images/2015-Icon.svg",
     heading: "Outstanding Private Bank",
     sub1: "Outstanding Private Bank for UNHW clients  ",
     sub2: "at the Private Banker International Global",
     sub3: "Wealth Summit & Awards 2020, Singapore.",
   },
   2022: {
-    icon: "../assests/images/2022-Icon.svg",
+    icon: "./assests/images/2022-Icon.svg",
     heading: "Blackstone Acquisition",
     sub1: "Blackstone acquires majority stake in ",
     sub2: "ASK Group, Advert International exits.",
@@ -329,28 +329,94 @@ window.openDrawer = function (name, role, img, desc) {
 let cards = [];
 let currentIndex = 0;
 let animating = false;
-let isInsideSection = false;
+let isSectionPinned = false;
+let scrollTrigger;
+let allowNormalScroll = false;
 
+// ===============================
+// ✅ GSAP Stack Scroll with Section Pinning (Fixed Scroll Lock Only)
+// ===============================
 function initGsapStackScroll() {
-  const section = document.querySelector(".cards-wrapper");
+  // Check if device is desktop/laptop (min-width: 1024px)
+  const isDesktop = window.matchMedia("(min-width: 1024px)").matches;
+  
+  if (!isDesktop) {
+    console.log("GSAP stack scroll disabled for mobile/tablet devices");
+    return;
+  }
+
+  const section = document.querySelector(".ask-advantage-scroll");
   if (!section) return;
 
-  cards = Array.from(section.querySelectorAll(".card-scroll"));
+  const cardsWrapper = document.querySelector(".cards-wrapper");
+  if (!cardsWrapper) return;
+
+  cards = Array.from(cardsWrapper.querySelectorAll(".card-scroll"));
   if (!cards.length) return;
 
-  // Hide all cards initially, show the first one
+  // Initial setup
   gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
-  gsap.set(cards[0], { opacity: 1, y: "0px", zIndex: 4 });
+  gsap.set(cards[0], { opacity: 1, y: "60px", zIndex: 5 });
   currentIndex = 0;
+  allowNormalScroll = false;
 
-  section.addEventListener("mouseenter", () => (isInsideSection = true));
+  // Calculate exact pinning distance
-  section.addEventListener("mouseleave", () => (isInsideSection = false));
+  const cardHeight = cardsWrapper.offsetHeight;
+  const totalCards = cards.length;
+  const pinningDistance = cardHeight * totalCards * 0.4;
 
-  window.removeEventListener("wheel", window._gsapStackHandler);
+  // Scroll pinning logic
+  scrollTrigger = ScrollTrigger.create({
+    trigger: cardsWrapper,
+    start: "top top",
+    end: `+=${pinningDistance}`,
+    pin: true,
+    anticipatePin: 1,
+    pinSpacing: true,
+    onEnter: () => {
+      isSectionPinned = true;
+      allowNormalScroll = false;
+      if (currentIndex !== 0) {
+        resetToFirstCard();
+      }
+    },
+    onLeave: () => {
+      isSectionPinned = false;
+      allowNormalScroll = true;
+    },
+    onEnterBack: () => {
+      isSectionPinned = true;
+      allowNormalScroll = false;
+    },
+    onLeaveBack: () => {
+      isSectionPinned = false;
+      allowNormalScroll = true;
+    },
+  });
+
+  // ✅ Wheel handler with scroll block fix
   window._gsapStackHandler = function (e) {
-    if (!isInsideSection) return;
+    if (!isSectionPinned) return;
+
+    // Completely block scroll while animating
+    if (animating) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+
+    // Boundaries check
+    if (
+      (e.deltaY > 0 && currentIndex >= cards.length - 1) ||
+      (e.deltaY < 0 && currentIndex <= 0)
+    ) {
+      allowNormalScroll = true;
+      return;
+    }
+
+    // Start animation & block scroll during it
     e.preventDefault();
-    if (animating) return;
+    e.stopPropagation();
 
     if (e.deltaY > 0) {
       showNextGsapCard();
@@ -359,88 +425,135 @@ function initGsapStackScroll() {
     }
   };
 
+  // ✅ Keyboard handler
+  window._gsapKeyHandler = function (e) {
+    if (!isSectionPinned || animating) return;
+
+    if (
+      (e.key === "ArrowDown" && currentIndex >= cards.length - 1) ||
+      (e.key === "ArrowUp" && currentIndex <= 0)
+    ) {
+      return; // Allow normal scroll at boundaries
+    }
+
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      showNextGsapCard();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      showPrevGsapCard();
+    }
+  };
+
   window.addEventListener("wheel", window._gsapStackHandler, {
     passive: false,
   });
+  window.addEventListener("keydown", window._gsapKeyHandler);
 }
 
-function showNextGsapCard() {
+// ✅ Reset to first card
-  if (currentIndex >= cards.length - 1) return;
+function resetToFirstCard() {
   animating = true;
+  allowNormalScroll = false;
+
+  gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
+
+  gsap.set(cards[0], {
+    opacity: 1,
+    y: "60px",
+    zIndex: 5,
+    onComplete: () => {
+      currentIndex = 0;
+      animating = false;
+    },
+  });
+}
+
+// ✅ Show next card
+function showNextGsapCard() {
+  if (currentIndex >= cards.length - 1 || animating) return;
+
+  animating = true;
+  allowNormalScroll = false;
 
   const current = cards[currentIndex];
   const next = cards[currentIndex + 1];
 
-  // Animate current card (move it to previous stack position)
   gsap.to(current, {
     y: "40px",
     scale: 0.95,
     opacity: 1,
     duration: 0.8,
     ease: "power2.inOut",
-    onComplete: () => current.classList.add("previous"),
   });
 
-  // Animate next card (slide in from below and become active)
+  gsap.set(next, { zIndex: 5 });
-  gsap.set(next, { zIndex: 5 }); // Active card gets highest z-index
   gsap.fromTo(
     next,
     { y: "100%", opacity: 0, scale: 1 },
     {
-      y: "60px", // Active card position
+      y: "60px",
       opacity: 1,
       scale: 1,
       duration: 0.8,
       ease: "power2.inOut",
       onComplete: () => {
-        adjustPreviousCards();
+        currentIndex++;
+        adjustVisibleCards();
         animating = false;
+
+        // ✅ Allow normal scroll only after last card animation completes
+        if (currentIndex >= cards.length - 1) {
+          allowNormalScroll = true;
+          ScrollTrigger.refresh(true);
+        } else {
+          allowNormalScroll = false;
+        }
       },
     }
   );
-
-  currentIndex++;
 }
 
+// ✅ Show previous card
 function showPrevGsapCard() {
-  if (currentIndex <= 0) return;
+  if (currentIndex <= 0 || animating) return;
+
   animating = true;
+  allowNormalScroll = false;
 
   const current = cards[currentIndex];
   const prev = cards[currentIndex - 1];
-
-  // Hide current card (slide it down)
   gsap.to(current, {
     y: "100%",
     opacity: 0,
     duration: 0.8,
     ease: "power2.inOut",
-    onComplete: () => current.classList.remove("previous"),
   });
 
-  // Bring back previous card as active
+  gsap.set(prev, { zIndex: 5 });
-  gsap.set(prev, { zIndex: 5 }); // Active card gets highest z-index
   gsap.to(prev, {
-    y: "60px", // Active card position
+    y: "60px",
     opacity: 1,
     scale: 1,
     duration: 0.8,
     ease: "power2.inOut",
     onComplete: () => {
-      adjustPreviousCards();
+      currentIndex--;
+      adjustVisibleCards();
       animating = false;
+
+      if (currentIndex <= 0) {
+        allowNormalScroll = false;
+      }
     },
   });
-
-  currentIndex--;
 }
 
-// 🪄 Adjust visible cards (up to 4-layer stack including active card)
+// ✅ Adjust visible cards stack
-function adjustPreviousCards() {
+function adjustVisibleCards() {
-  // Reset all cards to default state
   gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
 
-  // Always show the current active card
+  // Active card
   if (cards[currentIndex]) {
     gsap.set(cards[currentIndex], {
       y: "60px",
@@ -450,13 +563,13 @@ function adjustPreviousCards() {
     });
   }
 
-  // Show up to 3 previous cards in the stack
+  // Show only 2 previous cards
-  for (let i = 1; i <= 3; i++) {
+  for (let i = 1; i <= 2; i++) {
     const prevIndex = currentIndex - i;
     if (prevIndex >= 0) {
-      const yOffset = 60 - i * 30; // 60px, 40px, 20px, 0px
+      const yOffset = 60 - i * 25;
-      const scale = 1 - i * 0.05; // 1, 0.95, 0.9, 0.85
+      const scale = 1 - i * 0.05;
-      const zIndex = 5 - i; // 5, 4, 3, 2
+      const zIndex = 5 - i;
 
       gsap.set(cards[prevIndex], {
         y: `${yOffset}px`,
@@ -466,9 +579,35 @@ function adjustPreviousCards() {
       });
     }
   }
+
+  // Hide older cards
+  const hideIndex = currentIndex - 3;
+  if (hideIndex >= 0 && cards[hideIndex]) {
+    gsap.to(cards[hideIndex], {
+      opacity: 0,
+      y: "100%",
+      duration: 0.6,
+      ease: "power2.inOut",
+    });
+  }
 }
 
+// ✅ Cleanup function
+function cleanupGsapStackScroll() {
+  if (window._gsapStackHandler) {
+    window.removeEventListener("wheel", window._gsapStackHandler);
+  }
+  if (window._gsapKeyHandler) {
+    window.removeEventListener("keydown", window._gsapKeyHandler);
+  }
+  if (scrollTrigger) {
+    scrollTrigger.kill();
+  }
+}
+
+// Initialize after DOM load
 document.addEventListener("DOMContentLoaded", initGsapStackScroll);
+window.addEventListener("beforeunload", cleanupGsapStackScroll);
 
 // ===============================
 // ✅ Load Page Content Dynamically
@@ -483,6 +622,16 @@ function loadPage() {
       document.getElementById("page-content").innerHTML = html;
       window.scrollTo({ top: 0, behavior: "smooth" });
 
+      // ✅ Hide footer for #/our-fund route
+      const footer = document.getElementById("footer");
+      if (footer) {
+        if (hash === "#/our-fund") {
+          footer.style.display = "none";
+        } else {
+          footer.style.display = "block";
+        }
+      }
+
       // Init all components after content load
       initSwiper();
       initTimelineSwiper();

pages/about.html

@@ -66,8 +66,8 @@
         </div>
       </div>
     </div>
-    <div class="mt-4">
+    <div class="mt-4 date-container">
-      <span class="about-as-of-date">As of July 2025</span>
+      <span class="as-of-date">As of July 2025</span>
     </div>
   </div>
 </section>

pages/blog.html

@@ -17,7 +17,7 @@
 <section class="ask-advantage-blog container">
    <div class="row">
   <div class="col-md-12">
-    <div class="blog-card d-flex align-items-center">
+    <div class="blog-page-card d-flex align-items-center">
       <!-- Left Image -->
       <div class="blog-image">
         <img src="./assests/images/row-blog.svg" alt="Understanding SIPs" class="img-fluid rounded-3">

pages/contact.html

@@ -118,42 +118,61 @@
 
 
 </section>
-<section class="ask-advantage2 container " style="margin-top: 60px;">
+
+<section class="ask-advantage2 container" style="margin-top: 60px;">
   <h2>New to Mutual Funds?</h2>
   <p class="lead">Here are answers to some common questions we often get</p>
   <div class="accordion" id="accordionExample">
     <div class="accordion" id="accordionExample">
-
       <div class="accordion-item">
         <h2 class="accordion-header" id="headingOne">
-          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
+          <button
-            aria-expanded="true" aria-controls="collapseOne">
+            class="accordion-button"
-            Is it safe to invest in mutual funds?
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseOne"
+            aria-expanded="true"
+            aria-controls="collapseOne"
+          >
+            How do mutual fund works?
           </button>
         </h2>
-        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
+        <div
-          data-bs-parent="#accordionExample">
+          id="collapseOne"
+          class="accordion-collapse collapse show"
+          aria-labelledby="headingOne"
+          data-bs-parent="#accordionExample"
+        >
           <div class="accordion-body">
-            <span class="textaccor">
+            <span class="textaccor">Mutual funds pool money from multiple investors and invest in a diversified mix of stocks, bonds, or other securities. Professional fund managers manage the investments, helping reduce risk while aiming for long-term returns.
-              Mutual funds are regulated by SEBI and offer risk diversification, but returns are not guaranteed and
-              depend on market performance.
             </span>
           </div>
         </div>
       </div>
 
-      <div class="accordion-item">
+            <div class="accordion-item">
         <h2 class="accordion-header" id="headingTwo">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+          <button
-            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+            class="accordion-button collapsed"
-            How much money do I need to start?
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseTwo"
+            aria-expanded="false"
+            aria-controls="collapseTwo"
+          >
+            Is it safe to invest in mutual funds?
           </button>
         </h2>
-        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
+        <div
-          data-bs-parent="#accordionExample">
+          id="collapseTwo"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingTwo"
+          data-bs-parent="#accordionExample"
+        >
           <div class="accordion-body">
             <span class="textaccor">
-              You can begin investing in most mutual funds with as little as ₹500 via SIP or lump sum.
+              Mutual funds are regulated by SEBI and offer risk diversification,
+              but returns are not guaranteed and depend on market performance.
             </span>
           </div>
         </div>
@@ -161,17 +180,27 @@
 
       <div class="accordion-item">
         <h2 class="accordion-header" id="headingThree">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+          <button
-            data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+            class="accordion-button collapsed"
-            Can I withdraw my money anytime?
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseThree"
+            aria-expanded="false"
+            aria-controls="collapseThree"
+          >
+            How much money do I need to start?
           </button>
         </h2>
-        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
+        <div
-          data-bs-parent="#accordionExample">
+          id="collapseThree"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingThree"
+          data-bs-parent="#accordionExample"
+        >
           <div class="accordion-body">
             <span class="textaccor">
-              Yes, most open-ended mutual funds allow withdrawals anytime, though some may have exit loads or specific
+              You can begin investing in most mutual funds with as little as
-              lock-in periods.
+              ₹500 via SIP or lump sum.
             </span>
           </div>
         </div>
@@ -179,17 +208,27 @@
 
       <div class="accordion-item">
         <h2 class="accordion-header" id="headingFour">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+          <button
-            data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+            class="accordion-button collapsed"
-            How are mutual funds taxed?
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseFour"
+            aria-expanded="false"
+            aria-controls="collapseFour"
+          >
+            Can I withdraw my money anytime?
           </button>
         </h2>
-        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
+        <div
-          data-bs-parent="#accordionExample">
+          id="collapseFour"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingFour"
+          data-bs-parent="#accordionExample"
+        >
           <div class="accordion-body">
             <span class="textaccor">
-              Tax is based on the type of fund and holding period, with separate rules for equity and debt funds as per
+              Yes, most open-ended mutual funds allow withdrawals anytime,
-              prevailing tax laws.
+              though some may have exit loads or specific lock-in periods.
             </span>
           </div>
         </div>
@@ -197,16 +236,27 @@
 
       <div class="accordion-item">
         <h2 class="accordion-header" id="headingFive">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+          <button
-            data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
+            class="accordion-button collapsed"
-            Do mutual funds guarantee returns?
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseFive"
+            aria-expanded="false"
+            aria-controls="collapseFive"
+          >
+            How are mutual funds taxed?
           </button>
         </h2>
-        <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
+        <div
-          data-bs-parent="#accordionExample">
+          id="collapseFive"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingFive"
+          data-bs-parent="#accordionExample"
+        >
           <div class="accordion-body">
             <span class="textaccor">
-              No, mutual funds do not guarantee returns; their value fluctuates according to market movements.
+              Tax is based on the type of fund and holding period, with separate
+              rules for equity and debt funds as per prevailing tax laws.
             </span>
           </div>
         </div>
@@ -214,24 +264,59 @@
 
       <div class="accordion-item">
         <h2 class="accordion-header" id="headingSix">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+          <button
-            data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
+            class="accordion-button collapsed"
-            What is NAV in mutual funds?
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseSix"
+            aria-expanded="false"
+            aria-controls="collapseSix"
+          >
+            Do mutual funds guarantee returns?
           </button>
         </h2>
-        <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
+        <div
-          data-bs-parent="#accordionExample">
+          id="collapseSix"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingSix"
+          data-bs-parent="#accordionExample"
+        >
           <div class="accordion-body">
             <span class="textaccor">
-              NAV (Net Asset Value) is the per-unit price of a mutual fund, calculated daily after accounting for fund
+              No, mutual funds do not guarantee returns; their value fluctuates
-              assets and liabilities.
+              according to market movements.
             </span>
           </div>
         </div>
       </div>
 
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingSeven">
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseSeven"
+            aria-expanded="false"
+            aria-controls="collapseSeven"
+          >
+            What is NAV in mutual funds?
+          </button>
+        </h2>
+        <div
+          id="collapseSeven"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingSeven"
+          data-bs-parent="#accordionExample"
+        >
+          <div class="accordion-body">
+            <span class="textaccor">
+              NAV (Net Asset Value) is the per-unit price of a mutual fund,
+              calculated daily after accounting for fund assets and liabilities.
+            </span>
+          </div>
+        </div>
+      </div>
     </div>
-
   </div>
-
 </section>

pages/our-team.html

@@ -30,13 +30,13 @@
         <div class="row g-4  ">
           <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
             <div class="card team-card"
-              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
               'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
               <img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
               <div class="team-info">
                 <div class="text-height">
                   <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
-                  <p>Chief Investment Officer</p>
+                  <p>Chief Investment Officer & Chief Executive Officer</p>
                 </div>
                 <div class="arrow-m-right">
                   <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
@@ -47,7 +47,7 @@
 
           <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
             <div class="card team-card"
-              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
             'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
               <img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
               <div class="team-info">
@@ -64,7 +64,7 @@
 
           <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
             <div class="card team-card"
-              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
           'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
               <img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
               <div class="team-info">
@@ -79,15 +79,15 @@
             </div>
           </div>
 
-          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+                    <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
             <div class="card team-card"
-              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
               'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
               <img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
               <div class="team-info">
                 <div class="text-height">
                   <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
-                  <p>Chief Investment Officer</p>
+                  <p>Chief Investment Officer & Chief Executive Officer</p>
                 </div>
                 <div class="arrow-m-right">
                   <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
@@ -98,7 +98,7 @@
 
           <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
             <div class="card team-card"
-              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
             'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
               <img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
               <div class="team-info">
@@ -115,7 +115,58 @@
 
           <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
             <div class="card team-card"
-              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team1-d.svg',
+              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
+          'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
+              <img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
+              <div class="team-info">
+                <div class="text-height">
+                  <h5>Bhavana Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Business Officer</p>
+                </div>
+                <div class="arrow-m-right">
+                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
+                </div>
+              </div>
+            </div>
+          </div>
+
+                    <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+            <div class="card team-card"
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1.svg',
+              'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
+              <img src="./assests/images/team1.svg" alt="Bharat Shah" class="team-img">
+              <div class="team-info">
+                <div class="text-height">
+                  <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Investment Officer & Chief Executive Officer</p>
+                </div>
+                <div class="arrow-m-right">
+                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+            <div class="card team-card"
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team2.svg',
+            'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
+              <img src="./assests/images/team2.svg" alt="Sunil Rohokale" class="team-img">
+              <div class="team-info">
+                <div class="text-height">
+                  <h5>Sunil Rohokale <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Business Officer</p>
+                </div>
+                <div class="arrow-m-right">
+                  <img class="arrow-m" src="./assests/images/rightArrow.svg" alt="Arrow">
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-md-4 col-sm-4 col-6 team-spac">
+            <div class="card team-card"
+              onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', './assests/images/team3.svg',
           'Mr. Himanshoo Bohara, is the group Chief Financial Officer and was appointed on February 1, 2011. He holds a bachelor\'s degree in science from the Mohanlal Sukhadia University, Udaipur. He is also a member of the Institute of Chartered Accountants of India and is a member of the Institute of Company Secretaries of India.<br><br>He has 19 years of experience. Before joining ASK, he was holding position of group chief financial officer at Centrum Capital Limited. He has also worked with DSP Merrill Lynch Limited, The Hong Kong and Shanghai Banking Corporation Limited and Accenture India Private Limited.')">
               <img src="./assests/images/team3.svg" alt="Bhavana Shah" class="team-img">
               <div class="team-info">
@@ -176,7 +227,7 @@
 
 
     <h5 style="padding-top: 5px; padding-left: 10px;" id="drawerName"></h5>
-    <p style="width: 250px; border-bottom: 1px solid #033A49; padding-bottom: 4px; margin-left: 10px;" class="role"
+    <p style="width: 250px; border-bottom: 1px solid #033A49; padding-bottom: 15px; margin-left: 10px;" class="role"
       id="drawerRole"></p>
     <p class="desc" id="drawerDesc" style="padding-left: 10px;"></p>
   </div>